/**
 * Ortak tam metin tooltip (70 karakter + ... + hover).
 * Kullanım: td.emm-fulltext-tooltip-host içinde span.emm-fulltext-tooltip[data-fulltext]
 * Renk / boyut değişiklikleri için aşağıdaki değişkenleri güncellemek yeterli.
 */
:root {
    --emm-fulltext-tooltip-z: 2500;
    --emm-fulltext-tooltip-bg: #dc3545;
    --emm-fulltext-tooltip-border: #b71c1c;
    --emm-fulltext-tooltip-text: #fff;
}

.emm-fulltext-tooltip-host {
    position: relative !important;
    overflow: visible !important;
}

.emm-fulltext-tooltip {
    position: relative;
    cursor: default;
}

.emm-fulltext-tooltip:hover::after {
    content: attr(data-fulltext);
    position: absolute;
    left: 0;
    bottom: calc(100% + 6px);
    z-index: var(--emm-fulltext-tooltip-z);
    background-color: var(--emm-fulltext-tooltip-bg);
    color: var(--emm-fulltext-tooltip-text);
    border: 1px solid var(--emm-fulltext-tooltip-border);
    border-radius: 4px;
    padding: 6px 8px;
    font-size: 12px;
    line-height: 1.3;
    white-space: normal;
    min-width: 240px;
    max-width: 420px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

/* Üst satırlar: sabit header ile çakışmayı önlemek için tooltip yan açılır */
#fixed-columns-datatable tbody tr:nth-child(-n + 2) .emm-fulltext-tooltip:hover::after {
    left: calc(100% + 8px);
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

/* DataTables kaydırmalı gövde tooltip'i dikey kırpmasın */
#fixed-columns-datatable_wrapper .dataTables_scrollBody,
#fixed-columns-datatable_wrapper .dt-scroll-body {
    overflow-y: visible !important;
}