/* Office and client portal table baseline. */
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #kullanici-view table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #loglar-view table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #calendar-agenda-content table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-evraklar-view table {
    font-family: Calibri, "Segoe UI", Arial, sans-serif;
    font-size: 11pt;
    color: #000000;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table th,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td,
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table th,
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table td,
body:is(.office-mode, .client-mode):not(.is-logged-out) #kullanici-view table th,
body:is(.office-mode, .client-mode):not(.is-logged-out) #kullanici-view table td,
body:is(.office-mode, .client-mode):not(.is-logged-out) #loglar-view table th,
body:is(.office-mode, .client-mode):not(.is-logged-out) #loglar-view table td,
body:is(.office-mode, .client-mode):not(.is-logged-out) #calendar-agenda-content table th,
body:is(.office-mode, .client-mode):not(.is-logged-out) #calendar-agenda-content table td,
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-evraklar-view table th,
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-evraklar-view table td {
    font-family: Calibri, "Segoe UI", Arial, sans-serif;
    font-size: 11pt;
    color: #000000;
    line-height: 1.18;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table textarea,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table select,
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table textarea,
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table select,
body:is(.office-mode, .client-mode):not(.is-logged-out) #kullanici-view table input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #kullanici-view table textarea,
body:is(.office-mode, .client-mode):not(.is-logged-out) #kullanici-view table select,
body:is(.office-mode, .client-mode):not(.is-logged-out) #loglar-view table input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #loglar-view table textarea,
body:is(.office-mode, .client-mode):not(.is-logged-out) #loglar-view table select,
body:is(.office-mode, .client-mode):not(.is-logged-out) #calendar-agenda-content table input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #calendar-agenda-content table textarea,
body:is(.office-mode, .client-mode):not(.is-logged-out) #calendar-agenda-content table select,
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-evraklar-view table input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-evraklar-view table textarea,
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-evraklar-view table select {
    font-family: Calibri, "Segoe UI", Arial, sans-serif;
    font-size: 11pt;
    color: #000000;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td[data-col-key="muvekkil"],
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td[data-col-key="davali"],
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td[data-col-key="ad_soyad_unvan"],
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table td {
    overflow: hidden;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table .cell-input {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td[data-col-type="multi-text"] .cell-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td[data-col-key="muvekkil"] .cell-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td[data-col-key="davali"] .cell-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table td[data-col-key="ad_soyad_unvan"] .cell-input {
    text-transform: uppercase;
}

/* Work panel shell: remove the old navy canvas from every office panel. */
body:is(.office-mode, .client-mode):not(.is-logged-out):not(.ana-menu-active) #main-portal-content {
    background: #f6f8fb;
    background-color: #f6f8fb;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view
):not(.hidden) :is(.bg-\[\#1e3a8a\], .bg-\[\#0f172a\]),
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-preview-pane > .maktu-preview-head,
body:is(.office-mode, .client-mode):not(.is-logged-out) #hesap-yonetimi-view .bg-\[\#1e3a8a\] {
    background: rgba(255, 255, 255, 0.82);
    background-color: rgba(255, 255, 255, 0.82);
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
    border-color: rgba(205, 181, 146, 0.82);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view
):not(.hidden) :is(.bg-\[\#1e3a8a\], .bg-\[\#0f172a\]) :is(h1, h2, h3, span, strong, p, div),
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-preview-pane > .maktu-preview-head :is(h1, h2, h3, span, strong, p, div),
body:is(.office-mode, .client-mode):not(.is-logged-out) #hesap-yonetimi-view .bg-\[\#1e3a8a\] :is(h1, h2, h3, span, strong, p, div) {
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
}
/* Work panels use clean surfaces; no background watermark. */
body:is(.office-mode, .client-mode):not(.is-logged-out):has(:is(
    #dosya-view:not(.hidden),
    #takvim-view:not(.hidden),
    #is-takip-view:not(.hidden),
    #hesap-yonetimi-view:not(.hidden),
    #maktu-evraklar-view:not(.hidden),
    #kullanici-view:not(.hidden),
    #loglar-view:not(.hidden),
    #ayarlar-view:not(.hidden)
))::before {
    content: none;
    display: none;
}

body:is(.office-mode, .client-mode):not(.is-logged-out):has(:is(
    #dosya-view:not(.hidden),
    #takvim-view:not(.hidden),
    #is-takip-view:not(.hidden),
    #hesap-yonetimi-view:not(.hidden),
    #maktu-evraklar-view:not(.hidden),
    #kullanici-view:not(.hidden),
    #loglar-view:not(.hidden),
    #ayarlar-view:not(.hidden)
)) #main-portal-content {
    isolation: isolate;
}

body:is(.office-mode, .client-mode):not(.is-logged-out):has(:is(
    #dosya-view:not(.hidden),
    #takvim-view:not(.hidden),
    #is-takip-view:not(.hidden),
    #hesap-yonetimi-view:not(.hidden),
    #maktu-evraklar-view:not(.hidden),
    #kullanici-view:not(.hidden),
    #loglar-view:not(.hidden),
    #ayarlar-view:not(.hidden)
)) #main-portal-content::before {
    content: none;
    display: none;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view
):not(.hidden) {
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.78);
    background-color: rgba(255, 255, 255, 0.78);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view
):not(.hidden) :is(header, .portal-section-header, #tab-bar-top, #tab-bar-bottom, #tab-bar-footer, #calendar-tabs-nav, #agenda-tabs-nav, #calendar-categories-container, #job-tracking-tabs-nav, #maktu-tabs-row, #maktu-tabs-nav, #user-tabs-nav, #log-tabs-nav, .table-wrapper, .table-frame, #table-container, #data-table-container, #job-tracking-items-container, #calendar-agenda-content, #maktu-library-pane) {
    position: relative;
    z-index: 9;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view
):not(.hidden) :is(.table-wrapper, .table-frame, #table-container, #data-table-container, #job-tracking-items-container, #calendar-agenda-content, .maktu-evrak-container) {
    background: rgba(255, 255, 255, 0.76);
    background-color: rgba(255, 255, 255, 0.76);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #job-tracking-items-container table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #calendar-agenda-content table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #maktu-evraklar-view table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #kullanici-view table,
body:is(.office-mode, .client-mode):not(.is-logged-out) #loglar-view table {
    background: transparent;
    background-color: transparent;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td {
    background-color: rgba(255, 255, 255, 0.72);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody tr:nth-child(even) td {
    background-color: rgba(247, 249, 252, 0.74);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody tr:hover td {
    background-color: rgba(255, 248, 230, 0.90);
}
/* Portal panel final visual system: transparent rows and one standard tab language. */
/* Shared header icon button standard: modern light controls, no navy/blue fill. */
body:not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view,
    #notlar-view,
    #uzerimdeki-isler-view
) .portal-section-header :is(.toolbar-btn, .bulk-btn, .view-btn, .canva-button) {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    border: 1.25px solid rgba(177, 151, 105, 0.72);
    background: linear-gradient(180deg, #ffffff 0%, #f8f5ed 100%);
    color: #16213d;
    -webkit-text-fill-color: #16213d;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 4px 10px rgba(23, 33, 61, 0.08);
    transition: transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

body:not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view,
    #notlar-view,
    #uzerimdeki-isler-view
) .portal-section-header :is(.toolbar-btn, .bulk-btn, .view-btn, .canva-button):hover {
    background: linear-gradient(180deg, #fffdf8 0%, #efe5d3 100%);
    border-color: rgba(177, 151, 105, 0.95);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 7px 16px rgba(23, 33, 61, 0.11);
    transform: translateY(-1px);
}

body:not(.is-logged-out) :is(
    #dosya-view,
    #takvim-view,
    #is-takip-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #kullanici-view,
    #loglar-view,
    #ayarlar-view,
    #notlar-view,
    #uzerimdeki-isler-view
) .portal-section-header :is(.toolbar-btn, .bulk-btn, .view-btn, .canva-button) :is(i, svg) {
    width: 16px;
    height: 16px;
    color: currentColor;
    stroke: currentColor;
}
/* Shared portal button standard: modals, mobile controls and action buttons share one neutral language. */
body:not(.is-logged-out) :is(
    .modal-btn,
    .modal-confirm-btn,
    .modal-cancel-btn,
    .confirm-modal-btn,
    .ext-btn,
    .ext-btn-close,
    .modal-ctrl-btn,
    .mobile-client-back-btn,
    .mobile-client-close-btn,
    .mobile-chat-back-btn,
    .mobile-modal-back-btn,
    .mobile-modal-close-btn,
    .mobile-detail-direct-back-btn,
    .mobile-detail-direct-close-btn,
    .mobile-page-nav-grid button,
    .mobile-page-nav-header button,
    .mobile-nav-toggle,
    .job-task-open-btn,
    .client-field-save,
    .notes-choice-group button,
    .notes-segment button
) {
    border: 1.25px solid rgba(177, 151, 105, 0.72);
    background: linear-gradient(180deg, #ffffff 0%, #f8f5ed 100%);
    color: #16213d;
    -webkit-text-fill-color: #16213d;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86), 0 4px 10px rgba(23, 33, 61, 0.08);
}

body:not(.is-logged-out) :is(
    .modal-btn,
    .modal-confirm-btn,
    .modal-cancel-btn,
    .confirm-modal-btn,
    .ext-btn,
    .ext-btn-close,
    .modal-ctrl-btn,
    .mobile-client-back-btn,
    .mobile-client-close-btn,
    .mobile-chat-back-btn,
    .mobile-modal-back-btn,
    .mobile-modal-close-btn,
    .mobile-detail-direct-back-btn,
    .mobile-detail-direct-close-btn,
    .mobile-page-nav-grid button,
    .mobile-page-nav-header button,
    .mobile-nav-toggle,
    .job-task-open-btn,
    .client-field-save,
    .notes-choice-group button,
    .notes-segment button
):is(:hover, :focus-visible) {
    background: linear-gradient(180deg, #fffdf8 0%, #efe5d3 100%);
    border-color: rgba(177, 151, 105, 0.95);
    color: #16213d;
    -webkit-text-fill-color: #16213d;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 7px 16px rgba(23, 33, 61, 0.11);
}

body:not(.is-logged-out) :is(
    .modal-btn,
    .modal-confirm-btn,
    .modal-cancel-btn,
    .confirm-modal-btn,
    .ext-btn,
    .ext-btn-close,
    .modal-ctrl-btn,
    .mobile-client-back-btn,
    .mobile-client-close-btn,
    .mobile-chat-back-btn,
    .mobile-modal-back-btn,
    .mobile-modal-close-btn,
    .mobile-detail-direct-back-btn,
    .mobile-detail-direct-close-btn,
    .mobile-page-nav-grid button,
    .mobile-page-nav-header button,
    .mobile-nav-toggle,
    .job-task-open-btn,
    .client-field-save,
    .notes-choice-group button,
    .notes-segment button
):is(.active, .is-active, [aria-pressed="true"]) {
    background: linear-gradient(180deg, #dec99f 0%, #CDB592 100%);
    border-color: rgba(22, 33, 61, 0.78);
    color: #16213d;
    -webkit-text-fill-color: #16213d;
}

body:not(.is-logged-out) :is(
    .modal-btn,
    .modal-confirm-btn,
    .modal-cancel-btn,
    .confirm-modal-btn,
    .ext-btn,
    .ext-btn-close,
    .modal-ctrl-btn,
    .mobile-client-back-btn,
    .mobile-client-close-btn,
    .mobile-chat-back-btn,
    .mobile-modal-back-btn,
    .mobile-modal-close-btn,
    .mobile-detail-direct-back-btn,
    .mobile-detail-direct-close-btn,
    .mobile-page-nav-grid button,
    .mobile-page-nav-header button,
    .mobile-nav-toggle,
    .job-task-open-btn,
    .client-field-save,
    .notes-choice-group button,
    .notes-segment button
) :is(i, svg, span, b) {
    color: currentColor;
    -webkit-text-fill-color: currentColor;
    stroke: currentColor;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table td[data-col-kind="check-amount"] {
    padding: 2px 4px;
    vertical-align: middle;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-cell,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-check-date-cell {
    display: grid;
    align-content: center;
    gap: 3px;
    width: 100%;
    min-width: 0;
    min-height: 50px;
    overflow: hidden;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-date-row,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-check-date-row {
    display: grid;
    grid-template-columns: 13px minmax(0, 1fr);
    align-items: center;
    gap: 5px;
    min-width: 0;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-date-row input[type="checkbox"],
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-check-date-row input[type="checkbox"] {
    width: 12px;
    height: 12px;
    margin: 0;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-date-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-amount-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-check-date-input {
    width: 100%;
    min-width: 0;
    height: 18px;
    min-height: 18px;
    padding: 1px 4px;
    border: 0;
    border-bottom: 1px solid rgba(148, 163, 184, 0.34);
    border-radius: 0;
    background: transparent;
    color: #0f2556;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
    outline: none;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-date-input::placeholder,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-amount-input::placeholder,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-check-date-input::placeholder {
    color: rgba(100, 116, 139, 0.62);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-date-input:focus,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-payment-amount-input:focus,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-check-date-input:focus {
    border-bottom-color: #1e3a8a;
    background: rgba(255, 255, 255, 0.72);
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-cell {
    align-content: center;
    justify-items: stretch;
    gap: 3px;
    min-height: 34px;
    padding: 2px 6px;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
    cursor: default;
    pointer-events: none;
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-cell.is-empty {
    justify-items: center;
    background: transparent;
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-label {
    flex: 0 0 auto;
    color: #8a7746;
    font-size: 8.5px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1;
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-date-value,
body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-amount-value {
    max-width: none;
    color: #0f2556;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.15;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-date-value strong,
body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-amount-value strong {
    min-width: 0;
    color: #0f2556;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.15;
    text-align: right;
    overflow-wrap: anywhere;
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-amount-value {
    color: #1f2937;
    font-weight: 750;
}

body.client-mode:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .client-payment-empty-value {
    color: rgba(15, 37, 86, 0.62);
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1;
    text-align: center;
}

/* Office modern table standard. */
body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) .table-wrapper {
    border: 1px solid rgba(197, 170, 100, 0.42);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 38px rgba(15, 37, 86, 0.08);
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table {
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(255, 255, 255, 0.94);
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) {
    border-collapse: separate;
    border-spacing: 0;
    background: rgba(255, 255, 255, 0.94);
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content,
    #job-tracking-items-container .table-frame,
    #maktu-evraklar-view .table-frame,
    #kullanici-view .table-frame,
    #loglar-view .table-frame,
    #hesap-yonetimi-view .table-frame
) {
    border: 1px solid rgba(197, 170, 100, 0.42);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 16px 38px rgba(15, 37, 86, 0.08);
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(th, td) {
    border-top: 0;
    border-right: 1px solid rgba(15, 37, 86, 0.12);
    border-left: 0;
    border-bottom: 1px solid rgba(15, 37, 86, 0.10);
    color: #111827;
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) :is(th, td) {
    border-top: 0;
    border-right: 1px solid rgba(15, 37, 86, 0.12);
    border-left: 0;
    border-bottom: 1px solid rgba(15, 37, 86, 0.10);
    color: #111827;
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) :is(th, td):last-child {
    border-right: 0;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(th, td):last-child {
    border-right: 0;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table thead th {
    position: sticky;
    top: 0;
    z-index: 32;
    height: 52px;
    min-height: 52px;
    max-height: 52px;
    padding: 7px 22px 7px 8px;
    background: linear-gradient(180deg, #fffdf8 0%, #f3efe6 100%);
    color: #0f2556;
    border-bottom: 1px solid rgba(197, 170, 100, 0.58);
    box-shadow: 0 8px 18px rgba(15, 37, 86, 0.08);
    font-size: 10.5px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.14;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    text-overflow: clip;
    vertical-align: middle;
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) thead th {
    position: sticky;
    top: 0;
    z-index: 22;
    min-height: 42px;
    padding: 9px 10px;
    background: linear-gradient(180deg, #fffdf8 0%, #f3efe6 100%);
    color: #0f2556;
    border-bottom: 1px solid rgba(197, 170, 100, 0.58);
    box-shadow: 0 8px 18px rgba(15, 37, 86, 0.08);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
    line-height: 1.12;
    text-transform: uppercase;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td {
    padding: 4px 8px;
    background: rgba(255, 255, 255, 0.88);
    vertical-align: middle;
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) tbody td {
    padding: 6px 10px;
    background: rgba(255, 255, 255, 0.88);
    vertical-align: middle;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody tr:nth-child(even) td {
    background: rgba(246, 248, 251, 0.82);
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) tbody tr:nth-child(even) td {
    background: rgba(246, 248, 251, 0.82);
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody tr:hover td {
    background: rgba(255, 249, 232, 0.92);
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) tbody tr:hover td {
    background: rgba(255, 249, 232, 0.92);
}

body.office-mode:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) :is(input, textarea, select) {
    border: 0;
    background: transparent;
    color: #111827;
}

body.office-mode.office-table-density-normal:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) tbody td {
    height: 56px;
    max-height: 56px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.22;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:is(.office-mode, .client-mode).office-table-density-normal:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td,
body:is(.office-mode, .client-mode).office-table-density-readable:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td {
    height: 56px;
    max-height: 56px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: middle;
    overflow: hidden;
}

body.office-mode.office-table-density-readable:not(.is-logged-out) :is(
    #calendar-agenda-content table,
    #job-tracking-items-container table,
    #maktu-evraklar-view table,
    #kullanici-view table,
    #loglar-view table,
    #hesap-yonetimi-view table
) tbody td {
    height: 56px;
    max-height: 56px;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 1.22;
    white-space: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: clip;
    vertical-align: middle;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .cell-input {
    height: 100%;
    min-height: 24px;
    padding: 2px 0;
    border: 0;
    background: transparent;
    color: #111827;
    font-size: 12px;
    line-height: 1.25;
    text-overflow: ellipsis;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .office-cell-multiline {
    height: 26px;
    min-height: 26px;
    max-height: 26px;
    resize: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:is(.office-mode, .client-mode).office-table-density-readable:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .office-cell-multiline {
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    white-space: normal;
    overflow: hidden;
    line-height: 1.15;
}

body:is(.office-mode, .client-mode).office-table-density-readable:not(.is-logged-out) #dosya-view:not(.hidden) #data-table td[data-col-kind="long-text"] .cell-input,
body:is(.office-mode, .client-mode).office-table-density-readable:not(.is-logged-out) #dosya-view:not(.hidden) #data-table td[data-col-kind="person"] .cell-input {
    white-space: normal;
    overflow: hidden;
    text-overflow: clip;
    line-height: 1.15;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="date"] .cell-input,
body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="plate"] .cell-input,
body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="file-no"] .cell-input,
body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="duration"] .cell-input,
body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="amount"] .cell-input {
    white-space: nowrap;
    text-align: center;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table td.table-active-cell {
    outline: 2px solid rgba(197, 170, 100, 0.82);
    outline-offset: -2px;
    box-shadow: inset 0 0 0 1px rgba(15, 37, 86, 0.16);
    background: #fffaf0;
}

.office-col-title {
    display: -webkit-box;
    max-height: 2.32em;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    white-space: normal;
    word-break: normal;
    overflow-wrap: normal;
    text-overflow: clip;
}

.office-col-resize-handle {
    display: none;
    position: absolute;
    top: 0;
    right: -3px;
    width: 8px;
    height: 100%;
    cursor: col-resize;
    z-index: 3;
}

body.office-table-modern .office-col-resize-handle {
    display: block;
}

.office-col-resize-handle::after {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 3px;
    width: 1px;
    border-radius: 999px;
    background: rgba(197, 170, 100, 0.0);
}

body.office-table-modern .office-col-resize-handle:hover::after,
body.office-table-resizing .office-col-resize-handle::after {
    background: rgba(197, 170, 100, 0.82);
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.chk-cell input[type="checkbox"], .check-date-cell input[type="checkbox"], .file-payment-date-row input[type="checkbox"], .file-check-date-row input[type="checkbox"]) {
    width: 14px;
    height: 14px;
    border: 1px solid rgba(15, 37, 86, 0.36);
    border-radius: 4px;
    background: #ffffff;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.chk-cell input[type="checkbox"], .check-date-cell input[type="checkbox"], .file-payment-date-row input[type="checkbox"], .file-check-date-row input[type="checkbox"]):checked {
    background: #CDB592;
    border-color: #8a7746;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.chk-cell input[type="checkbox"], .check-date-cell input[type="checkbox"], .file-payment-date-row input[type="checkbox"], .file-check-date-row input[type="checkbox"]):checked::after {
    content: "\2713";
    color: #0f2556;
    font-size: 10px;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.file-payment-cell, .file-check-date-cell, .check-date-cell) {
    min-height: 34px;
    gap: 2px;
    padding: 0;
    overflow: hidden;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.file-payment-date-input, .file-payment-amount-input, .file-check-date-input, .check-date-cell input[type="text"]) {
    height: 18px;
    min-height: 18px;
    padding: 0 2px;
    border-bottom: 1px solid rgba(197, 170, 100, 0.34);
    color: #0f2556;
    font-size: 10px;
    font-weight: 800;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-cell-note {
    display: block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 1.15em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.1;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .file-cell-note {
    margin-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 10px;
    line-height: 1.05;
    color: #8a7746;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.workflow-status-cell, .mediation-status-cell) {
    min-height: 38px;
    padding: 2px;
    background: transparent;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.workflow-status-buttons, .mediation-status-buttons) {
    gap: 3px;
    grid-auto-rows: 20px;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.workflow-status-buttons.three, .workflow-status-buttons.result-status-buttons, .mediation-status-buttons.result-status-buttons) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table .workflow-status-buttons.five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.workflow-status-btn, .mediation-status-btn, .workflow-status-date-badge) {
    min-height: 20px;
    max-height: 20px;
    padding: 2px 6px;
    border: 1px solid rgba(197, 170, 100, 0.46);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.72);
    color: #0f2556;
    font-size: 8.4px;
    font-weight: 900;
    line-height: 1.05;
    box-shadow: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:is(.office-mode, .client-mode).office-table-modern:not(.is-logged-out) #dosya-view:not(.hidden) #data-table :is(.workflow-status-btn, .mediation-status-btn).active {
    border-color: rgba(15, 37, 86, 0.50);
    background: #CDB592;
    color: #0f2556;
}

.office-cell-detail-popover {
    position: fixed;
    width: min(320px, calc(100vw - 32px));
    max-height: min(260px, calc(100vh - 120px));
    z-index: 4500;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 10px;
    background: rgba(255, 253, 247, 0.98);
    box-shadow: 0 18px 45px rgba(15, 37, 86, 0.18);
    overflow: hidden;
}

.office-cell-detail-popover.hidden {
    display: none;
}

.office-cell-detail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(197, 170, 100, 0.35);
    color: #0f2556;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.office-cell-detail-head button {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.48);
    border-radius: 7px;
    background: #ffffff;
    color: #0f2556;
    cursor: pointer;
}

.office-cell-detail-head button svg {
    width: 14px;
    height: 14px;
}

.office-cell-detail-text {
    max-height: 205px;
    overflow: auto;
    padding: 10px;
    color: #111827;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}