/* --- SİSTEM GENEL YAPISI --- */
/* ==========================================================================
   CSS REFACTOR HARITASI
   --------------------------------------------------------------------------
   Bu dosya su an tek parca tutuluyor. Refactor bitene kadar baska alana
   gecilmemesi icin ana bolumler asagidaki sirayla toparlanacak:

   01. Genel layout, tema ve temel bilesenler
   02. Tablo ve veri grid gorunumu
   03. Modal/popup ortak kurallari
   04. Dosya detay popup
   05. Muvekkil detay popup
   06. Evraklar ve evrak onizleme
   07. Mobil buro
   08. Mobil popup/notlar/geri davranisi
   09. Gecici ek alani

   Not: Yeni CSS ekleri ilgili bolum altina alinacak. Gecici ek alani sadece
   mevcut cakismayi guvenli bicimde cozmek icin kullanilacak.
   ========================================================================== */

/* ==========================================================================
   01. GENEL LAYOUT, TEMA VE TEMEL BILESENLER
   ========================================================================== */

:root {
    --brand-primary: #1e3a8a;
    --brand-primary-dark: #0f172a;
    --brand-primary-start: #0f2556;
    --brand-primary-end: #071a3f;
    --brand-accent: #C5AA64;
    --brand-border: #C5AA64;
    --brand-text: #1e3a8a;
    --brand-muted-text: #64748b;
    --brand-surface: #ffffff;
    --brand-page: #f8fafc;
    --brand-input-bg: #ffffff;
    --brand-header-bg: #1e3a8a;
    --brand-header-text: #C5AA64;
    --brand-tab-bg: #1e3a8a;
    --brand-tab-text: #C5AA64;
    --brand-tab-active-bg: #C5AA64;
    --brand-tab-active-text: #1e3a8a;
    --brand-mobile-tile-bg: #1e3a8a;
    --brand-mobile-tile-text: #C5AA64;
    --brand-soft-fill: color-mix(in srgb, var(--brand-primary) 10%, var(--brand-surface));
    --brand-soft-fill-strong: color-mix(in srgb, var(--brand-primary) 18%, var(--brand-surface));
    --brand-focus-ring: color-mix(in srgb, var(--brand-primary) 18%, transparent);
    --hitam-granite-bg:
        radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.18) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 34%, color-mix(in srgb, var(--brand-accent) 28%, transparent) 0 1px, transparent 2px),
        radial-gradient(circle at 42% 78%, rgba(255, 255, 255, 0.10) 0 1px, transparent 2px),
        linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-primary) 36%, var(--brand-primary-dark) 70%, color-mix(in srgb, var(--brand-primary) 72%, var(--brand-accent)) 100%);
    --hitam-granite-active-bg:
        radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.24) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 34%, color-mix(in srgb, var(--brand-accent) 38%, transparent) 0 1px, transparent 2px),
        radial-gradient(circle at 42% 78%, rgba(255, 255, 255, 0.14) 0 1px, transparent 2px),
        linear-gradient(135deg, var(--brand-tab-active-bg) 0%, color-mix(in srgb, var(--brand-tab-active-bg) 74%, white) 35%, color-mix(in srgb, var(--brand-tab-active-bg) 78%, var(--brand-primary)) 70%, var(--brand-tab-active-bg) 100%);
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    width: 100%;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scrollbar-gutter: stable;
}

body {
    font-family: 'DM Sans', Arial, sans-serif;
    background-color: #0f172a !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: geometricPrecision;
}

button,
input,
select,
textarea {
    font: inherit;
}

    .hidden { display: none !important; }

body {
    background-color: var(--brand-primary-dark) !important;
}

body:not(.is-logged-out) #main-portal-content,
body:not(.is-logged-out) #content-area,
.main-content,
.table-frame {
    border-color: var(--brand-border) !important;
}

.settings-panel {
    border-color: var(--brand-border);
}

body:not(.is-admin-user) .admin-only-setting {
    display: none !important;
}

.mobile-office-file-search,
.mobile-office-client-search-head,
.mobile-office-tab-search-head {
    background: #fffdf8 !important;
    border-color: var(--brand-border) !important;
}

.icon-box-gold i,
.ext-btn i,
.mobile-client-back-btn i,
.mobile-client-close-btn i,
.cal-nav-btn i {
    stroke: var(--brand-accent) !important;
}

.search-input-wrapper,
.mobile-office-file-search-box,
.mobile-office-client-search-page .mobile-office-file-search-box,
.mobile-office-file-tab-search-page .mobile-office-file-search-box {
    background: var(--brand-input-bg) !important;
    border-color: var(--brand-border) !important;
}

.search-input-wrapper.is-filter-active {
    border-color: #ef4444 !important;
}

.search-input-wrapper input,
.filter-input,
.standard-filter-input,
.mobile-office-file-search-box input {
    color: #0f2556 !important;
    -webkit-text-fill-color: #0f2556 !important;
    background: transparent !important;
}

.search-input-wrapper input::placeholder,
.filter-input::placeholder,
.standard-filter-input::placeholder,
.mobile-office-file-search-box input::placeholder {
    color: #0f2556 !important;
    -webkit-text-fill-color: #0f2556 !important;
    opacity: 1 !important;
}

th,
.settings-panel label,
.setting-field-note,
.modal-body label,
.modal-input,
.cell-input,
.dual-cell-label {
    color: var(--brand-text) !important;
}

th,
td,
.modal-input,
.cell-input,
.dual-cell-input,
.settings-panel select,
.settings-panel input {
    border-color: var(--brand-primary) !important;
}

th {
    border-bottom-color: var(--brand-border) !important;
}
    .cell-input { border: none; outline: none; width: 100%; height: 100%; background: transparent; padding: 8px 10px; font-size: 13px; color: #000000; font-weight: 400; transition: background 0.2s; }
    .cell-input:focus { background: var(--brand-soft-fill-strong); }
    .dual-cell { display: flex; flex-direction: column; gap: 4px; width: 100%; height: 100%; padding: 4px 0; }
    .dual-cell-input { border: none; border-bottom: 1px solid #cbd5e1; border-radius: 0; padding: 4px 8px; font-size: 13px; color: #000000; font-weight: 400; width: 100%; background: transparent; box-sizing: border-box; }
    .dual-cell-input:focus { background: #f8fafc; outline: none; }
    .dual-cell-label { font-size: 11px; color: #475569; font-weight: 700; }
    
    /* Merkezi Kurumsal Tablo Çerçevesi */
    .table-frame {
        border: 6px solid #C5AA64 !important;
        border-radius: 12px !important;
        overflow: auto !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    table { border-collapse: collapse !important; }
    table { min-width: 100%; width: max-content; }
    th, td { border: 1.5px solid #1e3a8a !important; height: 30px; position: relative; background-clip: padding-box; }
    td { font-size: 13px; color: #000000; font-weight: 400; }

.virtual-spacer-cell {
    padding: 0 !important;
    border: 0 !important;
    line-height: 0;
    font-size: 0;
}
    th { background: #f1f5f9; font-weight: 950; font-size: 11px; text-align: center; padding: 0 6px; -webkit-user-select: none; user-select: none; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 3px solid #C5AA64 !important; }
    #data-table th { cursor: grab; }

    /* --- TAKVİM ANA IZGARA YAPISI --- */
    .calendar-grid { 
        display: grid !important; 
        grid-template-columns: repeat(7, 1fr) !important; 
        align-content: start !important;
        gap: 0 !important; /* Boşlukları tamamen sıfırla */
        width: 100% !important;
        min-width: 1000px !important; /* Sütunların ezilmesini önlemek ve yatay kaydırma sağlamak için */
    }
    /* Diğer tüm custom class'lar buraya taşınmıştır... */

    .is-monthly .calendar-grid { 
        grid-template-columns: repeat(7, 1fr) !important; 
    }
    .is-weekly .calendar-grid {
        grid-template-columns: 60px repeat(7, 1fr) !important;
    }

    /* Haftalık görünümde hücrelerin tüm yüksekliği kaplayıp çerçeveye bitişmesi için */
    .is-weekly #calendar-main-grid {
        grid-template-rows: auto !important; /* Sabit yükseklik baskısını kaldırarak dikey kaydırmayı aktif eder */
        height: auto !important;
    }

    /* Haftalık görünümde All-Day satırı için özel renk */
    .all-day-slot-header {
        background: #f1f5f9 !important;
        color: #1e3a8a !important;
        font-weight: 950 !important;
        font-size: 9px !important;
    }

    .time-slot-label {
        background: #f8fafc;
        color: #1e3a8a;
        font-size: 10px;
        font-weight: 900;
        display: flex;
        align-items: center;
        justify-content: center;
        border-right: 1px solid #1e3a8a;
        border-bottom: 1px solid #1e3a8a;
        position: sticky;
        left: 0;
        z-index: 10;
    }

.is-today-slot {
    background-color: rgba(30, 58, 138, 0.08) !important;
    border-left: 3px solid #1e3a8a !important;
    border-right: 3px solid #1e3a8a !important;
    box-shadow: inset 0 0 15px rgba(30, 58, 138, 0.05);
}

.is-current-hour-row {
    background-color: rgba(30, 58, 138, 0.03) !important;
}

.is-late-hour {
    background-color: rgba(15, 23, 42, 0.02) !important;
}

.is-late-hour-label {
    background-color: #f1f5f9 !important;
    opacity: 0.7;
}

.is-current-hour {
    background-color: rgba(197, 170, 100, 0.3) !important;
    position: relative;
    box-shadow: inset 0 0 15px rgba(197, 170, 100, 0.3);
    z-index: 5;
}

.corporate-color-field {
    display: grid;
    grid-template-columns: 1fr 44px;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 10px;
    border: 1.5px solid var(--brand-border);
    border-radius: 10px;
    background: var(--brand-surface);
    color: var(--brand-text);
    box-sizing: border-box;
}

.corporate-color-field span {
    min-width: 0;
    font-size: 10px;
    font-weight: 950;
    color: var(--brand-text);
    text-transform: uppercase;
    line-height: 1.15;
}

.corporate-color-field input[type="color"] {
    width: 38px;
    height: 30px;
    padding: 0;
    border: 1px solid var(--brand-border);
    border-radius: 8px;
    background: var(--brand-surface);
    cursor: pointer;
}

.excel-import-wizard {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.excel-import-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: var(--brand-page);
    padding: 12px;
    border-radius: 10px;
    border: 1.5px dashed var(--brand-border);
    margin-bottom: 5px;
}

.excel-import-option label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.excel-import-option input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--brand-primary);
}

.excel-import-option span,
.excel-import-map-row > span {
    font-size: 11px;
    font-weight: 900;
    color: var(--brand-text);
    text-transform: uppercase;
}

.excel-smart-scan-btn {
    width: auto;
    min-width: 120px;
    height: 32px;
    padding: 0 10px;
    gap: 6px;
    border-radius: 8px;
    white-space: nowrap;
}

.excel-smart-scan-btn span {
    color: currentColor;
    -webkit-text-fill-color: currentColor;
    font-size: 10px;
}

@media (max-width: 640px) {
    .excel-import-option {
        align-items: stretch;
        flex-direction: column;
    }

    .excel-smart-scan-btn {
        width: 100%;
    }
}

.excel-import-map-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    max-height: 350px;
    overflow-y: auto;
    padding: 0 4px 0 4px;
}

.excel-import-map-head,
.excel-import-map-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.excel-import-map-head {
    padding: 0 10px;
    font-size: 9px;
    font-weight: 950;
    color: #94a3b8;
    text-transform: uppercase;
}

.excel-import-map-row {
    min-height: 42px;
    padding: 8px 12px;
    background: var(--brand-input-bg);
    border: 1.5px solid var(--table-line-soft, #cbd5e1);
    border-radius: 10px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.excel-import-map-row:hover {
    border-color: var(--brand-border);
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

.excel-import-map-row .import-col-idx {
    width: 64px;
    height: 32px;
    padding: 0 6px;
    text-align: center;
    font-size: 12px;
    font-weight: 900;
    background: var(--brand-page);
    border: 1.5px solid var(--table-line-soft, #cbd5e1);
    border-radius: 6px;
    outline: none;
}

.excel-import-help {
    font-size: 10px;
    color: #64748b;
    text-align: center;
    font-style: italic;
    line-height: 1.4;
}

.is-current-hour::after {
    content: "";
    position: absolute;
    inset: -2px;
    border: 4px solid #C5AA64 !important; /* Saat vurgusu için Kalın Gold Çerçeve */
    pointer-events: none;
    z-index: 10;
    border-radius: 4px;
    animation: hour-pulse 2s infinite ease-in-out;
}

@keyframes hour-pulse {
    0% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.02); }
    100% { opacity: 1; transform: scale(1); }
}

.is-current-hour-label {
    background-color: #C5AA64 !important;
    color: #1e3a8a !important;
    font-weight: 950 !important;
    border: 2px solid #1e3a8a !important;
    position: relative !important;
    z-index: 45 !important;
}

    .time-col-header { z-index: 40 !important; }
    .event-pill-hourly { margin-bottom: 2px !important; padding: 2px 5px !important; font-size: 9px !important; }

    .is-monthly #calendar-main-grid > div:nth-last-child(-n+7) { border-bottom: none !important; }
    .is-weekly #calendar-main-grid > div:nth-last-child(-n+8) { border-bottom: none !important; }

    .calendar-day-header { 
        position: sticky !important; 
        top: 0 !important; 
        z-index: 30 !important; 
        background-color: #f8fafc !important;
        color: #1e3a8a !important;
        border-bottom: 3px solid #1e3a8a !important;
        height: 30px !important;
        padding: 0 15px !important;
        font-weight: 950 !important;
        font-size: 11px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center;
        border-right: 1px solid #1e3a8a !important;
    }

    /* Arka planlar (Kaydırma sırasında alt verilerin görünmesini engeller) */
    tbody tr:nth-child(even) td { background-color: #f1f5f9; }
    tbody tr:nth-child(odd) td { background-color: #ffffff; }

    /* FullCalendar Özelleştirmeleri */
    .fc { --fc-button-bg-color: #1e3a8a; --fc-button-border-color: #1e3a8a; font-size: 13px; background: white; border-radius: 12px; padding: 10px; border: 1px solid #e2e8f0; }
    .fc .fc-toolbar-title { font-size: 16px; font-weight: 800; color: #1e3a8a; text-transform: uppercase; }
    .fc .fc-button-primary { font-weight: 700; text-transform: uppercase; font-size: 11px; }

    /* Item 6: Başlık satırındaki ara butonu boxının dış çerçevesini gold yap */
    .search-input-wrapper {
        border: 2px solid #C5AA64 !important;
        border-radius: 10px;
        overflow: hidden;
    }

    .dashboard-card {
        background: white;
        padding: 24px;
        border-radius: 16px;
        border: 2px solid #C5AA64; /* Dashboard Boxlarına Gold Çerçeve */
        box-shadow: 0 4px 6px -1px rgba(0,0,0,0.05);
        transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
    }
    .dashboard-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 15px -3px rgba(30, 58, 138, 0.2);
        border-color: #3b82f6;
    }

    /* Üzerinde olunan satırı vurgula */
    tbody tr:hover td { background-color: #e2e8f0 !important; }

    th.drag-over { background: #dbeafe !important; }
    th.dragging { opacity: 0.5; }
    .toolbar { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; padding: 16px; background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-bottom: 20px; }
    .filter-input { border: 1.5px solid #e2e8f0; border-radius: 8px; padding: 8px 12px; font-size: 13px; width: 200px; font-family: 'DM Sans', sans-serif; }
    .filter-input:focus { outline: none; border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59,130,246,0.1); }

    #dosya-view .portal-section-header {
        position: relative;
    }

    #dosya-view .portal-section-header > div.flex.items-center.gap-3.flex-shrink-0 {
        flex-wrap: nowrap;
        gap: 6px;
        min-width: 0;
        padding-right: 40px;
    }

    #dosya-view .portal-section-header .search-input-wrapper {
        flex: 0 1 172px;
        min-width: 140px;
        max-width: 172px;
    }

    #dosya-view .portal-section-header .search-input-wrapper .filter-input {
        width: 100%;
    }

    #dosya-view .portal-section-header .toolbar-btn {
        flex: 0 0 auto;
    }

    #dosya-view .portal-section-header > div.flex.items-center.gap-3.flex-shrink-0 > button[title="Kapat"] {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 2;
    }

    #smart-search-modal {
        padding: 18px;
        background: rgba(15, 23, 42, 0.68);
        backdrop-filter: blur(2px);
    }

    #smart-search-modal .smart-search-dialog {
        display: flex;
        width: min(780px, calc(100vw - 32px));
        max-width: 780px;
        max-height: calc(100dvh - 36px);
        min-height: min(520px, calc(100dvh - 36px));
        flex-direction: column;
        overflow: hidden;
        border: 2px solid #C5AA64;
        border-radius: 12px;
        background: #fffaf0;
        box-shadow: 0 28px 70px rgba(2, 8, 23, 0.38);
    }

    #smart-search-modal .smart-search-topbar {
        display: flex;
        min-height: 70px;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        padding: 14px 16px 14px 20px;
        border-bottom: 2px solid rgba(197, 170, 100, 0.58);
        background: linear-gradient(180deg, #fffaf0 0%, #f6eddc 100%);
        color: #2f3847;
    }

    #smart-search-modal .smart-search-title-wrap {
        display: flex;
        min-width: 0;
        flex-direction: column;
        gap: 4px;
    }

    #smart-search-modal .smart-search-eyebrow {
        color: #9a7b2f;
        font-size: 10px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 1.1;
        text-transform: uppercase;
    }

    #smart-search-modal #smart-search-title {
        overflow: hidden;
        color: #2f3847;
        font-size: 15px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 1.2;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #smart-search-modal .smart-search-close-btn {
        display: inline-flex;
        width: 38px;
        height: 38px;
        min-width: 38px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(197, 170, 100, 0.72);
        border-radius: 8px;
        background: #fffdf8;
        color: #7c6323;
        cursor: pointer;
        transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    #smart-search-modal .smart-search-close-btn:hover {
        border-color: #C5AA64;
        background: #f2e3bf;
        transform: translateY(-1px);
    }

    #smart-search-modal .smart-search-body {
        display: flex;
        min-height: 0;
        flex: 1 1 auto;
        flex-direction: column;
        padding: 0;
        background: #fffaf0;
    }

    #smart-search-modal .smart-search-summary {
        padding: 13px 18px;
        border-bottom: 1px solid rgba(197, 170, 100, 0.34);
        background: #ffffff;
        color: #334155;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0;
        line-height: 1.4;
    }

    #smart-search-modal .smart-search-results {
        display: flex;
        min-height: 0;
        flex: 1 1 auto;
        flex-direction: column;
        gap: 10px;
        overflow-y: auto;
        padding: 14px;
    }

    #smart-search-modal .smart-search-result {
        width: 100%;
        padding: 12px;
        border: 1px solid rgba(197, 170, 100, 0.46);
        border-radius: 8px;
        background: #ffffff;
        color: #334155;
        cursor: pointer;
        text-align: left;
        transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
    }

    #smart-search-modal .smart-search-result:hover,
    #smart-search-modal .smart-search-result:focus-visible {
        border-color: #C5AA64;
        background: #fff8e6;
        box-shadow: 0 10px 22px rgba(72, 62, 41, 0.12);
        outline: none;
        transform: translateY(-1px);
    }

    #smart-search-modal .smart-search-result-main {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 12px;
        align-items: start;
    }

    #smart-search-modal .smart-search-result-index {
        display: inline-flex;
        width: 30px;
        height: 30px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(197, 170, 100, 0.62);
        border-radius: 8px;
        background: #fffaf0;
        color: #334155;
        font-size: 11px;
        font-weight: 900;
        line-height: 1;
    }

    #smart-search-modal .smart-search-result-copy {
        min-width: 0;
    }

    #smart-search-modal .smart-search-result-head {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
    }

    #smart-search-modal .smart-search-result-title {
        min-width: 0;
        color: #334155;
        font-size: 13px;
        font-weight: 900;
        line-height: 1.3;
        text-transform: uppercase;
    }

    #smart-search-modal .smart-search-result-meta {
        max-width: 48%;
        flex-shrink: 0;
        overflow: hidden;
        padding: 3px 8px;
        border: 1px solid rgba(197, 170, 100, 0.36);
        border-radius: 999px;
        background: rgba(197, 170, 100, 0.12);
        color: #9a7b2f;
        font-size: 9px;
        font-weight: 900;
        line-height: 1.25;
        text-align: right;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #smart-search-modal .smart-search-result-detail {
        margin-top: 7px;
        overflow: hidden;
        color: #60708a;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.35;
        text-overflow: ellipsis;
        text-transform: uppercase;
        white-space: nowrap;
    }

    #smart-search-modal .smart-search-empty {
        display: flex;
        min-height: 180px;
        align-items: center;
        justify-content: center;
        border: 1px dashed rgba(197, 170, 100, 0.55);
        border-radius: 8px;
        background: #ffffff;
        color: #60708a;
        font-size: 12px;
        font-weight: 900;
        text-align: center;
    }

    #smart-search-modal .smart-search-footer {
        display: flex;
        flex: 0 0 auto;
        justify-content: flex-end;
        padding: 12px 14px;
        border-top: 1px solid rgba(197, 170, 100, 0.34);
        background: #ffffff;
    }

    #smart-search-modal .smart-search-secondary-btn {
        display: inline-flex;
        min-width: 96px;
        height: 36px;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(197, 170, 100, 0.68);
        border-radius: 8px;
        background: #fffaf0;
        color: #334155;
        cursor: pointer;
        font-size: 11px;
        font-weight: 900;
        letter-spacing: 0;
        text-transform: uppercase;
        transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    #smart-search-modal .smart-search-secondary-btn:hover {
        border-color: #C5AA64;
        background: #f5e8c6;
        transform: translateY(-1px);
    }

    @media (max-width: 768px) {
        #smart-search-modal {
            padding: 10px;
        }

        #smart-search-modal .smart-search-dialog {
            width: calc(100vw - 20px);
            min-height: 0;
            max-height: calc(100dvh - 20px);
            border-radius: 12px;
        }

        #smart-search-modal .smart-search-topbar {
            min-height: 62px;
            padding: 12px;
        }

        #smart-search-modal #smart-search-title {
            font-size: 13px;
        }

        #smart-search-modal .smart-search-summary {
            padding: 11px 12px;
            font-size: 11px;
        }

        #smart-search-modal .smart-search-results {
            padding: 10px;
        }

        #smart-search-modal .smart-search-result-main {
            grid-template-columns: 28px minmax(0, 1fr);
            gap: 9px;
        }

        #smart-search-modal .smart-search-result-index {
            width: 26px;
            height: 26px;
            border-radius: 7px;
        }

        #smart-search-modal .smart-search-result-head {
            flex-direction: column;
            gap: 4px;
        }

        #smart-search-modal .smart-search-result-meta {
            max-width: 100%;
            text-align: left;
        }

        #smart-search-modal .smart-search-footer {
            padding: 10px;
        }
    }

    .smart-search-hit {
        outline: 4px solid #C5AA64;
        outline-offset: -4px;
        box-shadow: inset 0 0 0 3px #C5AA64, 0 0 0 4px rgba(197,170,100,0.25), 0 14px 30px rgba(74, 85, 104, 0.18);
        background-color: rgba(197,170,100,0.18);
        transition: box-shadow 0.25s ease, background-color 0.25s ease;
    }
    .del-btn { position: absolute; top: 2px; right: 2px; cursor: pointer; color: #1e40af; transition: opacity 0.2s; font-size: 12px; display: none; background: transparent; border: none; padding: 0; line-height: 1; }
    tr:hover .del-btn { display: block; }
    .tab-btn { padding: 10px 20px; font-size: 13px; font-weight: 600; border: none; cursor: pointer; border-radius: 8px 8px 0 0; transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; -webkit-user-select: none; user-select: none; order: 0; }
    .tab-force-hidden { display: none !important; }
    .tab-force-visible { display: inline-flex !important; }
    .tab-btn.tab-dragging { opacity: 0.5; }
    .chk-cell { display: flex; align-items: center; justify-content: center; height: 100%; }
    .chk-cell input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; accent-color: var(--tracking-check-color, #2563eb); -webkit-appearance: none; appearance: none; border: 1px solid #000000 !important; border-radius: 4px; background: #fff; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; position: relative; }
    .chk-cell input[type="checkbox"]:checked { background: var(--tracking-check-color, #2563eb); border-color: var(--tracking-check-color, #2563eb) !important; }
    .chk-cell input[type="checkbox"]:checked::after { content: '?'; position: absolute; color: #fff; font-size: 14px; font-weight: bold; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; }
    .chk-cell input[type="checkbox"][data-check-state="removed_after_ihtar"]:checked::after { color: #C5AA64; }
    .check-date-cell { display: flex; flex-direction: column; gap: 4px; height: 100%; padding: 4px; padding-bottom: 2px; }
    .check-date-row { display: flex; align-items: center; gap: 6px; }
    .check-date-cell input[type="checkbox"] { width: 18px; height: 18px; cursor: pointer; accent-color: var(--tracking-check-color, #2563eb); -webkit-appearance: none; appearance: none; border: 1px solid #000000 !important; border-radius: 4px; background: #fff; transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; position: relative; flex-shrink: 0; }
    .check-date-cell input[type="checkbox"]:checked { background: var(--tracking-check-color, #2563eb); border-color: var(--tracking-check-color, #2563eb) !important; }
    .check-date-cell input[type="checkbox"]:checked::after { content: '?'; position: absolute; color: #fff; font-size: 12px; font-weight: bold; top: 50%; left: 50%; transform: translate(-50%, -50%); line-height: 1; }
    .check-date-cell input[type="checkbox"][data-check-state="removed_after_ihtar"]:checked::after { color: #C5AA64; }
    .check-date-cell input[type="text"] { border: none; outline: none; background: transparent; padding: 4px 4px; font-size: 12px; transition: background 0.2s; flex-grow: 1; }
    .check-date-cell input[type="text"]:focus { background: #dbeafe; }
    .check-date-cell input[type="text"]:disabled { color: #cbd5e1; cursor: default; }
    .tracking-color-legend { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 6px; margin: 0 0 10px 0; }
    .tracking-color-legend-item { display: inline-flex; align-items: center; gap: 5px; min-height: 22px; padding: 3px 8px; border: 1px solid rgba(30, 58, 138, 0.14); border-radius: 6px; background: #fff; color: #1e3a8a; font-size: 9px; font-weight: 950; text-transform: uppercase; letter-spacing: 0; box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05); }
    .tracking-color-dot { width: 9px; height: 9px; border-radius: 50%; border: 1px solid rgba(15, 23, 42, 0.15); flex: 0 0 auto; }
    .tracking-color-legend.compact { margin-bottom: 8px; }

    /* --- GELİŞMİŞ SÜTUN MENÜSÜ (NAVY/GOLD) --- */
    .col-menu {
        position: fixed;
        background: #ffffff;
        border: 2px solid #1e3a8a;
        border-radius: 12px;
        box-shadow: 0 10px 30px -5px rgba(30, 58, 138, 0.3);
        z-index: 2000;
        display: none;
        min-width: 240px;
        overflow: hidden;
        padding: 8px;
        animation: menuFadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }

    @keyframes menuFadeIn {
        from { opacity: 0; transform: translateY(-10px) scale(0.95); }
        to { opacity: 1; transform: translateY(0) scale(1); }
    }


/* --- SİDEBAR ÖZEL SCROLLBAR TASARIMI --- */
aside::-webkit-scrollbar {
    width: 5px;
}
aside::-webkit-scrollbar-track {
    background: #0f172a; /* Sidebar arka planıyla aynı */
}
aside::-webkit-scrollbar-thumb {
    background: rgba(197, 170, 100, 0.2); /* Hafif şeffaf altın */
    border-radius: 10px;
}
aside::-webkit-scrollbar-thumb:hover {
    background: #C5AA64; /* Üzerine gelince belirgin altın */
}

.left-nav-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 4px 12px;
    padding: 10px 16px 10px 24px !important;
    border-radius: 12px;
    color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12px;
    font-weight: 600;
    text-transform: none !important;
    transition: transform 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    border-left: 4px solid transparent;
}

.left-nav-btn i {
    width: 15px !important;
    height: 15px !important;
}
.left-nav-btn span {
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.left-nav-btn.active {
    color: #C5AA64;
    background: linear-gradient(90deg, rgba(7, 31, 79, 0.42) 0%, rgba(197, 170, 100, 0.14) 100%);
    font-weight: 900;
    border-left: 4px solid #C5AA64;
    box-shadow: inset 10px 0 20px -10px rgba(197, 170, 100, 0.3);
}

/* --- SİDEBAR BAŞLIK VE NAVİGASYON DARALTMA --- */
aside nav {
    padding: 1rem !important; /* Genel iç boşluk daraltıldı */
}

aside nav > div {
    margin-top: 12px !important; /* Başlıkların üst boşluğu azaltıldı */
    margin-bottom: 4px !important; /* Başlıkların alt boşluğu azaltıldı */
    font-size: 10px !important; /* Başlık fontu hafif küçültüldü */
    opacity: 0.8;
}

/* --- DİNAMİK SİDEBAR DARALTMA (EKRAN YÜKSEKLİĞİNE GÖRE) --- */
@media (max-height: 850px) {
    .left-nav-btn {
        padding: 5px 14px 5px 22px !important;
        margin: 1.5px 12px !important;
        gap: 8px;
    }
    aside nav {
        padding: 1rem !important;
    }
    aside nav > div {
        margin-top: 10px !important;
        margin-bottom: 5px !important;
    }
}

@media (max-height: 700px) {
    .left-nav-btn {
        padding: 4px 12px 4px 20px !important;
        margin: 1px 10px !important;
        gap: 6px;
        font-size: 12px;
    }
    aside .p-4 { padding: 0.5rem !important; } /* Logo alanı */
    aside .p-6 { padding: 0.75rem !important; } /* Alt bilgi alanı */
    aside nav { padding: 0.5rem !important; }
    aside nav > div {
        margin-top: 5px !important;
        margin-bottom: 2px !important;
        font-size: 10px !important;
    }
    #sidebar-footer-text {
        margin-top: 5px !important;
    }
}

/* --- GENEL BUTON TASARIMI --- */
.canva-button, .modal-btn {
    transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, color 0.22s ease, border-color 0.22s ease;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    cursor: pointer !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
}

/* Ortak panel sekme kaynagi */
#tab-bar-top,
#tab-bar-bottom,
#tab-bar-footer,
#job-tracking-tabs-nav,
#agenda-tabs-nav,
#maktu-tabs-nav,
#user-tabs-nav,
#log-tabs-nav,
#calendar-tabs-nav {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.tab-btn.canva-button,
#job-tracking-tabs-nav .tab-btn,
#agenda-tabs-nav .tab-btn,
#maktu-tabs-nav .tab-btn,
#user-tabs-nav .tab-btn,
#log-tabs-nav .tab-btn,
#calendar-tabs-nav .tab-btn {
    position: relative;
    min-height: 31px;
    padding: 5px 13px;
    border: 1px solid rgba(197, 170, 100, 0.78);
    border-radius: 9px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 235, 0.96) 100%);
    color: #0f2556;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.78),
        0 4px 10px rgba(15, 23, 42, 0.07);
    gap: 7px;
    font-size: 10px;
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: 0;
    text-transform: uppercase;
}

.tab-btn.canva-button::after,
#job-tracking-tabs-nav .tab-btn::after,
#agenda-tabs-nav .tab-btn::after,
#maktu-tabs-nav .tab-btn::after,
#user-tabs-nav .tab-btn::after,
#log-tabs-nav .tab-btn::after,
#calendar-tabs-nav .tab-btn::after {
    content: "";
    position: absolute;
    left: 9px;
    right: 9px;
    bottom: 3px;
    height: 2px;
    border-radius: 999px;
    background: transparent;
}

.tab-btn.canva-button.active,
#job-tracking-tabs-nav .tab-btn.active,
#agenda-tabs-nav .tab-btn.active,
#maktu-tabs-nav .tab-btn.active,
#user-tabs-nav .tab-btn.active,
#log-tabs-nav .tab-btn.active,
#calendar-tabs-nav .tab-btn.active {
    background:
        linear-gradient(180deg, #163064 0%, #0f2556 100%);
    color: #f2dfb9;
    border-color: #C5AA64;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 7px 16px rgba(15, 37, 86, 0.20);
}

.tab-btn.canva-button[data-tab="faydali-bilgiler"] {
    background: linear-gradient(180deg, #ecfdf5 0%, #d8f3e6 100%);
    color: #064e3b;
    border-color: rgba(15, 118, 110, 0.58);
}

.tab-btn.canva-button[data-tab="faydali-bilgiler"]::after {
    background: rgba(15, 118, 110, 0.5);
}

.tab-btn.canva-button[data-tab="faydali-bilgiler"].active {
    background: linear-gradient(180deg, #0f766e 0%, #115e59 100%);
    color: #fff7df;
    border-color: #C5AA64;
}

.tab-btn.canva-button[data-tab="faydali-bilgiler"].active::after {
    background: #C5AA64;
}

.tab-btn.canva-button[data-tab="muvekkil-bilgi"] {
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: #1e3a8a;
    border-color: rgba(37, 99, 235, 0.5);
}

.tab-btn.canva-button[data-tab="muvekkil-bilgi"]::after {
    background: rgba(37, 99, 235, 0.42);
}

.tab-btn.canva-button[data-tab="muvekkil-bilgi"].active {
    background: linear-gradient(180deg, #2563eb 0%, #1e40af 100%);
    color: #fff7df;
    border-color: #C5AA64;
}

#job-tracking-tabs-nav .tab-btn.job-tab-active {
    background: #C5AA64;
    color: #1e3a8a;
    border-color: #1e3a8a;
}

#job-tracking-tabs-nav .tab-btn.job-tab-active:hover {
    background: #d8bf76;
}

.tab-btn.canva-button.active::after,
#job-tracking-tabs-nav .tab-btn.active::after,
#agenda-tabs-nav .tab-btn.active::after,
#maktu-tabs-nav .tab-btn.active::after,
#user-tabs-nav .tab-btn.active::after,
#log-tabs-nav .tab-btn.active::after,
#calendar-tabs-nav .tab-btn.active::after {
    background: #C5AA64;
}

.tab-btn.canva-button:hover,
#job-tracking-tabs-nav .tab-btn:hover,
#agenda-tabs-nav .tab-btn:hover,
#maktu-tabs-nav .tab-btn:hover,
#user-tabs-nav .tab-btn:hover,
#log-tabs-nav .tab-btn:hover,
#calendar-tabs-nav .tab-btn:hover {
    background: linear-gradient(180deg, #fffdf7 0%, #f3ead8 100%);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.86),
        0 7px 14px rgba(15, 23, 42, 0.10);
}

.tab-btn.canva-button.active:hover,
#job-tracking-tabs-nav .tab-btn.active:hover,
#agenda-tabs-nav .tab-btn.active:hover,
#maktu-tabs-nav .tab-btn.active:hover,
#user-tabs-nav .tab-btn.active:hover,
#log-tabs-nav .tab-btn.active:hover,
#calendar-tabs-nav .tab-btn.active:hover {
    background: linear-gradient(180deg, #19376f 0%, #0f2556 100%);
}

.tab-count-badge {
    min-width: 21px;
    height: 17px;
    padding: 0 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 37, 86, 0.48);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f2556;
    font-size: 9px;
    font-weight: 950;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.tab-btn.canva-button.active .tab-count-badge,
#job-tracking-tabs-nav .tab-btn.active .tab-count-badge,
#agenda-tabs-nav .tab-btn.active .tab-count-badge,
#maktu-tabs-nav .tab-btn.active .tab-count-badge,
#user-tabs-nav .tab-btn.active .tab-count-badge,
#log-tabs-nav .tab-btn.active .tab-count-badge,
#calendar-tabs-nav .tab-btn.active .tab-count-badge {
    border-color: rgba(197, 170, 100, 0.86);
    background: #fffdf7;
    color: #0f2556;
}
/* Ortak panel sekme kaynagi sonu */



/* ==========================================================================
   03. MODAL / POPUP ORTAK KURALLARI
   ========================================================================== */

/* --- KURUMSAL MODAL TASARIMI --- */
.modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 7000;
    display: none;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(15, 23, 42, 0.75);
}
.modal-overlay.active {
    display: flex;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.modal-content {
    position: relative;
    border: 6px solid #C5AA64;
    border-radius: 20px;
    box-shadow: 0 30px 60px -12px rgba(0, 0, 0, 0.6);
    background: #ffffff;
    animation: modal-pop-in 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Dosya/muvekkil detay sekme bari temel reseti */
#muvekkil-detay-modal #muvekkil-files-nav,
.detay-tabs-container {
    display: flex;
    gap: 2px;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 15px;
    background: #fffdf8;
}

/* Header İçine Alınan Dosya Sekmeleri */
#detay-files-nav {
    display: flex;
    gap: 4px;
    background: transparent !important;
    padding: 0 4px;
}

.file-tab-close {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 900;
    opacity: 0.5;
    transition: opacity 0.2s ease, color 0.2s ease;
}
.file-tab-close:hover {
    opacity: 1;
    color: #ef4444;
}
.modal-header {
    background: rgba(255, 255, 255, 0.94);
    color: #0f2556;
    padding: 10px 18px;
    font-weight: 950;
    text-transform: uppercase;
    border-bottom: 1.5px solid rgba(197, 170, 100, 0.42);
    box-shadow: none;
    min-height: 46px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* --- TAKVİM ÖZEL STİLLERİ --- */
.event-pill {
  padding: 4px 8px;
  border-radius: 4px;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 900;
  color: #ffffff;
  display: block;
  width: 100%;
  line-height: 1.4;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
  cursor: pointer;
  border-left-width: 4px;
  border-left-style: solid;
}
.event-red { background-color: #ef4444; border-left-color: #991b1b; }
.event-green { background-color: #22c55e; border-left-color: #166534; }
.event-blue { background-color: #3b82f6; border-left-color: #1e40af; }
.event-purple { background-color: #a855f7; border-left-color: #6b21a8; }
.event-yellow { background-color: #C5AA64; color: #ffffff; border-left-color: #8a7746; }
.event-orange { background-color: #f97316; border-left-color: #9a3412; }

/* --- ANİMASYONLAR --- */
@keyframes modal-pop-in {
    from { transform: scale(0.9) translateY(30px); opacity: 0; }
    to { transform: scale(1) translateY(0); opacity: 1; }
}
@keyframes toast-slide-in {
    from { transform: translateX(100%); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(-8px); } 
    to { opacity: 1; transform: translateY(0); } 
}

/* --- REFACTORED FROM HTML INTERNAL STYLES --- */

#calendar-grid-container {
  border: 4px solid #C5AA64 !important;
  border-radius: 12px;
  overflow: auto !important; /* Yatay ve dikey kaydırma çubuklarını aktif eder */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
/* Zebra boyamayı tamamen temizle ve yatay (satır bazlı) düzene geç */
#calendar-main-grid > div { background-color: #ffffff !important; }

/* Aylık Görünüm Yatay Zebra (7 sütun düzeni) */
.is-monthly #calendar-main-grid > div:nth-child(14n+8),
.is-monthly #calendar-main-grid > div:nth-child(14n+9),
.is-monthly #calendar-main-grid > div:nth-child(14n+10),
.is-monthly #calendar-main-grid > div:nth-child(14n+11),
.is-monthly #calendar-main-grid > div:nth-child(14n+12),
.is-monthly #calendar-main-grid > div:nth-child(14n+13),
.is-monthly #calendar-main-grid > div:nth-child(14n+14) {
  background-color: #f1f5f9 !important;
}

/* Haftalık Görünüm Yatay Zebra (8 sütun düzeni: Saat + 7 Gün) */
.is-weekly #calendar-main-grid > div:nth-child(16n+9),
.is-weekly #calendar-main-grid > div:nth-child(16n+10),
.is-weekly #calendar-main-grid > div:nth-child(16n+11),
.is-weekly #calendar-main-grid > div:nth-child(16n+12),
.is-weekly #calendar-main-grid > div:nth-child(16n+13),
.is-weekly #calendar-main-grid > div:nth-child(16n+14),
.is-weekly #calendar-main-grid > div:nth-child(16n+15),
.is-weekly #calendar-main-grid > div:nth-child(16n+16) {
  background-color: #f1f5f9 !important;
}
/* Takvim Ana Konteynır Scrollbar Ayarları */
#calendar-grid-container::-webkit-scrollbar { width: 10px; height: 10px; }
#calendar-grid-container::-webkit-scrollbar-track { background: #f1f5f9; border-left: 1px solid rgba(30, 58, 138, 0.1); }
#calendar-grid-container::-webkit-scrollbar-thumb { 
  background: #cbd5e1; 
  border-radius: 10px; 
  border: 2px solid #f1f5f9; 
}
#calendar-grid-container::-webkit-scrollbar-thumb:hover { background: #C5AA64; }
/* --- TAKVİM HİZALAMA VE DİKEY ÇİZGİ DÜZELTMELERİ --- */
.is-monthly #calendar-main-grid > div:nth-child(7n) { border-right: none !important; }
.is-weekly #calendar-main-grid > div:nth-child(8n) { border-right: none !important; }
.calendar-day-header:last-child { border-right: none !important; }

.calendar-grid-cell.is-today {
  background-color: rgba(197, 170, 100, 0.05) !important;
  position: relative;
}
.calendar-grid-cell.is-today::before {
  content: '';
  position: absolute;
  inset: 0px;
  border: 4px solid #C5AA64 !important;
  pointer-events: none;
  z-index: 5;
  box-shadow: inset 0 0 10px rgba(197, 170, 100, 0.4);
}
.is-today > div:first-child {
  color: #1e3a8a !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  position: relative;
  z-index: 6;
  background: #C5AA64;
  color: #fff !important;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

:root {
  --portal-font-size: 13px;
  --portal-font-family: 'DM Sans', sans-serif;
  --portal-text-transform: none;
}

.text-transform-target, 
#data-table, 
.tab-btn, 
.detay-modal-container span, 
.detay-modal-container div:not(.modal-header) {
  text-transform: var(--portal-text-transform);
}

/* Tema ayarlari */
body.dark-mode { background: #0f172a !important; color: #f8fafc; }
body.dark-mode #main-portal-content, body.dark-mode section { background: #0f172a !important; }
body.dark-mode h2 { color: #C5AA64 !important; }
body.dark-mode .bg-white { background-color: #1e293b !important; color: #f8fafc; }
body.dark-mode td, body.dark-mode th, body.dark-mode .text-slate-600, body.dark-mode .text-slate-500, body.dark-mode .text-slate-700, body.dark-mode .text-blue-600 { color: #cbd5e1 !important; }
body.dark-mode thead, body.dark-mode .bg-slate-50, body.dark-mode th { background-color: #020617 !important; color: #C5AA64 !important; }
body.dark-mode input, body.dark-mode select, body.dark-mode textarea {
  background-color: #0f172a !important;
  color: white !important;
  border-color: #334155 !important;
}

body.forest-mode { background: #f0fdf4 !important; color: #14532d; }
body.forest-mode #main-portal-content, body.forest-mode section { background: #f0fdf4 !important; }

/* Legacy fallback table layout. Portal file tables are owned by portal-tables.css. */
body:not(.office-mode):not(.client-mode) #data-table {
    table-layout: auto;
}

body:not(.office-mode):not(.client-mode) #data-table th,
body:not(.office-mode):not(.client-mode) #data-table td {
    position: static;
    left: auto;
    right: auto;
}

body:not(.office-mode):not(.client-mode) #data-table thead th {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: #f1f5f9;
    color: #1e3a8a;
    border-bottom: 3px solid #C5AA64;
    height: 30px;
    left: auto;
}

/* Zebra Striping */
#table-body tr:nth-child(odd) { background-color: #ffffff !important; }
#log-table-body tr:nth-child(odd), #user-table-body tr:nth-child(odd) { background-color: #ffffff; }
#table-body tr:nth-child(even) { background-color: #f1f5f9 !important; }
#log-table-body tr:nth-child(even), #user-table-body tr:nth-child(even) { background-color: #f8fafc; }

#table-body tr:hover {
    background-color: #dbeafe !important;
    cursor: pointer;
}

#log-table-body tr:hover, #user-table-body tr:hover {
    background-color: #dbeafe;
    cursor: pointer;
}

    /* --- YENİ EKLENEN YARDIMCI SINIFLAR (INLINE STYLE TEMİZLİĞİ İÇİN) --- */
    .line-through-important { text-decoration: line-through !important; }
    .border-b-navy-bold { border-bottom: 3px solid #1e3a8a !important; }
    .min-w-200 { min-width: 200px; }
    .p-6-12 { padding: 6px 12px !important; }
    .p-8-10 { padding: 8px 10px !important; }
    .font-950-20 { font-weight: 400 !important; font-size: 13px !important; color: #000000 !important; } /* Standartlaştırıldı */
    .z-10 { z-index: 10 !important; }

    /* --- UTILITY CLASSES FOR INLINE STYLE REMOVAL --- */
    .p-6-12-fw-900-fs-10 { padding: 6px 12px !important; font-weight: 900 !important; font-size: 10px !important; }
    .p-8-10-btn { padding: 8px 10px !important; }
    .min-w-200-center { min-width: 200px !important; text-align: center !important; }
    .border-b-3-navy { border-bottom: none !important; }
    .order-minus-1 { order: -1 !important; flex-shrink: 0; }
    .bg-modal-overlay-40 { background: rgba(0, 0, 0, 0.4) !important; }
    .bg-white-important { background: #ffffff !important; }
    .text-slate-500-fs-13 { color: #475569 !important; font-size: 13px !important; }
    
    /* --- ADDITIONAL UTILITY CLASSES --- */
    .bg-navy-modal-overlay { background: rgba(30, 58, 138, 0.6) !important; }    .modal-header-blue-line { color: #1e3a8a !important; font-weight: 700 !important; font-size: 20px !important; border-bottom: 2px solid #3b82f6 !important; padding-bottom: 12px !important; margin-bottom: 20px !important; }
    .border-blue-soft { border: 1.5px solid #bfdbfe !important; }
    .bg-blue-light-soft { background: #eff6ff !important; border: 1.5px solid #3b82f6 !important; }
    .icon-inline { display: inline-flex !important; align-items: center !important; }
    .icon-gold-important { color: #C5AA64 !important; }

/* --- MODERN MESAJ VE NOT BALONLARI --- */
.chat-msg-received, .note-bubble-received {
    align-self: flex-start;
    background: #ffffff;
    padding: 2px;
    border-radius: 16px 16px 16px 4px;
    max-width: 85%;
    font-size: 12.5px;
    font-weight: 500;
    color: #334155;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    border: 1px solid #e2e8f0;
    border-left: 3px solid #C5AA64;
    margin-bottom: 8px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    line-height: 1.4;
}

.chat-msg-sent-styled, .note-bubble-sent {
    align-self: flex-end;
    background: linear-gradient(135deg, #1e3a8a 0%, #152454 100%);
    padding: 2px;
    border-radius: 16px 16px 4px 16px;
    max-width: 85%;
    font-size: 12.5px;
    font-weight: 500;
    color: #ffffff;
    box-shadow: 0 4px 15px rgba(30, 58, 138, 0.12);
    border-right: 3px solid #C5AA64;
    position: relative;
    margin-bottom: 8px;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    line-height: 1.4;
}

.msg-meta {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    font-size: 9px;
    opacity: 0.7;
    margin-top: 2px;
    font-weight: 600;
}

/* Layout Containers */
.sidebar-left {
    background: #0f172a;
    color: white;
    z-index: 150;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 12px;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    white-space: nowrap;
    box-shadow: 4px 0 15px rgba(0,0,0,0.2);
}

.sidebar-right {
    background: #0f172a;
    color: #ffffff;
    z-index: 400;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 12px;
    transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow: hidden;
    border-left: 2px solid #C5AA64;
    box-shadow: -4px 0 15px rgba(0,0,0,0.1);
    cursor: pointer;
}

aside.sidebar-right {
    padding-bottom: 0;
}

.main-portal-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    position: relative;
    margin-left: 12px;
    margin-right: 12px;
    transition: margin 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: linear-gradient(135deg, rgb(248, 250, 252), rgb(241, 245, 249));
}

html:has(body.is-fullscreen),
body.is-fullscreen {
    background: #f8fafc;
    overflow: hidden !important;
}

body.is-fullscreen #main-portal-content {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    margin: 0 !important;
    z-index: 2500 !important;
    background: linear-gradient(135deg, rgb(248, 250, 252), rgb(241, 245, 249)) !important;
    box-shadow: none !important;
}

body.is-fullscreen::before,
body.is-fullscreen::after {
    content: "";
    position: fixed;
    inset: 0;
    background: #f8fafc;
    z-index: 2490;
    pointer-events: none;
}

body.is-fullscreen #left-sidebar,
body.is-fullscreen .sidebar-right {
    display: none !important;
}

body.is-fullscreen #main-portal-content > .view-section,
body.is-fullscreen #dosya-view,
body.is-fullscreen #agenda-view,
body.is-fullscreen #is-takip-view,
body.is-fullscreen #hesap-yonetimi-view,
body.is-fullscreen #kullanici-view,
body.is-fullscreen #loglar-view {
    min-height: 100vh;
}

/* Hover & Locked States */
body:not(.ana-menu-active) #left-sidebar:hover { width: 288px !important; z-index: 500 !important; }

.sidebar-right-expandable:hover { cursor: default; }
body:has(.sidebar-right-expandable:hover) #main-portal-content { margin-right: 0; }

body.ana-menu-active #left-sidebar { width: 288px !important; }
body.ana-menu-active .sidebar-expandable span { opacity: 1 !important; visibility: visible !important; }

body.left-locked #left-sidebar { width: 288px !important; }
body.left-locked .sidebar-expandable span { opacity: 1 !important; visibility: visible !important; }


body.is-fullscreen.left-locked #main-portal-content,
body.is-fullscreen.right-locked #main-portal-content,
body.is-fullscreen:has(.sidebar-right-expandable:hover) #main-portal-content,
body.is-fullscreen:not(.ana-menu-active) #left-sidebar:hover + #main-portal-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body.is-fullscreen:not(.ana-menu-active) #left-sidebar:hover ~ #main-portal-content {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#lock-left-btn {
    position: relative;
    width: 32px;
    height: 32px;
    border-radius: 10px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #94a3b8 !important;
    border: 1.5px solid transparent !important;
    background: rgba(15, 23, 42, 0.35) !important;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#lock-left-btn {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 20;
}

#left-sidebar > div:first-child {
    position: relative !important;
}

#lock-left-btn:hover {
    color: #C5AA64 !important;
    border-color: rgba(197, 170, 100, 0.45) !important;
    background: rgba(197, 170, 100, 0.12) !important;
}

#lock-left-btn.is-locked {
    color: #1e3a8a !important;
    background: #C5AA64 !important;
    border-color: #f8fafc !important;
    box-shadow: 0 0 0 2px rgba(197, 170, 100, 0.28), 0 8px 18px rgba(0, 0, 0, 0.25);
}

#lock-left-btn.is-locked::after {
    content: "";
    position: absolute;
    right: 4px;
    bottom: 4px;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #16a34a;
    border: 1.5px solid #ffffff;
}

#office-chat-list {
    min-height: 100%;
}

.chat-loading-state {
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px 14px;
    color: #C5AA64;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.6px;
    text-align: center;
}

#active-office-chat {
    min-width: 0;
    background: #f8fafc;
    pointer-events: auto;
}

#active-chat-user-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13.5px;
    letter-spacing: 0.2px;
}

#active-chat-search-bar input {
    min-width: 0;
}

#active-office-chat > .border-t {
    flex-shrink: 0;
    align-items: flex-end;
    background: #ffffff;
    border-top: 1px solid #dbe3ee;
    padding: 10px;
    gap: 8px;
}

/* Components */
.footer-main {
    padding-top: 1rem;
    margin-top: auto;
    border-top: 3px solid #1e3a8a;
    background: linear-gradient(135deg, rgba(248,250,252,1), rgba(241,245,249,1));
    z-index: 100;
}



.permission-group > .group-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out, padding 0.3s ease;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.permission-group.expanded > .group-content {
  max-height: 1200px;
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.detay-modal-wrapper.active {
    display: flex !important;
    background: transparent !important;
    pointer-events: none !important;
}

.detay-modal-wrapper.active .detay-modal-container {
    pointer-events: auto;
}

/* Küçültülmüş Durumda Arka Planın Flu Olmasını ve Tıklama Engelini Kaldır */
.detay-modal-wrapper.is-minimized {
    background: transparent !important;
    pointer-events: none;
}

.detay-modal-container {
    max-width: calc(100vw - 24px);
    width: min(1760px, calc(100vw - 24px));
    max-height: calc(100dvh - 24px);
    height: min(1040px, calc(100dvh - 24px));
    display: flex;
    flex-direction: column;
    padding: 0;
    overflow: visible;
    border-radius: 14px;
    transition: transform 0.2s ease, opacity 0.2s ease, box-shadow 0.2s ease;
    background: #ffffff;
    box-shadow: 0 30px 60px -12px rgba(30, 58, 138, 0.5);
    border: 0;
    position: relative;
}

@media (max-width: 768px), (max-height: 640px) {
    .detay-modal-container,
    #muvekkil-detay-modal .muvekkil-modal-container-custom {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        height: calc(100vh - 24px) !important;
        max-height: calc(100vh - 24px) !important;
        border-radius: 12px !important;
    }
}

/* ==========================================================================
   04. DOSYA DETAY POPUP
   ========================================================================== */

/* 04-1. Dosya detay temel baslik, sekme ve not girisi */
#dosya-detay-modal .modal-header,
#dosya-detay-modal .modal-header > div {
    min-width: 0;
}

#dosya-detay-modal .detay-modal-title {
    min-width: 0;
    max-width: calc(100% - 96px);
}


#detay-files-nav {
    min-width: 0;
    scrollbar-width: thin;
}

#detay-files-nav .file-tab {
    flex: 0 0 auto;
}

#detay-left-section {
    margin-right: 0 !important;
}

#yazisma-new-note {
    min-width: 0;
}

#yazisma-send-btn {
    flex-shrink: 0;
    min-width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* 04-2. Ortak detay popup minimize ve dock davranisi */
.detay-modal-wrapper.is-minimized .detay-modal-container {
    pointer-events: auto;
    height: 44px !important;
    width: auto !important;
    min-width: 180px !important;
    max-width: min(48vw, 720px) !important;
    overflow: hidden !important;
    position: fixed !important;
    bottom: 14px !important;
    left: 14px !important;
    right: auto !important;
    top: auto !important;
    border: 2px solid #C5AA64 !important;
    border-radius: 12px !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.08) inset !important;
    background: #0f172a !important;
    animation: badge-pop-in 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: transform 0.24s ease, opacity 0.24s ease, right 0.24s ease, box-shadow 0.24s ease;
    cursor: pointer;
}

#dosya-detay-modal.is-minimized .detay-modal-container {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 40px;
    min-height: 40px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#detail-group-dock {
    position: fixed;
    right: 14px;
    bottom: 14px;
    z-index: 9998;
    display: none;
    flex-direction: row-reverse;
    align-items: center;
    gap: 6px;
    max-width: calc(100vw - 28px);
    overflow-x: auto;
    padding: 2px;
}

body.right-locked #detail-group-dock,
body:has(.sidebar-right-expandable:hover) #detail-group-dock {
    right: 364px;
}

#detail-group-dock.active {
    display: flex;
}

.detail-group-dock-btn {
    width: 200px;
    height: 40px;
    border: 2px solid #C5AA64;
    border-radius: 6px;
    background: #0f172a;
    color: #C5AA64;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    padding: 4px 10px;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.35);
}

.detail-group-dock-btn.active {
    background: #C5AA64;
    color: #1e3a8a;
    border-color: #ffffff;
}

.detay-modal-wrapper.is-minimized .detay-modal-container:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 44px rgba(15, 23, 42, 0.5), 0 0 0 3px rgba(197, 170, 100, 0.18) !important;
    border-color: #f4d98b !important;
}

#muvekkil-detay-modal.is-minimized .detay-modal-container {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 40px;
    min-height: 40px !important;
    left: auto !important;
    right: 14px !important;
    bottom: 40px !important;
    opacity: 1 !important;
    pointer-events: auto;
}

#muvekkil-detay-modal.is-minimized .modal-header {
    padding: 4px 42px 4px 10px !important;
}

#muvekkil-detay-modal.is-minimized .modal-header > div:first-child {
    display: flex !important;
    min-width: 0 !important;
}

#muvekkil-detay-modal.is-minimized .modal-header > div:nth-child(2) {
    display: none !important;
}

#muvekkil-detay-modal.is-minimized .detay-modal-title::after {
    font-size: 12px !important;
    letter-spacing: 0;
    max-width: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.right-locked #muvekkil-detay-modal.is-minimized .detay-modal-container,
body:has(.sidebar-right-expandable:hover) #muvekkil-detay-modal.is-minimized .detay-modal-container {
    right: 364px !important;
}

/* 04-3. Minimize rozet basligi, nav ve ipucu */
.detay-modal-wrapper.is-minimized .detay-modal-container::after {
    content: "GERİ YÜKLE";
    position: absolute;
    top: -35px;
    right: 50%;
    transform: translateX(50%) translateY(10px);
    background: #1e3a8a;
    color: #C5AA64;
    font-size: 9px;
    font-weight: 900;
    padding: 4px 12px;
    border-radius: 20px;
    border: 1.5px solid #C5AA64;
    opacity: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
    pointer-events: none;
    white-space: nowrap;
    box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

.detay-modal-wrapper.is-minimized .detay-modal-container:hover::after {
    opacity: 1;
    transform: translateX(50%) translateY(0);
}

@keyframes badge-pop-in {
    0% { transform: scale(0.5) translateY(100px); opacity: 0; }
    100% { transform: scale(1) translateY(0); opacity: 1; }
}

/* Küçültüldüğünde başlık yazısını butonlardan koru */
.detay-modal-wrapper.is-minimized .modal-header {
    padding: 5px 46px 5px 12px !important;
    justify-content: flex-start;
    height: 100% !important;
    min-height: 0 !important;
    border-bottom: none !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    overflow: hidden !important;
}

.detay-modal-wrapper.is-minimized .modal-header > div:first-child {
    display: none !important;
}

.detay-modal-wrapper.is-minimized .modal-header > div:nth-child(2) {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

.detay-modal-wrapper.is-minimized #detay-files-nav,
.detay-modal-wrapper.is-minimized #muvekkil-files-nav {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 6px !important;
    overflow-x: auto !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    scrollbar-width: thin;
}

.detay-modal-wrapper.is-minimized #detay-files-nav .file-tab,
.detay-modal-wrapper.is-minimized #muvekkil-files-nav .file-tab {
    height: 30px !important;
    min-height: 30px !important;
    max-width: 150px !important;
    padding: 4px 8px !important;
    border: 1.5px solid rgba(197, 170, 100, 0.9) !important;
    border-radius: 12px !important;
    background: rgba(15, 23, 42, 0.58) !important;
    color: #C5AA64 !important;
    box-shadow: none !important;
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
}

.detay-modal-wrapper.is-minimized #detay-files-nav .file-tab.active,
.detay-modal-wrapper.is-minimized #muvekkil-files-nav .file-tab.active {
    background: linear-gradient(180deg, #fff7df 0%, #ead9ba 100%) !important;
    color: #071f4f !important;
    -webkit-text-fill-color: #071f4f !important;
    border-color: #C5AA64 !important;
}

.detay-modal-wrapper.is-minimized #detay-files-nav .file-tab span:not(.file-tab-close),
.detay-modal-wrapper.is-minimized #muvekkil-files-nav .file-tab span:not(.file-tab-close) {
    color: inherit !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    word-break: normal !important;
}

.detay-modal-wrapper.is-minimized #detay-files-nav .file-tab i,
.detay-modal-wrapper.is-minimized #muvekkil-files-nav .file-tab i {
    color: inherit !important;
    flex-shrink: 0 !important;
}

.detay-modal-wrapper.is-minimized #detay-files-nav .file-tab-close,
.detay-modal-wrapper.is-minimized #muvekkil-files-nav .file-tab-close,
.detay-modal-wrapper.is-minimized .print-detail-btn,
.detay-modal-wrapper.is-minimized .print-muvekkil-detail-btn {
    display: none !important;
}

.detay-modal-wrapper.is-minimized .detay-modal-title {
    font-size: 0 !important;
    font-weight: 950 !important;
    letter-spacing: 0;
    color: #C5AA64 !important;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.detay-modal-wrapper.is-minimized .detay-modal-title::after {
    content: "DOSYA DETAY";
    font-size: 11px !important;
    letter-spacing: 0.8px;
    display: inline-block;
    line-height: 1;
}

.detay-modal-wrapper.is-minimized .ext-ctrl-group {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 6px !important;
    background: rgba(15, 23, 42, 0.66);
    padding: 2px;
    border: 1px solid rgba(197, 170, 100, 0.35);
    border-radius: 16px;
    gap: 4px;
}

.detay-modal-wrapper.is-minimized .ext-btn {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important; /* Yuvarlak kontrol butonları */
    border-width: 1px !important;
}

/* Minize edilmiş rozete dekoratif altın dosya ikonu ekle */
/* 04-4. Minimize dekor ve sag panel konum etkisi */
.detay-modal-wrapper.is-minimized .detay-modal-container::before {
    content: none;
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C5AA64' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: 5;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
}

.detay-modal-wrapper.is-minimized .detay-modal-container::after {
    background: #0f172a !important;
    color: #f4d98b !important;
    border: 1px solid rgba(197, 170, 100, 0.8) !important;
}

.detay-modal-wrapper.is-minimized .detay-modal-container::before {
    left: 16px !important;
    width: 22px !important;
    height: 22px !important;
    filter: drop-shadow(0 2px 4px rgba(0,0,0,0.35)) !important;
}

body.right-locked .detay-modal-wrapper.is-minimized .detay-modal-container,
body:has(.sidebar-right:hover) .detay-modal-wrapper.is-minimized .detay-modal-container {
    right: auto !important;
}

body.right-locked .detay-modal-wrapper:not(.is-minimized) .detay-modal-container,
body:has(.sidebar-right-expandable:hover) .detay-modal-wrapper:not(.is-minimized) .detay-modal-container {
    margin-right: 0 !important;
    max-width: calc(100vw - 56px) !important;
}

/* 04-5. Detay popup mesaj/not girisi ve tam ekran */
#office-chat-input {
    color: #0f172a;
}

#yazisma-new-note {
    color: #0f172a !important; /* Yazı rengini koyu lacivert yapar */
}

body.dark-mode #office-chat-input {
    color: #ffffff;
}

body.dark-mode #yazisma-new-note {
    color: #ffffff !important; /* Karanlık modda beyaz yazıya geri döner */
}

.note-panel-header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 8px;
    background: #1e3a8a;
    color: #ffffff;
    border-bottom: 1px solid rgba(197, 170, 100, 0.45);
}

.note-panel-title {
    flex: 0 0 auto;
    color: #ffffff;
    font-size: 9.5px;
    line-height: 1;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0;
    white-space: nowrap;
}

.note-panel-search {
    height: 28px;
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 4px 0 7px;
    border: 1.5px solid #C5AA64;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.45);
}

.note-panel-search > i,
.note-panel-search > svg {
    flex: 0 0 auto;
    color: #C5AA64;
}

.note-panel-search input {
    min-width: 0;
    flex: 1 1 auto;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #1e3a8a;
    font-size: 10.5px;
    font-weight: 800;
}

.note-panel-search input::placeholder {
    color: rgba(148, 117, 45, 0.72);
}

.note-panel-search button {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border: 1px solid rgba(197, 170, 100, 0.7);
    border-radius: 6px;
    background: #1e3a8a;
    color: #C5AA64;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

.note-panel-search button:hover {
    background: #172f73;
}

#dosya-detay-modal.active #detay-left-section .modal-body,
#muvekkil-detay-modal.active .modal-body {
    padding-right: 6px !important;
}

.file-note-empty {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 28px 18px;
    text-align: center;
    color: #10224d;
}

.file-note-empty-icon {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #CDB592;
    border-radius: 16px;
    background: #ffffff;
    color: #1e3a8a;
    box-shadow: 0 12px 24px rgba(15,23,42,.10);
}

.file-note-empty-icon i,
.file-note-empty-icon svg {
    width: 24px;
    height: 24px;
    stroke-width: 2.2;
}

.file-note-empty-title {
    color: #10224d;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.file-note-empty-text {
    max-width: 320px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
}

.file-note-card {
    position: relative;
    max-width: 92%;
    align-self: flex-start;
    padding: 9px 10px;
    border: 1px solid rgba(205,181,146,.72);
    border-radius: 12px 12px 12px 4px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.075);
}

.file-note-card + .file-note-card {
    margin-top: 0;
}

.file-note-card.is-long {
    cursor: pointer;
}

.file-note-card.is-long:hover {
    border-color: #1e3a8a;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
}

.file-note-date-divider {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 2px 0;
    color: #7b879b;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0;
}

.file-note-date-divider::before,
.file-note-date-divider::after {
    content: "";
    height: 1px;
    flex: 1 1 auto;
    background: linear-gradient(90deg, transparent, rgba(205,181,146,.72));
}

.file-note-date-divider::after {
    background: linear-gradient(90deg, rgba(205,181,146,.72), transparent);
}

.file-note-date-divider span {
    flex: 0 0 auto;
    padding: 3px 8px;
    border: 1px solid rgba(205,181,146,.58);
    border-radius: 999px;
    background: #fffdf7;
}

.file-note-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.file-note-author {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
    flex: 0 0 26px;
    min-width: 0;
}

.file-note-author .user-avatar,
.file-note-author [class*="avatar"] {
    flex: 0 0 auto;
}

.file-note-time {
    color: #64748b;
    font-size: 8px;
    line-height: 1.1;
    font-weight: 850;
    white-space: nowrap;
}

.file-note-main {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 4px;
}

.file-note-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.file-note-meta span,
.file-note-meta strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-note-text {
    flex: 1 1 auto;
    min-width: 0;
    color: #26364d;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 780;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.file-note-more {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 1px 6px 2px;
    border-radius: 999px;
    background: #f7f4ec;
    color: #1e3a8a;
    font-size: 9px;
    font-weight: 950;
    white-space: nowrap;
}

.file-note-actions {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 0 0 auto;
}

.file-note-actions button {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(205,181,146,.78);
    border-radius: 7px;
    background: #fffdf7;
    color: #10224d;
    cursor: pointer;
}

.file-note-actions button.danger {
    border-color: rgba(220,38,38,.25);
    background: #fff7f7;
    color: #dc2626;
}

.file-note-full-reader {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: min(62vh, 560px);
}

.file-note-full-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1px solid rgba(197, 170, 100, 0.35);
    border-radius: 8px;
    background: #fffdf7;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
}

.file-note-full-meta strong {
    color: #64748b;
    font-size: 10px;
    white-space: nowrap;
}

.file-note-full-text {
    max-height: min(50vh, 450px);
    overflow: auto;
    padding: 12px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    color: #1f2937;
    font-size: 12px;
    line-height: 1.55;
    font-weight: 650;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.file-note-context-menu {
    position: fixed;
    z-index: 13050;
    min-width: 126px;
    padding: 5px;
    border: 1px solid rgba(197, 170, 100, 0.7);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.18);
}

.file-note-context-menu::before {
    content: "";
    position: absolute;
    top: -5px;
    right: 18px;
    width: 9px;
    height: 9px;
    background: #ffffff;
    border-left: 1px solid rgba(197, 170, 100, 0.7);
    border-top: 1px solid rgba(197, 170, 100, 0.7);
    transform: rotate(45deg);
}

.file-note-context-menu button {
    width: 100%;
    min-height: 30px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-align: left;
    cursor: pointer;
}

.file-note-context-menu button:hover {
    background: #f8fafc;
}

.file-note-context-menu button.danger {
    color: #dc2626;
}

.icon-12 { width: 12px !important; height: 12px !important; }

.detay-modal-wrapper.is-fullscreen .detay-modal-container {
    position: fixed !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-width: 100vw !important;
    max-height: 100dvh !important;
    border-radius: 0 !important;
    border: none !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    transform: none !important;
}

.detay-content { display: none; }

/* 03A. Ortak yazisma/not paneli */
#detay-yazisma-side,
#muvekkil-yazisma-side {
    width: 390px;
    flex: 0 0 390px;
    min-width: 310px;
    max-width: min(390px, 34vw);
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 8px 8px 10px;
    border: 1.5px solid #CDB592;
    border-radius: 14px;
    background: #f8f6f1;
    overflow: hidden;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
    transition: width .24s ease, flex-basis .24s ease, opacity .18s ease, transform .18s ease;
}

#detay-yazisma-side .yazisma-content-inner,
#muvekkil-yazisma-side .yazisma-content-inner {
    min-height: 0;
    background: #f8f6f1;
}

.detail-notes-header {
    display: grid;
    gap: 10px;
    padding: 12px 14px 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f4ec 100%);
    border-bottom: 1px solid rgba(205, 181, 146, 0.75);
}

.detail-notes-title {
    color: #10224d;
    font-size: 11px;
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.detail-notes-search {
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 10px;
    border: 1.5px solid #CDB592;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.detail-notes-search i,
.detail-notes-search svg {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    color: #10224d;
    stroke-width: 2.4;
}

.detail-notes-search .modal-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 100%;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #10224d;
    font-size: 12px;
    font-weight: 800;
}

.detail-notes-search .modal-input::placeholder {
    color: #7b879b;
}

.detail-notes-search .toolbar-btn {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    padding: 0;
    border: 1px solid rgba(205,181,146,.72);
    border-radius: 8px;
    background: #fffaf0;
    color: #10224d;
    box-shadow: none;
    cursor: pointer;
}

.detail-notes-messages {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px;
    overflow-y: auto;
    background:
        linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.58)),
        #f8f6f1;
}

.detail-notes-composer {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    padding: 12px;
    border-top: 1px solid rgba(205,181,146,.55);
    background: #ffffff;
}

.detail-notes-composer textarea {
    flex: 1 1 auto;
    min-width: 0;
    height: 46px;
    max-height: 120px;
    padding: 10px 12px;
    border: 1.5px solid rgba(205,181,146,.82);
    border-radius: 10px;
    background: #fbfbf8;
    color: #10224d;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    outline: 0;
    resize: vertical;
}

.detail-notes-composer textarea:focus {
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.10);
}

.detail-notes-composer button {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    border: 1px solid #10224d;
    border-radius: 10px;
    background: #1e3a8a;
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(30,58,138,.18);
}

.detay-modal-wrapper.yazisma-gizli #detay-yazisma-side,
.detay-modal-wrapper.yazisma-gizli #muvekkil-yazisma-side {
    width: 0;
    flex: 0 0 0;
    max-width: 0;
    min-width: 0;
    margin: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

#notlar-panel-toggle-btn {
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #CDB592;
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: #CDB592;
    color: #10224d;
    cursor: pointer;
    z-index: 100;
    box-shadow: -5px 0 14px rgba(15,23,42,.12);
}

/* --- ACCESSIBILITY & REFACTORING ADDITIONS --- */

.bg-main-gradient {
    background: linear-gradient(135deg, rgb(248, 250, 252), rgb(241, 245, 249));
}

.border-main-gold {
    border-bottom: 5px solid #1e3a8a; 
    box-shadow: 0 2px 0 0 #fff, 0 5px 0 0 #C5AA64;
}

.muvekkil-yazisma-toggle {
    position: absolute !important;
    left: -20px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 80px !important;
    background: #C5AA64 !important;
    color: #1e3a8a !important;
    border: 2px solid #1e3a8a !important;
    border-right: none !important;
    border-radius: 10px 0 0 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    cursor: pointer !important;
    z-index: 20 !important;
    box-shadow: -4px 0 15px rgba(0,0,0,0.1);
}

#dosya-detay-modal .modal-header,
#muvekkil-detay-modal .modal-header {
    cursor: default !important;
    user-select: none;
}

#dosya-detay-modal .detay-modal-container.is-dragging .modal-header,
#muvekkil-detay-modal .detay-modal-container.is-dragging .modal-header {
    cursor: grabbing;
}

#dosya-detay-modal .modal-header button,
#dosya-detay-modal .modal-header .file-tab,
#muvekkil-detay-modal .modal-header button,
#muvekkil-detay-modal .modal-header .file-tab {
    cursor: pointer;
}

body.right-locked #muvekkil-detay-modal.is-minimized .detay-modal-container,
body:has(.sidebar-right-expandable:hover) #muvekkil-detay-modal.is-minimized .detay-modal-container {
    left: auto !important;
    right: 364px !important;
    bottom: 40px !important;
}

#dosya-detay-modal .detay-modal-container.is-dragging,
#muvekkil-detay-modal .detay-modal-container.is-dragging {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    margin-right: 0 !important;
    transition: none !important;
    max-width: none !important;
    touch-action: none;
}

/* Muvekkil detay temel header/nav resetleri */
#muvekkil-detay-modal #muvekkil-files-nav {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    padding: 0 4px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

#muvekkil-detay-modal #muvekkil-files-nav .file-tab {
    height: 30px !important;
    min-height: 30px !important;
    max-width: 170px !important;
    padding: 4px 8px !important;
    border: 1.5px solid rgba(197, 170, 100, 0.65) !important;
    border-radius: 7px !important;
    background: #fffdf8 !important;
    color: #071f4f !important;
    -webkit-text-fill-color: #071f4f !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

#muvekkil-detay-modal #muvekkil-files-nav .file-tab.active {
    background: linear-gradient(180deg, #fff7df 0%, #ead9ba 100%) !important;
    color: #071f4f !important;
    -webkit-text-fill-color: #071f4f !important;
    border-color: #C5AA64 !important;
}

#muvekkil-detay-modal #muvekkil-files-nav .file-tab span:not(.file-tab-close),
#muvekkil-detay-modal #muvekkil-files-nav .file-tab i {
    color: inherit !important;
}

#muvekkil-detay-modal.is-minimized .modal-header > div:first-child {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

#muvekkil-detay-modal.is-minimized .modal-header > div:nth-child(2),
#muvekkil-detay-modal.is-minimized #muvekkil-files-nav,
#muvekkil-detay-modal.is-minimized .print-muvekkil-detail-btn {
    display: none !important;
}

#muvekkil-detay-modal.is-minimized .detay-modal-container {
    left: auto !important;
    right: 14px !important;
    bottom: 40px !important;
}

.detay-modal-wrapper.yazisma-gizli .muvekkil-yazisma-toggle {
    left: -20px !important;
}

.detay-modal-wrapper.yazisma-gizli #muvekkil-yazisma-side {
    width: 0 !important;
    min-width: 0 !important;
    border: none !important;
    margin: 0 !important;
}

/* --- HESAP YÖNETİMİ YENİ STİLLERİ --- */
.acc-stat-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid #f1f5f9;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    min-width: 0;
    overflow: hidden;
}
.acc-stat-box.navy { background: #f8fafc; border-left: 6px solid var(--brand-border); }
.acc-stat-box.gold { background: #fffcf0; border-left: 6px solid var(--brand-border); }

.acc-stat-box .label {
    font-size: 10px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    max-width: 100%;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.acc-stat-box .value {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    font-size: 15px;
    font-weight: 900;
    color: #1e293b;
    line-height: 1.12;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.acc-stat-box.highlight {
    background: #1e3a8a;
    border-color: #1e3a8a;
}
.acc-stat-box.highlight .label { color: rgba(255,255,255,0.7); }
.acc-stat-box.highlight .value { color: #C5AA64; font-size: 16px; }

.acc-stat-box.gold.highlight {
    background: #C5AA64;
    border-color: #C5AA64;
}
.acc-stat-box.gold.highlight .label { color: #1e3a8a; }
.acc-stat-box.gold.highlight .value { color: #ffffff; font-size: 16px; }

.client-finance-shell {
    background: #ffffff;
    border: 2px solid #C5AA64;
    border-radius: 8px;
    padding: 16px;
    box-shadow: 0 10px 24px rgba(30, 58, 138, 0.08);
}

#acc-client-summary-table {
    grid-column: 1 / -1;
}

.client-finance-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(197, 170, 100, 0.35);
}

.client-finance-kicker {
    color: #C5AA64;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.client-finance-title {
    color: #1e3a8a;
    font-size: 16px;
    font-weight: 950;
    text-transform: uppercase;
}

.client-finance-filter-note {
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}



#hesap-yonetimi-view .client-finance-empty-row td {
    padding: 0;
    border: 0;
}

#hesap-yonetimi-view .client-finance-empty {
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 42px 22px;
    text-align: left;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

#hesap-yonetimi-view .client-finance-empty-icon {
    position: relative;
    width: 68px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 68px;
    border: 1.5px solid rgba(197, 170, 100, 0.82);
    border-radius: 14px;
    background: #fffdf8;
    color: rgba(30, 58, 138, 0.28);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

#hesap-yonetimi-view .client-finance-empty-icon span {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: #1e3a8a;
    color: #C5AA64;
}

#hesap-yonetimi-view .client-finance-empty-copy {
    max-width: 420px;
    min-width: 0;
}

#hesap-yonetimi-view .client-finance-empty-copy h3 {
    margin: 0 0 8px;
    color: #1e3a8a;
    font-size: 15px;
    font-weight: 950;
    line-height: 1.15;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#hesap-yonetimi-view .client-finance-empty-copy p {
    margin: 0;
    color: #64748b;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.55;
}

@media (max-width: 720px) {
    #hesap-yonetimi-view .client-finance-empty {
        min-height: 240px;
        flex-direction: column;
        gap: 14px;
        text-align: center;
    }
}

.client-payment-table-wrap {
    overflow-x: auto;
    background: #ffffff;
}

.client-payment-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 760px;
}

.client-payment-table th {
    padding: 10px 12px;
    background: #f8fafc;
    color: #1e3a8a;
    border-bottom: 2px solid #C5AA64;
    border-right: 1px solid rgba(197, 170, 100, 0.25);
    font-size: 10px;
    font-weight: 950;
    text-align: left;
    text-transform: uppercase;
}

.client-payment-table td {
    padding: 10px 12px;
    border-bottom: 1px solid #e2e8f0;
    border-right: 1px solid rgba(226, 232, 240, 0.85);
    color: #1f2937;
    font-size: 10.5px;
    font-weight: 750;
    text-transform: uppercase;
    white-space: nowrap;
}

.client-payment-table tbody tr {
    border-left: 5px solid #16a34a;
}

.client-payment-table tbody tr:hover {
    background: #f0f9ff;
}

.client-payment-table strong {
    display: block;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

.client-payment-table small {
    display: block;
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
    margin-top: 2px;
}

.client-payment-table .amount {
    color: #16a34a;
    font-size: 12px;
    font-weight: 950;
    text-align: right;
}

@media (max-width: 720px) {
    .client-finance-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

.acc-filter-input {
    width: 100%;
    background: rgba(255,255,255,0.05);
    border: 1.5px solid rgba(197, 170, 100, 0.3);
    border-radius: 10px;
    padding: 10px 14px;
    color: white;
    font-size: 12px;
    font-weight: 700;
    outline: none;
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.acc-filter-input:focus {
    border-color: #C5AA64;
    background: rgba(255,255,255,0.1);
}

/* --- HESAP YÖNETİMİ MOBİL VE FİLTRE DÜZENİ --- */
#hesap-yonetimi-view .acc-summary-group {
    transform-origin: center;
    min-width: 0;
    overflow: hidden;
}

#hesap-yonetimi-view .acc-summary-group:hover {
    transform: none !important;
}

#hesap-yonetimi-view .acc-summary-group > .grid {
    grid-template-columns: minmax(0, 1fr);
    min-width: 0;
}

#hesap-yonetimi-view .acc-summary-group > .grid > .acc-stat-box.highlight {
    grid-column: 1 / -1;
}

#hesap-yonetimi-view .acc-stat-box.highlight .value {
    font-size: 18px;
}

@media (max-width: 768px) {
    #hesap-yonetimi-view {
        padding: 10px 10px 112px !important;
    }

    #hesap-yonetimi-view > div {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }

    #hesap-yonetimi-view .portal-section-header {
        gap: 8px;
    }

    #hesap-yonetimi-view .portal-section-header h2 {
        max-width: calc(100vw - 178px) !important;
        font-size: 14px !important;
    }

    #hesap-yonetimi-view .portal-section-header .search-input-wrapper {
        width: 132px !important;
        min-width: 132px !important;
        flex-basis: 132px !important;
    }

    #hesap-yonetimi-view .acc-summary-group {
        padding: 12px !important;
        border-width: 4px !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08) !important;
    }

    #hesap-yonetimi-view .acc-summary-group .grid {
        grid-template-columns: 1fr !important;
        gap: 8px;
    }

    #hesap-yonetimi-view .acc-stat-box {
        min-height: 42px !important;
        padding: 9px 11px !important;
        border-radius: 10px;
    }

    #hesap-yonetimi-view .acc-stat-box .label {
        font-size: 9px !important;
    }

    #hesap-yonetimi-view .acc-stat-box .value {
        font-size: 14px !important;
        text-align: right !important;
    }

    #hesap-yonetimi-view .acc-filter-input {
        min-height: 40px !important;
        padding: 8px 10px !important;
        font-size: 11px !important;
        background: #ffffff !important;
        color: #1e293b !important;
    }

    #hesap-yonetimi-view .overflow-x-auto {
        overflow-x: hidden !important;
    }

    #hesap-yonetimi-view table,
    #hesap-yonetimi-view thead,
    #hesap-yonetimi-view tbody,
    #hesap-yonetimi-view tr,
    #hesap-yonetimi-view td {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    #hesap-yonetimi-view table {
        display: block !important;
        border-collapse: separate !important;
    }

    #hesap-yonetimi-view > div > .bg-white.rounded-2xl {
        border-width: 4px !important;
        border-radius: 14px !important;
    }

    #hesap-yonetimi-view > div > .bg-white.rounded-2xl > .bg-\[\#1e3a8a\] {
        padding: 10px 12px !important;
        align-items: flex-start !important;
        gap: 8px;
    }

    #hesap-yonetimi-view h3 {
        font-size: 10px !important;
        line-height: 1.2 !important;
    }

    #hesap-yonetimi-view #acc-filtered-matrah-label {
        font-size: 9px !important;
        text-align: right !important;
    }

    #hesap-yonetimi-view table > thead {
        display: none !important;
    }

    #acc-table-body {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 10px;
    }

    #acc-table-body > tr {
        display: block !important;
        padding: 10px 12px !important;
        border: 1px solid rgba(197, 170, 100, 0.45) !important;
        border-left: 5px solid #C5AA64 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07) !important;
    }

    #acc-table-body > tr > td {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 6px 0 !important;
        border: 0 !important;
        text-align: right !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    #acc-table-body > tr > td::before,
    .client-payment-table td::before {
        content: attr(data-label);
        flex: 0 0 42%;
        color: #071f4f;
        font-size: 9px;
        font-weight: 950;
        text-align: left;
        text-transform: uppercase;
    }

    #acc-table-body > tr > td[colspan] {
        display: block !important;
        padding: 0 !important;
    }

    #acc-table-body > tr > td[colspan]::before {
        display: none !important;
        content: none !important;
    }

    .client-finance-shell {
        padding: 12px !important;
        border-radius: 12px !important;
    }

    .client-finance-head {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px;
    }

    .client-finance-title {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    .client-payment-table-wrap {
        overflow-x: hidden !important;
    }

    .client-payment-table,
    .client-payment-table thead,
    .client-payment-table tbody,
    .client-payment-table tr,
    .client-payment-table td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .client-payment-table thead {
        display: none !important;
    }

    .client-payment-table tbody {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
    }

    .client-payment-table tbody tr {
        padding: 10px 12px !important;
        border: 1px solid rgba(22, 163, 74, 0.28) !important;
        border-left: 5px solid #16a34a !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }

    .client-payment-table td {
        display: flex !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 12px !important;
        padding: 6px 0 !important;
        border: 0 !important;
        white-space: normal !important;
        text-align: right !important;
    }

    .client-payment-table strong,
    .client-payment-table small {
        text-align: right !important;
    }

    .client-payment-table .amount {
        font-size: 14px !important;
    }
}

/* --- MOBIL EVRAK / KULLANICI / LOG PANELLERI --- */
@media (max-width: 768px) {
    #maktu-evraklar-view {
        padding: 10px 10px 112px;
        overflow-x: hidden;
        background: #f8fafc;
    }

    #kullanici-view {
        padding: 10px 10px 112px;
        overflow-x: hidden;
        background: #f8fafc;
    }

    #loglar-view {
        padding: 10px 10px 112px;
        overflow-x: hidden;
        background: #f8fafc;
    }

    #ayarlar-view {
        padding: 10px 10px 112px;
        overflow-x: hidden;
        background: #f8fafc;
    }

    #maktu-evraklar-view > div {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    #kullanici-view > div {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    #loglar-view > div {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    #ayarlar-view > div {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    #maktu-evraklar-view .portal-section-header h2 {
        max-width: calc(100vw - 178px);
        font-size: 14px;
    }

    #kullanici-view .portal-section-header h2 {
        max-width: calc(100vw - 178px);
        font-size: 14px;
    }

    #loglar-view .portal-section-header h2 {
        max-width: calc(100vw - 178px);
        font-size: 14px;
    }

    #ayarlar-view .portal-section-header h2 {
        max-width: calc(100vw - 178px);
        font-size: 14px;
    }

    #maktu-evraklar-view .portal-section-header .search-input-wrapper {
        width: 132px;
        min-width: 132px;
        flex-basis: 132px;
    }

    #kullanici-view .portal-section-header .search-input-wrapper {
        width: 132px;
        min-width: 132px;
        flex-basis: 132px;
    }

    #loglar-view .portal-section-header .search-input-wrapper {
        width: 132px;
        min-width: 132px;
        flex-basis: 132px;
    }

    #maktu-evraklar-view .maktu-evrak-container {
        width: 100%;
        max-width: 100%;
        border: 4px solid #C5AA64;
        border-radius: 14px;
        background: #ffffff;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    }

    #kullanici-view .table-frame {
        width: 100%;
        max-width: 100%;
        border: 4px solid #C5AA64;
        border-radius: 14px;
        background: #ffffff;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    }

    #loglar-view .table-frame {
        width: 100%;
        max-width: 100%;
        border: 4px solid #C5AA64;
        border-radius: 14px;
        background: #ffffff;
        overflow: hidden;
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    }

    #maktu-evraklar-view #maktu-library-pane:not(.hidden) {
        display: block;
        overflow: visible;
    }

    #maktu-preview-pane {
        display: none;
    }

    #maktu-evraklar-view table,
    #maktu-evraklar-view thead,
    #maktu-evraklar-view tbody,
    #maktu-evraklar-view tr,
    #maktu-evraklar-view td {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #kullanici-view table,
    #kullanici-view thead,
    #kullanici-view tbody,
    #kullanici-view tr,
    #kullanici-view td {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #loglar-view table,
    #loglar-view thead,
    #loglar-view tbody,
    #loglar-view tr,
    #loglar-view td {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    #maktu-evraklar-view table {
        display: block;
        table-layout: fixed;
        border-collapse: separate;
    }

    #kullanici-view table {
        display: block;
        table-layout: fixed;
        border-collapse: separate;
    }

    #loglar-view table {
        display: block;
        table-layout: fixed;
        border-collapse: separate;
    }

    #maktu-evraklar-view thead {
        display: none;
    }

    #kullanici-view thead {
        display: none;
    }

    #loglar-view thead {
        display: none;
    }

    #maktu-table-body {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    #user-table-body {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    #log-table-body {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 10px;
    }

    #maktu-table-body > tr {
        display: block;
        height: auto;
        padding: 10px 12px;
        border: 1px solid rgba(197, 170, 100, 0.45);
        border-left: 5px solid #C5AA64;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
    }

    #user-table-body > tr {
        display: block;
        height: auto;
        padding: 10px 12px;
        border: 1px solid rgba(197, 170, 100, 0.45);
        border-left: 5px solid #C5AA64;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
    }

    #log-table-body > tr {
        display: block;
        height: auto;
        padding: 10px 12px;
        border: 1px solid rgba(197, 170, 100, 0.45);
        border-left: 5px solid #C5AA64;
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07);
    }

    #maktu-table-body > tr {
        border-left-color: #C5AA64;
    }

    #maktu-table-body > tr > td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 0;
        border: 0;
        text-align: right;
        white-space: normal;
        overflow-wrap: anywhere;
        color: #0f172a;
    }

    #user-table-body > tr > td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 0;
        border: 0;
        text-align: right;
        white-space: normal;
        overflow-wrap: anywhere;
        color: #0f172a;
    }

    #log-table-body > tr > td {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 0;
        border: 0;
        text-align: right;
        white-space: normal;
        overflow-wrap: anywhere;
        color: #0f172a;
    }

    #maktu-table-body > tr > td::before,
    #user-table-body > tr > td::before,
    #log-table-body > tr > td::before {
        content: attr(data-label);
        flex: 0 0 38%;
        color: #071f4f;
        font-size: 9px;
        font-weight: 950;
        text-align: left;
        text-transform: uppercase;
    }

    #maktu-table-body > tr > td[colspan] {
        display: block;
        padding: 0;
        text-align: center;
    }

    #user-table-body > tr > td[colspan] {
        display: block;
        padding: 0;
        text-align: center;
    }

    #log-table-body > tr > td[colspan] {
        display: block;
        padding: 0;
        text-align: center;
    }

    #maktu-table-body > tr > td[colspan]::before {
        display: none;
        content: none;
    }

    #user-table-body > tr > td[colspan]::before {
        display: none;
        content: none;
    }

    #log-table-body > tr > td[colspan]::before {
        display: none;
        content: none;
    }

    #maktu-table-body > tr.maktu-empty-row {
        padding: 0;
        border-left-width: 0;
        overflow: visible;
        min-height: 170px;
    }

    #user-table-body > tr.user-empty-row {
        padding: 0;
        border-left-width: 0;
        overflow: visible;
        min-height: 170px;
    }

    #log-table-body > tr.log-empty-row {
        padding: 0;
        border-left-width: 0;
        overflow: visible;
        min-height: 170px;
    }

    #maktu-table-body > tr > td[colspan] > div {
        width: 100%;
        min-height: 180px;
        padding: 22px 12px;
        box-sizing: border-box;
        justify-content: flex-start;
    }

    #user-table-body > tr > td[colspan] > div {
        width: 100%;
        min-height: 180px;
        padding: 22px 12px;
        box-sizing: border-box;
        justify-content: flex-start;
    }

    #log-table-body > tr > td[colspan] > div {
        width: 100%;
        min-height: 180px;
        padding: 22px 12px;
        box-sizing: border-box;
        justify-content: flex-start;
    }

    #maktu-table-body > tr > td[colspan] > div > div {
        max-width: 100%;
        padding: 18px 12px;
    }

    #user-table-body > tr > td[colspan] > div > div {
        max-width: 100%;
        padding: 18px 12px;
    }

    #log-table-body > tr > td[colspan] > div > div {
        max-width: 100%;
        padding: 18px 12px;
    }

    #maktu-table-body > tr > td[colspan] .w-24,
    #maktu-table-body > tr > td[colspan] .h-24,
    #maktu-table-body > tr > td[colspan] .h-11 {
        width: 42px;
        height: 42px;
        margin-bottom: 10px;
    }

    #user-table-body > tr > td[colspan] .w-24,
    #user-table-body > tr > td[colspan] .h-24,
    #user-table-body > tr > td[colspan] .h-11 {
        width: 42px;
        height: 42px;
        margin-bottom: 10px;
    }

    #log-table-body > tr > td[colspan] .w-24,
    #log-table-body > tr > td[colspan] .h-24,
    #log-table-body > tr > td[colspan] .h-11 {
        width: 42px;
        height: 42px;
        margin-bottom: 10px;
    }

    #maktu-table-body > tr > td:first-child {
        justify-content: flex-start;
        text-align: left;
    }

    #user-table-body > tr > td.mobile-card-select {
        justify-content: flex-start;
        text-align: left;
    }

    #log-table-body > tr > td.mobile-card-select {
        justify-content: flex-start;
        text-align: left;
    }

    #user-table-body > tr > td.mobile-card-select {
        position: absolute;
        top: 10px;
        right: 10px;
        width: auto;
        padding: 0;
    }

    #log-table-body > tr > td.mobile-card-select {
        position: absolute;
        top: 10px;
        right: 10px;
        width: auto;
        padding: 0;
    }

    #user-table-body > tr {
        position: relative;
        padding-right: 46px;
    }

    #log-table-body > tr {
        position: relative;
        padding-right: 46px;
    }

    #user-table-body > tr > td.mobile-card-select::before {
        display: none;
        content: none;
    }

    #log-table-body > tr > td.mobile-card-select::before {
        display: none;
        content: none;
    }

    #maktu-table-body > tr > td:first-child::before {
        display: none;
        content: none;
    }

    #maktu-table-body .flex.items-center.gap-3 {
        width: 100%;
        min-width: 0;
    }

    #maktu-table-body .flex.flex-col {
        min-width: 0;
        text-align: left;
    }

    #maktu-table-body span[title] {
        font-size: 11px;
        line-height: 1.25;
    }

    #user-table-body td {
        font-size: 11px;
        line-height: 1.25;
    }

    #log-table-body td {
        font-size: 11px;
        line-height: 1.25;
    }

    #log-table-body td[data-label="DETAY"] {
        flex-direction: column;
        text-align: left;
        gap: 5px;
    }

    #log-table-body td[data-label="DETAY"]::before {
        flex: 0 0 auto;
    }

    #log-table-body .icon-box-gold {
        width: 32px;
        height: 32px;
    }
}

.settings-panel {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 14px 30px -18px rgba(15, 23, 42, 0.35);
    border: 2px solid #C5AA64;
    overflow: hidden;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.settings-header {
    background-color: rgba(255, 255, 255, 0.72);
    padding: 0.85rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    border-bottom: 2px solid #CDB592;
}

.setting-field-note {
    margin-top: 6px;
    color: #64748b;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.35;
    text-transform: uppercase;
}

.settings-status-box {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    border: 1px solid rgba(197, 170, 100, 0.75);
    background: #fff;
    border-radius: 8px;
    padding: 10px;
}

.settings-status-box > div {
    min-width: 0;
    padding: 8px 10px;
    border-left: 3px solid #C5AA64;
    background: #fffdf8;
}

.settings-status-label {
    display: block;
    color: #64748b;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.settings-status-box strong {
    display: block;
    margin-top: 3px;
    color: #071f4f;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    overflow-wrap: anywhere;
}

.profile-settings-modal-shell {
    width: min(1120px, calc(100vw - 32px));
    max-height: calc(100vh - 42px);
    display: flex;
    flex-direction: column;
    border: 2px solid #C5AA64;
    border-radius: 18px;
    overflow: hidden;
    background: #f8fafc;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.42);
}

.profile-settings-modal-header {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    background: #0F172A;
    border-bottom: 2px solid #C5AA64;
}

.profile-settings-modal-close {
    width: 38px;
    height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.75);
    border-radius: 10px;
    color: #C5AA64;
    background: rgba(197, 170, 100, 0.08);
    transition: transform .15s ease, background .15s ease;
}

.profile-settings-modal-close:hover {
    transform: scale(1.04);
    background: rgba(197, 170, 100, 0.16);
}

.profile-settings-modal-body {
    overflow: auto;
    padding: 16px;
}

.profile-settings-modal-body #setting-client-info-box {
    margin: 0 !important;
    box-shadow: none !important;
}

.profile-settings-modal-body #setting-client-info-box > .settings-header {
    display: none !important;
}



.profile-image-adjust-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.58);
}

.profile-image-adjust-card {
    width: min(430px, calc(100vw - 36px));
    overflow: hidden;
    border: 1.5px solid #C5AA64;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.34);
}

.profile-image-adjust-header {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 18px;
    background: #0F2556;
    border-bottom: 1.5px solid #C5AA64;
}

.profile-image-adjust-header span,
.profile-image-adjust-header strong {
    display: block;
    color: #C5AA64;
    -webkit-text-fill-color: #C5AA64;
}

.profile-image-adjust-header span {
    font-size: 9px;
    font-weight: 850;
    letter-spacing: 0.12em;
}

.profile-image-adjust-header strong {
    margin-top: 3px;
    font-size: 12px;
    font-weight: 950;
    line-height: 1;
}

.profile-image-adjust-icon {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    border: 1px solid rgba(197, 170, 100, 0.82);
    border-radius: 9px;
    color: #C5AA64;
    background: rgba(197, 170, 100, 0.08);
}

.profile-image-adjust-body {
    padding: 22px 24px 18px;
}

.profile-image-adjust-preview-wrap {
    display: flex;
    justify-content: center;
}

.profile-image-adjust-preview {
    width: 150px;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1.5px solid rgba(197, 170, 100, 0.9);
    border-radius: 12px;
    background: #0F2556;
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.16);
}

.profile-image-adjust-preview img {
    width: 100%;
    height: 100%;
    display: block;
}

.profile-image-fit-group {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 18px;
    padding: 4px;
    border: 1px solid rgba(197, 170, 100, 0.45);
    border-radius: 11px;
    background: #f8fafc;
}

.profile-image-fit-btn {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #0F2556;
    background: transparent;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    cursor: pointer;
    transition: transform 0.14s ease, background 0.14s ease, color 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease;
}

.profile-image-fit-btn:hover,
.profile-image-fit-btn:focus-visible {
    border-color: rgba(197, 170, 100, 0.68);
    background: rgba(197, 170, 100, 0.12);
    outline: none;
}

.profile-image-fit-btn.is-active {
    border-color: #C5AA64;
    color: #C5AA64;
    background: #0F2556;
    box-shadow: 0 8px 18px rgba(15, 37, 86, 0.18);
}

.profile-image-adjust-note {
    margin: 14px 0 0;
    color: #64748b;
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1.45;
}

.profile-image-adjust-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 18px 16px;
    border-top: 1px solid rgba(197, 170, 100, 0.35);
    background: #fffdf8;
}

.profile-image-adjust-footer .modal-btn {
    min-width: 112px;
    min-height: 38px;
    justify-content: center;
    padding: 0 18px;
}

@media (max-width: 520px) {
    .profile-image-adjust-card {
        width: calc(100vw - 24px);
    }

    .profile-image-adjust-body {
        padding: 18px;
    }

    .profile-image-adjust-footer {
        flex-direction: column-reverse;
    }

    .profile-image-adjust-footer .modal-btn {
        width: 100%;
    }
}

.portal-alert-modal {
    position: fixed;
    inset: 0;
    z-index: 999998;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
    overflow: hidden;
}

#incoming-portal-alert-modal {
    z-index: 999999;
}

.portal-alert-card,
.portal-alert-composer {
    width: min(620px, calc(100vw - 32px));
    max-height: calc(100vh - 40px);
    display: flex;
    flex-direction: column;
    border: 1px solid color-mix(in srgb, var(--brand-border) 78%, #ffffff);
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 32px 90px rgba(15, 23, 42, 0.42);
}

.portal-alert-composer {
    width: min(980px, calc(100vw - 32px));
}

.portal-alert-card-header {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
    background: #0F172A;
    border-bottom: 1px solid color-mix(in srgb, var(--brand-border) 82%, #ffffff);
}

.portal-alert-icon {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #C5AA64;
    color: #1e3a8a;
    flex-shrink: 0;
}

.portal-alert-mobile-back {
    display: none;
}

.portal-alert-card-body,
.portal-alert-compose-body {
    padding: 18px;
    overflow: auto;
    background: #f8fafc;
}

.portal-alert-compose-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.portal-alert-compose-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.9fr);
    gap: 16px;
    align-items: start;
}

.portal-alert-compose-main,
.portal-alert-compose-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

.portal-alert-field {
    min-width: 0;
}

.portal-alert-title-input,
.portal-alert-message-input,
.portal-alert-composer .modal-input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
    font-weight: 800;
    box-shadow: none;
}

.portal-alert-message-input {
    min-height: 180px;
    resize: vertical;
    line-height: 1.5;
    text-transform: none;
}

.portal-alert-help {
    margin-top: 5px;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
}

.portal-alert-card-body p {
    color: #0f172a;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.55;
    margin: 0;
}

.portal-alert-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-alert-card-actions {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 18px;
    border-top: 1px solid #e2e8f0;
    background: #ffffff;
}

.portal-alert-card-actions .modal-btn:disabled {
    opacity: 0.68;
    cursor: wait;
}

.portal-alert-audience-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.portal-alert-audience-grid label,
.portal-alert-user-option {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #ffffff;
    padding: 9px 11px;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-alert-audience-grid label {
    cursor: pointer;
}

.portal-alert-audience-grid label:has(input:checked),
.portal-alert-user-option:has(input:checked) {
    border-color: #C5AA64;
    background: #fff9ea;
    box-shadow: inset 0 0 0 1px rgba(197, 170, 100, 0.3);
}

.portal-alert-audience-grid input,
.portal-alert-user-option input {
    width: 14px;
    height: 14px;
    accent-color: #C5AA64;
    flex: 0 0 auto;
}

.portal-alert-ack-option {
    min-height: 54px;
}

.portal-alert-users {
    max-height: 260px;
    overflow: hidden;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    padding: 10px;
    background: #ffffff;
}

.portal-alert-user-tools {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.portal-alert-user-search-wrap {
    min-width: 190px;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #f8fafc;
    padding: 7px 9px;
    color: #1e3a8a;
}

.portal-alert-user-search-wrap input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.portal-alert-user-tool-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.portal-alert-selected-count {
    margin-bottom: 7px;
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.portal-alert-user-list {
    max-height: 165px;
    overflow: auto;
    padding-right: 2px;
}

.portal-alert-user-option {
    margin-bottom: 7px;
}

.portal-alert-user-option small {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
}

.portal-alert-user-empty {
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 12px;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
}

.portal-alert-require {
    margin-top: 12px;
    border: 1px solid rgba(197, 170, 100, 0.65);
    border-radius: 8px;
    background: #fff9ea;
    color: #1e3a8a;
    padding: 9px 11px;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.portal-alert-history-section {
    min-width: 0;
}

.portal-alert-history {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-height: 220px;
    overflow: auto;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #ffffff;
    padding: 10px;
}

.portal-alert-history-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
    border: 1px solid #e2e8f0;
    border-left: 4px solid #C5AA64;
    border-radius: 8px;
    background: #f8fafc;
    padding: 9px 10px;
}

.portal-alert-history-title {
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.portal-alert-history-meta {
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 2px;
}

@media (max-width: 820px) {
    .portal-alert-compose-grid,
    .portal-alert-history,
    .portal-alert-audience-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .portal-alert-user-tools {
        align-items: stretch;
        flex-direction: column;
    }

    .portal-alert-user-tool-actions {
        justify-content: stretch;
    }

    .portal-alert-user-tool-actions .toolbar-btn {
        flex: 1 1 0;
    }
}
.acc-summary-card {
    background-color: #ffffff;
    padding: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.acc-summary-card.navy { border-left: 8px solid #1e3a8a; }
.acc-summary-card.gold { border-left: 8px solid #C5AA64; }

.maktu-evrak-container {
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
    border: 6px solid #C5AA64 !important;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.maktu-preview-pane {
    flex: 1;
    background-color: #ffffff;
    border-radius: 20px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
    border: 6px solid #C5AA64 !important;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}


#global-modal .global-modal-close-btn {
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 1001;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #C5AA64;
    border-radius: 16px;
    background: linear-gradient(180deg, #fffdf7 0%, #eadbc1 100%);
    color: #0f2556;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.20);
    cursor: pointer;
    transition: transform 0.16s ease, background 0.16s ease;
}

#global-modal .global-modal-close-btn:hover {
    transform: scale(1.08);
}

#global-modal .global-modal-close-btn:active {
    transform: scale(0.92);
}

#global-modal .global-modal-close-btn i,
#global-modal .global-modal-close-btn svg {
    width: 24px;
    height: 24px;
    stroke: currentColor;
}
#global-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    background: rgba(255, 255, 255, 0.94);
    color: #0f2556;
    border-bottom: 1.5px solid rgba(197, 170, 100, 0.42);
    box-shadow: none;
}

#global-modal .modal-header-title {
    min-width: 0;
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
}

.modal-minimize-btn {
    position: absolute;
    top: -20px;
    right: 30px;
    z-index: 1001;
    width: 44px;
    height: 44px;
    border: 2px solid #C5AA64;
    border-radius: 16px;
    background: #1e3a8a;
    color: #C5AA64;
    display: none;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    cursor: pointer;
    transition: transform .12s ease, background .12s ease;
}

#global-modal.maktu-icra-itiraz-active .modal-minimize-btn,
#global-modal.maktu-icra-itiraz-modal .modal-minimize-btn,
#global-modal.maktu-arabuluculuk-modal .modal-minimize-btn,
#global-modal.maktu-ihtar-form-modal .modal-minimize-btn,
#global-modal.maktu-tahkim-form-modal .modal-minimize-btn {
    display: inline-flex;
}

#global-modal:is(.maktu-icra-itiraz-modal, .maktu-ihtar-form-modal, .maktu-tahkim-form-modal) .modal-header {
    padding-right: 104px !important;
}

#global-modal:is(.maktu-icra-itiraz-modal, .maktu-ihtar-form-modal, .maktu-tahkim-form-modal) .global-modal-close-btn,
#global-modal:is(.maktu-icra-itiraz-modal, .maktu-ihtar-form-modal, .maktu-tahkim-form-modal) .modal-content > .ext-btn-close,
#global-modal:is(.maktu-icra-itiraz-modal, .maktu-ihtar-form-modal, .maktu-tahkim-form-modal) .modal-content > button:first-child {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
}

#global-modal:is(.maktu-icra-itiraz-modal, .maktu-ihtar-form-modal, .maktu-tahkim-form-modal) .modal-minimize-btn {
    top: 10px !important;
    right: 52px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
}

.modal-minimize-btn:hover {
    background: #10285f;
  }

.modal-minimize-btn svg {
    width: 22px;
    height: 22px;
    stroke-width: 2.6;
}

#global-modal:is(.maktu-icra-itiraz-active, .maktu-icra-itiraz-modal, .maktu-arabuluculuk-modal, .maktu-ihtar-form-modal, .maktu-tahkim-form-modal) :is(.global-modal-close-btn, .modal-minimize-btn) {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.16) !important;
}

#global-modal:is(.maktu-icra-itiraz-active, .maktu-icra-itiraz-modal, .maktu-arabuluculuk-modal, .maktu-ihtar-form-modal, .maktu-tahkim-form-modal) :is(.global-modal-close-btn, .modal-minimize-btn) svg {
    width: 18px !important;
    height: 18px !important;
    stroke-width: 2.8 !important;
}

#global-modal.is-minimized {
    background: transparent !important;
    pointer-events: none !important;
}

#global-modal.is-minimized .modal-content {
    display: none !important;
}

#global-modal.modal-overlay.active.is-minimized > .modal-content,
#global-modal.modal-overlay.active.is-minimized .modal-content {
    display: none !important;
}

.global-modal-minimized-bar {
    position: fixed;
    right: 190px;
    bottom: 24px;
    z-index: 10000010;
    max-width: min(420px, calc(100vw - 36px));
    height: 42px;
    padding: 0 14px;
    border: 2px solid #C5AA64;
    border-radius: 10px;
    background: #1e3a8a;
    color: #C5AA64;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .32);
    display: inline-flex;
    align-items: center;
    gap: 9px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0;
}

@media (max-width: 760px) {
    .global-modal-minimized-bar {
        right: 18px;
        bottom: 92px;
    }
}

.global-modal-minimized-bar span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-modal-minimized-bar svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.work-summary-print-btn {
    width: 36px;
    min-width: 36px;
    height: 36px;
    padding: 0;
    border: 1.5px solid #C5AA64;
    border-radius: 8px;
    background: #fffdf7;
    color: #0f2556;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.10);
    cursor: pointer;
    flex-shrink: 0;
}

.work-summary-print-btn:hover {
    background: #f7efd9;
    border-color: #b99b56;
}


.search-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.standard-filter-input {
    background-color: #ffffff;
    color: #000000;
    text-transform: none !important;
}

/* --- MOBİL VE KÜÇÜK EKRAN UYUMLULUĞU (RESPONSIVE) --- */
@media (max-width: 768px) {
    /* Ana içerik alanının sidebar marjinlerini sıfırla */
    .main-portal-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }


    /* Takvim ızgarasının ezilmesini engelle ve yatay kaydırma sağla */
    #calendar-grid-container {
        overflow-x: auto !important;
        display: block !important;
    }

    .calendar-grid {
        min-width: 800px !important; /* Hücrelerin kaymaması için minimum genişlik */
    }

}

.perm-group-card {
    border: 4px solid rgba(30, 58, 138, 0.2);
    border-radius: 1rem;
    overflow: hidden;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    background-color: #ffffff;
    margin-bottom: 1rem;
}

.perm-group-header {
    background-color: #1e3a8a;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.perm-subgroup-card {
    border: 2px solid #f1f5f9;
    border-radius: 0.75rem;
    overflow: hidden;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
    background-color: #ffffff;
}

.perm-subgroup-header {
    background-color: #f8fafc;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.perm-subgroup-header:hover {
    background-color: #f1f5f9;
}

/* Refactored Utility Classes to replace inline styles */

.sidebar-logo-img {
    width: 100%;
    max-width: 180px;
    height: auto;
    object-fit: contain;
    padding: 10px 0;
}

.sidebar-nav-label {
    font-size: 11px;
    font-weight: 900;
    color: #475569;
    margin: 5px 0 10px 12px;
    letter-spacing: 1.5px;
    text-transform: none;
}

.sidebar-nav-label.mt-large {
    margin-top: 20px !important;
}

.sidebar-exit-container {
    margin-top: 20px;
    border-top: 1px solid #1e293b;
    padding-top: 20px;
}

.nav-btn-danger {
    color: #ef4444 !important;
}

.sidebar-status-info {
    font-size: 11px;
    color: #475569;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
}

.sidebar-footer-text-block {
    font-size: 9px;
    color: #475569;
    font-weight: 600;
    margin-top: 15px;
    opacity: 0.6;
    white-space: normal;
    line-height: 1.4;
}


.modal-input-white {
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
}

.modal-label-muted {
    color: rgb(71, 85, 105);
    font-weight: 600;
    font-size: 12px;
    display: block;
    margin-bottom: 6px;
}

.modal-btn-cancel-light {
    font-weight: 600 !important;
    font-size: 13px !important;
}

.modal-btn-confirm-blue {
    font-weight: 600 !important;
    font-size: 13px !important;
}

.modal-header-dark {
    color: rgb(15, 23, 42) !important;
    font-weight: 700 !important;
    font-size: 18px !important;
}

/* Icon and Layout Utilities */
.icon-14 { width: 14px !important; height: 14px !important; }
.icon-16 { width: 16px !important; height: 16px !important; }
.icon-18 { width: 18px !important; height: 18px !important; }
.icon-20 { width: 20px !important; height: 20px !important; }
.stroke-4 { stroke-width: 4px !important; }

.z-120 { z-index: 120 !important; }
.w-80 { width: 80px !important; }
.min-w-80 { min-width: 80px !important; }

.col-filter-btn { padding: 4px !important; }
.col-filter-icon { 
    margin-left: 0.25rem; 
    cursor: pointer; 
    display: inline-flex; 
    align-items: center; 
}

.badge-navy {
    background-color: #1e3a8a !important;
    color: white !important;
}

/* --- GÜVENLİ MOBİL TEMEL KATMANI --- */
@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden !important;
    }

    #main-portal-content,
    .main-portal-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 0 !important;
    }

    #dosya-view:not(.mobile-file-tab-menu-mode):not(.mobile-file-tab-open),
    #takvim-view,
    #is-takip-view,
    #kullanici-view,
    #hesap-yonetimi-view,
    #maktu-evraklar-view,
    #loglar-view,
    #ayarlar-view {
        padding: 12px !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body.client-mode #dosya-view,
    body.client-mode #takvim-view,
    body.client-mode #hesap-yonetimi-view,
    body.client-mode #maktu-evraklar-view,
    body.client-mode #is-takip-view,
    body.client-mode #kullanici-view,
    body.client-mode #loglar-view,
    body.client-mode #ayarlar-view {
        margin: 8px !important;
        padding: 10px;
        width: calc(100vw - 16px) !important;
        max-width: calc(100vw - 16px) !important;
        min-height: calc(100dvh - 16px) !important;
        border: 5px solid #C5AA64 !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
        background: #f8fafc;
        overflow-x: hidden !important;
    }

    body.client-mode #dosya-view.mobile-file-tab-open {
        border: 5px solid #C5AA64 !important;
        background: #f8fafc;
    }

    body.client-mode #dosya-view #print-btn,
    body.client-mode #dosya-view [title*="Yazdır"] {
        display: none !important;
    }


    #job-tracking-tabs-nav,
    #agenda-tabs-nav,
    #calendar-categories-container,
    #maktu-tabs-nav,
    #user-tabs-nav,
    #log-tabs-nav,
    #detay-tabs-nav,
    #muvekkil-tabs-nav,
    #detay-files-nav,
    #muvekkil-files-nav {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        width: 100% !important;
        max-width: calc(100vw - 82px) !important;
        box-sizing: border-box !important;
        gap: 4px !important;
        padding-bottom: 3px !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: thin;
    }
.table-wrapper,
    .table-frame,
    #calendar-grid-container,
    #job-tracking-items-container,
    #agenda-items-container,
    #hesap-yonetimi-view .overflow-x-auto,
    #maktu-evraklar-view .overflow-x-auto {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    table {
        min-width: 760px !important;
    }

    #dosya-detay-modal .detay-modal-container,
    #muvekkil-detay-modal .detay-modal-container,
    #muvekkil-detay-modal .muvekkil-modal-container-custom,
    .modal-content {
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100 * min(var(--vh, 1vh), 1vh)) !important;
        max-height: calc(100 * min(var(--vh, 1vh), 1vh)) !important;
        inset: 0 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        transform: none !important;
    }

    #dosya-detay-modal .modal-header,
    #muvekkil-detay-modal .modal-header,
    .modal-header {
        min-height: 42px !important;
        padding: 8px 10px !important;
        gap: 6px !important;
    }

    #detay-yazisma-side,
    #muvekkil-yazisma-side {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.day-cell-content {
    overflow-y: auto;
}

.chat-search-input {
    width: 100%;
    padding: 8px 10px 8px 32px;
    background: rgba(255, 255, 255, 0.05);
    outline: none;
}

.perm-modal-overlay {
    background: rgba(15, 23, 42, 0.7) !important;
    z-index: 7000 !important;
    display: none;
    align-items: center;
    justify-content: center;
}

.perm-modal-container {
    max-width: 650px !important;
    width: 95% !important;
    background: white !important;
    border-radius: 12px !important;
    border: 4px solid #1e3a8a !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    max-height: 85vh !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important;
    animation: modalFadeIn 0.3s ease-out;
}

.perm-modal-header {
    background: #1e3a8a !important;
    padding: 16px 24px !important;
    color: #C5AA64 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}

.perm-modal-close {
    color: #C5AA64 !important;
    font-size: 1.5rem;
    font-weight: 700;
    transition: color 0.2s;
}
.perm-modal-close:hover { color: white !important; }

.perm-modal-body {
    padding: 1.5rem !important;
    overflow-y: auto !important;
    background-color: white !important;
}

#user-permissions-modal.perm-modal-overlay {
    background: rgba(15, 23, 42, 0.62);
    padding: 22px;
}

#user-permissions-modal .perm-modal-container {
    position: relative;
    max-width: 1120px;
    width: min(1120px, calc(100vw - 32px));
    max-height: min(840px, calc(100vh - 32px));
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(197, 170, 100, 0.65);
    border-radius: 10px;
    padding: 0;
    overflow: hidden;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.34);
}

#user-permissions-modal .perm-modal-container > .ext-btn-close {
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    border-radius: 7px;
    border: 1px solid rgba(197, 170, 100, 0.75);
    z-index: 3;
}

#user-permissions-modal .perm-modal-container > .ext-btn-close i,
#user-permissions-modal .perm-modal-container > .ext-btn-close svg {
    width: 17px;
    height: 17px;
}

#user-permissions-modal .perm-modal-header {
    margin: 0;
    padding: 18px 58px 16px 28px;
    min-height: 58px;
    background: #102a64;
    border-bottom: 2px solid #C5AA64;
    color: #C5AA64;
}

#user-permissions-modal .perm-modal-header h3 {
    font-size: 13px;
    letter-spacing: 0.08em;
    line-height: 1.2;
}

#user-permissions-modal .perm-modal-body {
    padding: 22px 26px 18px;
    background: #ffffff;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-auto-flow: row;
    align-items: start;
    gap: 14px;
    overflow-y: auto;
    min-height: 0;
    flex: 1 1 auto;
}

#user-permissions-modal .perm-modal-body > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
}

#user-permissions-modal .perm-modal-body > .mb-4 {
    grid-column: 1 / -1;
    grid-row: 1;
    margin: 0 0 4px;
    padding: 0 0 14px;
    border-bottom: 1px solid #e5e7eb;
}

#user-permissions-modal .perm-modal-body > .permission-group:nth-of-type(2) {
    grid-column: 1;
    grid-row: 2;
}

#user-permissions-modal .perm-modal-body > .permission-group:nth-of-type(3) {
    grid-column: 2;
    grid-row: 2;
}

#user-permissions-modal .perm-modal-body > .mb-4 p:first-child {
    color: #94a3b8;
    font-size: 10px;
    letter-spacing: 0.06em;
}

#user-permissions-modal #perm-modal-user-info {
    font-size: 13px;
    color: #1e3a8a;
    margin-top: 4px;
}

#user-permissions-modal .permission-group {
    border: 1px solid #d7dfec;
    border-radius: 8px;
    background: #ffffff;
    margin: 0;
    box-shadow: none;
    min-width: 0;
}

#user-permissions-modal .perm-group-card {
    border-color: #d7dfec;
}

#user-permissions-modal .permission-group > .group-header {
    min-height: 46px;
    padding: 12px 14px;
    background: #1e3a8a;
    border-radius: 7px 7px 0 0;
    color: #C5AA64;
}

#user-permissions-modal .permission-group > .group-header span {
    font-size: 11px;
    letter-spacing: 0.06em;
}

#user-permissions-modal .permission-group > .group-header i,
#user-permissions-modal .permission-group > .group-header svg {
    width: 16px;
    height: 16px;
}

#user-permissions-modal .permission-group .permission-group {
    border-color: #e6ebf2;
    background: #f8fafc;
}

#user-permissions-modal .permission-group .permission-group > .group-header {
    min-height: 42px;
    background: #f8fafc;
    color: #1e3a8a;
    border-radius: 7px;
    padding: 10px 12px;
}

#user-permissions-modal .permission-group .permission-group.expanded > .group-header {
    border-bottom: 1px solid #e5e7eb;
    border-radius: 7px 7px 0 0;
}

#user-permissions-modal .permission-group .permission-group > .group-header span {
    color: #1e3a8a;
}

#user-permissions-modal .permission-group > .group-content {
    transition: max-height 0.22s ease, padding 0.22s ease;
}

#user-permissions-modal .permission-group.expanded > .group-content {
    max-height: none;
    padding: 12px;
}

#user-permissions-modal .perm-modal-body > .permission-group.expanded > .group-content {
    max-height: none;
    overflow-y: visible;
}

#user-permissions-modal .permission-group .permission-group.expanded > .group-content {
    padding: 10px 12px;
}

#user-permissions-modal .group-content.grid,
#user-permissions-modal .group-content .grid {
    gap: 8px;
}

#user-permissions-modal .perm-item {
    accent-color: #1e3a8a;
}

#user-permissions-modal label:has(.perm-item) {
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #ffffff;
    padding: 8px 10px;
    min-height: 54px;
}

#user-permissions-modal label:has(.perm-item):hover {
    border-color: #C5AA64;
    background: #fbfcff;
}

#user-permissions-modal label:has(.perm-item) span:first-child {
    font-size: 10.5px;
    color: #334155;
}

#user-permissions-modal label:has(.perm-item) span:last-child {
    font-size: 9px;
    line-height: 1.25;
}

#user-permissions-modal .modal-footer {
    padding: 14px 24px;
    background: #f8fafc;
    border-top: 1px solid #e5e7eb;
    gap: 10px;
    flex: 0 0 auto;
}

#user-permissions-modal .modal-footer .modal-btn {
    min-height: 34px;
    border-radius: 7px;
    padding: 8px 14px;
    font-size: 10px;
    border-bottom-width: 0;
}

#user-permissions-modal .modal-footer .permission-preset-btn {
    min-width: 118px;
    border: 1px solid transparent;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12);
}

#user-permissions-modal .modal-footer .preset-avukat {
    background: #1e3a8a;
    color: #f7d77a;
    border-color: rgba(197, 170, 100, 0.85);
}

#user-permissions-modal .modal-footer .preset-avukat:hover {
    background: #17306f;
    color: #ffffff;
}

#user-permissions-modal .modal-footer .preset-authorized-avukat {
    background: #047857;
    color: #ffffff;
    border-color: rgba(16, 185, 129, 0.45);
}

#user-permissions-modal .modal-footer .preset-authorized-avukat:hover {
    background: #065f46;
}

#user-permissions-modal .modal-footer .cancel-permissions-btn {
    min-width: 86px;
    background: #fff1f2;
    color: #9f1239;
    border: 1px solid #fecdd3;
}

#user-permissions-modal .modal-footer .cancel-permissions-btn:hover {
    background: #be123c;
    color: #ffffff;
    border-color: #be123c;
}

.client-field-visibility-overlay {
    background: rgba(15, 23, 42, 0.62);
    padding: 22px;
    align-items: center;
    justify-content: center;
}

.client-field-visibility-container {
    position: relative;
    width: min(820px, calc(100vw - 36px));
    max-height: min(760px, calc(100vh - 36px));
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid rgba(197, 170, 100, 0.7);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 26px 70px rgba(15, 23, 42, 0.34);
}

.client-field-close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.75);
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    z-index: 2;
}

.client-field-header {
    padding: 18px 58px 16px 28px;
    background: #102a64;
    border-bottom: 2px solid #C5AA64;
}

.client-field-header h3 {
    margin: 0;
    color: #C5AA64;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: 0.08em;
}

.client-field-header p {
    margin: 6px 0 0;
    color: #dbeafe;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.client-field-toolbar {
    display: flex;
    gap: 8px;
    padding: 14px 24px;
    border-bottom: 1px solid #e5e7eb;
    background: #f8fafc;
}

.client-field-toolbar button {
    min-height: 32px;
    padding: 7px 12px;
    border: 1px solid #C5AA64;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
}

.client-file-visibility-grid {
    display: grid;
    grid-template-columns: minmax(220px, 0.52fr) minmax(0, 1.48fr);
    min-height: 0;
    overflow: hidden;
}

.client-file-tab-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 16px;
    border-right: 1px solid #e5e7eb;
    background: #f8fafc;
    overflow-y: auto;
}

.client-field-info {
    padding: 12px;
    border: 1px solid rgba(197, 170, 100, 0.55);
    border-radius: 8px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1.45;
    text-transform: uppercase;
}

#global-modal.vekalet-review-modal.active .modal-content {
    width: min(1180px, calc(100vw - 36px));
    max-width: 1180px;
}

#global-modal.vekalet-review-modal.active .modal-body {
    max-height: min(72vh, 760px);
    overflow: hidden;
}

.vekalet-review-layout {
    display: grid;
    grid-template-columns: minmax(520px, 1.08fr) minmax(330px, 0.92fr);
    gap: 12px;
    min-height: 0;
}

.vekalet-review-left {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    max-height: min(68vh, 720px);
    overflow-y: auto;
    padding-right: 4px;
}

.vekalet-review-help {
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    line-height: 1.45;
}

.vekalet-review-row {
    display: grid;
    grid-template-columns: 22px minmax(104px, 0.74fr) minmax(0, 1.26fr);
    gap: 8px;
    align-items: center;
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px;
    background: #ffffff;
}

.vekalet-review-check {
    width: 16px;
    height: 16px;
    accent-color: #1e3a8a;
}

.vekalet-review-label {
    min-width: 0;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.vekalet-review-label small {
    display: block;
    font-size: 8px;
    line-height: 1.25;
}

.vekalet-review-label .is-read {
    color: #16a34a;
}

.vekalet-review-label .is-empty {
    color: #c2410c;
}

.vekalet-review-label .is-current {
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vekalet-review-input {
    width: 100%;
    height: 30px;
    border: 1.5px solid #cbd5e1;
    border-radius: 6px;
    padding: 4px 8px;
    color: #0f172a;
    font-size: 11px;
    font-weight: 800;
}

.vekalet-review-ocr-panel {
    min-width: 0;
    min-height: 0;
    border: 1.5px solid rgba(197, 170, 100, 0.72);
    border-radius: 9px;
    background: #f8fafc;
    overflow: hidden;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
}

.vekalet-review-ocr-head {
    padding: 10px 12px;
    background: #1e3a8a;
    color: #C5AA64;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vekalet-review-preview-wrap {
    min-height: 0;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    gap: 8px;
    padding: 8px;
    overflow: hidden;
}

.vekalet-review-preview-frame,
.vekalet-review-preview-image {
    width: 100%;
    height: min(64vh, 680px);
    min-height: 420px;
    border: 1px solid #dbe3ef;
    border-radius: 7px;
    background: #ffffff;
}

.vekalet-review-preview-frame {
    display: block;
}

.vekalet-review-preview-image {
    object-fit: contain;
}

.vekalet-review-preview-empty {
    display: grid;
    place-items: center;
    min-height: 420px;
    border: 1px dashed #cbd5e1;
    border-radius: 7px;
    background: #ffffff;
    color: #64748b;
    font-size: 10px;
    font-weight: 950;
}

.vekalet-review-ocr-details {
    border: 1px solid #dbe3ef;
    border-radius: 7px;
    background: #ffffff;
    overflow: hidden;
}

.vekalet-review-ocr-details summary {
    padding: 8px 10px;
    color: #1e3a8a;
    cursor: pointer;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.vekalet-review-ocr-text {
    margin: 0;
    padding: 12px;
    min-height: 0;
    max-height: 220px;
    overflow: auto;
    white-space: pre-wrap;
    color: #334155;
    font-family: Arial, sans-serif;
    font-size: 10.5px;
    line-height: 1.45;
}

@media (max-width: 920px) {
    .vekalet-review-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .vekalet-review-left,
    .vekalet-review-preview-frame,
    .vekalet-review-preview-image,
    .vekalet-review-preview-empty {
        max-height: 36vh;
        min-height: 320px;
    }
}

.client-file-tab-btn {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-height: 40px;
    padding: 9px 10px;
    border: 1px solid #e2e8f0;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    text-align: left;
    cursor: pointer;
}

.client-file-tab-btn.active {
    background: #1e3a8a;
    color: #C5AA64;
    border-color: #C5AA64;
}

.client-file-tab-check {
    width: 16px;
    height: 16px;
    accent-color: #C5AA64;
}

.client-file-tab-btn span {
    font-size: 10px;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-file-column-panel {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.client-file-column-title {
    padding: 14px 18px 10px;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.06em;
    border-bottom: 1px solid #e5e7eb;
}

.client-field-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    gap: 8px;
    padding: 16px 18px;
    overflow-y: auto;
}

.client-field-row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 9px 10px;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #ffffff;
    color: #334155;
    font-size: 10.5px;
    font-weight: 900;
    text-transform: uppercase;
    cursor: pointer;
}

.client-field-row:hover {
    border-color: #C5AA64;
    background: #fbfcff;
}

.client-field-item {
    width: 16px;
    height: 16px;
    accent-color: #1e3a8a;
    flex: 0 0 auto;
}

.client-field-empty {
    grid-column: 1 / -1;
    padding: 22px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

.client-field-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 14px 24px;
    border-top: 1px solid #e5e7eb;
    background: #f8fafc;
}

.client-field-footer button {
    min-width: 90px;
    min-height: 34px;
    border-radius: 7px;
    padding: 8px 14px;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
}

.client-field-cancel {
    background: #fff1f2;
    color: #9f1239;
    border: 1px solid #fecdd3;
}

.client-field-save {
    border: 1px solid #1e3a8a;
}

@media (max-width: 760px) {
    .client-file-visibility-grid {
        grid-template-columns: 1fr;
    }

    .client-file-tab-list {
        max-height: 190px;
        border-right: 0;
        border-bottom: 1px solid #e5e7eb;
    }

    .client-field-list {
        grid-template-columns: 1fr;
        padding: 16px;
    }
}

@media (max-width: 900px) {
    #user-permissions-modal .perm-modal-container {
        width: min(760px, calc(100vw - 24px)) !important;
        max-height: calc(100vh - 24px) !important;
    }

    #user-permissions-modal .perm-modal-body {
        grid-template-columns: 1fr !important;
        padding: 18px 16px 14px !important;
    }

    #user-permissions-modal .perm-modal-body > .permission-group:nth-of-type(2),
    #user-permissions-modal .perm-modal-body > .permission-group:nth-of-type(3) {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    #user-permissions-modal .perm-modal-body > .permission-group.expanded > .group-content {
        max-height: none !important;
        overflow-y: visible !important;
    }
}

.confirm-modal-overlay {
    background: rgba(15, 23, 42, 0.7) !important;
    z-index: 5000 !important;
    display: none;
    align-items: center;
    justify-content: center;
}

.confirm-modal-container {
    max-width: 500px !important;
    background: white !important;
    padding: 24px !important;
    border-radius: 20px !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important;
    border: 2px solid #1e3a8a !important;
}

.confirm-modal-header {
    font-weight: 900 !important;
    color: #1e3a8a !important;
    border-bottom: 2px solid #1e3a8a !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
}

.confirm-modal-msg {
    font-size: 14px !important;
    color: #1e293b !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
}

.confirm-modal-btn {
    padding: 10px 30px !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
}

.cal-note-modal-overlay {
    background: rgba(15, 23, 42, 0.6) !important;
    z-index: 6000 !important;
    display: none;
    align-items: center;
    justify-content: center;
}

.cal-note-modal-container {
    max-width: 500px !important;
    width: 90% !important;
    background: white !important;
    padding: 24px !important;
    border-radius: 8px !important;
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5) !important;
    border: 2px solid #1e3a8a !important;
}

.muvekkil-modal-overlay {
    background: rgba(15, 23, 42, 0.6) !important;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2100 !important;
}

.muvekkil-modal-container-custom {
    max-width: calc(100vw - 56px) !important;
    width: min(1600px, calc(100vw - 56px)) !important;
    max-height: calc(100vh - 56px) !important;
    height: min(940px, calc(100vh - 56px)) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow: visible !important;
    border-radius: 8px !important;
    background: #f8f6f1 !important;
    border: 0;
    position: relative !important;
    box-shadow: 0 24px 52px rgba(15, 23, 42, 0.24), inset 0 0 0 1px rgba(205, 181, 146, 0.72);
}
#muvekkil-detay-modal .muvekkil-modal-container-custom {
    width: min(1600px, calc(100vw - 56px)) !important;
    height: min(940px, calc(100vh - 56px)) !important;
    border: 0;
    box-shadow: 0 24px 52px rgba(15, 23, 42, 0.24), inset 0 0 0 1px rgba(205, 181, 146, 0.72);
}

#muvekkil-detay-modal .modal-header,
#muvekkil-detay-modal .modal-header > div {
    min-width: 0;
}

#muvekkil-detay-modal .detay-modal-title {
    min-width: 0;
    max-width: calc(100% - 96px);
}

#muvekkil-detay-modal #muvekkil-files-nav {
    min-width: 0;
    scrollbar-width: thin;
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#muvekkil-detay-modal #muvekkil-files-nav .file-tab {
    flex: 0 0 auto;
}

#muvekkil-detay-modal .muvekkil-modal-header {
    overflow: hidden !important;
}

#muvekkil-detay-modal .muvekkil-modal-header > div {
    min-width: 0 !important;
}

#muvekkil-detay-modal .print-muvekkil-detail-btn {
    flex-shrink: 0;
}

#muvekkil-detay-modal.is-minimized .detay-modal-title::after {
    content: "MÜVEKKİL DETAY";
}

#muvekkil-genel-info .muvekkil-info-shell {
    border: 6px solid #C5AA64;
    padding: 15px;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    min-height: 100%;
    animation: fadeIn 0.3s ease-out;
}

#muvekkil-genel-info .muvekkil-info-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
    gap: 12px;
    align-items: start;
}

#muvekkil-genel-info .muvekkil-info-primary,
#muvekkil-genel-info .muvekkil-info-side {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

#muvekkil-genel-info .muvekkil-info-group,
#muvekkil-genel-info .muvekkil-info-summary {
    border: 2px solid rgba(197, 170, 100, 0.88);
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

#muvekkil-genel-info .muvekkil-info-group-title,
#muvekkil-genel-info .muvekkil-info-summary-title {
    display: flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(180deg, #fff7df 0%, #ead9ba 100%);
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

#muvekkil-genel-info .muvekkil-info-group-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 6px 8px;
    padding: 10px;
}

#muvekkil-genel-info .muvekkil-info-summary {
    padding-bottom: 10px;
}

#muvekkil-genel-info .muvekkil-info-summary-name {
    padding: 12px 12px 8px;
    color: #071f4f;
    font-size: 14px;
    font-weight: 950;
    text-transform: uppercase;
}

#muvekkil-genel-info .muvekkil-info-summary-line {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 12px;
    border-top: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

#muvekkil-genel-info .muvekkil-info-summary-line strong {
    color: #071f4f;
    text-align: right;
    overflow-wrap: anywhere;
}

#muvekkil-genel-info .muvekkil-info-mini-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 10px 12px;
    border-top: 1px solid #e2e8f0;
}

#muvekkil-genel-info .muvekkil-info-mini-card {
    border: 1.5px solid rgba(197, 170, 100, 0.85);
    border-left: 5px solid #C5AA64;
    border-radius: 8px;
    background: #fffdf8;
    padding: 8px 10px;
}

#muvekkil-genel-info .muvekkil-info-mini-card span {
    display: block;
    color: #64748b;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

#muvekkil-genel-info .muvekkil-info-mini-card strong {
    display: block;
    margin-top: 3px;
    color: #071f4f;
    font-size: 12px;
    font-weight: 950;
    overflow-wrap: anywhere;
}

#muvekkil-genel-info .muvekkil-info-mini-card small {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 1100px) {
    #muvekkil-genel-info .muvekkil-info-layout {
        grid-template-columns: 1fr;
    }
}


.cal-note-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    margin-bottom: 4px;
}

.cal-note-input-field {
    width: 100%;
    border: 2px solid #e2e8f0;
    padding: 10px;
    border-radius: 6px;
    font-weight: 600;
    color: #1e3a8a;
}

.cal-note-input-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cal-note-input-group {
    display: grid;
    gap: 16px;
}

.cal-note-textarea {
    height: 80px;
    resize: none;
}

.confirm-modal-content-std {
    max-width: 450px;
    width: 90% !important;
}

.prompt-cancel-btn {
    background: #ffffff !important;
    color: #64748b !important;
    border: 1.5px solid #cbd5e1 !important;
    padding: 10px 30px !important;
    border-radius: 4px !important;
    font-weight: 800 !important;
}

.custom-prompt-content .modal-header {
    padding: 9px 18px !important;
    font-size: 12px !important;
    min-height: 0 !important;
    border-bottom-width: 2px !important;
    box-shadow: 0 2px 0 0 #fff, 0 3px 0 0 #C5AA64 !important;
}

.custom-prompt-content .modal-body {
    padding: 12px 18px 8px 18px !important;
    margin-bottom: 0 !important;
}

.custom-prompt-content .modal-buttons {
    padding: 0 18px 16px 18px !important;
}

.custom-prompt-textarea {
    min-height: 58px !important;
    height: 68px !important;
    margin-top: 0 !important;
    resize: vertical !important;
}

#global-modal.simple-prompt-modal .modal-content,
#custom-prompt-modal .custom-prompt-content {
    width: min(560px, calc(100vw - 48px)) !important;
    max-width: 560px !important;
    border-width: 3px !important;
    border-radius: 14px !important;
    padding: 0 !important;
    overflow: visible !important;
}

#global-modal.simple-prompt-modal .modal-header {
    min-height: 46px;
    padding: 10px 18px;
    border-bottom: 1.5px solid rgba(197, 170, 100, 0.42);
    background: rgba(255, 255, 255, 0.94);
    color: #0f2556;
    box-shadow: none;}

#global-modal.simple-prompt-modal .modal-header-title {
    width: 100%;
    justify-content: center;
    text-align: center;
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
    font-size: 12px;
    line-height: 1.2;
}

#global-modal.simple-prompt-modal .modal-body {
    padding: 12px 18px 8px 18px !important;
    margin: 0 !important;
}

#global-modal.simple-prompt-modal .modal-buttons {
    padding: 0 18px 16px 18px !important;
    gap: 10px !important;
}

#global-modal.maktu-archive-category-modal .modal-content {
    max-height: min(620px, calc(100vh - 32px)) !important;
    overflow: hidden !important;
}

#global-modal.maktu-archive-category-modal .modal-body {
    overflow: hidden !important;
}

#global-modal.maktu-archive-category-modal select[size] {
    width: 100%;
    overflow: auto;
}

#global-modal.lawsuit-filed-modal .modal-content {
    width: min(520px, calc(100vw - 44px)) !important;
    max-width: 520px !important;
    border: 2px solid #C5AA64 !important;
    border-radius: 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.28) !important;
}

#global-modal.lawsuit-filed-modal .modal-content > .ext-btn-close,
#global-modal.lawsuit-filed-modal .modal-content > button:first-child {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    position: absolute !important;
    top: -18px !important;
    right: -18px !important;
    width: 40px;
    height: 40px;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 50% !important;
    border: 1.5px solid #C5AA64 !important;
    z-index: 20 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#global-modal.lawsuit-filed-modal .modal-content > .ext-btn-close i,
#global-modal.lawsuit-filed-modal .modal-content > .ext-btn-close svg,
#global-modal.lawsuit-filed-modal .modal-content > button:first-child i,
#global-modal.lawsuit-filed-modal .modal-content > button:first-child svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    stroke: #C5AA64 !important;
    opacity: 1 !important;
}

#global-modal.lawsuit-filed-modal .modal-header {
    min-height: 46px;
    padding: 10px 18px;
    border-bottom: 1.5px solid rgba(197, 170, 100, 0.42);
    background: rgba(255, 255, 255, 0.94);
    color: #0f2556;
    box-shadow: none;    border-radius: 10px 10px 0 0;
}

#global-modal.lawsuit-filed-modal .modal-header-title {
    width: 100%;
    justify-content: center;
    text-align: center;
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
    font-size: 12px;
    line-height: 1.2;
}

#global-modal.lawsuit-filed-modal .modal-body {
    padding: 16px 18px 10px 18px !important;
    margin: 0 !important;
}

#global-modal.lawsuit-filed-modal .modal-buttons {
    padding: 0 18px 16px 18px !important;
    gap: 10px !important;
}

#global-modal.lawsuit-filed-modal .modal-btn {
    min-width: 82px !important;
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

.lawsuit-filed-form {
    display: grid;
    gap: 12px;
}

.lawsuit-filed-hint {
    padding: 9px 11px;
    border: 1px solid rgba(197, 170, 100, 0.45);
    border-radius: 8px;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
}

.lawsuit-filed-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(130px, 0.8fr);
    gap: 10px;
}

.lawsuit-filed-field {
    display: grid;
    gap: 5px;
}

.lawsuit-filed-field span {
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.lawsuit-filed-field .modal-input {
    width: 100% !important;
    height: 38px;
    min-height: 40px !important;
    padding: 0 11px !important;
    border: 1.5px solid #94a3b8 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.lawsuit-filed-field .modal-input:focus {
    outline: none !important;
    border-color: #C5AA64 !important;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.18) !important;
}

.lawsuit-filed-error {
    color: #b91c1c;
    font-size: 11px;
    font-weight: 900;
}

@media (max-width: 640px) {
    .lawsuit-filed-grid {
        grid-template-columns: 1fr;
    }
}

#global-modal.simple-prompt-modal .modal-btn,
#custom-prompt-modal .custom-prompt-content .modal-btn {
    min-width: 78px !important;
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

.simple-prompt-input,
#custom-prompt-input.custom-prompt-textarea {
    width: 100% !important;
    min-height: 58px !important;
    height: 68px !important;
    padding: 10px 12px !important;
    border: 1.5px solid #1e3a8a !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #1e3a8a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35;
    resize: vertical !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

.simple-prompt-input:focus,
#custom-prompt-input.custom-prompt-textarea:focus {
    outline: none !important;
    border-color: #C5AA64 !important;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.18) !important;
}

@keyframes spin-slow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
.animate-spin-slow { animation: spin-slow 3s linear infinite; }

#global-modal.compact-action-modal .modal-content {
    width: min(320px, calc(100vw - 32px)) !important;
    max-width: 320px !important;
    border-width: 3px !important;
    border-radius: 12px !important;
    padding: 0 !important;
}

#global-modal.compact-action-modal .modal-header {
    padding: 10px 14px !important;
    min-height: 0 !important;
}

#global-modal.compact-action-modal .modal-body {
    padding: 14px !important;
}

#global-modal.compact-action-modal .modal-buttons {
    display: none !important;
}

.custom-confirm-overlay,
#custom-confirm-modal {
    z-index: 10000020 !important;
}

#custom-confirm-modal.login-alert-modal {
    align-items: center !important;
    justify-content: center;
    background: rgba(15, 23, 42, 0.58) !important;
}

#custom-confirm-modal.login-alert-modal .confirm-modal-content-std {
    min-height: 0 !important;
    max-height: calc(100dvh - 44px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 3px solid #C5AA64 !important;
    overflow: visible !important;
    box-shadow: 0 16px 38px rgba(0,0,0,.32) !important;
}

#custom-confirm-modal.login-alert-modal .modal-header {
    display: none !important;
}

#custom-confirm-modal.login-alert-modal .modal-body {
    padding: 7px !important;
    max-height: none !important;
    overflow: visible !important;
}

#custom-confirm-modal.login-alert-modal #custom-confirm-msg > div {
    padding: 10px 12px 9px !important;
    border-width: 2px !important;
    border-radius: 11px !important;
    box-shadow: none !important;
}

#custom-confirm-modal.login-alert-modal #custom-confirm-msg > div > div:first-child {
    width: 32px !important;
    height: 32px !important;
    margin-bottom: 6px !important;
    border-width: 2px !important;
}

#custom-confirm-modal.login-alert-modal #custom-confirm-msg svg,
#custom-confirm-modal.login-alert-modal #custom-confirm-msg i {
    width: 18px !important;
    height: 18px !important;
}

#custom-confirm-modal.login-alert-modal #custom-confirm-msg h3 {
    font-size: 12px !important;
    letter-spacing: 0 !important;
    margin-bottom: 4px !important;
    line-height: 1.15 !important;
}

#custom-confirm-modal.login-alert-modal #custom-confirm-msg p {
    font-size: 11px !important;
    line-height: 1.28 !important;
    font-weight: 800 !important;
}

#custom-confirm-modal.login-alert-modal .modal-buttons {
    display: flex !important;
    padding: 0 10px 9px !important;
    margin: 0 !important;
}

#custom-confirm-modal.login-alert-modal #custom-confirm-yes-btn {
    width: 100% !important;
    min-height: 32px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

#custom-confirm-modal.login-alert-modal .ext-btn-close {
    top: -11px !important;
    right: -11px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 9px !important;
    z-index: 5 !important;
}

@media (max-width: 768px) {
    #custom-confirm-modal.login-alert-modal .confirm-modal-content-std {
        box-shadow: 0 18px 44px rgba(0,0,0,.34) !important;
    }

    #custom-confirm-modal.login-alert-modal #custom-confirm-msg > div {
        padding: 12px 12px 10px !important;
        border-radius: 12px !important;
    }

    #custom-confirm-modal.login-alert-modal #custom-confirm-msg > div > div:first-child {
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 7px !important;
    }

    #custom-confirm-modal.login-alert-modal #custom-confirm-msg svg,
    #custom-confirm-modal.login-alert-modal #custom-confirm-msg i {
        width: 19px !important;
        height: 19px !important;
    }

    #custom-confirm-modal.login-alert-modal #custom-confirm-msg h3 {
        margin-bottom: 5px !important;
    }

    #custom-confirm-modal.login-alert-modal #custom-confirm-msg p {
        line-height: 1.32 !important;
    }

    #custom-confirm-modal.login-alert-modal #custom-confirm-yes-btn {
        min-height: 34px !important;
        padding: 0 16px !important;
        border-radius: 9px !important;
    }

    #custom-confirm-modal.login-alert-modal .ext-btn-close {
        top: -12px !important;
        right: -12px !important;
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px;
    }
}
#ekstra-kesinti-modal {
    z-index: 9000;
    background: transparent;
    pointer-events: none;
}

#ekstra-kesinti-modal.active {
    z-index: 9000;
}
#dosya-detay-modal,
#muvekkil-detay-modal {
    background: transparent !important;
    pointer-events: none !important;
}
#dosya-detay-modal .detay-modal-container,
#muvekkil-detay-modal .detay-modal-container {
    pointer-events: auto;
    -webkit-user-drag: none !important;
}
#payment-details-modal .modal-content {
    pointer-events: auto;
}

#payment-details-modal {
    background: rgba(15, 23, 42, 0.28);
    pointer-events: none;
}

#payment-details-modal .payment-shell {
    user-select: text;
    -webkit-user-drag: none;
}

#payment-details-modal .payment-head {
    white-space: normal;
    line-height: 1.2;
    text-align: center;
    cursor: grab;
    user-select: none;
    -webkit-user-drag: none;
}


#payment-details-modal .payment-shell.is-dragging {
    transition: none;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.42), 0 0 24px rgba(197, 170, 100, 0.36), 0 16px 34px rgba(15, 23, 42, 0.24);
    cursor: grabbing;
}

#payment-details-modal .payment-shell.is-drag-positioned {
    position: fixed;
    right: auto;
    bottom: auto;
    margin: 0;
    transform: none;
    animation: none;
}

#payment-details-modal .payment-shell.is-drag-armed {
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.35), 0 0 18px rgba(197, 170, 100, 0.32);
}

#ekstra-kesinti-modal .modal-content.is-dragging {
    transition: none;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.42), 0 0 24px rgba(197, 170, 100, 0.42), 0 12px 32px rgba(30, 58, 138, 0.18);
    cursor: grabbing;
    filter: brightness(1.015);
    opacity: 1;
    scale: 1;
}

#ekstra-kesinti-modal .modal-content.is-drag-positioned {
    position: fixed;
    right: auto;
    bottom: auto;
    margin: 0;
    transform: none;
    animation: none;
}

#ekstra-kesinti-modal .modal-content.is-drag-armed {
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.35), 0 0 18px rgba(197, 170, 100, 0.35);
    filter: brightness(1.01);
}

#ekstra-kesinti-modal .modal-header {
    cursor: grab;
    user-select: none;
    -webkit-user-drag: none;
}
#dosya-detay-modal .detay-modal-container.is-dragging,
#muvekkil-detay-modal .detay-modal-container.is-dragging {
    transition: none !important;
    box-shadow:
        0 0 0 3px rgba(197, 170, 100, 0.42),
        0 0 24px rgba(197, 170, 100, 0.42),
        0 12px 32px rgba(30, 58, 138, 0.18) !important;
    cursor: grabbing !important;
    filter: brightness(1.015);
    opacity: 1 !important;
    scale: 1 !important;
}

#dosya-detay-modal .detay-modal-container.is-drag-positioned,
#muvekkil-detay-modal .detay-modal-container.is-drag-positioned {
    position: fixed !important;
    right: auto !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    animation: none !important;
}

#dosya-detay-modal .detay-modal-container.is-drag-armed,
#muvekkil-detay-modal .detay-modal-container.is-drag-armed {
    box-shadow:
        0 0 0 3px rgba(197, 170, 100, 0.35),
        0 0 18px rgba(197, 170, 100, 0.35) !important;
    filter: brightness(1.01);
}

#dosya-detay-modal .modal-header,
#muvekkil-detay-modal .modal-header {
    cursor: grab !important;
    user-select: none !important;
    -webkit-user-drag: none !important;
}

@media (max-width: 768px) {
    #dosya-detay-modal,
    #muvekkil-detay-modal {
        align-items: stretch !important;
        justify-content: stretch !important;
        padding: 0 !important;
    }

    #dosya-detay-modal .detay-modal-container,
    #muvekkil-detay-modal .detay-modal-container,
    #muvekkil-detay-modal .muvekkil-modal-container-custom {
        position: fixed !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: calc(100 * min(var(--vh, 1vh), 1vh)) !important;
        max-height: calc(100 * min(var(--vh, 1vh), 1vh)) !important;
        inset: 0 !important;
        border-radius: 0 !important;
        transform: none !important;
        margin: 0 !important;
    }
}

.mobile-sidebar-backdrop {
    display: none;
}

.mobile-chat-toggle {
    display: none;
}

.mobile-nav-toggle,
.mobile-page-nav {
    display: none;
}

.mobile-detay-notes-btn,
.mobile-muvekkil-notes-btn,
.mobile-chat-close-btn {
    display: none;
}

.mobile-chat-back-btn,
.mobile-client-back-btn,
.mobile-modal-back-btn,
.mobile-modal-close-btn,
.mobile-detail-direct-back-btn,
.mobile-detail-direct-close-btn {
    display: none;
}


.mobile-detail-section-menu {
    display: none;
}

.mobile-file-tab-menu {
    display: none;
}

@media (min-width: 769px) {
    .mobile-chat-back-btn,
    .mobile-client-back-btn,
    .mobile-modal-back-btn,
    .mobile-detail-direct-back-btn {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

.client-maktu-list-full {
    width: 100% !important;
    flex: 1 1 auto !important;
}

body.is-logged-out #left-sidebar,
body.is-logged-out #main-portal-content,
body.is-logged-out .sidebar-right,
body.is-logged-out .mobile-sidebar-backdrop,
body.is-logged-out .mobile-nav-toggle,
body.is-logged-out .mobile-page-nav {
    display: none !important;
}

body.is-logged-out .mobile-chat-toggle {
    display: none;
}

body.client-mode #portal-alert-send-btn {
    display: none !important;
}

@media (max-width: 768px) {
    #left-sidebar,
    #mobile-sidebar-backdrop {
        display: none !important;
    }

    #main-portal-content,
    .main-portal-content,
    body.ana-menu-active #main-portal-content,
    body.left-locked #main-portal-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
    }
.mobile-nav-toggle {
        display: inline-flex;
        position: fixed;
        left: calc(50% - 62px);
        right: auto;
        bottom: calc(12px + env(safe-area-inset-bottom));
        width: 54px;
        height: 54px;
        align-items: center;
        justify-content: center;
        border: 2px solid rgba(197, 170, 100, 0.78);
        border-radius: 999px;
        z-index: 10040;
        transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-nav-toggle:active {
        transform: translateY(1px) scale(0.98);
    }

    .mobile-page-nav {
        display: block;
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: calc(82px + env(safe-area-inset-bottom));
        width: auto;
        max-height: min(62dvh, 430px);
        padding: 12px;
        border: 1px solid rgba(30, 58, 138, 0.12);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.98);
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.22);
        z-index: 10039;
        opacity: 0;
        pointer-events: none;
        transform: translateY(16px) scale(0.98);
        transform-origin: bottom right;
        transition: opacity 0.18s ease, transform 0.18s ease;
        overflow: hidden;
    }

    body.mobile-page-nav-open .mobile-page-nav {
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }

    .mobile-page-nav-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 2px 2px 10px;
        color: #0f172a;
        font-size: 12px;
        font-weight: 900;
        letter-spacing: 0;
    }

    .mobile-page-nav-header::before {
        content: '';
        position: absolute;
        top: 7px;
        left: 50%;
        width: 42px;
        height: 4px;
        border-radius: 999px;
        background: rgba(148, 163, 184, 0.55);
        transform: translateX(-50%);
    }

    .mobile-page-nav-header button {
        width: 32px;
        height: 32px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 1px solid rgba(148, 163, 184, 0.28);
        border-radius: 999px;
    }

    .mobile-page-nav-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        max-height: calc(min(62dvh, 430px) - 54px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-page-nav-grid button {
        min-width: 0;
        min-height: 68px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 7px;
        padding: 9px 6px;
        border: 1px solid rgba(203, 213, 225, 0.82);
        border-radius: 12px;
        font-size: 10.5px;
        font-weight: 850;
        text-transform: none;
        overflow: hidden;
        -webkit-tap-highlight-color: transparent;
    }

    .mobile-page-nav-grid button i {
        width: 18px;
        height: 18px;
        stroke-width: 2.4;
    }

    .mobile-page-nav-grid button span {
        min-width: 0;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
        line-height: 1.15;
    }


    #global-modal:not(.maktu-arabuluculuk-modal) {
        align-items: stretch !important;
        justify-content: stretch !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #global-modal:not(.maktu-arabuluculuk-modal) .modal-content,
    #global-modal:not(.maktu-arabuluculuk-modal) .modal-container {
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #global-modal:not(.maktu-arabuluculuk-modal) .modal-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 12px !important;
    }

    #global-modal:not(.maktu-arabuluculuk-modal) .modal-header {
        flex: 0 0 auto !important;
        min-height: 56px !important;
        padding: calc(12px + env(safe-area-inset-top)) 58px 12px 14px !important;
        border-radius: 0 !important;
    }

    #global-modal:not(.maktu-arabuluculuk-modal) .modal-buttons {
        display: none !important;
    }

    #global-modal:not(.maktu-arabuluculuk-modal) .modal-content > button:first-child {
        top: max(8px, env(safe-area-inset-top)) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        width: 42px !important;
        height: 42px !important;
        border-radius: 12px !important;
        transform: none !important;
        z-index: 30 !important;
    }
}

@media (max-width: 768px) {
    .modal-overlay.active:not(#ekstra-kesinti-modal):not(.maktu-arabuluculuk-modal),
    .detay-modal-wrapper.active,
    #column-modal.active,
    #delete-confirm-modal.active,
    #user-permissions-modal.active,
    #close-confirm-modal.active,
    #cal-note-modal.active,
    #custom-prompt-modal.active {
        align-items: stretch !important;
        justify-content: stretch !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .modal-overlay.active:not(#ekstra-kesinti-modal):not(.maktu-arabuluculuk-modal) > .modal-content,
    .detay-modal-wrapper.active > .detay-modal-container,
    #user-permissions-modal.active .modal-content,
    #close-confirm-modal.active .modal-content,
    #cal-note-modal.active .modal-content,
    #custom-prompt-modal.active .modal-content,
    .profile-settings-modal .profile-settings-modal-shell {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 0 !important;
        border-width: 0 !important;
        transform: none !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    .modal-overlay.active:not(#ekstra-kesinti-modal):not(.maktu-arabuluculuk-modal) .modal-header,
    .detay-modal-wrapper.active .modal-header,
    .profile-settings-modal .profile-settings-modal-header {
        flex: 0 0 auto !important;
        min-height: 58px !important;
        padding: calc(12px + env(safe-area-inset-top)) 58px 12px 14px !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
    }

    .modal-overlay.active:not(#ekstra-kesinti-modal):not(.maktu-arabuluculuk-modal) .modal-body,
    .detay-modal-wrapper.active .modal-body,
    .profile-settings-modal .profile-settings-modal-body,
    #user-permissions-modal .perm-modal-body,
    #muvekkil-detay-modal .muvekkil-modal-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        padding: 12px !important;
        box-sizing: border-box !important;
    }

    .modal-overlay.active:not(#ekstra-kesinti-modal):not(#custom-confirm-modal):not(.maktu-arabuluculuk-modal) .modal-buttons,
    #global-modal.active:not(.maktu-arabuluculuk-modal) .modal-buttons {
        display: none !important;
    }

    .modal-overlay.active:not(#ekstra-kesinti-modal):not(.maktu-arabuluculuk-modal) .ext-btn-close,
    .detay-modal-wrapper.active .ext-btn-close,
    .modal-overlay.active:not(#ekstra-kesinti-modal):not(.maktu-arabuluculuk-modal) .close-x-btn,
    .detay-modal-wrapper.active .close-x-btn,
    .profile-settings-modal .profile-settings-modal-close,
    .perm-modal-close {
        position: fixed !important;
        top: max(8px, env(safe-area-inset-top)) !important;
        right: max(8px, env(safe-area-inset-right)) !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        border-radius: 12px !important;
        border: 2px solid #C5AA64 !important;
        transform: none !important;
        z-index: 13000 !important;
    }

    .modal-overlay.active:not(.maktu-arabuluculuk-modal) .ext-btn-close i,
    .detay-modal-wrapper.active .ext-btn-close i,
    .modal-overlay.active:not(.maktu-arabuluculuk-modal) .close-x-btn i,
    .detay-modal-wrapper.active .close-x-btn i,
    .profile-settings-modal .profile-settings-modal-close i,
    .perm-modal-close i {
        stroke: #C5AA64 !important;
    }

    #dosya-detay-modal .minimize-btn,
    #muvekkil-detay-modal .minimize-btn,
    .detay-modal-wrapper.active .minimize-btn {
        display: none !important;
    }

    body.client-mode .modal-overlay.active .modal-content > .ext-btn-close,
    body.client-mode .detay-modal-wrapper.active .detay-modal-container > .ext-btn-close,
    body.client-mode .confirm-modal-overlay .modal-content > .ext-btn-close {
        display: none !important;
    }

    body.client-mode .mobile-modal-back-btn,
    body.client-mode .mobile-modal-close-btn {
        display: inline-flex !important;
        position: absolute !important;
        top: 10px !important;
        width: 38px;
        height: 38px;
        align-items: center !important;
        justify-content: center;
        border: 2px solid #C5AA64 !important;
        border-radius: 11px !important;
        z-index: 15000 !important;
        cursor: pointer !important;
        pointer-events: auto;
        touch-action: manipulation !important;
        transition: background-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease, border-color 0.16s ease !important;
    }

    body.client-mode .mobile-modal-back-btn {
        left: 10px !important;
    }

    body.client-mode .mobile-modal-close-btn {
        right: 10px !important;
    }

    body.client-mode .mobile-modal-back-btn i,
    body.client-mode .mobile-modal-close-btn i {
        stroke: #C5AA64 !important;
    }

    body.client-mode .mobile-modal-back-btn:hover,
    body.client-mode .mobile-modal-close-btn:hover,
    body.client-mode .mobile-modal-back-btn:focus-visible,
    body.client-mode .mobile-modal-close-btn:focus-visible,
    body.client-mode .mobile-modal-back-btn.mobile-control-press,
    body.client-mode .mobile-modal-close-btn.mobile-control-press {
        transform: translateY(-1px) scale(1.03) !important;
        outline: none !important;
    }

    body.client-mode .mobile-modal-back-btn:hover i,
    body.client-mode .mobile-modal-close-btn:hover i,
    body.client-mode .mobile-modal-back-btn:focus-visible i,
    body.client-mode .mobile-modal-close-btn:focus-visible i,
    body.client-mode .mobile-modal-back-btn.mobile-control-press i,
    body.client-mode .mobile-modal-close-btn.mobile-control-press i {
        stroke: #f7d77a !important;
    }

    body.client-mode .mobile-modal-back-btn:active,
    body.client-mode .mobile-modal-close-btn:active {
        transform: scale(0.95) !important;
    }

    body.client-mode .modal-overlay.active:not(#ekstra-kesinti-modal) .modal-header,
    body.client-mode .detay-modal-wrapper.active .modal-header,
    body.client-mode .profile-settings-modal-header,
    body.client-mode .portal-alert-modal .profile-settings-modal-header {
        padding-left: 54px !important;
        padding-right: 54px !important;
    }
}

@media (max-width: 768px) {


    body.client-mode #dosya-view:not(.hidden) {
        border: 5px solid #C5AA64 !important;
        box-shadow: inset 0 0 0 2px #C5AA64 !important;
        outline: 0 !important;
        background: #f8fafc;
        box-sizing: border-box !important;
    }

    body.client-mode #dosya-view #print-btn {
        display: none !important;
    }

    body.client-mode #dosya-view #active-row-header-info {
        display: block !important;
        opacity: 1 !important;
        background: #ffffff !important;
        border: 2px solid #C5AA64 !important;
        color: #1e3a8a !important;
    }

    body.client-mode #dosya-detay-modal.active .print-detail-btn,
    body.client-mode #dosya-detay-modal.active .ext-ctrl-group,
    body.client-mode #dosya-detay-modal.active #detay-files-nav {
        display: none !important;
    }

    body.client-mode #dosya-detay-modal.active .detay-modal-container {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 8px !important;
        border: 6px solid #C5AA64 !important;
        border-radius: 0 !important;
        background: #f8fafc;
        box-shadow: inset 0 0 0 2px #C5AA64 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.client-mode #dosya-detay-modal.active .modal-header {
        min-height: 0 !important;
        padding: 50px 8px 8px !important;
        background: transparent !important;
        border: 0 !important;
    }

    body.client-mode #dosya-detay-modal.active .detay-modal-title {
        display: block !important;
        width: 100% !important;
        padding: 10px 12px !important;
        border: 3px solid #C5AA64 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        color: #1e3a8a !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        font-weight: 950 !important;
        text-align: center !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.client-mode #dosya-detay-modal.mobile-detail-menu-mode .mobile-detail-section-menu {
        display: flex !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        margin: 0 0 8px !important;
        padding: 12px !important;
        border: 6px solid #C5AA64 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        gap: 10px !important;
        overflow-y: auto !important;
        box-shadow: none !important;
    }

    body.client-mode #dosya-detay-modal.mobile-detail-menu-mode .mobile-detail-section-menu::before {
        content: "DOSYA BÖLÜMLERİ";
        display: block !important;
        width: 100% !important;
        padding: 7px 10px !important;
        border: 2px solid #C5AA64 !important;
        border-radius: 10px;
        background: #f8fafc;
        color: #1e3a8a !important;
        font-size: 10px !important;
        font-weight: 950 !important;
        text-align: center !important;
    }

    body.client-mode #dosya-detay-modal.active .mobile-modal-back-btn,
    body.client-mode #dosya-detay-modal.active .mobile-modal-close-btn {
        position: fixed !important;
        top: max(10px, env(safe-area-inset-top)) !important;
        z-index: 14050 !important;
        pointer-events: auto;
    }

    body.client-mode #dosya-detay-modal.active .mobile-detail-direct-back-btn,
    body.client-mode #dosya-detay-modal.active .mobile-detail-direct-close-btn {
        display: inline-flex !important;
        position: fixed !important;
        top: max(10px, env(safe-area-inset-top)) !important;
        width: 42px !important;
        height: 42px !important;
        align-items: center !important;
        justify-content: center;
        border: 2px solid #C5AA64 !important;
        border-radius: 12px !important;
        z-index: 15000 !important;
        pointer-events: auto;
        touch-action: manipulation !important;
    }

    body.client-mode #dosya-detay-modal.active .mobile-detail-direct-back-btn {
        left: max(10px, env(safe-area-inset-left)) !important;
    }

    body.client-mode #dosya-detay-modal.active .mobile-detail-direct-close-btn {
        right: max(10px, env(safe-area-inset-right)) !important;
    }

    body.client-mode #dosya-detay-modal.active .mobile-detail-direct-back-btn i,
    body.client-mode #dosya-detay-modal.active .mobile-detail-direct-close-btn i {
        stroke: #C5AA64 !important;
    }

    body.client-mode #dosya-detay-modal.active .mobile-modal-back-btn,
    body.client-mode #dosya-detay-modal.active .mobile-modal-close-btn {
        display: none !important;
    }
}






@media (max-width: 768px) {

    body.client-mode .mobile-page-nav-grid button.active i,
    body.client-mode .mobile-page-nav-grid button.active span {
        stroke: #1e3a8a !important;
    }
}



/* ==========================================================================
   07. MOBIL BURO
   ========================================================================== */

@media (max-width: 768px) {
    body.office-mode #dosya-view:not(.hidden) {
        margin: 8px !important;
        height: calc(100dvh - 16px) !important;
        min-height: 0 !important;
        border: 3px solid #C5AA64 !important;
        border-radius: 16px !important;
        background: #f8fafc;
        overflow: hidden !important;
        box-shadow: 0 16px 38px rgba(15, 23, 42, 0.26), inset 0 0 0 1px rgba(247, 215, 122, 0.30) !important;
    }

    body.office-mode #dosya-view > header {
        flex: 0 0 auto !important;
        padding: 10px 10px 0 !important;
        background: #f8fafc;
        border-bottom: 0 !important;
    }


    body.office-mode #tab-bar-top,
    body.office-mode #tab-bar-bottom,
    body.office-mode #tab-bar-footer {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        padding: 8px 2px 8px !important;
        border-bottom: 0 !important;
    }

    body.office-mode #tab-bar-top::-webkit-scrollbar,
    body.office-mode #tab-bar-bottom::-webkit-scrollbar,
    body.office-mode #tab-bar-footer::-webkit-scrollbar {
        display: none !important;
    }

    body.office-mode #tab-bar-top .tab-btn,
    body.office-mode #tab-bar-bottom .tab-btn,
    body.office-mode #tab-bar-footer .tab-btn {
        flex: 0 0 auto !important;
        min-width: 78px !important;
        max-width: 118px !important;
        height: 32px !important;
        min-height: 32px !important;
        padding: 0 8px !important;
        border-radius: 9px !important;
        font-size: 9px !important;
        line-height: 1.05 !important;
        white-space: normal !important;
        text-align: center !important;
        overflow: hidden !important;
    }

    body.office-mode #tab-bar-top .tab-btn[data-tab="ekle"],
    body.office-mode #tab-bar-bottom .tab-btn[data-tab="ekle"] {
        min-width: 34px !important;
        max-width: 34px !important;
        width: 34px !important;
        font-size: 16px !important;
    }

    body.office-mode #dosya-view .table-wrapper {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        margin: 0 10px 86px !important;
        border: 3px solid #C5AA64 !important;
        border-radius: 12px !important;
        overflow: auto !important;
        background: white !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.office-mode #dosya-view #data-table {
        width: max-content !important;
        min-width: 100% !important;
        table-layout: auto !important;
    }

    body.office-mode #dosya-view #data-table th {
        height: 30px !important;
        padding: 0 5px !important;
        font-size: 8.5px !important;
        line-height: 1.05 !important;
        white-space: nowrap !important;
    }

    body.office-mode #dosya-view #data-table td {
        height: 34px !important;
        min-height: 34px !important;
        padding: 2px 4px !important;
        font-size: 10px !important;
        line-height: 1.15 !important;
        vertical-align: middle !important;
    }

    body.office-mode #dosya-view #data-table input,
    body.office-mode #dosya-view #data-table textarea,
    body.office-mode #dosya-view #data-table select,
    body.office-mode #dosya-view #data-table .cell-input,
    body.office-mode #dosya-view #data-table .dual-cell-input {
        min-height: 26px !important;
        height: 26px !important;
        padding: 2px 4px !important;
        font-size: 10px !important;
        line-height: 1.1 !important;
    }

    body.office-mode #dosya-view #data-table textarea,
    body.office-mode #dosya-view #data-table .cell-input[style*="textarea"] {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        resize: none !important;
    }

    body.office-mode #dosya-view .footer-main.footer-empty {
        display: none;
    }

}

#global-modal.kvkk-policy-modal.active {
    align-items: center;
    justify-content: center;
    padding: 22px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.58);
}

#global-modal.kvkk-policy-modal.active > .modal-content {
    position: relative;
    inset: auto;
    width: min(780px, calc(100vw - 44px));
    max-width: calc(100vw - 44px);
    height: auto;
    max-height: calc(100dvh - 44px);
    min-height: 0;
    margin: 0 auto;
    padding: 0;
    border: 3px solid #10224d;
    border-radius: 14px;
    background: #f8f6f1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 24px 58px rgba(15, 23, 42, 0.34), 0 0 0 1px rgba(197, 170, 100, 0.34);
    transform: none;
}

#global-modal.kvkk-policy-modal.active .modal-header {
    flex: 0 0 auto;
    min-height: 58px;
    padding: 13px 18px 12px;
    border-radius: 0;
    background: #fffdf8;
    border-bottom: 3px solid #10224d;
    box-shadow: inset 0 -2px 0 rgba(197, 170, 100, 0.72);
}

#global-modal.kvkk-policy-modal.active .modal-header-title {
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.18;
    letter-spacing: 0.06em;
}

#global-modal.kvkk-policy-modal.active .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-y: auto;
    padding: 14px;
    margin: 0;
    gap: 0;
    -webkit-overflow-scrolling: touch;
    background: #f8f6f1;
}

#global-modal.kvkk-policy-modal.active .modal-body > div {
    max-height: min(68vh, 620px);
    min-height: min(42vh, 420px);
    height: auto;
    padding: 24px;
    overflow-y: auto;
    background: #ffffff;
}

#global-modal.kvkk-policy-modal.active .modal-buttons {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 14px 14px;
    border-top: 2px solid rgba(197, 170, 100, 0.45);
    background: #fffdf8;
}

#global-modal.kvkk-policy-modal.active .modal-btn {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 950;
    line-height: 1.1;
    white-space: normal;
}

#global-modal.kvkk-policy-modal.active .modal-confirm-btn {
    min-width: 220px;
    border: 2px solid #C5AA64;
}

#global-modal.kvkk-policy-modal.active .modal-cancel-btn {
    min-width: 92px;
    border: 2px solid #cbd5e1;
}

#global-modal.kvkk-policy-modal.active .modal-content > button:first-child,
#global-modal.kvkk-policy-modal.active .global-modal-close-btn {
    display: none;
}
@media (max-width: 768px) {
    #global-modal.kvkk-policy-modal.active {
        align-items: center;
        justify-content: center;
        padding: max(14px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
        overflow: hidden;
        background: rgba(15, 23, 42, 0.66);
    }

    #global-modal.kvkk-policy-modal.active > .modal-content {
        position: relative;
        inset: auto;
        width: min(560px, calc(100vw - 20px));
        max-width: min(560px, calc(100vw - 20px));
        height: auto;
        max-height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        min-height: 0;
        margin: 0 auto;
        padding: 0;
        border: 3px solid #C5AA64;
        border-radius: 16px;
        background: #ffffff;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        box-shadow: 0 18px 50px rgba(0, 0, 0, 0.36);
        transform: none;
    }

    #global-modal.kvkk-policy-modal.active .modal-header {
        flex: 0 0 auto;
        min-height: 48px;
        padding: 12px 14px 10px;
        border-radius: 0;
        background: #1e3a8a;
        border-bottom: 2px solid #C5AA64;
    }

    #global-modal.kvkk-policy-modal.active .modal-header-title {
        color: #C5AA64;
        font-size: 11px;
        font-weight: 950;
        line-height: 1.15;
    }

    #global-modal.kvkk-policy-modal.active .modal-body {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        overflow-y: auto;
        padding: 10px;
        margin: 0;
        gap: 0;
        -webkit-overflow-scrolling: touch;
    }

    #global-modal.kvkk-policy-modal.active .modal-body > div {
        max-height: calc(100dvh - 158px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
        min-height: 0;
        height: auto;
        padding: 16px;
        overflow-y: auto;
    }

    #global-modal.kvkk-policy-modal.active .modal-buttons {
        display: flex;
        flex: 0 0 auto;
        justify-content: center;
        gap: 8px;
        padding: 10px;
        border-top: 2px solid rgba(197, 170, 100, 0.45);
        background: #ffffff;
    }

    #global-modal.kvkk-policy-modal.active .modal-btn {
        min-height: 40px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 10px;
        font-weight: 950;
        line-height: 1.1;
        white-space: normal;
    }

    #global-modal.kvkk-policy-modal.active .modal-confirm-btn {
        flex: 1 1 auto;
        border: 2px solid #C5AA64;
    }

    #global-modal.kvkk-policy-modal.active .modal-cancel-btn {
        flex: 0 0 auto;
        border: 2px solid #cbd5e1;
    }

    #global-modal.kvkk-policy-modal.active .modal-content > button:first-child {
        position: absolute;
        top: 8px;
        right: 8px;
        width: 34px;
        height: 34px;
        min-width: 34px;
        border-radius: 10px;
        z-index: 35;
    }
}

/* ==========================================================================
   08. MOBIL POPUP / NOTLAR / GERI DAVRANISI
   ========================================================================== */

@media (max-width: 768px) {
    /* 08A. Popup ust aksiyonlari ve dosya nav gizleme */
    body.office-mode #dosya-detay-modal.active .print-detail-btn,
    body.office-mode #muvekkil-detay-modal.active .print-muvekkil-detail-btn,
    body.office-mode #dosya-detay-modal.active .minimize-btn,
    body.office-mode #dosya-detay-modal.active .maximize-btn,
    body.office-mode #dosya-detay-modal.active .close-x-btn,
    body.office-mode #muvekkil-detay-modal.active .close-x-btn,
    body.office-mode #dosya-detay-modal.active #detay-files-nav {
        display: none !important;
    }

    body.office-mode #dosya-detay-modal.active .ext-ctrl-group,
    body.office-mode #muvekkil-detay-modal.active .ext-ctrl-group {
        display: block !important;
        position: static !important;
        pointer-events: none !important;
        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;
    }

    body.office-mode #dosya-detay-modal.active .ext-ctrl-group .minimize-btn,
    body.office-mode #muvekkil-detay-modal.active .ext-ctrl-group .minimize-btn {
        display: none !important;
    }

    /* 08B. Mobil not butonlari */
    body.office-mode #dosya-detay-modal.active .mobile-detay-notes-btn,
    body.office-mode #muvekkil-detay-modal.active .mobile-muvekkil-notes-btn {
        display: inline-flex !important;
        position: static !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        width: 34px !important;
        min-width: 34px !important;
        height: 34px !important;
        min-height: 34px !important;
        align-items: center !important;
        justify-content: center;
        padding: 0 !important;
        border: 2px solid #C5AA64 !important;
        border-radius: 10px !important;
        background: linear-gradient(180deg, #fffaf0 0%, #ead9ba 100%) !important;
        color: #071f4f !important;
        -webkit-text-fill-color: #071f4f !important;
        box-shadow: 0 6px 12px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.76) !important;
        z-index: 2 !important;
        pointer-events: auto;
        touch-action: manipulation !important;
    }

    body.office-mode #dosya-detay-modal.active.mobile-detail-notes-open .mobile-detay-notes-btn,
    body.office-mode #muvekkil-detay-modal.active.mobile-detail-notes-open .mobile-muvekkil-notes-btn {
        background: linear-gradient(180deg, #f7e6b8 0%, #d9bd70 100%) !important;
        color: #071f4f !important;
        -webkit-text-fill-color: #071f4f !important;
        border-color: #C5AA64 !important;
    }

    /* 08C. Dosya detay mobil bolum/menu gorunurlugu */
    body.office-mode #dosya-detay-modal.mobile-detail-menu-mode #detay-tabs-nav,
    body.office-mode #dosya-detay-modal.mobile-detail-menu-mode .modal-body {
        display: none !important;
    }

    body.office-mode #dosya-detay-modal.mobile-detail-menu-mode .mobile-detail-section-menu {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        padding: 14px !important;
        background: #ffffff !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
    }

    body.office-mode #dosya-detay-modal.mobile-detail-section-open .mobile-detail-section-menu,
    body.office-mode #dosya-detay-modal.mobile-detail-section-open #detay-tabs-nav {
        display: none !important;
    }

    /* 08D. Mobil geri kontrol butonlari */
    body.office-mode #dosya-detay-modal.active .mobile-detail-direct-back-btn {
        display: inline-flex !important;
        position: fixed !important;
        top: max(10px, env(safe-area-inset-top)) !important;
        left: max(10px, env(safe-area-inset-left)) !important;
        width: 42px !important;
        height: 42px !important;
        align-items: center !important;
        justify-content: center;
        border: 2px solid #C5AA64 !important;
        border-radius: 12px !important;
        z-index: 15000 !important;
        pointer-events: auto;
        touch-action: manipulation !important;
    }

    body.office-mode #muvekkil-detay-modal.active .mobile-detail-direct-back-btn {
        display: inline-flex !important;
        position: fixed !important;
        top: max(10px, env(safe-area-inset-top)) !important;
        width: 42px !important;
        height: 42px !important;
        align-items: center !important;
        justify-content: center;
        border: 2px solid #C5AA64 !important;
        border-radius: 12px !important;
        z-index: 15130 !important;
        pointer-events: auto;
        touch-action: manipulation !important;
    }

    body.office-mode #muvekkil-detay-modal.active .mobile-detail-direct-back-btn {
        left: max(10px, env(safe-area-inset-left)) !important;
    }

    body.office-mode #dosya-detay-modal.active .mobile-detail-direct-back-btn i,
    body.office-mode #muvekkil-detay-modal.active .mobile-detail-direct-back-btn i {
        stroke: #C5AA64 !important;
    }

    /* 08E. Mobil popup icerigi ve not panelini overlay'e cevirme */
    body.office-mode #dosya-detay-modal.active .modal-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        padding: 10px;
        border: 3px solid #C5AA64 !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.office-mode #dosya-detay-modal.active #detay-yazisma-side,
    body.office-mode #muvekkil-detay-modal.active #muvekkil-yazisma-side {
        display: flex !important;
        position: fixed !important;
        inset: auto !important;
        left: 50% !important;
        right: auto !important;
        top: calc(58px + env(safe-area-inset-top)) !important;
        bottom: calc(84px + env(safe-area-inset-bottom)) !important;
        width: min(calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)), 430px) !important;
        max-width: min(calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right)), 430px) !important;
        min-width: 0 !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        border: 3px solid #C5AA64 !important;
        border-radius: 16px !important;
        background: #ffffff !important;
        z-index: 15100 !important;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.38) !important;
        transform: translate(-50%, 10px) scale(.97) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        transition: opacity .18s ease, transform .18s ease !important;
    }

    body.office-mode #dosya-detay-modal.active.yazisma-gizli #detay-yazisma-side {
        transform: translate(-50%, 10px) scale(.97) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* 08F. Not overlay acik/kapali durumlari */
    body.office-mode #dosya-detay-modal.mobile-detail-yazisma-open #detay-yazisma-side,
    body.office-mode #muvekkil-detay-modal.active:not(.yazisma-gizli) #muvekkil-yazisma-side,
    body.office-mode #muvekkil-detay-modal.active.mobile-detail-notes-open #muvekkil-yazisma-side {
        transform: translate(-50%, 0) scale(1) !important;
        opacity: 1 !important;
        pointer-events: auto;
    }

    body.office-mode #muvekkil-detay-modal.active.yazisma-gizli #muvekkil-yazisma-side {
        transform: translate(-50%, 10px) scale(.97) !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    body.office-mode #muvekkil-detay-modal.active .muvekkil-yazisma-toggle {
        display: none !important;
    }

    body.office-mode #dosya-detay-modal.active #detay-yazisma-side .yazisma-content-inner,
    body.office-mode #muvekkil-detay-modal.active #muvekkil-yazisma-side .yazisma-content-inner {
        display: flex !important;
        min-height: 0 !important;
        width: 100% !important;
    }

    /* 08G. Mobil not overlay kapatma butonu */
    body.office-mode .mobile-notes-popup-close-btn {
        display: inline-flex !important;
        position: absolute !important;
        top: 8px !important;
        right: 8px !important;
        width: 34px !important;
        height: 34px !important;
        align-items: center !important;
        justify-content: center;
        border: 2px solid #C5AA64 !important;
        border-radius: 10px;
        background: linear-gradient(180deg, #fffdf7 0%, #eadbc1 100%) !important;
        color: #0f2556 !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .22) !important;
        z-index: 3 !important;
        cursor: pointer !important;
        touch-action: manipulation !important;
    }

    body.office-mode .mobile-notes-popup-close-btn i {
        color: #0f2556 !important;
        stroke: #0f2556 !important;
    }

    @media (max-height: 680px) {
        body.office-mode #dosya-detay-modal.active #detay-yazisma-side,
        body.office-mode #muvekkil-detay-modal.active #muvekkil-yazisma-side {
            top: calc(52px + env(safe-area-inset-top)) !important;
            bottom: calc(76px + env(safe-area-inset-bottom)) !important;
            border-radius: 14px !important;
        }
    }

    /* 08H. Mobil dokunma/hover davranisi */
    body.office-mode .mobile-detail-direct-back-btn,
    body.office-mode .mobile-detail-section-card,
    body.office-mode .mobile-notes-popup-close-btn,
    body.office-mode #dosya-detay-modal.active .mobile-detay-notes-btn,
    body.office-mode #muvekkil-detay-modal.active .mobile-muvekkil-notes-btn,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-file-tab-card,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-menu-back,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-result,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-client-search-back,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-file-result {
        cursor: pointer !important;
        touch-action: manipulation !important;
        -webkit-tap-highlight-color: rgba(197, 170, 100, 0.18) !important;
        transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
    }

    body.office-mode .mobile-detail-direct-back-btn:hover,
    body.office-mode .mobile-detail-direct-back-btn:focus-visible,
    body.office-mode .mobile-detail-section-card:hover,
    body.office-mode .mobile-detail-section-card:focus-visible,
    body.office-mode .mobile-notes-popup-close-btn:hover,
    body.office-mode .mobile-notes-popup-close-btn:focus-visible,
    body.office-mode #dosya-detay-modal.active .mobile-detay-notes-btn:hover,
    body.office-mode #dosya-detay-modal.active .mobile-detay-notes-btn:focus-visible,
    body.office-mode #muvekkil-detay-modal.active .mobile-muvekkil-notes-btn:hover,
    body.office-mode #muvekkil-detay-modal.active .mobile-muvekkil-notes-btn:focus-visible,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-file-tab-card:hover,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-file-tab-card:focus-visible,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-menu-back:hover,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-menu-back:focus-visible,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-result:hover,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-result:focus-visible,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-client-search-back:hover,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-client-search-back:focus-visible,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-file-result:hover,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-file-result:focus-visible {
        outline: none !important;
    }

    body.office-mode .mobile-detail-direct-back-btn:active,
    body.office-mode .mobile-detail-section-card:active,
    body.office-mode .mobile-notes-popup-close-btn:active,
    body.office-mode #dosya-detay-modal.active .mobile-detay-notes-btn:active,
    body.office-mode #muvekkil-detay-modal.active .mobile-muvekkil-notes-btn:active,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-file-tab-card:active,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-menu-back:active,
    body.office-mode #dosya-view.mobile-file-tab-menu-mode .mobile-office-file-result:active,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-client-search-back:active,
    body.office-mode #dosya-view.mobile-file-tab-open[data-active-tab="muvekkil-bilgi"] .mobile-office-client-search-page .mobile-office-file-result:active {
        transform: scale(0.96) !important;
    }
}

/* ==========================================================================
   06. EVRAKLAR VE EVRAK ONIZLEME
   ========================================================================== */

/* 06A. Muvekkil detay evrak liste yapisi */
.muvekkil-evrak-shell {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    min-height: 0;
}

.muvekkil-evrak-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 2px solid #C5AA64;
    border-radius: 8px;
    background: #f8fafc;
}

.muvekkil-evrak-title {
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .5px;
}

.muvekkil-evrak-subtitle {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    margin-top: 2px;
}

.muvekkil-evrak-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 10px;
    overflow-y: auto;
    padding-right: 4px;
}

.muvekkil-evrak-category {
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.muvekkil-evrak-category-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px;
    border-bottom: 1px solid #e2e8f0;
    background: #fffdf5;
}

.muvekkil-evrak-category-head strong,
.muvekkil-evrak-file-main strong {
    display: block;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
}

.muvekkil-evrak-category-head small,
.muvekkil-evrak-file-main small {
    display: block;
    color: #64748b;
    font-size: 8px;
    font-weight: 850;
    text-transform: uppercase;
}

.muvekkil-evrak-upload {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 6px 8px;
    border: 1.5px solid #C5AA64;
    border-radius: 7px;
    color: #1e3a8a;
    background: #fff;
    font-size: 9px;
    font-weight: 950;
    cursor: pointer;
}

.muvekkil-evrak-upload input {
    display: none;
}

.muvekkil-evrak-files {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px;
}

.muvekkil-evrak-file {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) repeat(4, 22px);
    gap: 6px;
    align-items: center;
    padding: 7px;
    border: 1.5px solid #cbd5e1;
    border-radius: 7px;
    background: #fff;
}

.muvekkil-evrak-file-main {
    min-width: 0;
}

.muvekkil-evrak-file-main strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.muvekkil-evrak-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 52px;
    border: 1.5px dashed #cbd5e1;
    border-radius: 7px;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.muvekkil-evrak-empty.is-wide {
    min-height: 86px;
    background: #f8fafc;
}

.muvekkil-evrak-shell {
    border: 6px solid #C5AA64;
    padding: 16px;
    border-radius: 12px;
    background: #ffffff;
    height: 100%;
    min-height: 560px;
}

.muvekkil-evrak-layout {
    display: flex;
    gap: 16px;
    height: 100%;
    min-height: 0;
}

.muvekkil-evrak-list-pane {
    width: 420px;
    min-width: 320px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-right: 3px solid #C5AA64;
    padding-right: 12px;
}

.muvekkil-evrak-preview-pane {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.muvekkil-evrak-pane-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    border-bottom: 3px solid #C5AA64;
    padding-bottom: 8px;
}

.muvekkil-evrak-pane-head span {
    font-weight: 950;
    color: #1e3a8a;
    font-size: 13px;
    letter-spacing: .5px;
}

.muvekkil-evrak-add-type {
    background: #1e3a8a;
    color: #C5AA64;
    border: 1.5px solid #C5AA64;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.muvekkil-required-summary {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    align-items: flex-start;
    padding: 10px;
    border: 2px solid #C5AA64;
    border-radius: 9px;
    background: #f8fafc;
}

.muvekkil-required-summary.has-missing {
    border-color: #ef4444;
    background: #fff7ed;
}

.muvekkil-required-icon {
    width: 30px;
    height: 30px;
    border: 2px solid #C5AA64;
    border-radius: 8px;
    background: #1e3a8a;
    color: #C5AA64;
    display: flex;
    align-items: center;
    justify-content: center;
}

#dosya-detay-modal.detay-modal-wrapper.active:not(.yazisma-gizli):not(.is-minimized):not(.is-fullscreen) #detay-yazisma-side {
    width: 450px;
    flex: 0 0 450px;
    max-width: min(450px, 42vw);
}

#dosya-detay-modal.detay-modal-wrapper.active:not(.is-minimized):not(.is-fullscreen) #detay-left-section {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.muvekkil-required-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.muvekkil-required-main strong {
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .3px;
}

.muvekkil-required-main > span {
    color: #64748b;
    font-size: 9px;
    font-weight: 850;
    line-height: 1.35;
}

.muvekkil-required-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 5px;
}

.muvekkil-required-chip {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 1.5px solid #C5AA64;
    border-radius: 999px;
    background: #ffffff;
    color: #991b1b;
    padding: 4px 8px;
    font-size: 9px;
    font-weight: 950;
    cursor: pointer;
    line-height: 1;
}

.muvekkil-required-chip i,
.muvekkil-required-chip svg {
    color: #C5AA64;
    stroke: #C5AA64;
}

.muvekkil-evrak-quick-upload {
    display: grid;
    grid-template-columns: 28px minmax(170px, 1fr);
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 2px solid #7c3aed;
    border-radius: 8px;
    background: #f5f3ff;
}

.muvekkil-evrak-quick-upload-icon {
    width: 16px;
    height: 16px;
    color: #7c3aed;
    justify-self: center;
}

.muvekkil-evrak-type-select {
    min-width: 0;
    height: 32px;
    border: 1.5px solid #7c3aed;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
    padding: 0 8px;
}

.muvekkil-evrak-category-list {
    flex: 1;
    overflow-y: auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: 8px;
    padding-right: 5px;
}

.muvekkil-evrak-category {
    border-color: #C5AA64;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .05);
}

.muvekkil-evrak-category-head {
    border-bottom: 2px solid #C5AA64;
    background: #f8fafc;
}

.muvekkil-evrak-file {
    cursor: pointer;
    transition: background-color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.muvekkil-evrak-file:hover,
.muvekkil-evrak-file.active {
    border-color: #C5AA64;
    background: #fffdf5;
}

.muvekkil-preview-actions {
    align-items: center;
    gap: 6px;
}

.muvekkil-preview-actions .icon-box-gold,
.muvekkil-evrak-file .icon-box-gold {
    width: 26px !important;
    height: 26px !important;
    padding: 0 !important;
    border-radius: 6px !important;
}

.muvekkil-evrak-file .icon-box-gold {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    justify-self: center !important;
}

.muvekkil-evrak-upload-card {
    max-width: 520px !important;
    width: min(520px, calc(100vw - 34px)) !important;
    border: 6px solid #C5AA64 !important;
    padding: 0 !important;
    overflow: hidden;
}

#muvekkil-evrak-upload-modal.active {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center;
    padding: 18px !important;
    z-index: 10080 !important;
}

#muvekkil-evrak-upload-modal.active .muvekkil-evrak-upload-card {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    margin: 0 auto !important;
    transform: none !important;
}

.muvekkil-evrak-upload-head {
    background: #1e3a8a;
    color: #C5AA64;
    padding: 14px 18px;
    border-bottom: 4px solid #C5AA64;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.muvekkil-evrak-upload-head strong,
.muvekkil-evrak-upload-head span {
    display: block;
    font-weight: 950;
    text-transform: uppercase;
}

.muvekkil-evrak-upload-head strong {
    font-size: 13px;
}

.muvekkil-evrak-upload-head span {
    margin-top: 3px;
    color: #ffffff;
    font-size: 10px;
}

.muvekkil-evrak-upload-head .icon-box-gold {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
}

.muvekkil-evrak-upload-body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.muvekkil-evrak-upload-drop {
    min-height: 112px;
    border: 2px dashed #7c3aed;
    border-radius: 8px;
    background: #f5f3ff;
    color: #1e3a8a;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
    text-align: center;
    padding: 14px;
}

.muvekkil-evrak-upload-drop input {
    display: none;
}

.muvekkil-evrak-upload-drop span {
    font-size: 12px;
    font-weight: 950;
}

.muvekkil-evrak-upload-drop small {
    color: #64748b;
    font-size: 9px;
    font-weight: 850;
}

.muvekkil-evrak-upload-check {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
}

.muvekkil-evrak-upload-check input {
    width: 18px;
    height: 18px;
    accent-color: #1e3a8a;
}

.muvekkil-evrak-upload-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px;
    border: 1px solid #dbe4f0;
    border-radius: 7px;
    background: #f8fafc;
    color: #1e3a8a;
    font-size: 10px;
}

.muvekkil-evrak-upload-note strong,
.muvekkil-evrak-upload-note span {
    font-weight: 950;
}

.muvekkil-evrak-upload-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 12px 14px 14px;
    border-top: 1px solid #e2e8f0;
}

.muvekkil-preview-container {
    flex: 1;
    min-height: 420px;
    border: 3px solid #C5AA64;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}

.muvekkil-preview-container embed,
.muvekkil-preview-container img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    object-fit: contain;
    padding: 10px;
}

.muvekkil-preview-container embed {
    padding: 0;
}

.muvekkil-preview-empty {
    text-align: center;
    color: #94a3b8;
    padding: 20px;
}

.muvekkil-preview-empty i {
    width: 76px;
    height: 76px;
    margin: 0 auto 15px;
    opacity: .35;
    color: #1e3a8a;
}

.muvekkil-preview-empty div {
    font-size: 14px;
    font-weight: 950;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.muvekkil-preview-empty p {
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    margin-top: 5px;
    max-width: 420px;
}

@media (max-width: 900px) {
    .muvekkil-evrak-layout {
        flex-direction: column;
    }

    .muvekkil-evrak-list-pane {
        width: 100%;
        min-width: 0;
        border-right: 0;
        border-bottom: 3px solid #C5AA64;
        padding-right: 0;
        padding-bottom: 12px;
    }
}

/* 06B. Evrak onizleme popup ortak yapisi */
.safahat-shell {
    border: 6px solid #C5AA64;
    padding: 15px;
    border-radius: 12px;
    background: #ffffff;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.safahat-section-title {
    font-weight: 950;
    color: #1e3a8a;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-bottom: 2px solid #C5AA64;
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.safahat-flow {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.safahat-flow-item {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr) 28px;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border: 1.5px solid #C5AA64;
    border-left-width: 6px;
    border-radius: 8px;
    background: #f8fafc;
}

.safahat-flow-date {
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

.safahat-flow-main {
    min-width: 0;
}

.safahat-flow-main strong {
    display: block;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.safahat-flow-main p {
    margin: 4px 0 0;
    padding: 5px 8px;
    border-left: 3px solid #C5AA64;
    border-radius: 5px;
    background: rgba(30, 58, 138, 0.05);
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
}

.safahat-flow-main small {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 5px;
    color: #64748b;
    font-size: 9px;
    font-weight: 850;
}

.safahat-flow-main small i,
.safahat-flow-main small svg {
    width: 12px;
    height: 12px;
}

.safahat-flow-edit {
    width: 26px;
    height: 26px;
    border: 1.5px solid #C5AA64;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.safahat-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 46px 20px;
    text-align: center;
    color: #64748b;
}

.safahat-empty-icon {
    width: 78px;
    height: 78px;
    border: 4px solid rgba(197, 170, 100, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.safahat-empty-icon i,
.safahat-empty-icon svg {
    width: 38px;
    height: 38px;
    color: #1e3a8a;
    opacity: .2;
}

.safahat-empty h2 {
    color: #1e3a8a;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .5px;
    margin: 0 0 8px;
}

.safahat-empty p {
    max-width: 380px;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.5;
    margin: 0;
}

.safahat-picker {
    display: grid;
    grid-template-columns: 34px minmax(180px, 1fr);
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1.5px solid rgba(197, 170, 100, 0.72);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.safahat-picker-icon {
    width: 30px;
    height: 30px;
    color: #C5AA64;
    justify-self: center;
    padding: 7px;
    border-radius: 9px;
    background: #1e3a8a;
    box-shadow: inset 0 0 0 1px rgba(197, 170, 100, 0.45);
}

.safahat-picker select {
    min-width: 0;
    height: 32px;
    border: 1.5px solid #2563eb;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
    padding: 0 8px;
}

.safahat-picker-trigger {
    min-width: 0;
    min-height: 48px;
    border: 1.5px solid rgba(30, 58, 138, 0.32);
    border-radius: 9px;
    background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
    color: #1e3a8a;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 30px;
    align-items: center;
    gap: 8px;
    padding: 7px 8px 7px 12px;
    cursor: pointer;
    text-align: left;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.safahat-picker-trigger:hover {
    border-color: #C5AA64;
    box-shadow: 0 8px 18px rgba(30, 58, 138, 0.10);
  }

.safahat-picker-trigger span,
.safahat-picker-trigger small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.safahat-picker-trigger span {
    font-size: 12px;
    font-weight: 950;
    color: #1e3a8a;
    letter-spacing: .2px;
}

.safahat-picker-trigger small {
    display: none;
}

.safahat-picker-trigger i,
.safahat-picker-trigger svg {
    width: 30px;
    height: 30px;
    padding: 7px;
    border-radius: 8px;
    background: #1e3a8a;
    color: #C5AA64;
    stroke: #C5AA64;
}

.safahat-picker-card-modal {
    width: min(760px, calc(100vw - 34px)) !important;
    max-width: 760px !important;
    max-height: min(78vh, 720px) !important;
    border: 3px solid #C5AA64 !important;
    border-radius: 14px !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.safahat-picker-modal-head {
    background: #1e3a8a;
    color: #C5AA64;
    padding: 14px 18px;
    border-bottom: 3px solid #C5AA64;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.safahat-picker-modal-head strong,
.safahat-picker-modal-head span {
    display: block;
}

.safahat-picker-modal-head strong {
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .4px;
}

.safahat-picker-modal-head span {
    margin-top: 3px;
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
}

.safahat-picker-modal-body {
    padding: 14px;
    overflow: auto;
    display: grid;
    gap: 12px;
}

.safahat-picker-section {
    border: 1.5px solid rgba(30, 58, 138, 0.18);
    border-radius: 10px;
    background: #f8fafc;
    padding: 10px;
}

.safahat-picker-section.is-current {
    border-color: rgba(197, 170, 100, 0.72);
    background: #fffaf0;
}

.safahat-picker-section-title {
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .5px;
    margin-bottom: 8px;
}

.safahat-picker-card-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

.safahat-picker-card {
    min-width: 0;
    min-height: 54px;
    border: 1.5px solid #d7e0ef;
    border-radius: 9px;
    background: #ffffff;
    color: #1e3a8a;
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    text-align: left;
    cursor: pointer;
}

.safahat-picker-card:hover {
    border-color: #C5AA64;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.08);
}

.safahat-picker-card.is-active {
    border-color: #C5AA64;
    background: #fffaf0;
}

.safahat-picker-card-icon {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: #eff6ff;
    color: #1e3a8a;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.safahat-picker-card.is-active .safahat-picker-card-icon {
    background: #1e3a8a;
    color: #C5AA64;
}

.safahat-picker-card-icon i,
.safahat-picker-card-icon svg {
    width: 15px;
    height: 15px;
}

.safahat-picker-card-main {
    min-width: 0;
}

.safahat-picker-card-main strong,
.safahat-picker-card-main small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.safahat-picker-card-main strong {
    font-size: 11px;
    font-weight: 950;
    color: #1e3a8a;
}

.safahat-picker-card-main small {
    margin-top: 3px;
    font-size: 9px;
    font-weight: 800;
    color: #64748b;
}

.safahat-picker-empty {
    min-height: 120px;
    display: grid;
    place-items: center;
    gap: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 850;
}

@media (max-width: 640px) {
    .safahat-picker-card-grid {
        grid-template-columns: 1fr;
    }
}

.safahat-action-card {
    max-width: 520px !important;
    width: min(520px, calc(100vw - 34px)) !important;
    border: 6px solid #C5AA64 !important;
    padding: 0 !important;
    overflow: hidden;
}

.safahat-action-head {
    background: #1e3a8a;
    color: #C5AA64;
    padding: 14px 18px;
    border-bottom: 4px solid #C5AA64;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.safahat-action-head strong,
.safahat-action-head span {
    display: block;
    font-weight: 950;
}

.safahat-action-head strong {
    font-size: 13px;
    letter-spacing: .5px;
}

.safahat-action-head span {
    color: #ffffff;
    font-size: 10px;
    margin-top: 3px;
}

.safahat-action-head .icon-box-gold {
    width: 28px !important;
    height: 28px !important;
    padding: 0 !important;
}

.safahat-action-body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.safahat-action-check {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
}

.safahat-action-check input {
    width: 18px;
    height: 18px;
    accent-color: #1e3a8a;
}

.safahat-action-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.safahat-action-field span {
    color: #1e3a8a;
    font-size: 9px;
    font-weight: 950;
}

.safahat-action-field input,
.safahat-action-field textarea {
    width: 100%;
    border: 1.5px solid #C5AA64;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10.5px;
    font-weight: 750;
    padding: 8px;
    outline: none;
}

.safahat-action-field textarea {
    min-height: 74px;
    resize: vertical;
    line-height: 1.35;
}

.safahat-action-preview {
    padding: 8px;
    border: 1px solid #dbe4f0;
    border-radius: 7px;
    background: #f8fafc;
    color: #1e3a8a;
    font-size: 9px;
    font-weight: 850;
    line-height: 1.35;
}

.safahat-action-footer {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
}

@media (max-width: 700px) {
    .safahat-flow-item {
        grid-template-columns: 1fr 28px;
    }

    .safahat-flow-date {
        grid-column: 1 / -1;
    }
}

.evrak-quick-upload {
    display: grid;
    grid-template-columns: 28px minmax(170px, 1fr);
    gap: 8px;
    align-items: center;
    padding: 8px;
    border: 2px solid #0f766e;
    border-radius: 8px;
    background: #ecfdf5;
}

.evrak-quick-upload.compact {
    grid-template-columns: 24px minmax(0, 1fr);
    padding: 7px;
}

.evrak-quick-upload-icon {
    width: 16px;
    height: 16px;
    color: #0f766e;
    justify-self: center;
}

.evrak-quick-upload-select {
    min-width: 0;
    height: 30px;
    border: 1.5px solid #0f766e;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
    padding: 0 8px;
}

.evrak-quick-upload-button {
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 10px;
    border: 1.5px solid #C5AA64;
    border-radius: 7px;
    background: #1e3a8a;
    color: #C5AA64;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
    white-space: nowrap;
    min-width: 74px;
}

.evrak-quick-upload-button span {
    display: inline-block;
    color: #C5AA64 !important;
    -webkit-text-fill-color: #C5AA64 !important;
    line-height: 1;
}

.evrak-quick-upload-button svg,
.evrak-quick-upload-button i {
    color: #C5AA64 !important;
    stroke: #C5AA64 !important;
    flex: 0 0 auto;
}

.evrak-quick-upload-button input {
    display: none;
}

.evrak-automation-card {
    max-width: 780px !important;
    width: min(780px, calc(100vw - 34px)) !important;
    border: 6px solid #C5AA64 !important;
    padding: 0 !important;
    overflow: hidden;
    position: relative;
}

.evrak-automation-body {
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: calc(100vh - 140px);
    overflow: auto;
}

.evrak-automation-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px;
    border: 1.5px solid #C5AA64;
    border-radius: 8px;
    background: #fffdf5;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
}

.evrak-automation-topline label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.evrak-automation-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.evrak-automation-grid section {
    border: 1.5px solid #e2e8f0;
    border-radius: 8px;
    background: #ffffff;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    min-width: 0;
}

.evrak-auto-file-section {
    grid-column: 1 / -1;
}

.evrak-auto-file-picker {
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1.5px solid #C5AA64;
    border-radius: 7px;
    background: #1e3a8a;
    color: #C5AA64;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
}

.evrak-auto-file-picker input {
    display: none;
}

.evrak-auto-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
}

.evrak-automation-grid small {
    color: #64748b;
    font-size: 9px;
    font-weight: 800;
    line-height: 1.35;
}

.evrak-auto-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 7px;
}

.evrak-automation-grid input:not([type="checkbox"]),
.evrak-automation-grid select,
.evrak-automation-grid textarea {
    width: 100%;
    min-width: 0;
    border: 1.5px solid #C5AA64;
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 850;
    padding: 7px 8px;
    outline: none;
}

.evrak-automation-grid textarea {
    min-height: 54px;
    resize: vertical;
    line-height: 1.35;
}

.evrak-auto-pill {
    border: 1px solid #dbe4f0;
    border-radius: 7px;
    background: #f8fafc;
    color: #1e3a8a;
    font-size: 9px;
    font-weight: 850;
    padding: 7px 8px;
    line-height: 1.35;
}

@media (max-width: 700px) {
    .evrak-quick-upload {
        grid-template-columns: 24px minmax(0, 1fr);
    }

    .evrak-quick-upload-button {
        grid-column: 2;
        width: 100%;
    }

    .evrak-automation-grid {
        grid-template-columns: 1fr;
    }

    .evrak-automation-topline {
        align-items: flex-start;
        flex-direction: column;
    }
}

.evrak-preview-popup-overlay {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));
    background: rgba(15, 23, 42, .52);
    z-index: 22000;
}

.evrak-preview-popup-overlay.active {
    display: flex;
}

.evrak-preview-popup-card {
    width: min(920px, calc(100vw - 28px));
    height: min(760px, calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 6px solid #C5AA64;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 30px 80px rgba(15, 23, 42, .42);
}

.evrak-preview-popup-head {
    min-height: 52px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    background: #1e3a8a;
    border-bottom: 4px solid #C5AA64;
}

.evrak-preview-popup-title {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #C5AA64;
    font-size: 12px;
    font-weight: 950;
}

.evrak-preview-popup-title span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.evrak-preview-popup-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

.evrak-preview-popup-actions .icon-box-gold {
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    border-radius: 8px !important;
}

.evrak-preview-popup-body {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8fafc;
    overflow: hidden;
}

.evrak-preview-popup-body img,
.evrak-preview-popup-body embed {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    object-fit: contain;
    background: #ffffff;
}

.evrak-preview-media {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    display: block;
    object-fit: contain;
    background: #ffffff;
}

.evrak-preview-popup-body img {
    padding: 12px;
}

.evrak-preview-udf {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #ffffff;
}

.evrak-preview-udf-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 12px;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
    border-bottom: .5px solid #1e3a8a;
    background: #f8fafc;
}

.evrak-preview-udf pre {
    flex: 1 1 auto;
    min-height: 0;
    margin: 0;
    padding: 18px;
    overflow: auto;
    white-space: pre-wrap;
    word-break: break-word;
    color: #0f172a;
    font: 600 13px/1.55 "Segoe UI", Arial, sans-serif;
    background: #ffffff;
}

.evrak-preview-popup-empty {
    max-width: 460px;
    padding: 24px;
    text-align: center;
    color: #64748b;
}

.evrak-preview-popup-empty i {
    width: 68px;
    height: 68px;
    color: #1e3a8a;
    margin: 0 auto 14px;
}

.evrak-preview-popup-empty strong {
    display: block;
    color: #1e3a8a;
    font-size: 14px;
    font-weight: 950;
    margin-bottom: 8px;
}

.evrak-preview-popup-empty p {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
    margin-bottom: 14px;
}

.maktu-docx-preview-html {
    color: #111827;
    font: 600 13px/1.55 "Times New Roman", serif;
}

.doc-preview-shell {
    width: 100%;
    height: 100%;
    min-height: 420px;
    display: flex;
    flex-direction: column;
    background: #d9d9d9;
    overflow: hidden;
}

.doc-preview-toolbar {
    flex: 0 0 54px;
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    background: #f7f7f7;
    border-bottom: 1px solid #d1d5db;
    color: #111827;
    font: 600 15px/1 "Segoe UI", Arial, sans-serif;
}

.doc-preview-toolbar button {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #111827;
    font: inherit;
    cursor: default;
    padding: 0;
}

.doc-preview-toolbar button[data-doc-preview-zoom] {
    cursor: pointer;
}

.doc-preview-toolbar button[data-doc-preview-zoom]:hover {
    background: #e5e7eb;
}

.doc-preview-toolbar button svg,
.doc-preview-toolbar button i {
    width: 18px !important;
    height: 18px !important;
}

.doc-preview-toolbar-spacer {
    flex: 1 1 auto;
    min-width: 18px;
}

.doc-preview-toolbar-separator {
    width: 1px;
    height: 30px;
    background: #c7c7c7;
}

.doc-preview-page-number {
    width: 48px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b8b8b8;
    border-radius: 2px;
    background: #ffffff;
    color: #111827;
}

.doc-preview-page-total {
    min-width: 34px;
}

.doc-preview-stage {
    flex: 1;
    min-height: 0;
    overflow: auto;
    background: #dedede;
    padding: 28px 22px 56px;
}

.doc-preview-page {
    width: min(100%, 720px);
    min-height: 920px;
    margin: 0 auto;
    background: #ffffff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
    padding: 42px 46px;
    color: #111827;
    transition: transform .14s ease, margin-bottom .14s ease;
}

.doc-preview-page > .maktu-docx-preview-html {
    width: 100%;
    height: auto;
    min-height: 0;
    overflow: visible;
    padding: 0;
}

.doc-preview-page .maktu-blank-document-preview {
    min-height: 780px;
    box-shadow: none;
    border: 0;
}

.doc-preview-page:has(.docx-print-page) {
    width: min(100%, 794px);
    min-height: 1123px;
    padding: 0;
    background: transparent;
    box-shadow: none;
}

.docx-print-page {
    position: relative;
    width: 794px;
    min-height: 1123px;
    margin: 0 auto;
    padding: 76px 72px 70px;
    background: #ffffff;
    color: #111827;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .18);
    overflow: hidden;
}

.docx-print-page.uses-antentli-letterhead {
    background-color: #ffffff;
}

.docx-print-header,
.docx-print-footer {
    position: relative;
    z-index: 2;
    min-height: 58px;
    color: #1f2937;
    font: 600 11px/1.35 "Times New Roman", serif;
}

.docx-print-header {
    margin-bottom: 18px;
}

.docx-print-footer {
    margin-top: 28px;
    padding-top: 10px;
    border-top: 1px solid rgba(148, 163, 184, .38);
}

.docx-print-body {
    position: relative;
    z-index: 2;
    min-height: 790px;
}

.docx-print-watermark {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(-38deg);
    color: rgba(100, 116, 139, .16);
    font: 950 72px/1 "Segoe UI", Arial, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-align: center;
    pointer-events: none;
    white-space: pre-wrap;
}

.docx-print-header table,
.docx-print-footer table,
.docx-print-body table {
    width: 100%;
}

.docx-print-image {
    max-width: 100%;
    max-height: 120px;
    object-fit: contain;
    display: inline-block;
    vertical-align: middle;
}

.docx-print-header .docx-print-image {
    max-height: 92px;
}

.docx-print-footer .docx-print-image {
    max-height: 54px;
}

.maktu-docx-preview-html p {
    margin: 0 0 10px;
    white-space: pre-wrap;
}

.maktu-docx-preview-html table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 0 14px;
    background: #fff;
    box-shadow: 0 0 0 .5px #1e3a8a;
}

.maktu-docx-preview-html td {
    border: .5px solid #1e3a8a;
    padding: 6px 8px;
    vertical-align: top;
    white-space: pre-wrap;
}

.maktu-docx-preview-empty {
    display: grid;
    place-items: center;
    min-height: 220px;
    color: #64748b;
    font: 850 12px/1.45 "Segoe UI", Arial, sans-serif;
    text-align: center;
}

.maktu-blank-document-preview {
    width: min(100%, 760px);
    min-height: 920px;
    margin: 0 auto;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
}

.maktu-blank-document-label {
    font: 950 11px/1.3 "Segoe UI", Arial, sans-serif;
    letter-spacing: 0;
    color: #64748b;
}

.maktu-blank-document-name {
    margin-top: 8px;
    max-width: 80%;
    font: 850 12px/1.4 "Segoe UI", Arial, sans-serif;
    color: #1e3a8a;
    text-align: center;
    overflow-wrap: anywhere;
}

.maktu-filled-live-preview {
    color: #0f172a;
    font-family: "Times New Roman", serif;
    white-space: normal;
}

.maktu-filled-live-preview strong.maktu-preview-auto-fill {
    color: #1e3a8a;
    font-weight: 950;
    background: linear-gradient(180deg, rgba(197, 170, 100, .26), rgba(197, 170, 100, .12));
    border-bottom: 1.5px solid #C5AA64;
    border-radius: 4px;
    box-shadow: inset 0 -8px 0 rgba(197, 170, 100, .14);
    padding: 0 3px;
}

.maktu-filled-live-preview .maktu-preview-manual-fill {
    display: inline-block;
    color: #991b1b;
    font-weight: 950;
    background: #fff7f7;
    border: 1.5px dotted #dc2626;
    border-radius: 6px;
    box-shadow: 0 0 0 2px rgba(220, 38, 38, .06);
    padding: 1px 5px;
}

.maktu-docx-preview-html .maktu-quick-token {
    display: inline-block;
    border: 1px solid #C5AA64;
    border-radius: 5px;
    background: #fffbeb;
    color: #1e3a8a;
    font: inherit;
    font-weight: 950;
    padding: 0 4px;
    cursor: pointer;
}

.maktu-docx-preview-html .maktu-quick-token:hover,
.maktu-docx-preview-html .maktu-quick-token:focus-visible {
    background: #C5AA64;
    color: #0f172a;
    outline: none;
}

/* 06C. Dosya ve muvekkil evrak onizleme panelleri */

#detay-evraklar > div > div[style*="display:flex"] > div:first-child {
    width: 52% !important;
    min-width: 360px !important;
    border-right: 2px solid #e2e8f0 !important;
    padding-right: 12px !important;
}

#evrak-preview-pane {
    display: flex !important;
}

.muvekkil-evrak-list-pane {
    width: 42% !important;
    min-width: 320px !important;
    border-right: 2px solid #e2e8f0 !important;
    padding-right: 12px !important;
}

.muvekkil-evrak-preview-pane {
    display: flex !important;
}

@media (max-width: 900px) {
    .muvekkil-evrak-list-pane {
        width: 100% !important;
        min-width: 0 !important;
        border-right: 0 !important;
        border-bottom: 3px solid #C5AA64 !important;
        padding-right: 0 !important;
        padding-bottom: 12px !important;
    }
}

@media (max-width: 768px) {
    #dosya-detay-modal #detay-evraklar > div > div[style*="display:flex"] > div:first-child {
        width: 100% !important;
        min-width: 0 !important;
        border-right: 0 !important;
        padding-right: 0 !important;
    }

    #dosya-detay-modal #evrak-preview-pane {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .evrak-preview-popup-card {
        width: min(calc(100vw - 20px), 430px);
        height: min(72dvh, 620px);
        border-width: 5px;
    }

    .evrak-preview-popup-head {
        min-height: 48px;
        padding: 8px;
    }
}

/* ==========================================================================
   05. MUVEKKIL DETAY POPUP
   ========================================================================== */

/* 05-1. Muvekkil detay cercevesi ortak detail container kaynagindan gelir. */


/* ==========================================================================
   04B. DOSYA DETAY POPUP - MOBIL KAYNAK
   --------------------------------------------------------------------------
   Mobil dosya detay yerlesimini bu kaynak blok tanimlar.
   ========================================================================== */

@media (max-width: 768px) {
    /* 04B-1. Mobil popup cercevesi */
    body.office-mode #dosya-detay-modal.active {
        align-items: center !important;
        justify-content: center;
        padding: 6px !important;
        background: rgba(15, 23, 42, 0.16) !important;
    }

    body.office-mode #dosya-detay-modal.active .detay-modal-container {
        position: relative !important;
        inset: auto !important;
        width: min(calc(100vw - 12px), 620px) !important;
        max-width: min(calc(100vw - 12px), 620px) !important;
        height: min(calc(100dvh - 12px), 860px) !important;
        max-height: min(calc(100dvh - 12px), 860px) !important;
        margin: 0 auto !important;
        padding: 14px !important;
        border: 3px solid #C5AA64 !important;
        border-radius: 14px !important;
        background: #f8fafc;
        box-shadow: inset 0 0 0 1px rgba(197, 170, 100, .45), 0 20px 48px rgba(15, 23, 42, .24) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* 04B-2. Mobil geri butonu */
    body.office-mode #dosya-detay-modal.active .mobile-detail-direct-back-btn {
        position: absolute !important;
        top: 28px !important;
        left: 30px !important;
        width: 34px !important;
        height: 34px !important;
        border: 2px solid #C5AA64 !important;
        border-radius: 10px;
        z-index: 30 !important;
    }

    body.office-mode #dosya-detay-modal.active .mobile-detail-direct-back-btn i {
        stroke: #1e3a8a !important;
    }

    /* 04B-3. Mobil baslik kutusu */
    body.office-mode #dosya-detay-modal.active .modal-header {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 6px !important;
        padding: 6px 8px !important;
        border: 4px solid #C5AA64 !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.94) !important;
        box-shadow: inset 0 0 0 1px rgba(247, 215, 122, 0.24), 0 10px 22px rgba(15, 23, 42, 0.16) !important;
        overflow: visible !important;
    }

    body.office-mode #dosya-detay-modal.active .modal-header > div:first-child {
        display: grid !important;
        grid-template-columns: 34px 1fr 34px !important;
        align-items: center !important;
        min-height: 24px !important;
    }

    body.office-mode #dosya-detay-modal.active .detay-modal-title {
        grid-column: 2 !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0f2556 !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.office-mode #dosya-detay-modal.active .modal-header > div:first-child > .mobile-detay-notes-btn {
        grid-column: 3 !important;
        justify-self: end !important;
        align-self: center !important;
    }

    /* 04B-4. Mobil bolum menu sadelestirme */
    body.office-mode #dosya-detay-modal.active .modal-header > div:nth-child(2) {
        margin: 0 !important;
        min-height: 0 !important;
    }

    body.office-mode #dosya-detay-modal.mobile-detail-menu-mode .mobile-detail-section-menu {
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
    }

    body.office-mode #dosya-detay-modal.mobile-detail-menu-mode .mobile-detail-section-menu::before {
        display: none !important;
        content: none !important;
    }
}

/* ==========================================================================
   05B. MUVEKKIL DETAY POPUP - MOBIL KAYNAK
   --------------------------------------------------------------------------
   Mobil muvekkil detay yerlesimini bu kaynak blok tanimlar.
   ========================================================================== */

@media (max-width: 768px) {
    /* 05B-1. Mobil popup cercevesi */
    body.office-mode #muvekkil-detay-modal.active {
        align-items: center !important;
        justify-content: center;
        padding: 6px !important;
        background: rgba(15, 23, 42, 0.16) !important;
    }

    body.office-mode #muvekkil-detay-modal.active .muvekkil-modal-container-custom {
        position: relative !important;
        inset: auto !important;
        width: min(calc(100vw - 12px), 620px) !important;
        max-width: min(calc(100vw - 12px), 620px) !important;
        height: min(calc(100dvh - 12px), 860px) !important;
        max-height: min(calc(100dvh - 12px), 860px) !important;
        margin: 0 auto !important;
        padding: 14px !important;
        border: 3px solid #C5AA64 !important;
        border-radius: 14px !important;
        background: #f8fafc;
        box-shadow: inset 0 0 0 1px rgba(197, 170, 100, .45), 0 20px 48px rgba(15, 23, 42, .24) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /* 05B-2. Mobil geri butonu */
    body.office-mode #muvekkil-detay-modal.active .mobile-detail-direct-back-btn {
        position: absolute !important;
        top: 22px !important;
        left: 24px !important;
        width: 28px !important;
        height: 28px !important;
        border: 2px solid #C5AA64 !important;
        border-radius: 8px !important;
        z-index: 30 !important;
    }

    body.office-mode #muvekkil-detay-modal.active .mobile-detail-direct-back-btn i {
        stroke: #1e3a8a !important;
    }

    /* 05B-3. Mobil baslik ve header tablari */
    body.office-mode #muvekkil-detay-modal.active .muvekkil-modal-header {
        display: flex !important;
        flex-direction: column !important;
        gap: 4px !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 0 6px !important;
        padding: 6px 8px !important;
        border: 4px solid #C5AA64 !important;
        border-radius: 12px !important;
        background: rgba(255, 255, 255, 0.94) !important;
        box-shadow: inset 0 0 0 1px rgba(247, 215, 122, 0.24), 0 10px 22px rgba(15, 23, 42, 0.16) !important;
        overflow: visible !important;
    }

    body.office-mode #muvekkil-detay-modal.active #muvekkil-files-nav {
        display: none !important;
    }

    body.office-mode #muvekkil-detay-modal.active #muvekkil-tabs-nav.muvekkil-header-tabs {
        display: flex !important;
        justify-content: center;
        gap: 6px !important;
        min-height: 24px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.office-mode #muvekkil-detay-modal.active #muvekkil-tabs-nav.muvekkil-header-tabs .muvekkil-tab-btn {
        min-width: 0 !important;
        flex: 1 1 0 !important;
        max-width: 190px !important;
        height: 24px !important;
        padding: 0 6px !important;
        border-width: 1.5px !important;
        border-radius: 8px !important;
        font-size: 9px !important;
    }

    /* 05B-4. Mobil baslik metni */
    body.office-mode #muvekkil-detay-modal.active .muvekkil-modal-header > div:first-child {
        display: grid !important;
        grid-template-columns: 34px 1fr 34px !important;
        align-items: center !important;
        min-height: 24px !important;
    }

    body.office-mode #muvekkil-detay-modal.active #muvekkil-modal-main-title {
        grid-column: 2 !important;
        display: block !important;
        width: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #0f2556 !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* ==========================================================================
   08A. DOSYA DETAY HESAP SEKMESI
   --------------------------------------------------------------------------
   Dosya detayi icindeki hesap alani inline stiller yerine siniflarla yonetilir.
   ========================================================================== */

.detail-hesap-shell {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px;
    border: 5px solid #C5AA64;
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.10);
    box-sizing: border-box;
}

.detail-hesap-input-panel {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px 10px;
    padding: 12px;
    border: 2px solid #C5AA64;
    border-radius: 12px;
    background: #ffffff;
}

.detail-hesap-action-panel {
    display: grid;
    grid-template-columns: 30px minmax(180px, 1fr);
    gap: 8px;
    align-items: center;
    padding: 9px;
    border: 2px solid #b45309;
    border-radius: 10px;
    background: #fffbeb;
}

.detail-hesap-action-icon {
    width: 17px;
    height: 17px;
    color: #b45309;
    justify-self: center;
}

.detail-hesap-type-select {
    min-width: 0;
    height: 34px;
    border: 1.5px solid #b45309;
    border-radius: 8px;
    background: #ffffff;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
    padding: 0 9px;
}

.detail-hesap-type-select:disabled {
    opacity: .65;
    cursor: not-allowed;
}

.detail-hesap-results {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 0;
}

.detail-hesap-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 240px;
    padding: 44px 18px;
    text-align: center;
}

.detail-hesap-empty-icon {
    position: relative;
    width: 92px;
    height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 4px solid rgba(197, 170, 100, 0.22);
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.detail-hesap-empty-icon > i {
    width: 44px;
    height: 44px;
    color: #1e3a8a;
    opacity: 0.18;
}

.detail-hesap-empty-icon span {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: #C5AA64;
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.14);
}

.detail-hesap-empty-icon span i {
    width: 14px;
    height: 14px;
    color: #ffffff;
    stroke: #ffffff;
}

.detail-hesap-empty h2 {
    margin: 0 0 10px;
    color: #1e3a8a;
    font-size: 16px;
    font-weight: 950;
    text-transform: uppercase;
}

.detail-hesap-empty p {
    max-width: 420px;
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.55;
}

.detail-hesap-total-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 16px;
    border: 2px solid #C5AA64;
    border-radius: 10px;
    background: #1e3a8a;
    color: #ffffff;
    box-shadow: 0 8px 20px rgba(30, 58, 138, 0.20);
}

.detail-hesap-total-main,
.detail-hesap-total-side {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.detail-hesap-total-main {
    flex: 1 1 auto;
}

.detail-hesap-total-main span,
.detail-hesap-total-side span {
    color: #C5AA64;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

.detail-hesap-total-main strong {
    color: #ffffff;
    font-size: 24px;
    font-weight: 950;
    line-height: 1.05;
}

.detail-hesap-total-side {
    flex: 0 0 auto;
    padding-left: 14px;
    border-left: 1px solid rgba(197, 170, 100, 0.45);
}

.detail-hesap-total-side strong {
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
}

.detail-hesap-total-side .office-total {
    color: #93c5fd;
}

.detail-hesap-total-card > i {
    width: 30px;
    height: 30px;
    color: #C5AA64;
    opacity: 0.48;
    flex: 0 0 auto;
}

.detail-hesap-section-title {
    padding: 0 0 7px 4px;
    border-bottom: 2px solid #1e3a8a;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
}

.payment-summary-card {
    width: 100%;
    display: block;
    padding: 14px 16px;
    border: 3px solid #C5AA64;
    border-left-width: 9px;
    border-radius: 14px;
    background: #f8fafc;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 8px 22px rgba(197, 170, 100, 0.14);
    transition: transform 0.18s ease, background 0.18s ease, box-shadow 0.18s ease;
}

.payment-summary-card:hover {
    background: #fff7d6;
      box-shadow: 0 10px 24px rgba(197, 170, 100, 0.20);
}

.payment-summary-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 6px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}

.payment-summary-name {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
}

.payment-summary-name i {
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
}

.payment-summary-name span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.payment-summary-status {
    flex: 0 0 auto;
    padding: 3px 8px;
    border-radius: 999px;
    background: #1e3a8a;
    color: #C5AA64;
    font-size: 9px;
    font-weight: 950;
}

.payment-summary-values {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
    gap: 8px;
}

.payment-summary-values > span {
    min-width: 0;
    padding-right: 8px;
    border-right: 1px solid #cbd5e1;
}

.payment-summary-values > span:last-child,
.payment-summary-values > .payment-summary-paid {
    border-right: 0;
}

.payment-summary-values small {
    display: block;
    margin-bottom: 2px;
    color: #64748b;
    font-size: 8px;
    font-weight: 950;
    text-transform: uppercase;
}

.payment-summary-values strong {
    display: block;
    min-width: 0;
    overflow-wrap: anywhere;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

.payment-summary-paid {
    padding: 5px 8px !important;
    border: 1px solid #3b82f6 !important;
    border-radius: 7px;
    background: #ffffff;
}

@media (max-width: 768px) {
    .detail-hesap-shell {
        gap: 12px;
        padding: 10px;
        border-width: 4px;
        border-radius: 14px;
        box-shadow: none;
    }

    .detail-hesap-input-panel {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 9px;
        border-radius: 10px;
    }

    .detail-hesap-empty {
        min-height: 190px;
        padding: 28px 12px;
    }

    .detail-hesap-empty-icon {
        width: 72px;
        height: 72px;
        margin-bottom: 14px;
    }

    .detail-hesap-empty h2 {
        font-size: 13px;
    }

    .detail-hesap-empty p {
        font-size: 11px;
    }

    .detail-hesap-total-card {
        align-items: stretch;
        gap: 10px;
        padding: 11px;
    }

    .detail-hesap-total-main strong {
        font-size: 20px;
    }

    .detail-hesap-total-side {
        padding-left: 10px;
    }

    .detail-hesap-total-card > i {
        display: none;
    }

    .payment-summary-card {
        padding: 12px;
        border-left-width: 6px;
        border-radius: 12px;
    }

    .payment-summary-head {
        align-items: flex-start;
    }

    .payment-summary-status {
        font-size: 8px;
        padding: 3px 6px;
    }

    .payment-summary-values {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .payment-summary-values > span {
        border-right: 0;
        padding-right: 0;
    }

    .payment-summary-paid {
        grid-column: 1 / -1;
    }
}

/* Payment account popup: source layout, utility baskisi yok. */
#payment-details-modal .payment-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#payment-details-modal .payment-field {
    display: grid;
    grid-template-rows: auto 36px;
    gap: 6px;
    min-width: 0;
    padding: 9px 10px;
    border: 1px solid rgba(205, 181, 146, 0.78);
    border-radius: 9px;
    background: #ffffff;
    color: #10224d;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

#payment-details-modal .payment-field:focus-within {
    border-color: #10224d;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.18), 0 8px 18px rgba(15, 23, 42, 0.06);
}

#payment-details-modal .payment-field .modal-input,
#payment-details-modal .modal-input.payment-notes,
#payment-details-modal .modal-input.payment-mahsup-input {
    width: 100%;
    min-width: 0;
    min-height: 34px;
    border: 1px solid rgba(30, 58, 138, 0.55);
    border-radius: 7px;
    background: #f8fafc;
    color: #0f2556;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    padding: 8px 10px;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#payment-details-modal .payment-field .modal-input[readonly] {
    background: #f3f6fb;
    border-color: rgba(197, 170, 100, 0.72);
    color: #1e3a8a;
}

#payment-details-modal .payment-field .modal-input:focus,
#payment-details-modal .modal-input.payment-notes:focus,
#payment-details-modal .modal-input.payment-mahsup-input:focus {
    border-color: #10224d;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.2);
}

#payment-details-modal .payment-expense-box {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding: 12px;
    border: 1px solid rgba(197, 170, 100, 0.9);
    border-radius: 10px;
    background: linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

#payment-details-modal .payment-expense-toggle {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 26px;
    color: #10224d;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

#payment-details-modal .payment-checkbox {
    width: 16px;
    height: 16px;
    accent-color: #10224d;
}

#payment-details-modal .payment-expense-total {
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-align: right;
}

#payment-details-modal #muvekkil-borcu-label,
#payment-details-modal #muvekkil-borcu-amount {
    cursor: pointer;
    text-decoration: underline dotted rgba(197, 170, 100, 0.88);
    text-underline-offset: 3px;
}

#payment-details-modal .payment-expense-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
}

#payment-details-modal .payment-expense-card {
    min-height: 50px;
    border: 1px solid rgba(205, 181, 146, 0.72);
    border-radius: 8px;
    background: #f8fafc;
    padding: 8px 10px;
}

#payment-details-modal .payment-expense-label {
    color: #64748b;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
}

#payment-details-modal .payment-expense-value {
    margin-top: 5px;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

#payment-details-modal .payment-mahsup-input {
    display: none;
}

#payment-details-modal .payment-result-field {
    margin-top: 12px;
    grid-template-rows: auto 38px;
    background: #fffdf6;
    border-color: rgba(197, 170, 100, 0.95);
}

#payment-details-modal .payment-notes {
    display: block;
    width: 100%;
    height: 68px;
    min-height: 68px;
    margin-top: 10px;
    resize: vertical;
}

#payment-details-modal #aciklama-payment.payment-notes {
    height: 68px;
    min-height: 68px;
}

#payment-details-modal .payment-buttons {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, auto));
    justify-content: end;
    gap: 8px;
    padding-top: 12px;
}

#payment-details-modal .payment-buttons .modal-btn {
    min-height: 34px;
    min-width: 74px;
    border: 1px solid rgba(197, 170, 100, 0.95);
    border-radius: 8px;
    background: #fffdf6;
    color: #10224d;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
    padding: 7px 10px;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

#payment-details-modal .payment-buttons .payment-receipt-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

#payment-details-modal .payment-buttons .payment-receipt-upload-btn.has-receipt {
    background: #ecfdf5;
    border-color: #16a34a;
    color: #166534;
}

#payment-details-modal .payment-buttons .payment-receipt-upload-btn:disabled {
    opacity: 0.72;
    cursor: wait;
}

#payment-details-modal .payment-buttons .payment-receipt-upload-btn svg,
#payment-details-modal .payment-buttons .payment-receipt-upload-btn i {
    width: 14px;
    height: 14px;
}

#payment-details-modal .payment-buttons .modal-btn:hover {
    background: #f8f6f1;
    border-color: #10224d;
}

#payment-details-modal .payment-buttons .modal-btn-primary {
    background: #10224d;
    color: #fffdf6;
    border-color: #10224d;
}

#payment-details-modal .payment-buttons .modal-btn-primary:hover {
    background: #1e3a8a;
}
#payment-details-modal .payment-buttons #payment-confirm-btn.modal-btn-primary {
    background: #10224d;
    border-color: #10224d;
    color: #fffdf6;
    -webkit-text-fill-color: #fffdf6;
}


@media (max-width: 768px) {
    #payment-details-modal.payment-nested-modal.active {
        align-items: center;
        justify-content: center;
        padding: max(10px, env(safe-area-inset-top)) 10px max(84px, env(safe-area-inset-bottom));
    }

    #payment-details-modal.payment-nested-modal.active .payment-shell {
        width: min(430px, calc(100vw - 20px));
        max-width: min(430px, calc(100vw - 20px));
        max-height: calc(100dvh - 112px);
        padding: 14px;
        border-radius: 14px;
    }

    #payment-details-modal.payment-nested-modal.active .payment-head {
        padding: 0 42px 10px 8px;
        margin-bottom: 10px;
        text-align: left;
        font-size: 12px;
    }

    #payment-details-modal.payment-nested-modal.active .payment-close-btn {
        top: 12px;
        right: 12px;
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
    }

    #payment-details-modal .payment-grid,
    #payment-details-modal .payment-expense-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    #payment-details-modal .payment-buttons {
        grid-template-columns: minmax(0, 1fr);
        justify-content: stretch;
    }

    #payment-details-modal .payment-buttons .modal-btn {
        min-width: 0;
        min-height: 40px;
        white-space: normal;
    }
}

/* ==========================================================================
   08B. HESAP / KESINTI IC POPUP KATMANI
   --------------------------------------------------------------------------
   Detay popupi icinden acilan hesap ve kesinti ekranlari tam sayfa degil,
   tiklanan ekranin ustunde merkez popup olarak kalir.
   ========================================================================== */

#payment-details-modal.payment-nested-modal.active {
    display: flex;
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    align-items: center;
    justify-content: center;
    padding: 18px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.28);
    pointer-events: auto;
}

#ekstra-kesinti-modal.payment-nested-modal.active {
    display: flex;
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    align-items: center;
    justify-content: center;
    padding: 18px;
    overflow: hidden;
    background: rgba(15, 23, 42, 0.28);
    pointer-events: auto;
}
#payment-details-modal.payment-nested-modal.active .payment-shell {
    position: relative;
    inset: auto;
    right: auto;
    bottom: auto;
    width: min(660px, calc(100vw - 36px));
    max-width: min(660px, calc(100vw - 36px));
    max-height: min(82dvh, 760px);
    margin: 0 auto;
    padding: 18px 20px 16px;
    border: 3px solid #10224d;
    border-radius: 14px;
    background: #f8f6f1;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.24), inset 0 0 0 1px rgba(205, 181, 146, 0.7);
    transform: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

#ekstra-kesinti-modal.payment-nested-modal.active .modal-content.kesinti-shell {
    position: relative;
    inset: auto;
    right: auto;
    bottom: auto;
    width: min(980px, calc(100vw - 36px));
    max-width: min(980px, calc(100vw - 36px));
    height: auto;
    min-height: 0;
    max-height: min(82dvh, 760px);
    margin: 0 auto;
    padding: 18px 20px 16px;
    border: 3px solid #10224d;
    border-radius: 14px;
    background: #f8f6f1;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.24), inset 0 0 0 1px rgba(205, 181, 146, 0.7);
    transform: none;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}
#payment-details-modal.payment-nested-modal.active .payment-head {
    flex: 0 0 auto;
    min-height: 0;
    padding: 0 44px 13px 44px;
    margin: 0 0 14px;
    border: 0;
    border-bottom: 3px solid #10224d;
    box-shadow: 0 2px 0 #c5aa64;
    background: transparent;
    color: #c5aa64;
    font-size: 16px;
    font-weight: 950;
    letter-spacing: 0;
}

#ekstra-kesinti-modal.payment-nested-modal.active .modal-header {
    flex: 0 0 auto;
    min-height: 0;
    margin: 0 0 14px;
    padding: 0 52px 13px 44px;
    border: 0;
    border-bottom: 3px solid #10224d;
    border-radius: 0;
    background: transparent;
    box-shadow: 0 2px 0 #c5aa64;
    color: #c5aa64;
    -webkit-text-fill-color: #c5aa64;
    font-size: 16px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: center;
}
#payment-details-modal.payment-nested-modal.active .payment-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(min(82dvh, 760px) - 126px);
    overflow-y: auto;
    padding: 0 2px 2px 0;
}

#ekstra-kesinti-modal.payment-nested-modal.active .modal-body {
    flex: 1 1 auto;
    min-height: 0;
    max-height: calc(min(82dvh, 760px) - 132px);
    overflow-y: auto;
    padding: 0 2px 2px 0;
    color: #10224d;
}
#payment-details-modal.payment-nested-modal.active .payment-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid rgba(197, 170, 100, 0.95);
    border-radius: 9px;
    background: #fffdf6;
    color: #10224d;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
    box-sizing: border-box;
    transform: none;
    z-index: 20;
}

#ekstra-kesinti-modal.payment-nested-modal.active .ext-btn-close {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 14px;
    right: 14px;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid rgba(197, 170, 100, 0.95);
    border-radius: 9px;
    background: #fffdf6;
    color: #10224d;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.12);
    box-sizing: border-box;
    transform: none;
    z-index: 20;
}
#payment-details-modal.payment-nested-modal.active .payment-close-btn i {
    width: 18px;
    height: 18px;
    stroke: currentColor;
}

#ekstra-kesinti-modal.payment-nested-modal.active .ext-btn-close i {
    width: 18px;
    height: 18px;
    stroke: currentColor;
}

#ekstra-kesinti-modal.payment-nested-modal.active .modal-header {
    padding-right: 52px;
}
#ekstra-kesinti-modal.payment-nested-modal.active .modal-body > div:not(:last-child) {
    margin-bottom: 12px;
    padding: 12px;
    border: 1px solid rgba(197, 170, 100, 0.9);
    border-radius: 10px;
    background: linear-gradient(180deg, #fffdf8 0%, #ffffff 100%);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

#ekstra-kesinti-modal.payment-nested-modal.active .modal-body h3 {
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
}

#ekstra-kesinti-modal.payment-nested-modal.active table {
    min-width: 0;
    border: 1px solid rgba(205, 181, 146, 0.78);
    border-radius: 9px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
}

#ekstra-kesinti-modal.payment-nested-modal.active thead tr {
    background: #f3f6fb;
    color: #10224d;
}

#ekstra-kesinti-modal.payment-nested-modal.active th,
#ekstra-kesinti-modal.payment-nested-modal.active td {
    border-color: rgba(205, 181, 146, 0.55);
}

#ekstra-kesinti-modal.payment-nested-modal.active th {
    padding: 7px 8px;
    color: #10224d;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

#ekstra-kesinti-modal.payment-nested-modal.active .modal-input,
#ekstra-kesinti-modal.payment-nested-modal.active .kesinti-entry-input {
    min-height: 34px;
    border: 1px solid rgba(30, 58, 138, 0.55);
    border-radius: 7px;
    background: #f8fafc;
    color: #0f2556;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.2;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

#ekstra-kesinti-modal.payment-nested-modal.active .modal-input:focus,
#ekstra-kesinti-modal.payment-nested-modal.active .kesinti-entry-input:focus {
    border-color: #10224d;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.2);
}

#ekstra-kesinti-modal .kesinti-delete-row-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 30px;
    padding: 6px 10px;
    border: 1px solid rgba(197, 170, 100, 0.95);
    border-radius: 8px;
    background: #fffdf6;
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

#ekstra-kesinti-modal .kesinti-delete-row-btn i {
    width: 13px;
    height: 13px;
    stroke: currentColor;
}

#ekstra-kesinti-modal .kesinti-add-btn,
#ekstra-kesinti-modal .kesinti-action-btn {
    min-height: 34px;
    min-width: 74px;
    border: 1px solid rgba(197, 170, 100, 0.95);
    border-radius: 8px;
    background: #fffdf6;
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
    padding: 7px 10px;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.08);
}

#ekstra-kesinti-modal .kesinti-add-btn:hover,
#ekstra-kesinti-modal .kesinti-action-btn:hover,
#ekstra-kesinti-modal .kesinti-delete-row-btn:hover {
    background: #f8f6f1;
    border-color: #10224d;
}

#ekstra-kesinti-modal #kesinti-confirm-btn.kesinti-action-btn {
    background: #10224d;
    border-color: #10224d;
    color: #fffdf6;
    -webkit-text-fill-color: #fffdf6;
}

#ekstra-kesinti-modal #kesinti-confirm-btn.kesinti-action-btn:hover {
    background: #1e3a8a;
}

#ekstra-kesinti-modal .kesinti-buttons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, auto));
    justify-content: end;
    gap: 8px;
    margin-top: 0;
    padding-top: 12px;
}

#ekstra-kesinti-modal.payment-nested-modal.active .text-right {
    color: #64748b;
    font-size: 11px;
    font-weight: 950;
}

#ekstra-kesinti-modal.payment-nested-modal.active #kesinti-balance-val {
    color: #1e3a8a;
    -webkit-text-fill-color: #1e3a8a;
    font-size: 18px;
    font-weight: 950;
}
#ekstra-kesinti-modal.kesinti-file-context table thead th:nth-child(3),
#ekstra-kesinti-modal.kesinti-file-context table thead th:nth-child(4),
#ekstra-kesinti-modal.kesinti-file-context .kesinti-source-field {
    display: none;
}




.file-tab:not(#detay-files-nav .file-tab):not(#muvekkil-files-nav .file-tab) {
    background: var(--brand-tab-bg) !important;
    color: var(--brand-tab-text) !important;
    -webkit-text-fill-color: var(--brand-tab-text) !important;
    border-color: var(--brand-border) !important;
}

body.office-mode .mobile-office-agenda-tabs button,
body.office-mode .mobile-office-job-tabs button,
body.office-mode .mobile-office-job-scope button {
    background: #fffdf8;
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    border-color: var(--brand-border);
}

.file-tab:not(#detay-files-nav .file-tab):not(#muvekkil-files-nav .file-tab) i {
    color: var(--brand-tab-text) !important;
    stroke: var(--brand-tab-text) !important;
}

body.office-mode .mobile-office-agenda-tabs button i,
body.office-mode .mobile-office-job-tabs button i,
body.office-mode .mobile-office-job-scope button i {
    color: #071f4f;
    stroke: #071f4f;
}

.file-tab:not(#detay-files-nav .file-tab):not(#muvekkil-files-nav .file-tab).active i {
    color: var(--brand-tab-active-text) !important;
    stroke: var(--brand-tab-active-text) !important;
    -webkit-text-fill-color: var(--brand-tab-active-text) !important;
}

body.office-mode .mobile-office-agenda-tabs button.active i,
body.office-mode .mobile-office-job-tabs button.active i,
body.office-mode .mobile-office-job-scope button.active i,
body.office-mode .mobile-office-agenda-tabs button.active b,
body.office-mode .mobile-office-job-tabs button.active b,
body.office-mode .mobile-office-job-scope button.active b {
    color: #071f4f;
    stroke: #071f4f;
    -webkit-text-fill-color: #071f4f;
}

.mobile-detail-section-card {
    border-color: var(--brand-border) !important;
}

.mobile-detail-section-card i,
.mobile-detail-section-card span {
    color: var(--brand-primary) !important;
    stroke: var(--brand-primary) !important;
}

.mobile-detail-section-card:hover,
.mobile-detail-section-card:focus-visible,
.mobile-detail-section-card:active {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 10px 20px color-mix(in srgb, var(--brand-primary) 20%, transparent) !important;
}

@media (max-width: 768px) {
    #custom-confirm-modal.login-alert-modal,
    #custom-confirm-modal.login-alert-modal.active {
        align-items: center !important;
        justify-content: center;
        overflow: hidden !important;
    }

    #custom-confirm-modal.login-alert-modal > .modal-content.confirm-modal-content-std,
    #custom-confirm-modal.login-alert-modal.active > .modal-content.confirm-modal-content-std {
        position: relative !important;
        inset: auto !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        min-width: 0 !important;
        height: auto !important;
        flex: 0 0 auto !important;
        align-self: center !important;
        transform: none !important;
        display: flex !important;
        flex-direction: column !important;
    }

    #custom-confirm-modal.login-alert-modal .modal-header {
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    #custom-confirm-modal.login-alert-modal .modal-body {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        padding: 8px 8px 6px !important;
        margin: 0 !important;
    }

    #custom-confirm-modal.login-alert-modal .modal-buttons {
        flex: 0 0 auto !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 10px 10px !important;
    }
}


[class*="bg-[#0f172a]"],
[class*="bg-slate-900"],
[style*="background:#0f172a"],
[style*="background: #0f172a"],
[style*="background-color:#0f172a"],
[style*="background-color: #0f172a"] {
    background: var(--brand-primary-dark) !important;
    background-color: var(--brand-primary-dark) !important;
}

[class*="bg-[#1e3a8a]"],
[class*="bg-[#1e40af]"],
[style*="background:#1e3a8a"],
[style*="background: #1e3a8a"],
[style*="background-color:#1e3a8a"],
[style*="background-color: #1e3a8a"],
[style*="background:#1e40af"],
[style*="background: #1e40af"] {
    background: var(--brand-primary) !important;
    background-color: var(--brand-primary) !important;
}

[class*="bg-blue-50"]:not([class*="hover:bg-blue-50"]),
[class*="hover:bg-blue-50"]:hover,
[style*="background:#eff6ff"],
[style*="background: #eff6ff"],
[style*="background-color:#eff6ff"],
[style*="background-color: #eff6ff"],
[style*="background:#dbeafe"],
[style*="background: #dbeafe"],
[style*="background-color:#dbeafe"],
[style*="background-color: #dbeafe"] {
    background: var(--brand-soft-fill) !important;
    background-color: var(--brand-soft-fill) !important;
}

[class*="bg-[#C5AA64]"],
[class*="bg-[#c5aa64]"],
[style*="background:#C5AA64"],
[style*="background: #C5AA64"],
[style*="background-color:#C5AA64"],
[style*="background-color: #C5AA64"] {
    background: var(--brand-accent) !important;
    background-color: #0f2556 !important;
}

[class*="text-[#1e3a8a]"],
[class*="text-[#1e40af]"],
[style*="color:#1e3a8a"],
[style*="color: #1e3a8a"],
[style*="color:#1e40af"],
[style*="color: #1e40af"] {
    color: var(--brand-text) !important;
    -webkit-text-fill-color: var(--brand-text) !important;
}

[class*="text-[#C5AA64]"],
[class*="text-[#c5aa64]"],
[style*="color:#C5AA64"],
[style*="color: #C5AA64"],
[style*="color:#c5aa64"],
[style*="color: #c5aa64"] {
    color: #0f2556 !important;
    -webkit-text-fill-color: #0f2556 !important;
}

[class*="border-[#1e3a8a]"],
[class*="border-[#1e40af]"],
[class*="border-blue"],
[style*="border:#1e3a8a"],
[style*="border: #1e3a8a"],
[style*="border-color:#1e3a8a"],
[style*="border-color: #1e3a8a"],
[style*="border-color:#3b82f6"],
[style*="border-color: #3b82f6"],
[style*="border-color:#bfdbfe"],
[style*="border-color: #bfdbfe"] {
    border-color: var(--brand-primary) !important;
}

[class*="border-[#C5AA64]"],
[class*="border-[#c5aa64]"],
[style*="border:#C5AA64"],
[style*="border: #C5AA64"],
[style*="border-color:#C5AA64"],
[style*="border-color: #C5AA64"] {
    border-color: var(--brand-border) !important;
}

#remember-me,
#kvkk-check,
#setting-two-factor,
.perm-item,
input[type="checkbox"] {
    accent-color: #0f2556 !important;
}

#active-chat-header,
#hesap-yonetimi-view .bg-\[\#1e3a8a\] {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: var(--brand-border) !important;
}

.detay-modal-title,
.muvekkil-modal-main-title,
#calendar-title,
#active-chat-user-name,
#maktu-preview-pane span,
.permission-group .group-header i,
.permission-group .group-header span {
    color: #0f2556 !important;
    -webkit-text-fill-color: #0f2556 !important;
}

.icon-box-gold i,
.ext-btn i,
.modal-btn-primary i,
.cal-nav-btn i,
#yazisma-send-btn i,
#muvekkil-yazisma-send-btn i {
    stroke: var(--brand-accent) !important;
}

.filter-input:focus,
.modal-input:focus {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px var(--brand-focus-ring) !important;
}

.bg-blue-light-soft,
.event-dava {
    background: var(--brand-soft-fill) !important;
    color: var(--brand-text) !important;
    border-color: var(--brand-primary) !important;
    border-left-color: var(--brand-primary) !important;
}

.border-blue-soft,
.modal-header-blue-line {
    border-color: var(--brand-primary) !important;
}

html body .event-blue {
    background-color: var(--brand-primary) !important;
    border-left-color: var(--brand-primary-dark) !important;
}

th,
.settings-panel label,
.settings-panel h4,
.acc-summary-group h4,
.modal-body label,
.modal-body h3,
.permission-group i,
.permission-group .group-hover\:text-\[\#1e3a8a\],
.mobile-office-file-result-main strong {
    color: var(--brand-text) !important;
    -webkit-text-fill-color: var(--brand-text) !important;
}


/* ==========================================================================
   09B. MOBIL OFIS AJANDA
   --------------------------------------------------------------------------
   Telefon ofisinde takvim grid yerine dokunmaya uygun ajanda kartlari kullanilir.
   ========================================================================== */

@media (max-width: 768px) {
    body.office-mode.mobile-office-agenda-active #takvim-view {
        display: flex !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: 100dvh !important;
        padding: 8px 7px 92px !important;
        overflow: hidden !important;
        background: #fffdf8;
        border: 3px solid #C5AA64 !important;
        border-radius: 14px !important;
        box-shadow: inset 0 0 0 1px rgba(197, 170, 100, .35) !important;
        box-sizing: border-box !important;
    }

    body.office-mode.mobile-office-agenda-active #takvim-view .portal-section-header,
    body.office-mode.mobile-office-agenda-active #calendar-tabs-nav,
    body.office-mode.mobile-office-agenda-active #calendar-categories-container,
    body.office-mode.mobile-office-agenda-active #calendar-grid-container,
    body.office-mode.mobile-office-agenda-active #calendar-agenda-content {
        display: none !important;
    }

    body.office-mode.mobile-office-agenda-active #takvim-view .calendar-container {
        display: none !important;
    }

    body.office-mode .mobile-office-agenda-panel {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        width: 100%;
        padding: 18px 16px 14px;
        overflow: hidden;
        border: 4px solid #C5AA64;
        border-radius: 13px;
        background: #fffdf8;
        box-shadow: inset 0 0 0 1px rgba(197, 170, 100, .28), 0 16px 32px rgba(15, 23, 42, .12);
        box-sizing: border-box;
    }

    body.office-mode .mobile-office-agenda-head {
        display: grid;
        grid-template-columns: 40px 1fr 40px;
        align-items: center;
        gap: 8px;
        min-height: 72px;
        padding: 10px 10px;
        border: 3px solid #C5AA64;
        border-radius: 12px;
        background: linear-gradient(180deg, #fffdf8 0%, #ead9ba 100%);
        box-shadow: inset 0 -2px 0 rgba(197, 170, 100, .68), 0 10px 22px rgba(15, 23, 42, .10);
    }

    body.office-mode .mobile-office-agenda-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 0;
        gap: 4px;
        text-align: center;
    }

    body.office-mode .mobile-office-agenda-title strong {
        color: #071f4f;
        font-size: 13px;
        line-height: 1.1;
        font-weight: 950;
        letter-spacing: 0;
    }

    body.office-mode .mobile-office-agenda-title span {
        max-width: 100%;
        color: #64748b;
        font-size: 10px;
        line-height: 1.15;
        font-weight: 800;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.office-mode .mobile-office-agenda-back,
    body.office-mode .mobile-office-agenda-add {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        min-width: 34px;
        min-height: 34px;
        padding: 0;
        border: 2px solid #C5AA64;
        border-radius: 9px;
        background: rgba(255, 255, 255, .96);
        color: #071f4f;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .10);
    }

    body.office-mode .mobile-office-agenda-back i,
    body.office-mode .mobile-office-agenda-add i {
        width: 18px;
        height: 18px;
        stroke: #071f4f;
    }

    body.office-mode .mobile-office-agenda-tabs {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
        margin: 12px 0 10px;
    }

    body.office-mode .mobile-office-agenda-tabs button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
        min-width: 0;
        min-height: 38px;
        padding: 7px 8px;
        border: 2px solid rgba(197, 170, 100, .68);
        border-radius: 10px;
        background: #fffdf8;
        color: #071f4f;
        font-size: 10px;
        line-height: 1;
        font-weight: 950;
        box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
    }

    body.office-mode .mobile-office-agenda-tabs button.active {
        background: linear-gradient(180deg, #fffdf8 0%, #ead9ba 100%);
        color: #071f4f;
        border-color: #C5AA64;
        box-shadow: inset 0 -2px 0 rgba(197, 170, 100, .72), 0 6px 14px rgba(15, 23, 42, .08);
    }

    body.office-mode .mobile-office-agenda-tabs button b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 999px;
        background: #fff7df;
        color: #071f4f;
        font-size: 10px;
        font-weight: 950;
    }

    body.office-mode .mobile-office-agenda-tabs button.active b {
        background: #fffdf8;
        color: #071f4f;
    }

    body.office-mode .mobile-office-agenda-list {
        display: flex;
        flex-direction: column;
        gap: 9px;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        padding: 2px 2px 8px;
        -webkit-overflow-scrolling: touch;
    }

    body.office-mode .mobile-office-agenda-card {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr) 54px;
        align-items: stretch;
        gap: 9px;
        width: 100%;
        min-height: 78px;
        padding: 9px;
        border: 1.5px solid rgba(197, 170, 100, .66);
        border-left: 6px solid var(--agenda-card-accent, #C5AA64);
        border-radius: 12px;
        background: #ffffff;
        color: #0f172a;
        text-align: left;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
        box-sizing: border-box;
    }

    body.office-mode .mobile-office-agenda-card.overdue {
        background: #fff7f7;
    }

    body.office-mode .mobile-office-agenda-card.completed {
        opacity: .58;
        filter: grayscale(.35);
    }

    body.office-mode .mobile-office-agenda-card-date,
    body.office-mode .mobile-office-agenda-card-main,
    body.office-mode .mobile-office-agenda-card-side {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-width: 0;
    }

    body.office-mode .mobile-office-agenda-card-date {
        align-items: flex-start;
        gap: 5px;
        padding: 7px;
        border-radius: 9px;
        background: #fff7df;
    }

    body.office-mode .mobile-office-agenda-card-date b,
    body.office-mode .mobile-office-agenda-card-side b {
        color: #071f4f;
        font-size: 10px;
        line-height: 1.1;
        font-weight: 950;
    }

    body.office-mode .mobile-office-agenda-card-date small,
    body.office-mode .mobile-office-agenda-card-main small,
    body.office-mode .mobile-office-agenda-card-side small {
        color: #64748b;
        font-size: 9px;
        line-height: 1.2;
        font-weight: 800;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.office-mode .mobile-office-agenda-card-main {
        gap: 5px;
    }

    body.office-mode .mobile-office-agenda-card-main strong {
        color: #0f172a;
        font-size: 12px;
        line-height: 1.25;
        font-weight: 950;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    body.office-mode .mobile-office-agenda-card-side {
        align-items: flex-end;
        gap: 6px;
        text-align: right;
    }

    body.office-mode .mobile-office-agenda-card-side small {
        max-width: 52px;
        white-space: nowrap;
    }

    body.office-mode .mobile-office-agenda-empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 210px;
        gap: 8px;
        margin-top: 12px;
        border: 2px dashed rgba(197, 170, 100, .72);
        border-radius: 14px;
        background: #ffffff;
        color: #071f4f;
        text-align: center;
    }

    body.office-mode .mobile-office-agenda-empty i {
        width: 34px;
        height: 34px;
        stroke: #C5AA64;
    }

    body.office-mode .mobile-office-agenda-empty strong {
        font-size: 13px;
        font-weight: 950;
    }

    body.office-mode .mobile-office-agenda-empty span {
        max-width: 230px;
        color: #64748b;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.35;
    }
}

/* ==========================================================================
   09C. MOBIL OFIS AJANDA NOT POPUP
   --------------------------------------------------------------------------
   Ajanda + butonundan acilan not formu telefonda kisa ve kaydirilabilir kalir.
   ========================================================================== */

@media (max-width: 768px) {
    body.office-mode #calendar-note-modal.active {
        display: flex !important;
        position: fixed !important;
        inset: 0 !important;
        align-items: center !important;
        justify-content: center;
        padding: 12px !important;
        overflow: hidden !important;
        background: rgba(15, 23, 42, .28) !important;
        z-index: 18000 !important;
        box-sizing: border-box !important;
    }

    body.office-mode #calendar-note-modal.active .cal-note-modal-container {
        position: relative !important;
        inset: auto !important;
        width: min(390px, calc(100vw - 24px)) !important;
        max-width: min(390px, calc(100vw - 24px)) !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: min(78dvh, 590px) !important;
        margin: 0 auto !important;
        padding: 12px !important;
        border: 3px solid #C5AA64 !important;
        border-radius: 14px !important;
        background: #ffffff !important;
        box-shadow: inset 0 0 0 1px rgba(197, 170, 100, .36), 0 20px 42px rgba(15, 23, 42, .24) !important;
        transform: none !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
        box-sizing: border-box !important;
    }

    body.office-mode #calendar-note-modal.active .modal-header {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        margin: 0 0 9px !important;
        padding: 9px 12px !important;
        border: 2px solid #C5AA64 !important;
        border-radius: 10px;
        background: linear-gradient(180deg, #fffdf8 0%, #ead9ba 100%) !important;
        color: #071f4f !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        text-align: center !important;
        box-shadow: none !important;
    }

    body.office-mode #calendar-note-modal.active .cal-note-input-group {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: calc(min(78dvh, 590px) - 126px) !important;
        overflow-y: auto !important;
        display: grid !important;
        gap: 8px;
        padding: 0 2px 4px !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.office-mode #calendar-note-modal.active .cal-note-input-row {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px;
    }

    body.office-mode #calendar-note-modal.active .cal-note-label {
        display: block !important;
        margin: 0 0 3px !important;
        color: #071f4f !important;
        font-size: 9px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: 0 !important;
    }

    body.office-mode #calendar-note-modal.active .cal-note-input-field {
        width: 100% !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 7px 9px !important;
        border: 1.5px solid #cbd5e1 !important;
        border-radius: 9px !important;
        background: #f8fafc;
        color: #0f172a !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        box-shadow: inset 0 1px 2px rgba(15, 23, 42, .04) !important;
        box-sizing: border-box !important;
    }

    body.office-mode #calendar-note-modal.active .cal-note-textarea {
        height: 64px !important;
        min-height: 64px !important;
        max-height: 92px !important;
        resize: vertical !important;
    }

    body.office-mode #calendar-note-modal.active .modal-buttons {
        flex: 0 0 auto !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px;
        margin: 10px 0 0 !important;
        padding: 10px 0 0 !important;
        border-top: 1px solid rgba(197, 170, 100, .55) !important;
    }

    body.office-mode #calendar-note-modal.active .modal-btn {
        width: 100% !important;
        min-height: 40px !important;
        height: 38px;
        margin: 0 !important;
        padding: 0 10px !important;
        border-radius: 9px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    body.office-mode #calendar-note-modal.active #calendar-note-ok-btn {
        order: 2 !important;
        background: linear-gradient(180deg, #fffdf8 0%, #ead9ba 100%) !important;
        color: #071f4f !important;
        border: 2px solid #C5AA64 !important;
    }

    body.office-mode #calendar-note-modal.active #calendar-note-cancel-btn {
        order: 1 !important;
        background: #ffffff !important;
        color: #071f4f !important;
        border: 1.5px solid #C5AA64 !important;
    }
}

/* ==========================================================================
   10B. MOBIL OFIS IS TAKIP
   --------------------------------------------------------------------------
   Telefon ofisinde is takip tablosu yerine kartli, sekmeli gorev listesi.
   ========================================================================== */

@media (max-width: 768px) {
    body.office-mode.mobile-office-job-tracking-active #is-takip-view {
        display: flex !important;
        flex: 1 1 auto !important;
        height: 100dvh !important;
        min-height: 0 !important;
        padding: 8px 7px 92px !important;
        overflow: hidden !important;
        background: #fffdf8;
        border: 3px solid #C5AA64 !important;
        border-radius: 14px !important;
        box-shadow: inset 0 0 0 1px rgba(197, 170, 100, .35) !important;
        box-sizing: border-box !important;
    }

    body.office-mode.mobile-office-job-tracking-active #is-takip-view .portal-section-header,
    body.office-mode.mobile-office-job-tracking-active #job-tracking-tabs-nav,
    body.office-mode.mobile-office-job-tracking-active #job-tracking-time-scope,
    body.office-mode.mobile-office-job-tracking-active #job-tracking-items-container,
    body.office-mode.mobile-office-job-tracking-active #is-takip-view > .bg-white {
        display: none !important;
    }

    body.office-mode .mobile-office-job-tracking-panel {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        width: 100%;
        height: 100%;
        min-height: 0;
        padding: 18px 16px 14px;
        overflow: hidden;
        border: 4px solid #C5AA64;
        border-radius: 13px;
        background: #fffdf8;
        box-shadow: inset 0 0 0 1px rgba(197, 170, 100, .28), 0 16px 32px rgba(15, 23, 42, .12);
        box-sizing: border-box;
    }

    body.office-mode .mobile-office-job-head {
        display: grid;
        grid-template-columns: 40px 1fr 40px;
        align-items: center;
        gap: 8px;
        min-height: 72px;
        padding: 10px;
        border: 3px solid #C5AA64;
        border-radius: 12px;
        background: linear-gradient(180deg, #fffdf8 0%, #ead9ba 100%);
        box-shadow: inset 0 -2px 0 rgba(197, 170, 100, .68), 0 10px 22px rgba(15, 23, 42, .10);
    }

    body.office-mode .mobile-office-job-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 0;
        gap: 4px;
        text-align: center;
    }

    body.office-mode .mobile-office-job-title strong {
        color: #071f4f;
        font-size: 13px;
        line-height: 1.1;
        font-weight: 950;
    }

    body.office-mode .mobile-office-job-title span {
        max-width: 100%;
        color: #64748b;
        font-size: 10px;
        line-height: 1.15;
        font-weight: 800;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.office-mode .mobile-office-job-back,
    body.office-mode .mobile-office-job-add {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        min-width: 34px;
        min-height: 34px;
        padding: 0;
        border: 2px solid #C5AA64;
        border-radius: 9px;
        background: rgba(255, 255, 255, .96);
        color: #071f4f;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .10);
    }

    body.office-mode .mobile-office-job-back i,
    body.office-mode .mobile-office-job-add i {
        width: 18px;
        height: 18px;
        stroke: #071f4f;
    }

    body.office-mode .mobile-office-job-summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 38px;
        margin: 10px 0 8px;
        padding: 8px 10px;
        border: 1.5px solid rgba(197, 170, 100, .72);
        border-radius: 10px;
        background: #ffffff;
        color: #071f4f;
        font-size: 10px;
        font-weight: 950;
    }

    body.office-mode .mobile-office-job-summary b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 28px;
        height: 24px;
        border: 1px solid rgba(197, 170, 100, .62);
        border-radius: 999px;
        background: #fff7df;
        color: #071f4f;
    }

    body.office-mode .mobile-office-job-scope {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 7px;
        margin: 0 0 8px;
    }

    body.office-mode .mobile-office-job-scope button {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 4px;
        min-width: 0;
        min-height: 36px;
        padding: 7px 8px;
        border: 2px solid rgba(197, 170, 100, .68);
        border-radius: 10px;
        background: #fffdf8;
        color: #071f4f;
        font-size: 10px;
        line-height: 1;
        font-weight: 950;
        box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
    }

    body.office-mode .mobile-office-job-scope button.active {
        background: linear-gradient(180deg, #fffdf8 0%, #ead9ba 100%);
        color: #071f4f;
        border-color: #C5AA64;
        box-shadow: inset 0 -2px 0 rgba(197, 170, 100, .72), 0 6px 14px rgba(15, 23, 42, .08);
    }

    body.office-mode .mobile-office-job-scope button b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 999px;
        background: #fff7df;
        color: #071f4f;
        font-size: 10px;
        font-weight: 950;
    }

    body.office-mode .mobile-office-job-scope button.active b {
        background: #fffdf8;
        color: #071f4f;
    }

    body.office-mode .mobile-office-job-tabs {
        display: flex;
        flex: 0 0 auto;
        gap: 7px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 2px 8px;
        -webkit-overflow-scrolling: touch;
    }

    body.office-mode .mobile-office-job-tabs button {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 6px;
        flex: 0 0 132px;
        min-width: 132px;
        min-height: 38px;
        padding: 7px 8px;
        border: 2px solid rgba(197, 170, 100, .68);
        border-radius: 10px;
        background: #fffdf8;
        color: #071f4f;
        font-size: 9.5px;
        line-height: 1;
        font-weight: 950;
        box-shadow: 0 6px 14px rgba(15, 23, 42, .08);
    }

    body.office-mode .mobile-office-job-tabs button span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.office-mode .mobile-office-job-tabs button.active {
        background: linear-gradient(180deg, #fffdf8 0%, #ead9ba 100%);
        color: #071f4f;
        border-color: #C5AA64;
        box-shadow: inset 0 -2px 0 rgba(197, 170, 100, .72), 0 6px 14px rgba(15, 23, 42, .08);
    }

    body.office-mode .mobile-office-job-tabs button b {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 999px;
        background: #fff7df;
        color: #071f4f;
        font-size: 10px;
        font-weight: 950;
    }

    body.office-mode .mobile-office-job-tabs button.active b {
        background: #fffdf8;
        color: #071f4f;
    }

    body.office-mode .mobile-office-job-list {
        display: flex;
        flex-direction: column;
        gap: 9px;
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        padding: 2px 2px 8px;
        -webkit-overflow-scrolling: touch;
    }

    body.office-mode .mobile-office-job-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 7px 10px;
        width: 100%;
        min-height: 84px;
        padding: 10px;
        border: 1.5px solid rgba(197, 170, 100, .66);
        border-left: 6px solid var(--job-card-accent, #C5AA64);
        border-radius: 12px;
        background: #ffffff;
        color: #0f172a;
        text-align: left;
        box-shadow: 0 8px 18px rgba(15, 23, 42, .08);
        box-sizing: border-box;
    }

    body.office-mode .mobile-office-job-card.completed {
        opacity: .58;
        filter: grayscale(.35);
    }

    body.office-mode .mobile-office-job-card-main {
        display: flex;
        flex-direction: column;
        min-width: 0;
        gap: 5px;
    }

    body.office-mode .mobile-office-job-card-main strong {
        color: #0f172a;
        font-size: 12px;
        line-height: 1.2;
        font-weight: 950;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.office-mode .mobile-office-job-card-main small,
    body.office-mode .mobile-office-job-card-note {
        color: #64748b;
        font-size: 9.5px;
        line-height: 1.25;
        font-weight: 800;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.office-mode .mobile-office-job-card-note {
        grid-column: 1 / -1;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    body.office-mode .mobile-office-job-card-status {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: start;
        min-width: 62px;
        height: 24px;
        border-radius: 999px;
        background: #fff7df;
        color: #071f4f;
        font-size: 9px;
        font-weight: 950;
    }

    body.office-mode .mobile-office-job-empty {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 210px;
        gap: 8px;
        margin-top: 12px;
        border: 2px dashed rgba(197, 170, 100, .72);
        border-radius: 14px;
        background: #ffffff;
        color: #071f4f;
        text-align: center;
    }

    body.office-mode .mobile-office-job-empty i {
        width: 34px;
        height: 34px;
        stroke: #C5AA64;
    }

    body.office-mode .mobile-office-job-empty strong {
        font-size: 13px;
        font-weight: 950;
    }

    body.office-mode .mobile-office-job-empty span {
        max-width: 230px;
        color: #64748b;
        font-size: 11px;
        font-weight: 800;
        line-height: 1.35;
    }
}

.job-tracking-time-scope {
    display: inline-grid;
    grid-template-columns: repeat(4, minmax(82px, 1fr));
    gap: 6px;
    width: fit-content;
    max-width: 100%;
    margin: 0 0 10px;
    padding: 4px;
    border: 1.25px solid rgba(177, 151, 105, 0.62);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.64);
    box-shadow: 0 4px 12px rgba(15, 37, 86, 0.06);
}

.portal-section-header .job-tracking-time-scope {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    grid-template-columns: repeat(4, minmax(78px, 1fr));
    width: fit-content;
    max-width: min(100%, 430px);
    margin: 0;
}

.job-tracking-time-scope button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 82px;
    min-height: 29px;
    padding: 4px 8px;
    border: 1px solid rgba(177, 151, 105, 0.72);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.82);
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
    font-size: 8.5px;
    line-height: 1;
    font-weight: 950;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), 0 2px 6px rgba(15, 37, 86, 0.05);
}

.portal-section-header .job-tracking-time-scope button {
    min-height: 29px;
    padding: 3px 7px;
    gap: 5px;
}

.job-tracking-time-scope button.active {
    background: #CDB592;
    background-color: #CDB592;
    background-image: linear-gradient(180deg, #dcc89f 0%, #CDB592 100%);
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
    border-color: rgba(15, 37, 86, 0.56);
    box-shadow: inset 0 -2px 0 rgba(15, 37, 86, 0.88), 0 3px 8px rgba(15, 37, 86, 0.10);
}

.job-tracking-time-scope button b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 16px;
    padding: 0 6px;
    border: 1px solid rgba(15, 37, 86, 0.34);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.88);
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
    font-size: 9px;
    line-height: 1;
    font-weight: 950;
    box-shadow: none;
}

.job-tracking-time-scope button.active b {
    background: rgba(255, 255, 255, 0.90);
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
}
#ekstra-kesinti-modal.kesinti-file-context .kesinti-entry-desc {
    grid-column: 1 / -1;
}

@media (max-width: 768px) {
    #ekstra-kesinti-modal.payment-nested-modal.active {
        align-items: center;
        justify-content: center;
        padding: max(10px, env(safe-area-inset-top)) 10px max(84px, env(safe-area-inset-bottom));
        overflow: hidden;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .modal-content.kesinti-shell {
        position: relative;
        inset: auto;
        width: min(430px, calc(100vw - 20px));
        max-width: min(430px, calc(100vw - 20px));
        height: calc(100dvh - 112px);
        min-height: 0;
        max-height: calc(100dvh - 112px);
        margin: 0 auto;
        padding: 14px;
        border-width: 3px;
        border-radius: 14px;
        transform: none;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .modal-header {
        min-height: 0;
        padding: 0 42px 10px 8px;
        margin-bottom: 10px;
        border-radius: 0;
        text-align: left;
        font-size: 12px;
        line-height: 1.2;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .ext-btn-close {
        top: 12px;
        right: 12px;
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .modal-body {
        flex: 1 1 auto;
        min-height: 0;
        max-height: none;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 2px 2px 14px 0;
        overscroll-behavior: contain;
        scrollbar-gutter: stable;
        display: flex;
        flex-direction: column;
        gap: 10px;
        min-width: 0;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .modal-body > div {
        margin: 0;
        min-width: 0;
        max-width: 100%;
        overflow: hidden;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .modal-body .flex.justify-between {
        align-items: stretch;
        gap: 8px;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .modal-body h3 {
        display: flex;
        align-items: center;
        min-height: 34px;
        margin: 0;
        font-size: 12px;
    }

    #ekstra-kesinti-modal .kesinti-add-btn {
        min-height: 34px;
        padding: 7px 10px;
        font-size: 10px;
        white-space: nowrap;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active table,
    #ekstra-kesinti-modal.payment-nested-modal.active thead,
    #ekstra-kesinti-modal.payment-nested-modal.active tbody,
    #ekstra-kesinti-modal.payment-nested-modal.active tr,
    #ekstra-kesinti-modal.payment-nested-modal.active td {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        border: 0;
        box-sizing: border-box;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active table {
        table-layout: fixed;
        overflow: hidden;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active thead {
        display: none;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 10px 42px 10px 12px;
        border: 1px solid rgba(197, 170, 100, 0.45);
        border-radius: 12px;
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
        position: relative;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr:hover td,
    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr:nth-child(even) td,
    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr:nth-child(odd) td {
        background: transparent;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr:hover {
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.10);
        border-color: rgba(197, 170, 100, 0.68);
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        border-radius: 12px 0 0 12px;
        background: #C5AA64;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr.kesinti-entry-row-borc::before {
        background: #dc2626;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody tr.kesinti-entry-row-tahsilat::before {
        background: #16a34a;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody td {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 0;
        width: auto;
        min-width: 0;
        max-width: 100%;
        min-height: 0;
        overflow: visible;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody td.kesinti-entry-cell {
        min-height: 50px;
        justify-content: flex-start;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody td.kesinti-entry-cell:nth-child(5) {
        min-height: 50px;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody td::before {
        content: attr(data-label);
        display: block;
        min-height: 9px;
        margin: 0 0 1px;
        color: #1e3a8a;
        font-size: 9px;
        font-weight: 950;
        line-height: 1.1;
        letter-spacing: 0;
        text-transform: uppercase;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody td.kesinti-entry-cell:nth-child(5),
    #ekstra-kesinti-modal.payment-nested-modal.active tbody td.kesinti-entry-actions {
        grid-column: 1 / -1;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody td.kesinti-entry-actions {
        align-items: flex-end;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody td.kesinti-entry-actions::before {
        display: none;
        content: none;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody input,
    #ekstra-kesinti-modal.payment-nested-modal.active tbody select {
        width: 100%;
        min-height: 32px;
        height: 32px;
        padding: 6px 9px;
        border: 1px solid #cbd5e1;
        border-radius: 9px;
        background: #f8fafc;
        color: #0f172a;
        font-size: 11px;
        line-height: 1.2;
        box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
        box-sizing: border-box;
        margin: 0;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody .kesinti-delete-row-btn {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        padding: 0;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody .kesinti-delete-row-btn span {
        display: none;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active tbody .kesinti-delete-row-btn i {
        width: 14px;
        height: 14px;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .text-right {
        text-align: left;
        font-size: 11px;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active #kesinti-balance-val {
        display: block;
        margin: 4px 0 0;
        font-size: 17px;
    }

    #ekstra-kesinti-modal.payment-nested-modal.active .modal-body > div:last-child {
        margin-bottom: 8px;
    }

    #ekstra-kesinti-modal .kesinti-buttons {
        position: relative;
        bottom: 0;
        z-index: 25;
        display: grid;
        grid-template-columns: 1fr 1fr;
        justify-content: stretch;
        gap: 8px;
        padding: 10px 0 0;
        margin: 8px 0 0;
        background: linear-gradient(180deg, rgba(248, 246, 241, 0.82), #f8f6f1 42%);
        border-top: 1px solid rgba(197, 170, 100, 0.35);
        box-shadow: 0 -8px 18px rgba(248, 246, 241, 0.92);
    }

    #ekstra-kesinti-modal .kesinti-buttons .kesinti-action-btn {
        min-width: 0;
        min-height: 40px;
        white-space: normal;
        line-height: 1.15;
    }
}


#kvkk-remember-note {
    color: #0f2556 !important;
    -webkit-text-fill-color: #0f2556 !important;
    text-decoration-color: rgba(197, 170, 100, 0.9) !important;
}
#login-footer-text {
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
}

/* Ana menu desktop yerlesim ve mobil kontrol temizligi */
@media (min-width: 769px) {
    body.office-mode #ana-menu-view,
    body.client-mode #ana-menu-view,
    #ana-menu-view {
        padding: 48px 64px !important;
        align-items: center !important;
        justify-content: center;
    }

    body.office-mode #ana-menu-view > .max-w-5xl,
    body.client-mode #ana-menu-view > .max-w-5xl,
    #ana-menu-view > .max-w-5xl {
        width: min(1040px, calc(100vw - 160px)) !important;
        max-width: 1040px !important;
        margin: 0 auto !important;
        align-items: center !important;
        justify-content: center;
    }

    body.office-mode #ana-menu-view .main-menu-logo-img,
    body.client-mode #ana-menu-view .main-menu-logo-img,
    #ana-menu-view .main-menu-logo-img {
        width: min(300px, 34vw) !important;
        max-width: 300px !important;
        margin: 0 auto 28px !important;
        transform: none !important;
    }

    body.office-mode #ana-menu-quick-actions,
    body.client-mode #ana-menu-quick-actions,
    #ana-menu-quick-actions {
        position: absolute !important;
        top: 32px !important;
        left: 36px !important;
        right: auto !important;
        width: auto !important;
        margin: 0 !important;
        transform: none !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
    }
    body.office-mode #client-home-page-icons,
    body.client-mode #client-home-page-icons,
    #client-home-page-icons,
    #mobile-page-nav,
    #mobile-nav-toggle {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }


}

/* Calisma panelleri granit dis kasa */
body:not(.is-logged-out):not(.is-fullscreen) #main-portal-content {
    background:
        radial-gradient(circle at 14% 10%, color-mix(in srgb, var(--brand-accent) 13%, transparent) 0 1px, transparent 2px),
        radial-gradient(circle at 78% 24%, rgba(255, 255, 255, 0.10) 0 1px, transparent 2px),
        radial-gradient(circle at 36% 78%, color-mix(in srgb, var(--brand-primary) 32%, transparent) 0 1px, transparent 2px),
        linear-gradient(135deg, var(--brand-primary-dark) 0%, color-mix(in srgb, var(--brand-primary-dark) 78%, var(--brand-primary)) 38%, color-mix(in srgb, var(--brand-primary) 58%, var(--brand-primary-dark)) 62%, color-mix(in srgb, var(--brand-primary-dark) 88%, black) 100%);
    background-color: var(--brand-primary-dark);
}

body:not(.is-logged-out):not(.is-fullscreen) #dosya-view,
body:not(.is-logged-out):not(.is-fullscreen) #takvim-view,
body:not(.is-logged-out):not(.is-fullscreen) #is-takip-view,
body:not(.is-logged-out):not(.is-fullscreen) #hesap-yonetimi-view,
body:not(.is-logged-out):not(.is-fullscreen) #maktu-evraklar-view,
body:not(.is-logged-out):not(.is-fullscreen) #kullanici-view,
body:not(.is-logged-out):not(.is-fullscreen) #loglar-view,
body:not(.is-logged-out):not(.is-fullscreen) #ayarlar-view {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--brand-accent) 8%, transparent), transparent 34%),
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.10) 0 1px, transparent 2px),
        radial-gradient(circle at 82% 76%, color-mix(in srgb, var(--brand-accent) 12%, transparent) 0 1px, transparent 2px),
        transparent;
}

body:not(.is-logged-out):not(.is-fullscreen) #dosya-view > header,
body:not(.is-logged-out):not(.is-fullscreen) #takvim-view,
body:not(.is-logged-out):not(.is-fullscreen) #is-takip-view,
body:not(.is-logged-out):not(.is-fullscreen) #hesap-yonetimi-view,
body:not(.is-logged-out):not(.is-fullscreen) #maktu-evraklar-view,
body:not(.is-logged-out):not(.is-fullscreen) #kullanici-view,
body:not(.is-logged-out):not(.is-fullscreen) #loglar-view,
body:not(.is-logged-out):not(.is-fullscreen) #ayarlar-view {
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--brand-border) 10%, transparent);
}

body:not(.is-logged-out) .table-frame,
body:not(.is-logged-out) .calendar-container,
body:not(.is-logged-out) #calendar-grid-container,
body:not(.is-logged-out) #calendar-agenda-content,
body:not(.is-logged-out) #job-tracking-items-container,
body:not(.is-logged-out) #is-takip-view > .bg-white,
body:not(.is-logged-out) #hesap-yonetimi-view .bg-white,
body:not(.is-logged-out) #hesap-yonetimi-view .overflow-x-auto,
body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container,
body:not(.is-logged-out) #maktu-preview-pane,
body:not(.is-logged-out) #kullanici-view .table-frame,
body:not(.is-logged-out) #loglar-view .table-frame,
body:not(.is-logged-out) .settings-panel {
    background-color: #ffffff;
}

body:not(.is-logged-out) .table-frame,
body:not(.is-logged-out) .calendar-container,
body:not(.is-logged-out) #is-takip-view > .bg-white,
body:not(.is-logged-out) #hesap-yonetimi-view .bg-white,
body:not(.is-logged-out) .settings-panel {
    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.20),
        0 0 0 1px color-mix(in srgb, var(--brand-border) 18%, transparent);
}

body:not(.is-logged-out) #setting-job-assignment-box {
    order: 1;
}

body:not(.is-logged-out) #setting-client-info-box {
    order: 2;
}

body:not(.is-logged-out) #setting-security-box {
    order: 3;
}

body:not(.is-logged-out) #setting-appearance-box {
    order: 4;
}

@media (max-width: 768px) {
    body:not(.is-logged-out) #main-portal-content,
    body:not(.is-logged-out) #dosya-view,
    body:not(.is-logged-out) #takvim-view,
    body:not(.is-logged-out) #is-takip-view,
    body:not(.is-logged-out) #hesap-yonetimi-view,
    body:not(.is-logged-out) #maktu-evraklar-view,
    body:not(.is-logged-out) #kullanici-view,
    body:not(.is-logged-out) #loglar-view,
    body:not(.is-logged-out) #ayarlar-view {
        background-color: var(--brand-primary-dark);
    }
}

/* Is takip: bekleyen/tamamlanan bloklari gold dis cerceve */
@media (min-width: 769px) {
    #job-tracking-items-container > .mb-8 {
        padding: 5px !important;
        border: 4px solid var(--brand-border) !important;
        border-radius: 12px !important;
        background:
            linear-gradient(180deg, color-mix(in srgb, var(--brand-border) 10%, #ffffff) 0%, #ffffff 42%) !important;
        box-shadow:
            0 16px 34px rgba(0, 0, 0, 0.18),
            inset 0 0 0 1px rgba(255, 255, 255, 0.72) !important;
        overflow: hidden !important;
    }

    #job-tracking-items-container > .mb-8 .agenda-section-header {
        margin: 0 0 5px !important;
        padding: 6px 4px 5px !important;
        border: 0 !important;
        background: transparent !important;
    }

    #job-tracking-items-container > .mb-8 > .table-frame {
        margin: 0 !important;
        border: 1.5px solid color-mix(in srgb, var(--brand-border) 70%, var(--brand-primary)) !important;
        border-radius: 7px !important;
        box-shadow: none !important;
        background: #ffffff !important;
    }

    #job-tracking-items-container > .mb-8 > .table-frame table {
        border-left: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    #job-tracking-items-container > .mb-8 > .table-frame th:first-child,
    #job-tracking-items-container > .mb-8 > .table-frame td:first-child {
        border-left-width: 0 !important;
        border-left-style: none !important;
        border-left-color: transparent !important;
    }

    #job-tracking-items-container > .mb-8 > .table-frame tr {
        border-left: 0 !important;
    }

    #calendar-agenda-content #agenda-items-container > .mb-8 > .table-frame table {
        border-left: 0 !important;
    }

    #calendar-agenda-content #agenda-items-container > .mb-8 > .table-frame th:first-child,
    #calendar-agenda-content #agenda-items-container > .mb-8 > .table-frame td:first-child {
        border-left-color: transparent !important;
    }

    #calendar-agenda-content #agenda-items-container tr[data-agenda-key] {
        border-left-width: 0 !important;
    }

}

/* Tum tablo ve box dis cerceveleri: ince, narin, ortak gold standart */
:root {
    --refined-gold-border: color-mix(in srgb, var(--brand-border) 72%, #ffffff);
    --brand-scope-bg: var(--brand-primary);
    --brand-scope-active-bg: var(--brand-tab-active-bg);
}

body:not(.is-logged-out) .table-frame,
body:not(.is-logged-out) .calendar-container,
body:not(.is-logged-out) #calendar-grid-container,
body:not(.is-logged-out) #calendar-agenda-content,
body:not(.is-logged-out) #job-tracking-items-container,
body:not(.is-logged-out) #job-tracking-items-container > .mb-8,
body:not(.is-logged-out) #job-tracking-items-container > .mb-8 > .table-frame,
body:not(.is-logged-out) #is-takip-view > .bg-white,
body:not(.is-logged-out) #hesap-yonetimi-view .bg-white,
body:not(.is-logged-out) #hesap-yonetimi-view .overflow-x-auto,
body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container,
body:not(.is-logged-out) #kullanici-view .table-frame,
body:not(.is-logged-out) #loglar-view .table-frame,
body:not(.is-logged-out) .confirm-modal-content-std,
body:not(.is-logged-out) .mobile-office-agenda-panel,
body:not(.is-logged-out) .mobile-office-job-panel {
    border: 1.5px solid var(--refined-gold-border) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.14),
        inset 0 0 0 1px rgba(255, 255, 255, 0.58) !important;
}

body:not(.is-logged-out) .settings-panel {
    border: 1.5px solid var(--refined-gold-border);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.14),
        inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}

body:not(.is-logged-out) #job-tracking-items-container > .mb-8,
body:not(.is-logged-out) .table-frame,
body:not(.is-logged-out) .calendar-container,
body:not(.is-logged-out) #calendar-grid-container,
body:not(.is-logged-out) #calendar-agenda-content,
body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container,
body:not(.is-logged-out) #maktu-preview-pane {
    border-radius: 10px;
}

/* Evrak yonetimi: liste/onizleme panellerini incelt ve navy dis izleri gizle */
@media (min-width: 769px) {
    body:not(.is-logged-out) #maktu-evraklar-view .flex-1.flex.gap-6.overflow-hidden {
        gap: 14px;
    }

    body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container,
    body:not(.is-logged-out) #maktu-preview-pane {
        border: 1.5px solid var(--refined-gold-border);
        background: #ffffff;
        box-shadow:
            0 12px 28px rgba(0, 0, 0, 0.14),
            inset 0 0 0 1px rgba(255, 255, 255, 0.58);
    }

    body:not(.is-logged-out) #maktu-preview-pane > .maktu-preview-head {
        border-bottom: 1px solid var(--refined-gold-border);
        background: #fffdf8;
    }

    body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container table,
    body:not(.is-logged-out) .table-frame table,
    body:not(.is-logged-out) #calendar-agenda-content table,
    body:not(.is-logged-out) #job-tracking-items-container .table-frame table {
        border: 0 !important;
        border-collapse: separate !important;
        border-spacing: 0 !important;
    }

    body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container thead tr:first-child > th,
    body:not(.is-logged-out) .table-frame thead tr:first-child > th,
    body:not(.is-logged-out) #calendar-agenda-content thead tr:first-child > th,
    body:not(.is-logged-out) #job-tracking-items-container .table-frame thead tr:first-child > th {
        border-top-color: transparent !important;
    }

    body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container tr > :first-child,
    body:not(.is-logged-out) .table-frame tr > :first-child,
    body:not(.is-logged-out) #calendar-agenda-content tr > :first-child,
    body:not(.is-logged-out) #job-tracking-items-container .table-frame tr > :first-child {
        border-left-width: 0 !important;
        border-left-color: transparent !important;
    }

    body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container tr > :last-child,
    body:not(.is-logged-out) .table-frame tr > :last-child,
    body:not(.is-logged-out) #calendar-agenda-content tr > :last-child,
    body:not(.is-logged-out) #job-tracking-items-container .table-frame tr > :last-child {
        border-right-width: 0 !important;
        border-right-color: transparent !important;
    }

    body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container tbody tr:last-child > td,
    body:not(.is-logged-out) .table-frame tbody tr:last-child > td,
    body:not(.is-logged-out) #calendar-agenda-content tbody tr:last-child > td,
    body:not(.is-logged-out) #job-tracking-items-container .table-frame tbody tr:last-child > td {
        border-bottom-color: color-mix(in srgb, var(--table-line-soft) 62%, transparent) !important;
    }
}

/* Tablolar: daha belirgin zebra, daha ince cizgiler */
:root {
    --table-zebra-strong: #f7f1e3;
    --table-line-soft: color-mix(in srgb, var(--brand-border) 62%, #ffffff);
}

body:not(.is-logged-out) th,
body:not(.is-logged-out) td {
    border-width: 0.5px !important;
    border-color: var(--table-line-soft) !important;
}

body:not(.is-logged-out) thead th,
body:not(.is-logged-out) tbody tr > td {
    border-bottom-width: 0.5px !important;
    border-bottom-style: solid !important;
    border-bottom-color: var(--table-line-soft) !important;
}

body:not(.is-logged-out) tbody tr:nth-child(even) td,
body:not(.is-logged-out) #table-body tr:nth-child(even),
body:not(.is-logged-out) #log-table-body tr:nth-child(even),
body:not(.is-logged-out) #user-table-body tr:nth-child(even),
body:not(.is-logged-out) #maktu-table-body tr:nth-child(even) {
    background-color: var(--table-zebra-strong) !important;
}

body:not(.is-logged-out) tbody tr:nth-child(odd) td,
body:not(.is-logged-out) #table-body tr:nth-child(odd),
body:not(.is-logged-out) #log-table-body tr:nth-child(odd),
body:not(.is-logged-out) #user-table-body tr:nth-child(odd),
body:not(.is-logged-out) #maktu-table-body tr:nth-child(odd) {
    background-color: #ffffff !important;
}

body:not(.is-logged-out) .is-monthly #calendar-main-grid > div:nth-child(14n+8),
body:not(.is-logged-out) .is-monthly #calendar-main-grid > div:nth-child(14n+9),
body:not(.is-logged-out) .is-monthly #calendar-main-grid > div:nth-child(14n+10),
body:not(.is-logged-out) .is-monthly #calendar-main-grid > div:nth-child(14n+11),
body:not(.is-logged-out) .is-monthly #calendar-main-grid > div:nth-child(14n+12),
body:not(.is-logged-out) .is-monthly #calendar-main-grid > div:nth-child(14n+13),
body:not(.is-logged-out) .is-monthly #calendar-main-grid > div:nth-child(14n+14),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+9),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+10),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+11),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+12),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+13),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+14),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+15),
body:not(.is-logged-out) .is-weekly #calendar-main-grid > div:nth-child(16n+16) {
    background-color: var(--table-zebra-strong) !important;
}

/* Tum tablolarda navy ic cizgiler 0.5px */
body:not(.is-logged-out) table:not(#data-table) th,
body:not(.is-logged-out) table:not(#data-table) td,
body:not(.is-logged-out) #maktu-evraklar-view table th,
body:not(.is-logged-out) #maktu-evraklar-view table td,
body:not(.is-logged-out) #kullanici-view table th,
body:not(.is-logged-out) #kullanici-view table td,
body:not(.is-logged-out) #loglar-view table th,
body:not(.is-logged-out) #loglar-view table td,
body:not(.is-logged-out) #calendar-agenda-content table th,
body:not(.is-logged-out) #calendar-agenda-content table td,
body:not(.is-logged-out) #job-tracking-items-container table th,
body:not(.is-logged-out) #job-tracking-items-container table td {
    border-width: 0.5px !important;
    border-color: var(--table-line-soft) !important;
}

body:not(.is-logged-out) table:not(#data-table) thead th,
body:not(.is-logged-out) table:not(#data-table) tbody td,
body:not(.is-logged-out) #maktu-evraklar-view table thead th,
body:not(.is-logged-out) #maktu-evraklar-view table tbody td,
body:not(.is-logged-out) #kullanici-view table thead th,
body:not(.is-logged-out) #kullanici-view table tbody td,
body:not(.is-logged-out) #loglar-view table thead th,
body:not(.is-logged-out) #loglar-view table tbody td,
body:not(.is-logged-out) #calendar-agenda-content table thead th,
body:not(.is-logged-out) #calendar-agenda-content table tbody td,
body:not(.is-logged-out) #job-tracking-items-container table thead th,
body:not(.is-logged-out) #job-tracking-items-container table tbody td {
    border-top-width: 0.5px !important;
    border-right-width: 0.5px !important;
    border-bottom-width: 0.5px !important;
    border-left-width: 0.5px !important;
}

/* Dosya yonetimi tablosu: cizgileri gercek 0.5px tek hat olarak sabitle */
body:not(.is-logged-out) #dosya-view #data-table {
    border-collapse: collapse;
    border-spacing: 0;
}

body:not(.is-logged-out) #dosya-view #data-table th,
body:not(.is-logged-out) #dosya-view #data-table td {
    border: 0.5px solid var(--table-line-soft);
}

body:not(.is-logged-out) #dosya-view #data-table td.table-active-cell {
    position: relative;
    outline: 2px solid #C5AA64;
    outline-offset: -2px;
    box-shadow:
        inset 0 0 0 1px #1e3a8a,
        0 0 0 2px rgba(197, 170, 100, 0.20);
    background-color: #fffdf5;
    z-index: 2;
}

body:not(.is-logged-out) #dosya-view #data-table td.table-active-cell input,
body:not(.is-logged-out) #dosya-view #data-table td.table-active-cell textarea {
    background-color: transparent;
}

body:not(.is-logged-out) #dosya-view #data-table thead th {
    border-bottom: 0.5px solid var(--table-line-soft);
}

body:not(.is-logged-out) #dosya-view #data-table {
    table-layout: fixed;
}

body:not(.is-logged-out) #dosya-view #data-table col {
    box-sizing: border-box;
}

@media (min-width: 769px) {
    body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table {
        display: table;
        table-layout: fixed;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table thead {
        display: table-header-group;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table tbody {
        display: table-row-group;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table tr:not(.virtual-spacer-row) {
        display: table-row;
        position: static;
        width: auto;
        transform: none;
    }

    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 {
        display: table-cell;
        vertical-align: middle;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table .virtual-spacer-row {
        display: table-row;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view #data-table .virtual-spacer-row > td {
        display: table-cell;
        background: transparent;
    }
}

/* Diger panel tablolari: cizgileri gercek 0.5px tek hat olarak sabitle */
body:not(.is-logged-out) #maktu-evraklar-view table,
body:not(.is-logged-out) #kullanici-view table,
body:not(.is-logged-out) #loglar-view table,
body:not(.is-logged-out) #calendar-agenda-content table,
body:not(.is-logged-out) #job-tracking-items-container table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

body:not(.is-logged-out) #maktu-evraklar-view table th,
body:not(.is-logged-out) #maktu-evraklar-view table td,
body:not(.is-logged-out) #kullanici-view table th,
body:not(.is-logged-out) #kullanici-view table td,
body:not(.is-logged-out) #loglar-view table th,
body:not(.is-logged-out) #loglar-view table td,
body:not(.is-logged-out) #calendar-agenda-content table th,
body:not(.is-logged-out) #calendar-agenda-content table td,
body:not(.is-logged-out) #job-tracking-items-container table th,
body:not(.is-logged-out) #job-tracking-items-container table td {
    border: 0.5px solid var(--table-line-soft) !important;
}

body:not(.is-logged-out) #maktu-evraklar-view table thead th,
body:not(.is-logged-out) #kullanici-view table thead th,
body:not(.is-logged-out) #loglar-view table thead th,
body:not(.is-logged-out) #calendar-agenda-content table thead th,
body:not(.is-logged-out) #job-tracking-items-container table thead th {
    border-bottom: 0.5px solid var(--table-line-soft) !important;
}

body:not(.is-logged-out) #calendar-agenda-content tr[data-agenda-key],
body:not(.is-logged-out) #job-tracking-items-container tr {
    border-left: 0 !important;
}

/* Son sabitleme: Is takip klasoru ve evrak yonetiminde tum tablo cizgileri 0.5px */
body:not(.is-logged-out) #job-tracking-items-container .table-frame table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
    border: 0 !important;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container table {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame th,
body:not(.is-logged-out) #job-tracking-items-container .table-frame td {
    border: 0.5px solid var(--table-line-soft) !important;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container th,
body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container td {
    border: 0.5px solid var(--table-line-soft);
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame thead th {
    border-top-width: 0 !important;
    border-bottom: 0.5px solid var(--table-line-soft) !important;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container thead th {
    border-top-width: 0;
    border-bottom: 0.5px solid var(--table-line-soft);
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame tr > :first-child {
    border-left-width: 0 !important;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container tr > :first-child {
    border-left-width: 0;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame tr > :last-child {
    border-right-width: 0 !important;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container tr > :last-child {
    border-right-width: 0;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame table {
    table-layout: fixed !important;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container table {
    table-layout: fixed;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container.maktu-has-empty-state > .overflow-auto {
    display: flex;
    flex-direction: column;
    position: relative;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container.maktu-has-empty-state table {
    height: 100%;
    min-height: 100%;
}

body:not(.is-logged-out) #maktu-table-body.maktu-table-empty,
body:not(.is-logged-out) #maktu-table-body.maktu-table-empty tr,
body:not(.is-logged-out) #maktu-table-body.maktu-table-empty td {
    height: 100%;
    position: static;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container th:nth-child(1),
body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container td:nth-child(1):not([colspan]) {
    width: 58%;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container th:nth-child(2),
body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container td:nth-child(2):not([colspan]) {
    width: 17%;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container th:nth-child(3),
body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container td:nth-child(3):not([colspan]) {
    width: 25%;
}

.maktu-file-icon {
    width: 34px;
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(197, 170, 100, 0.78);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8f5ed 100%);
    color: #10224d;
    box-shadow: 0 4px 10px rgba(23, 33, 61, 0.08);
    transition: border-color 0.14s ease, background 0.14s ease, box-shadow 0.14s ease;
}

.maktu-file-icon.is-fixed {
    border-color: rgba(197, 170, 100, 0.9);
    background: linear-gradient(180deg, #fffdf8 0%, #efe5d3 100%);
}

#maktu-table-body tr:hover .maktu-file-icon {
    border-color: rgba(177, 151, 105, 0.96);
    box-shadow: 0 6px 14px rgba(23, 33, 61, 0.11);
}

.maktu-file-icon i,
.maktu-file-icon svg {
    width: 16px;
    height: 16px;
    color: currentColor;
    stroke: currentColor;
}

.maktu-file-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
}

.maktu-file-badge {
    width: fit-content;
    padding: 2px 6px;
    border: 1px solid rgba(197, 170, 100, 0.66);
    border-radius: 5px;
    background: #fffdf8;
    color: #10224d;
    font-size: 8px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: 0;
}

.maktu-file-badge.is-template {
    background: #f8f5ed;
}

.maktu-file-badge.is-client {
    border-color: rgba(22, 163, 74, 0.42);
    background: #f0fdf4;
    color: #15803d;
}

.maktu-row-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    flex-wrap: nowrap;
}

.maktu-row-actions .icon-box-gold {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 6px;
}

.maktu-row-actions .icon-box-gold:hover {
    transform: none;
}

.maktu-row-actions .icon-box-gold i,
.maktu-row-actions .icon-box-gold svg {
    width: 13px;
    height: 13px;
    stroke-width: 2.25;
}

.maktu-row-actions .maktu-client-visible-active {
    background: #dcfce7;
    border-color: #16a34a;
    color: #16a34a;
}

.maktu-row-actions .maktu-client-visible-active:hover {
    background: #bbf7d0;
    border-color: #15803d;
    color: #15803d;
}

.maktu-row-actions .maktu-row-danger {
    border-color: rgba(239, 68, 68, 0.42);
    color: #b91c1c;
}

.maktu-row-actions .maktu-row-danger:hover {
    background: #fff5f5;
    border-color: #ef4444;
    color: #b91c1c;
}

#user-table-body td:last-child .icon-box-gold {
    width: 26px;
    height: 26px;
    min-width: 26px;
    border-radius: 6px;
}

#user-table-body td:last-child .icon-box-gold:hover {
    transform: none;
}

#user-table-body td:last-child .icon-box-gold i,
#user-table-body td:last-child .icon-box-gold svg {
    width: 13px;
    height: 13px;
    stroke-width: 2.25;
}

#maktu-preview-container {
    align-items: center;
    justify-content: center;
    overflow: auto;
    padding: 0;
    min-height: 420px;
    border: 2px solid #C5AA64;
    border-radius: 9px;
    background: #ffffff;
}

#maktu-preview-container > img,
#maktu-preview-container > embed,
#maktu-preview-container > .maktu-docx-preview-html,
#maktu-preview-container > .maktu-preview-plain {
    transition: transform 0.14s ease, margin-bottom 0.14s ease;
}

.muvekkil-preview-container > .maktu-docx-preview-html {
    transition: transform 0.14s ease, margin-bottom 0.14s ease !important;
}

#maktu-preview-container > embed {
    width: 100%;
    height: 100%;
    min-height: 760px;
    background: #ffffff;
}

#maktu-preview-container > img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    padding: 14px;
}

#maktu-preview-container > .maktu-docx-preview-html {
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 18px;
}

.muvekkil-preview-container > .maktu-docx-preview-html {
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important;
    padding: 18px !important;
}

.evrak-preview-popup-body > .maktu-docx-preview-html {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    overflow: auto !important;
}

.maktu-preview-empty-state {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 20px;
}

.maktu-list-empty-state,
.maktu-preview-empty-state {
    min-height: 100%;
    justify-content: center;
    transform: none;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-list-empty-state,
body:not(.is-logged-out) #maktu-preview-container .maktu-preview-empty-state {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    min-height: 0;
    height: auto;
    transform: translateY(-50%);
}

body:not(.is-logged-out) #maktu-preview-container:has(.maktu-preview-empty-state) {
    position: relative;
}

.maktu-list-empty-state {
    padding: 64px 20px;
}

.maktu-list-empty-state .w-24,
.maktu-list-empty-state .h-24,
.maktu-preview-empty-icon {
    width: 88px;
    height: 88px;
    margin-bottom: 28px;
    border-width: 3px;
}

.maktu-list-empty-state h3,
.maktu-preview-empty-state h3 {
    max-width: 520px;
    margin: 0 0 12px;
    font-size: 17px;
    line-height: 1.35;
    letter-spacing: .12em;
}

.maktu-list-empty-state p,
.maktu-preview-empty-state p {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    color: #94a3b8;
}

.maktu-preview-empty-icon {
    width: 88px;
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    border: 3px solid #C5AA64;
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

.maktu-preview-empty-icon i,
.maktu-preview-empty-icon svg {
    width: 42px !important;
    height: 42px !important;
    color: #1e3a8a !important;
    opacity: .14;
}

.maktu-preview-empty-state h3 {
    margin: 0 0 12px;
    color: #1e3a8a;
    font-size: 17px;
    font-weight: 950;
    letter-spacing: .12em;
}

.maktu-preview-empty-state p {
    margin: 0;
    color: #94a3b8;
    font-size: 13px;
    font-weight: 850;
}

.maktu-file-slot {
    position: relative;
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) minmax(160px, 180px) 34px;
    gap: 8px;
    align-items: end;
    min-height: 70px;
    padding: 10px;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    background: #ffffff;
}

.maktu-file-slot.is-filled {
    border-color: #1e3a8a;
    background: #eff6ff;
    box-shadow: inset 0 0 0 1px rgba(197, 170, 100, 0.22);
}

.maktu-file-slot-index {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2px;
    border-radius: 7px;
    background: #1e3a8a;
    color: #C5AA64;
    font-size: 11px;
    font-weight: 950;
}

.maktu-file-slot-main,
.maktu-file-slot-nevi {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.maktu-file-slot label {
    color: #1e3a8a;
    font-size: 9px;
    font-weight: 950;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.maktu-file-slot input,
.maktu-file-slot select {
    width: 100%;
    height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #1e3a8a;
    padding: 0 9px;
    font-size: 10.5px;
    font-weight: 750;
    outline: none;
}

.maktu-file-slot input:focus,
.maktu-file-slot select:focus {
    border-color: #C5AA64;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, .18);
}

.maktu-slot-clear {
    width: 34px;
    height: 34px;
    min-width: 34px;
    max-width: 34px;
    flex: 0 0 34px;
    border-radius: 7px;
    margin-bottom: 0;
    transform: none;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}

.maktu-slot-clear:hover,
.maktu-slot-clear:focus,
.maktu-slot-clear:active {
    transform: none;
}

.maktu-slot-suggestions {
    position: absolute;
    left: 48px;
    right: 232px;
    top: 68px;
    z-index: 25;
    max-height: 220px;
    overflow: auto;
    border: 1px solid #C5AA64;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 16px 34px rgba(15, 23, 42, .16);
    padding: 5px;
}

.maktu-slot-suggestions button {
    width: 100%;
    display: block;
    padding: 8px 9px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.maktu-slot-suggestions button:hover {
    background: #eff6ff;
}

.maktu-slot-suggestions strong,
.maktu-slot-suggestions span {
    display: block;
}

.maktu-slot-suggestions strong {
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
}

.maktu-slot-suggestions span,
.maktu-slot-no-result {
    margin-top: 2px;
    color: #64748b;
    font-size: 9px;
    font-weight: 800;
}

.maktu-slot-no-result {
    padding: 9px;
}

@media (max-width: 720px) {
    .maktu-file-slot {
        grid-template-columns: 30px minmax(0, 1fr) 34px;
        min-height: 112px;
    }

    .maktu-file-slot-main {
        grid-column: 2;
    }

    .maktu-file-slot-nevi {
        grid-column: 2 / 4;
    }

    .maktu-slot-clear {
        grid-column: 3;
        grid-row: 1;
    }

    .maktu-slot-suggestions {
        left: 48px;
        right: 10px;
        top: 68px;
    }
}

.maktu-upload-lawyer-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border: 1.5px solid #d7c07a;
    border-radius: 10px;
    background: #ffffff;
}

.maktu-upload-lawyer-toggle {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.maktu-upload-lawyer-toggle input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    accent-color: #1e3a8a;
}

.maktu-upload-lawyer-toggle span,
.maktu-upload-lawyer-toggle strong,
.maktu-upload-lawyer-toggle small {
    display: block;
}

.maktu-upload-lawyer-toggle strong {
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
}

.maktu-upload-lawyer-toggle small {
    margin-top: 3px;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    line-height: 1.35;
}

.maktu-upload-lawyer-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.maktu-upload-lawyer-fields.is-disabled {
    opacity: .48;
}

.maktu-upload-field-chip {
    display: grid;
    grid-template-columns: 17px minmax(0, 1fr);
    gap: 6px 8px;
    align-items: center;
    min-height: 42px;
    padding: 8px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background: #f8fafc;
}

.maktu-upload-field-chip input {
    width: 16px;
    height: 16px;
    accent-color: #1e3a8a;
}

.maktu-upload-field-chip span {
    min-width: 0;
    color: #1e3a8a;
    font-size: 9px;
    font-weight: 950;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.maktu-upload-field-chip small {
    grid-column: 2;
    color: #64748b;
    font-size: 8px;
    font-weight: 850;
    line-height: 1.15;
}

.maktu-signature-panel {
    border: 1.5px solid #C5AA64;
    border-radius: 8px;
    background: #fffdf7;
    overflow: hidden;
}

.maktu-signature-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 11px;
    background: #1e3a8a;
    color: #C5AA64;
}

.maktu-signature-panel-head strong,
.maktu-signature-panel-head span {
    display: block;
}

.maktu-signature-panel-head strong {
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .04em;
}

.maktu-signature-panel-head span {
    margin-top: 2px;
    color: rgba(255,255,255,.82);
    font-size: 10px;
    font-weight: 800;
}

.maktu-signature-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
}

.maktu-signature-grid-single {
    grid-template-columns: minmax(220px, 340px) minmax(0, 1fr);
    align-items: end;
}

.maktu-signature-static-note {
    min-height: 38px;
    border: 1px dashed #C5AA64;
    border-radius: 8px;
    background: #fff;
    color: #64748b;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.35;
    display: flex;
    align-items: center;
    padding: 8px 10px;
}

.maktu-signature-preview-row {
    display: grid;
    grid-template-columns: minmax(150px, 220px) minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 0 10px 10px;
}

.maktu-signature-preview {
    min-height: 62px;
    border: 1px dashed #C5AA64;
    border-radius: 8px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    cursor: text;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.maktu-signature-preview:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, .12);
}

.maktu-signature-preview img {
    max-width: 170px;
    max-height: 50px;
    object-fit: contain;
}

.maktu-signature-preview span,
.maktu-signature-save span {
    color: #64748b;
    font-size: 10px;
    font-weight: 850;
}

.maktu-signature-save {
    display: flex;
    align-items: center;
    gap: 7px;
}

.maktu-signature-side {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-width: 0;
}

.maktu-signature-side .modal-btn {
    min-height: 30px;
    padding: 0 10px;
    font-size: 9px;
}

.maktu-signature-save input {
    width: 16px;
    height: 16px;
    accent-color: #1e3a8a;
}

@media (max-width: 760px) {
    .maktu-signature-grid,
    .maktu-signature-preview-row {
        grid-template-columns: 1fr;
    }
}

.lawyer-primary-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 22px;
    border: 1px solid rgba(22, 163, 74, .35);
    border-radius: 999px;
    background: #dcfce7;
    color: #166534;
    font-size: 10px;
    font-weight: 950;
}

#kullanici-view .lawyer-table-cell {
    min-width: 150px;
    vertical-align: top;
}

#kullanici-view .lawyer-table-cell:nth-child(9),
#kullanici-view .lawyer-table-cell:nth-child(12),
#kullanici-view .lawyer-table-cell:nth-child(14) {
    min-width: 240px;
}

.lawyer-table-input {
    width: 100%;
    min-height: 32px;
    border: 1px solid rgba(197, 170, 100, .42);
    border-radius: 6px;
    background: #ffffff;
    color: #1e3a8a;
    padding: 6px 8px;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
    text-transform: none;
    outline: none;
}

.lawyer-table-input:focus {
    border-color: #C5AA64;
    box-shadow: 0 0 0 2px rgba(197, 170, 100, .18);
}

.lawyer-table-input.is-saved {
    border-color: rgba(22, 163, 74, .45);
    background: #f0fdf4;
}

.lawyer-table-textarea {
    resize: vertical;
    min-height: 44px;
}

.lawyer-signature-cell {
    min-width: 180px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.lawyer-signature-preview {
    width: 96px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed rgba(197, 170, 100, .72);
    border-radius: 6px;
    background: #fffdf8;
    overflow: hidden;
}

.lawyer-signature-preview img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.lawyer-signature-preview.is-empty span {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 950;
}

.lawyer-signature-actions {
    display: flex;
    align-items: center;
    gap: 5px;
}

#kullanici-view .user-action-icon:disabled {
    opacity: .35;
    cursor: not-allowed;
    box-shadow: none;
}

.maktu-tabs-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-bottom: 0;
}

#left-sidebar,
#left-sidebar.sidebar-left {
    border-right: 0 !important;
    box-shadow: none !important;
    scrollbar-width: none;
    scrollbar-color: transparent transparent;
}

#left-sidebar:hover,
#left-sidebar.sidebar-left:hover {
    scrollbar-width: thin;
    scrollbar-color: rgba(197, 170, 100, .62) transparent;
}

#left-sidebar::-webkit-scrollbar,
#left-sidebar nav::-webkit-scrollbar {
    width: 0;
    height: 0;
}

#left-sidebar:hover::-webkit-scrollbar,
#left-sidebar:hover nav::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

#left-sidebar::-webkit-scrollbar-track,
#left-sidebar nav::-webkit-scrollbar-track {
    background: transparent !important;
}

#left-sidebar::-webkit-scrollbar-thumb,
#left-sidebar nav::-webkit-scrollbar-thumb {
    background: transparent !important;
    border-radius: 999px;
}

#left-sidebar:hover::-webkit-scrollbar-thumb,
#left-sidebar:hover nav::-webkit-scrollbar-thumb {
    background: rgba(197, 170, 100, .62) !important;
}

#left-sidebar:hover::-webkit-scrollbar-thumb:hover,
#left-sidebar:hover nav::-webkit-scrollbar-thumb:hover {
    background: var(--brand-accent) !important;
}

.maktu-tabs-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex: 0 0 auto;
    min-width: 0;
}

body:not(.is-logged-out) #maktu-evraklar-view:not(.hidden) {
    display: flex;
    flex-direction: column;
    min-height: 0;
}

body:not(.is-logged-out) #maktu-evraklar-view > div {
    width: 100%;
    max-width: none;
}

body:not(.is-logged-out) #maktu-builder-pane:not(.hidden) {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    border: 1.5px solid var(--refined-gold-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.14),
        inset 0 0 0 1px rgba(255, 255, 255, 0.58);
}

body:not(.is-logged-out) #maktu-builder-pane > .h-full {
    min-height: 0;
    width: 100%;
}

body:not(.is-logged-out) #maktu-builder-content {
    min-height: 0;
}

@media (min-width: 769px) {
    body:not(.is-logged-out) #maktu-builder-pane:not(.hidden) {
        width: 100%;
        min-width: 0;
        overflow: hidden;
    }
}

#maktu-upload-btn,
#maktu-create-doc-btn.maktu-create-doc-btn,
#maktu-defaults-btn {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    gap: 0;
}

#maktu-upload-btn span,
#maktu-create-doc-btn.maktu-create-doc-btn span {
    display: none;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .04em;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .maktu-tabs-row {
        align-items: stretch;
        flex-direction: column;
    }

    .maktu-tabs-actions {
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 2px;
    }
}

body:not(.is-logged-out) #maktu-preview-pane > .maktu-preview-head {
    min-height: 41px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 7px 12px;
    border-bottom: 3px solid #C5AA64;
    background: linear-gradient(180deg, #fffdf8 0%, #f6efe1 100%);
}

body:not(.is-logged-out) #maktu-preview-pane .maktu-preview-title {
    min-width: 0;
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .025em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body:not(.is-logged-out) #maktu-preview-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 0 0 auto;
}

body:not(.is-logged-out) #maktu-preview-actions.hidden {
    display: none;
}

body:not(.is-logged-out) #maktu-preview-actions .icon-box-gold {
    width: 26px;
    height: 26px;
    min-width: 26px;
    padding: 0;
    border-radius: 6px;
}

body:not(.is-logged-out) #maktu-preview-actions .icon-box-gold:hover {
    transform: none;
}

body:not(.is-logged-out) #maktu-preview-actions .icon-box-gold i,
body:not(.is-logged-out) #maktu-preview-actions .icon-box-gold svg {
    width: 14px;
    height: 14px;
}

body:not(.is-logged-out) #maktu-preview-actions #maktu-delete-btn-preview {
    border-color: #ef4444;
    color: #ef4444;
}

body:not(.is-logged-out) #maktu-preview-actions #maktu-delete-btn-preview:hover {
    background: #fff5f5;
    color: #b91c1c;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame tbody tr {
    height: 38px;
    max-height: 38px !important;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame th,
body:not(.is-logged-out) #job-tracking-items-container .table-frame td {
    height: 38px;
    max-height: 38px !important;
    line-height: 1.2 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame td > * {
    max-width: 100%;
    min-width: 0;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame td div {
    min-width: 0;
    max-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame td :is(.workflow-status-cell, .mediation-status-cell),
body:not(.is-logged-out) #job-tracking-items-container .table-frame td :is(.workflow-status-cell, .mediation-status-cell) div {
    max-height: none;
    white-space: normal;
    overflow: visible;
}

body:not(.is-logged-out) #job-tracking-items-container .table-frame td input[type="text"] {
    max-width: 92px;
}

.job-tracking-chip-line {
    display: flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* Ajanda baslik gorunum sekmeleri: is takip kapsami ile ayni yapi */
#takvim-view .agenda-title-tabs #calendar-tabs-nav {
    border: 1.5px solid var(--refined-gold-border) !important;
    border-radius: 10px;
    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.07),
        0 8px 18px rgba(0, 0, 0, 0.14) !important;
}



#takvim-view .agenda-title-tabs #calendar-tabs-nav .tab-btn i {
    stroke: currentColor !important;
}

/* Non-file panel tabs: unified fill standard */

/* Desktop viewport lock: Chrome and Edge keep the same full viewport after login. */
@media (min-width: 1025px) {
    body:not(.is-logged-out) {
        --desktop-viewport-scale: 0.85;
        width: 100vw !important;
        height: var(--app-vh, 100vh) !important;
        max-width: 100vw !important;
        max-height: var(--app-vh, 100vh) !important;
        overflow: hidden !important;
    }

    body:not(.is-logged-out):not(.is-fullscreen) #main-portal-content {
        bottom: 0 !important;
        height: var(--app-vh, 100vh) !important;
        max-height: var(--app-vh, 100vh) !important;
        overflow: hidden !important;
    }

    body:not(.is-logged-out):not(.is-fullscreen) #main-portal-content > :not(.hidden) {
        zoom: var(--desktop-viewport-scale);
    }
}

#left-sidebar .left-nav-btn.side-nav-editable {
    cursor: grab !important;
}

#left-sidebar .left-nav-btn.side-nav-editable:active {
    cursor: grabbing !important;
}

#left-sidebar .left-nav-btn.side-nav-dragging {
    opacity: 0.55 !important;
    transform: scale(0.98) !important;
}

#left-sidebar .left-nav-btn.side-nav-drag-over {
    outline: 2px solid rgba(247, 215, 122, 0.78) !important;
    outline-offset: 3px !important;
    background: rgba(197, 170, 100, 0.14) !important;
}
.detail-header-menu-item {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    background: #fff;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-align: left;
    text-transform: uppercase;
    cursor: pointer;
}

.detail-header-menu-item:hover {
    background: #f8fafc;
    color: #0f172a;
}

.detail-header-menu-item i {
    width: 16px;
    height: 16px;
    color: #C5AA64;
    flex: 0 0 auto;
}

.assigned-work-table th {
    padding: 10px 12px;
    border-bottom: 3px solid #1e3a8a;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    text-transform: uppercase;
    background: #f8fafc;
}

.assigned-work-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #e2e8f0;
    border-right: 1px solid #dbe4ef;
    color: #111827;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.assigned-work-table tbody tr:hover {
    background: #eff6ff;
}

.assigned-work-actions {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 92px;
}

/* Notlar modulu */
#notlar-view .notes-layout {
    display: grid;
    grid-template-columns: minmax(320px, 0.9fr) minmax(420px, 1.35fr);
    gap: 14px;
    height: 100%;
    min-height: 0;
}

#notlar-view .notes-sidebar,
#notlar-view .notes-editor {
    min-height: 0;
    background: #ffffff;
    border: 2px solid #1e3a8a;
    border-radius: 8px;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}

#notlar-view .notes-sidebar {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#notlar-view .notes-editor {
    overflow: auto;
    padding: 14px;
}

#notlar-view .notes-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    padding: 12px;
    border-bottom: 1px solid #dbe3ee;
    background: #f8fafc;
}

#notlar-view .notes-stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px;
    border: 1px solid #dbe3ee;
    border-radius: 7px;
    background: #ffffff;
}

#notlar-view .notes-stat span,
#notlar-view .notes-editor-grid span,
#notlar-view .notes-editor-top span {
    font-size: 9px;
    font-weight: 950;
    color: #64748b;
}

#notlar-view .notes-stat b {
    font-size: 18px;
    font-weight: 950;
    color: #1e3a8a;
    line-height: 1;
}

#notlar-view .notes-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 12px;
    border-bottom: 1px solid #dbe3ee;
}

#notlar-view .notes-segment {
    display: inline-flex;
    border: 1.5px solid #C5AA64;
    border-radius: 8px;
    overflow: hidden;
    background: #ffffff;
}

#notlar-view .notes-segment button {
    height: 30px;
    padding: 0 10px;
    border: 0;
    border-right: 1px solid #eadfbf;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
}

#notlar-view .notes-segment button:last-child {
    border-right: 0;
}

#notlar-view .notes-select,
#notlar-view .notes-input,
#notlar-view .notes-title-input,
#notlar-view .notes-body-input {
    border: 2px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    outline: none;
    font-weight: 800;
}

#notlar-view .notes-select {
    height: 32px;
    padding: 0 10px;
    font-size: 10px;
    color: #1e3a8a;
}

#notlar-view .notes-list {
    flex: 1;
    min-height: 0;
    overflow: auto;
    padding: 10px;
}

#notlar-view .notes-list-item {
    width: 100%;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 10px;
    margin-bottom: 8px;
    border: 1.5px solid #dbe3ee;
    border-radius: 8px;
    background: #ffffff;
    cursor: pointer;
    transition: border-color 0.2s, box-shadow 0.2s, transform 0.2s;
}

#notlar-view .notes-list-item:hover,
#notlar-view .notes-list-item.active {
    border-color: #C5AA64;
    box-shadow: 0 8px 18px rgba(30, 58, 138, 0.12);
  }

#notlar-view .notes-list-head,
#notlar-view .notes-list-meta,
#notlar-view .notes-editor-top,
#notlar-view .notes-save-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#notlar-view .notes-list-head span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-width: 0;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.2;
}

#notlar-view .notes-list-head b {
    flex: 0 0 auto;
    border-radius: 999px;
    padding: 3px 7px;
    font-size: 9px;
    font-weight: 950;
}

#notlar-view .priority-normal {
    color: #1e3a8a;
    background: #e0f2fe;
}

#notlar-view .priority-high {
    color: #92400e;
    background: #fef3c7;
}

#notlar-view .priority-urgent {
    color: #991b1b;
    background: #fee2e2;
}

#notlar-view .notes-list-item p {
    margin: 0;
    color: #475569;
    font-size: 12px;
    line-height: 1.35;
    white-space: pre-wrap;
    word-break: break-word;
}

#notlar-view .notes-list-meta {
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
}

#notlar-view .notes-editor-form {
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#notlar-view .notes-editor-top {
    flex: 0 0 auto;
}

#notlar-view .notes-editor-top > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

#notlar-view .notes-editor-top b {
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

#notlar-view .notes-editor-actions {
    display: flex;
    gap: 8px;
}

#notlar-view .notes-title-input {
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    color: #1e3a8a;
    font-size: 22px;
    font-weight: 950;
}

#notlar-view .notes-editor-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

#notlar-view .notes-editor-grid label {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#notlar-view .notes-input {
    width: 100%;
    height: 36px;
    padding: 0 9px;
    font-size: 12px;
}

#notlar-view .notes-agenda-toggle,
.global-notes-widget .notes-agenda-toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    padding: 7px 10px;
    border: 1.5px solid #C5AA64;
    border-radius: 8px;
    background: #fffdf5;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    cursor: pointer;
}

#notlar-view .notes-agenda-toggle input,
.global-notes-widget .notes-agenda-toggle input {
    width: 15px;
    height: 15px;
    accent-color: #1e3a8a;
}

#notlar-view .notes-body-input {
    flex: 1;
    min-height: 260px;
    resize: none;
    padding: 12px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 650;
}

#notlar-view .notes-save-row {
    flex: 0 0 auto;
    padding-top: 4px;
}

#notlar-view .notes-save-row span {
    color: #64748b;
    font-size: 10.5px;
    font-weight: 750;
}

#notlar-view .notes-empty,
#notlar-view .notes-editor-empty,
.global-notes-widget .notes-empty,
.global-notes-widget .notes-editor-empty {
    height: 100%;
    min-height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #667085;
    text-align: center;
    padding: 18px 16px;
    line-height: 1.35;
}

#notlar-view .notes-empty i,
#notlar-view .notes-empty svg,
#notlar-view .notes-editor-empty i,
#notlar-view .notes-editor-empty svg,
.global-notes-widget .notes-empty i,
.global-notes-widget .notes-empty svg,
.global-notes-widget .notes-editor-empty i,
.global-notes-widget .notes-editor-empty svg {
    width: 34px;
    height: 34px;
    color: #C5AA64;
    stroke: #C5AA64;
}

#notlar-view .notes-empty b,
#notlar-view .notes-editor-empty b,
.global-notes-widget .notes-empty b,
.global-notes-widget .notes-editor-empty b {
    max-width: 220px;
    color: #0f2556;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.22;
    text-transform: uppercase;
}

#notlar-view .notes-empty span,
.global-notes-widget .notes-empty span {
    max-width: 230px;
    color: #667085;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
}

@media (max-width: 900px) {
    #notlar-view .notes-layout {
        grid-template-columns: 1fr;
        height: auto;
    }

    #notlar-view .notes-sidebar,
    #notlar-view .notes-editor {
        min-height: 360px;
    }

    #notlar-view .notes-editor-grid,
    #notlar-view .notes-stats {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Global sag-alt Notlar paneli */
.global-notes-widget {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9997;
}

body.is-logged-out .global-notes-widget {
    display: none !important;
}

.global-notes-toggle {
    width: 56px;
    height: 56px;
    border-radius: 16px;
    border: 2px solid #C5AA64;
    background: #1e3a8a;
    color: #C5AA64;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.28);
    position: relative;
    transition: transform 0.2s, box-shadow 0.2s, filter 0.2s;
}

.global-notes-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.34);
    filter: brightness(1.06);
}

.global-notes-toggle span {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    border: 2px solid #ffffff;
    background: #dc2626;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
}

.global-notes-panel {
    position: fixed;
    right: calc(var(--floating-action-inset, 32px) + var(--floating-action-size, 56px) + var(--floating-action-gap, 12px));
    bottom: var(--corner-chat-lift, calc(var(--floating-action-inset, 32px) + var(--floating-action-size, 56px) + 8px));
    width: var(--corner-chat-width, 316px);
    max-width: calc(100vw - 48px);
    height: var(--corner-chat-height, min(580px, calc(100vh - 120px)));
    max-height: calc(100vh - var(--corner-chat-lift, 96px) - 24px);
    display: none;
    flex-direction: column;
    overflow: hidden;
    border: 2px solid #C5AA64;
    border-radius: 10px;
    background: #CDB592;
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.35);
}

.global-notes-widget.is-open .global-notes-panel {
    display: flex;
}

.global-notes-panel-head {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 8px 12px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f2556;
    border-bottom: 1px solid rgba(197, 170, 100, 0.36);
}

.global-notes-panel-head > div:first-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.global-notes-panel-head strong {
    font-size: 14px;
    font-weight: 950;
    line-height: 1;
}

.global-notes-panel-head span {
    color: #667085;
    font-size: 10px;
    font-weight: 850;
}

.global-notes-head-actions {
    flex: 0 0 auto;
    display: flex;
    gap: 8px;
}

.global-notes-search {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 10px 10px 8px;
    padding: 0 10px;
    height: 34px;
    border: 1.5px solid rgba(177, 151, 105, 0.52);
    border-radius: 8px;
    color: #B19769;
    background: #f8fafc;
}

.global-notes-search input {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 900;
}

.global-notes-content {
    flex: 1;
    min-height: 0;
    overflow: hidden;
    padding: 0 10px 10px;
    background: #CDB592;
}

.global-notes-inner {
    height: 100%;
    min-height: 0;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    gap: 10px;
}

.global-notes-list-wrap,
.global-notes-editor-wrap {
    padding: 10px;
    background: rgba(255, 255, 255, 0.94);
}

.global-notes-list-wrap {
    max-height: 178px;
}

.global-notes-editor-wrap {
    padding: 10px;
    background: rgba(255, 255, 255, 0.94);
}

.global-notes-widget .notes-stats,
.global-notes-widget .notes-filter-row {
    display: none;
}

.global-notes-widget .notes-list {
    padding: 8px;
}

.global-notes-today {
    margin: 8px;
    padding: 8px;
    border: 1.5px solid #C5AA64;
    border-radius: 8px;
    background: #fffdf5;
}

.global-notes-today-title {
    margin-bottom: 6px;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
}

.global-notes-today-item {
    width: 100%;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 8px;
    align-items: center;
    margin-top: 5px;
    padding: 7px;
    border: 1px solid #eadfbf;
    border-radius: 7px;
    background: #f6f3ec;
    color: #0f172a;
    text-align: left;
    cursor: pointer;
}

.global-notes-today-item b {
    color: #0f2556;
    font-size: 10px;
    font-weight: 950;
}

.global-notes-today-item span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 900;
}

.global-notes-today-empty {
    color: #64748b;
    font-size: 10.5px;
    font-weight: 750;
}

.global-notes-widget .notes-editor-form {
    height: 100%;
    min-width: 0;
    display: grid;
    grid-template-rows: auto auto auto auto minmax(150px, 1fr) auto;
    gap: 8px;
}

.global-notes-widget .notes-editor-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e2e8f0;
}

.global-notes-widget .notes-editor-top > div:first-child {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.global-notes-widget .notes-editor-top span {
    color: #64748b;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.global-notes-widget .notes-editor-top b {
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

.global-notes-widget .notes-editor-actions {
    display: flex;
    gap: 6px;
}

.global-notes-widget .notes-editor-actions .icon-box-gold {
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

.global-notes-widget .notes-title-input {
    width: 100%;
    min-width: 0;
    min-height: 36px;
    border: 0;
    border-bottom: 2px solid #CDB592;
    border-radius: 0;
    padding: 5px 0 7px;
    color: #1e3a8a;
    background: transparent;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 950;
    outline: none;
}

.global-notes-widget .notes-title-input:focus {
    border-bottom-color: #0f2556;
}

.global-notes-widget .notes-editor-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding: 8px;
    border: 1px solid rgba(197, 170, 100, 0.36);
    border-radius: 8px;
    background: #fffaf0;
}

.global-notes-widget .notes-editor-grid label {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.global-notes-widget .notes-editor-grid label:nth-child(4) {
    grid-column: 1 / -1;
}

.global-notes-widget .notes-editor-grid label span {
    color: #64748b;
    font-size: 9px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 0;
}

.global-notes-widget .notes-input {
    width: 100%;
    height: 30px;
    min-width: 0;
    border: 1.5px solid rgba(177, 151, 105, 0.52);
    border-radius: 7px;
    background: #ffffff;
    color: #1e3a8a;
    padding: 0 8px;
    font-size: 12px;
    font-weight: 850;
    outline: none;
    text-transform: none;
}

.global-notes-widget .notes-input:focus {
    border-color: #0f2556;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.14);
}

.global-notes-widget .notes-choice-group,
#notlar-view .notes-choice-group {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    gap: 4px;
    min-width: 0;
}

.global-notes-widget .notes-choice-group button,
#notlar-view .notes-choice-group button {
    min-width: 0;
    height: 30px;
    border: 1.5px solid #dbe3ee;
    border-radius: 7px;
    padding: 0 6px;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.global-notes-widget .notes-choice-group button:focus-visible,
#notlar-view .notes-choice-group button:focus-visible {
    outline: 3px solid rgba(197, 170, 100, 0.25);
    outline-offset: 1px;
}

.global-notes-widget .notes-agenda-toggle {
    margin: 0;
    padding: 7px 9px;
    background: #f6f3ec;
}

.global-notes-widget .notes-body-input {
    width: 100%;
    min-height: 160px;
    height: 100%;
    min-width: 0;
    border: 1.5px solid rgba(177, 151, 105, 0.52);
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    padding: 10px;
    font-size: 13px;
    line-height: 1.45;
    font-weight: 650;
    resize: none;
    outline: none;
}

.global-notes-widget .notes-body-input:focus {
    border-color: #0f2556;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.12);
}

.global-notes-widget .notes-save-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 8px;
    border-top: 1px solid #e2e8f0;
}

.global-notes-widget .notes-save-row span {
    min-width: 0;
    color: #64748b;
    font-size: 10px;
    font-weight: 850;
    line-height: 1.25;
}

.global-notes-widget .notes-save-row .modal-btn {
    flex: 0 0 auto;
    height: 34px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1.5px solid #C5AA64;
    font-size: 11px;
    font-weight: 950;
}

.global-notes-widget .notes-list-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 7px;
    padding: 9px;
    border: 1px solid rgba(205, 181, 146, 0.64);
    border-radius: 8px;
    background: #f6f3ec;
    text-align: left;
    cursor: pointer;
}

.global-notes-widget .notes-list-item.active,
.global-notes-widget .notes-list-item:hover {
    border-color: #0f2556;
    background: #f8f2e4;
}

.global-notes-widget .notes-list-head {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.global-notes-widget .notes-list-head span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

.global-notes-widget .notes-list-head b {
    flex: 0 0 auto;
    padding: 2px 6px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 950;
}

.global-notes-widget .notes-list-item p {
    margin: 0;
    color: #475569;
    font-size: 11px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.global-notes-widget .notes-list-meta {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #64748b;
    font-size: 10px;
    font-weight: 850;
}

@media (max-width: 768px) {
    .global-notes-widget {
        right: calc(max(22px, env(safe-area-inset-right)) + var(--floating-action-size, 54px) + var(--floating-action-gap, 10px));
        bottom: max(22px, env(safe-area-inset-bottom));
        z-index: 9998;
    }

    .global-notes-toggle {
        width: 52px;
        height: 52px;
        border-radius: 15px;
    }

    .global-notes-panel {
        right: calc(max(22px, env(safe-area-inset-right)) + var(--floating-action-size, 54px) + var(--floating-action-gap, 10px));
        left: auto;
        bottom: var(--corner-chat-lift, calc(max(22px, env(safe-area-inset-bottom)) + var(--floating-action-size, 54px) + 8px));
        width: var(--corner-chat-width, min(316px, calc(100vw - 28px)));
        max-width: calc(100vw - 28px);
        height: var(--corner-chat-height, min(560px, calc(100dvh - 92px)));
        max-height: calc(100dvh - var(--corner-chat-lift, 84px) - 18px);
    }

    .global-notes-inner {
        grid-template-rows: auto minmax(0, 1fr);
    }

    .global-notes-list-wrap {
        max-height: 170px;
    }

    .global-notes-widget .notes-editor-form {
        grid-template-rows: auto auto auto auto minmax(140px, 1fr) auto;
    }

    .global-notes-widget .notes-editor-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* Dosya yonetimi office surface: white, calmer than navy/gold shell. */
body.office-mode:not(.is-logged-out):not(.is-fullscreen):not(.ana-menu-active) #main-portal-content:has(#dosya-view:not(.hidden)) {
    background: #f6f8fb !important;
    background-color: #f6f8fb !important;
}
/* Sag alt chat paneli: chat butonunun ustunde kompakt pencere olarak acilir. */
:root {
    --corner-chat-width: 316px;
    --corner-chat-lift: calc(var(--floating-action-inset, 32px) + var(--floating-action-size, 56px) + 8px);
    --corner-chat-height: min(580px, calc(100vh - var(--corner-chat-lift) - 24px));
}

.sidebar-right-expandable:hover {
    width: 0;
    z-index: auto;
    cursor: default;
}

body:has(.sidebar-right-expandable:hover) #main-portal-content,
body.right-locked #main-portal-content,
body:not(.is-logged-out):not(.is-fullscreen) #main-portal-content {
    margin-right: 0;
}

body:not(.is-logged-out) .sidebar-right,
body:not(.is-logged-out) .sidebar-right-expandable {
    position: fixed;
    right: var(--floating-action-inset, 32px);
    bottom: var(--corner-chat-lift);
    top: auto;
    left: auto;
    width: var(--corner-chat-width);
    min-width: 0;
    max-width: calc(100vw - 48px);
    height: var(--corner-chat-height);
    max-height: calc(100vh - var(--corner-chat-lift) - 24px);
    background: transparent;
    background-color: transparent;
    border: 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: none;
    cursor: default;
    transform: none;
    transition: opacity 0.16s ease, visibility 0.16s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 10060;
}

body.mobile-chat-open:not(.is-logged-out) .sidebar-right,
body.mobile-chat-open:not(.is-logged-out) .sidebar-right-expandable {
    background: #CDB592;
    background-color: #CDB592;
    border: 2px solid #C5AA64;
    box-shadow: 0 22px 55px rgba(15, 23, 42, 0.35);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

body:not(.is-logged-out) .sidebar-right > div,
body:not(.is-logged-out) aside.sidebar-right > div {
    width: 100%;
    height: 100%;
    min-width: 0;
}
.office-chat-shell-inner {
    width: 100%;
    height: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #CDB592;
}

.office-chat-top-spacer {
    flex: 0 0 6px;
    background: #CDB592;
}

.office-chat-list {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    background: #f4f7fb;
    color: #0f2556;
}

.office-chat-header-area {
    flex: 0 0 auto;
    border-bottom: 1px solid rgba(197, 170, 100, 0.46);
    background: #ffffff;
}
.office-chat-panel-head {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(197, 170, 100, 0.36);
    background: linear-gradient(180deg, #ffffff 0%, #fbf8f0 100%);
}

.office-chat-panel-title {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #0f2556;
}

.office-chat-panel-icon {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 9px;
    background: #fff8e6;
    color: #0f2556;
}

.office-chat-panel-icon i,
.office-chat-panel-icon svg {
    width: 16px;
    height: 16px;
}

.office-chat-panel-title strong,
.office-chat-panel-title small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-chat-panel-title strong {
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0.8px;
}

.office-chat-panel-title small {
    margin-top: 2px;
    color: #6b7890;
    font-size: 10px;
    font-weight: 750;
}

.office-chat-topbar {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(197, 170, 100, 0.36);
}

.office-chat-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34, 197, 94, 0.12);
}

.office-chat-create-btn {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.75);
    border-radius: 8px;
    background: #fff8e6;
    color: #0f2556;
    cursor: pointer;
    box-shadow: 0 5px 12px rgba(15, 23, 42, 0.08);
}

.office-chat-create-btn i,
.office-chat-create-btn svg {
    width: 14px;
    height: 14px;
}

.chat-category-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(15, 37, 86, 0.10);
    background: #ffffff;
}

.office-chat-tab {
    height: 30px;
    border: 1px solid rgba(15, 37, 86, 0.14);
    border-radius: 7px;
    background: #f8fafc;
    color: #667085;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
}

.office-chat-tab.active {
    color: #ffffff;
    border-color: #0f2556;
    background: #0f2556;
}

.office-chat-search-row {
    padding: 9px 12px 11px;
    border-bottom: 1px solid rgba(15, 37, 86, 0.10);
    background: #ffffff;
}

.office-chat-search-wrap {
    position: relative;
}

.office-chat-search-icon {
    position: absolute;
    left: 11px;
    top: 50%;
    width: 14px;
    height: 14px;
    color: #B19769;
    transform: translateY(-50%);
}

.office-chat-search-input {
    width: 100%;
    height: 34px;
    padding: 0 10px 0 32px;
    border: 1.5px solid rgba(177, 151, 105, 0.52);
    border-radius: 8px;
    outline: none;
    background: #f8fafc;
    color: #0f2556;
    font-size: 11.5px;
    font-weight: 800;
}

.office-chat-search-input:focus {
    border-color: #C5AA64;
    box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.14);
}

.office-chat-search-input::placeholder {
    color: #8492a6;
}

.office-chat-items-wrapper {
    min-height: 0;
    background: transparent;
}

.office-chat-group-card,
.office-chat-row-card {
    width: calc(100% - 18px);
    min-height: 58px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 8px 9px 0;
    padding: 10px;
    border: 1px solid rgba(15, 37, 86, 0.14);
    border-radius: 8px;
    background: #ffffff;
    color: #0f2556;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 9px 18px rgba(15, 23, 42, 0.055);
}

.office-chat-group-card:hover,
.office-chat-row-card:hover {
    border-color: rgba(197, 170, 100, 0.66);
    background: #fffdf7;
}

.office-chat-group-avatar,
.office-chat-row-avatar {
    position: relative;
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #0f2556;
    border-radius: 10px;
    color: #0f2556;
    background: #f3e7c8;
    font-size: 12px;
    font-weight: 950;
}

.office-chat-row-avatar-gold {
    color: #0f2556;
    background: #CDB592;
}

.office-chat-group-avatar i,
.office-chat-group-avatar svg {
    width: 20px;
    height: 20px;
}

.office-chat-row-avatar i,
.office-chat-row-avatar svg,
.office-chat-delete-btn i,
.office-chat-delete-btn svg {
    width: 16px;
    height: 16px;
}

.office-chat-presence {
    position: absolute;
    right: -2px;
    bottom: -2px;
    width: 12px;
    height: 12px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: #94a3b8;
}

.office-chat-presence.is-online {
    background: #22c55e;
}

.office-chat-group-copy,
.office-chat-row-copy {
    min-width: 0;
    flex: 1 1 auto;
    display: grid;
    gap: 4px;
}

.office-chat-row-head {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.office-chat-group-copy strong,
.office-chat-row-copy strong {
    min-width: 0;
    color: #0f2556;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-chat-group-copy small,
.office-chat-row-copy small {
    min-width: 0;
    color: #667085;
    font-size: 10.5px;
    font-weight: 750;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.office-chat-row-copy em {
    flex: 0 0 auto;
    color: #8492a6;
    font-size: 9px;
    font-style: normal;
    font-weight: 900;
}

.office-chat-delete-btn {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 7px;
    background: #fff1f2;
    color: #be123c;
    cursor: pointer;
}

.office-chat-empty-state {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 28px 18px;
    text-align: center;
    color: #667085;
}

.office-chat-empty-icon {
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid rgba(197, 170, 100, 0.7);
    border-radius: 16px;
    color: #B19769;
    background: #fffaf0;
}

.office-chat-empty-icon i,
.office-chat-empty-icon svg {
    width: 28px;
    height: 28px;
}

.office-chat-empty-state strong {
    color: #0f2556;
    font-size: 12px;
    font-weight: 950;
}

.office-chat-empty-state small {
    max-width: 240px;
    color: #667085;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.5;
}

.office-chat-clear-search {
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(197, 170, 100, 0.78);
    border-radius: 7px;
    background: #fff8e6;
    color: #0f2556;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
}

.active-office-chat {
    position: absolute;
    inset: 0;
    z-index: 10;
    min-width: 0;
    display: flex;
    flex-direction: column;
    background: #f6f8fb;
    color: #0f2556;
    pointer-events: auto;
}

.active-office-chat.hidden {
    display: none;
}

.active-chat-header {
    min-height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(197, 170, 100, 0.44);
    background: linear-gradient(180deg, #ffffff 0%, #fbf8f0 100%);
    color: #0f2556;
}

.active-chat-icon-btn {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.58);
    border-radius: 8px;
    background: #ffffff;
    color: #0f2556;
    cursor: pointer;
}

.active-chat-icon-btn:hover {
    background: #fffaf0;
}
.active-chat-actions {
    flex: 0 0 auto;
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.active-chat-icon-btn i,
.active-chat-icon-btn svg {
    width: 16px;
    height: 16px;
}

.active-chat-search-btn {
    margin-left: 0;
}

.active-chat-avatar {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 9px;
    background: #fffaf0;
    color: #0f2556;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.active-chat-title,
#active-chat-user-name {
    min-width: 0;
    color: #0f2556;
    font-size: 12.5px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active-chat-search-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(15, 37, 86, 0.10);
    background: #ffffff;
}

.active-chat-search-bar.hidden {
    display: none;
}
.active-chat-new-message-notice {
    position: absolute;
    left: 12px;
    right: 12px;
    top: 56px;
    z-index: 8;
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 11px;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 8px;
    background: #fffaf0;
    color: #0f2556;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.18);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity 0.18s ease, transform 0.18s ease;
    text-align: left;
}
.active-chat-new-message-notice.is-visible {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}
.active-chat-new-message-notice i,
.active-chat-new-message-notice svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: #B19769;
}
.active-chat-new-message-notice span {
    min-width: 0;
    display: block;
}
.active-chat-new-message-notice strong,
.active-chat-new-message-notice small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.active-chat-new-message-notice strong {
    font-size: 10px;
    font-weight: 950;
}
.active-chat-new-message-notice small {
    margin-top: 2px;
    font-size: 10px;
    font-weight: 700;
    color: #475569;
}

.active-chat-search-icon {
    width: 15px;
    height: 15px;
    color: #B19769;
}

.active-chat-search-input {
    flex: 1 1 auto;
    min-width: 0;
    height: 30px;
    border: 1px solid rgba(15, 37, 86, 0.14);
    border-radius: 8px;
    padding: 0 10px;
    background: #ffffff;
    color: #0f2556;
    font-size: 12px;
    font-weight: 700;
    outline: none;
}

.office-chat-messages,
#office-chat-messages {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
    overflow-y: auto;
    padding: 12px 10px;
    background: #f6f8fb;
    color: #0f2556;
}

.chat-message-row {
    position: relative;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    max-width: 88%;
    gap: 3px;
}

.chat-message-row.is-mine {
    align-self: flex-end;
    align-items: flex-end;
}

.chat-message-line {
    display: flex;
    align-items: flex-end;
    gap: 7px;
    max-width: 100%;
}

.chat-message-row.is-mine .chat-message-line {
    flex-direction: row-reverse;
}

.chat-message-bubble {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    border: 1px solid rgba(15, 37, 86, 0.14);
    border-radius: 10px;
    background: #ffffff;
    color: #0f2556;
    box-shadow: 0 4px 10px rgba(15, 37, 86, 0.08);
}

.chat-message-row.is-mine .chat-message-bubble {
    border-color: rgba(197, 170, 100, 0.68);
    background: #fffdf7;
}

.chat-message-sender {
    padding: 5px 9px 0;
    color: #68758a;
    font-size: 9.5px;
    font-weight: 850;
    text-transform: uppercase;
}

.chat-message-row.is-mine .chat-message-sender {
    color: #B19769;
    text-align: right;
}

.chat-message-text {
    padding: 4px 9px 8px;
    color: #0f2556;
    font-size: 12.4px;
    font-weight: 650;
    line-height: 1.38;
    white-space: pre-wrap;
    word-break: break-word;
}

.chat-message-meta {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding-left: 38px;
    color: #738197;
    font-size: 9.5px;
    font-weight: 750;
}

.chat-message-row.is-mine .chat-message-meta {
    padding-right: 38px;
    padding-left: 0;
}

.chat-message-meta i,
.chat-message-meta svg {
    width: 11px;
    height: 11px;
    color: #22a06b;
}

.chat-message-actions {
    display: inline-flex;
    gap: 3px;
    opacity: 0.28;
    transition: opacity 0.16s ease;
}

.chat-message-row:hover .chat-message-actions,
.chat-message-row:focus-within .chat-message-actions {
    opacity: 1;
}

.chat-message-row.is-mine .chat-message-actions {
    justify-content: flex-end;
}

.chat-message-action {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.58);
    border-radius: 6px;
    background: #ffffff;
    color: #0f2556;
    cursor: pointer;
}

.chat-message-action-danger {
    border-color: rgba(220, 38, 38, 0.30);
    color: #be123c;
}

.chat-message-action i,
.chat-message-action svg {
    width: 11px;
    height: 11px;
}

.chat-message-file-head {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 9px 5px;
    border-bottom: 1px solid rgba(15, 37, 86, 0.08);
    background: #f8fafc;
}

.chat-message-file-head i,
.chat-message-file-head svg {
    width: 16px;
    height: 16px;
    color: #B19769;
    flex-shrink: 0;
}

.chat-message-file-head span {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
    color: #0f2556;
    font-size: 11.5px;
    font-weight: 850;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-message-file-actions {
    display: flex;
    background: #ffffff;
}

.chat-message-file-actions button {
    flex: 1 1 0;
    min-width: 0;
    border: 0;
    border-right: 1px solid rgba(197, 170, 100, 0.28);
    background: transparent;
    color: #0f2556;
    cursor: pointer;
    font-size: 10.5px;
    font-weight: 850;
    padding: 7px 8px;
    text-transform: uppercase;
}

.chat-message-file-actions button:last-child {
    border-right: 0;
}

.chat-message-file-actions button:hover {
    background: #fffaf0;
    color: #B19769;
}

.chat-message-empty {
    margin: auto;
    display: grid;
    justify-items: center;
    gap: 9px;
    color: #738197;
    font-size: 11px;
    font-weight: 850;
    text-transform: uppercase;
}

.chat-message-empty span {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 14px;
    background: #ffffff;
    color: #0f2556;
}

.chat-message-empty i,
.chat-message-empty svg {
    width: 22px;
    height: 22px;
}

.active-chat-edit-bar {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border-top: 1px solid rgba(197, 170, 100, 0.42);
    background: #fffaf0;
    color: #0f2556;
}

.active-chat-edit-bar.hidden {
    display: none;
}

.active-chat-edit-label {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #0f2556;
    font-size: 10px;
    font-weight: 900;
}

.active-chat-edit-label i,
.active-chat-edit-label svg {
    width: 14px;
    height: 14px;
    color: #B19769;
}

.active-chat-edit-actions {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.active-chat-edit-cancel,
.active-chat-delete-confirm {
    flex: 0 0 auto;
    height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 7px;
    background: #ffffff;
    color: #0f2556;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
}

.active-chat-composer {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px;
    border-top: 1px solid rgba(15, 37, 86, 0.12);
    background: #ffffff;
}

.active-chat-input,
#office-chat-input {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 36px;
    max-height: 76px;
    resize: none;
    border: 1px solid rgba(177, 151, 105, 0.52);
    border-radius: 8px;
    padding: 8px 10px;
    background: #ffffff;
    color: #0f2556;
    font-size: 12.8px;
    font-weight: 650;
    line-height: 1.34;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03);
}

.active-chat-input:focus,
#office-chat-input:focus {
    border-color: #C5AA64;
    box-shadow: 0 0 0 2px rgba(197, 170, 100, 0.14);
}

.active-chat-input.is-editing,
#office-chat-input.is-editing {
    border-color: #B19769;
    background: #fffaf0;
}

.active-chat-input::placeholder,
#office-chat-input::placeholder {
    color: #8492a6;
    font-weight: 650;
}

.active-chat-send,
#office-chat-send,
#chat-file-attach {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 8px;
    background: #ffffff;
    color: #0f2556;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(15, 37, 86, 0.10);
}

.active-chat-send:hover,
#office-chat-send:hover,
#chat-file-attach:hover {
    background: #fffaf0;
    color: #B19769;
}

.active-chat-send.is-editing,
#office-chat-send.is-editing {
    background: #fffaf0;
    color: #0f2556;
}

#office-chat-send i,
#office-chat-send svg,
#chat-file-attach i,
#chat-file-attach svg {
    width: 17px;
    height: 17px;
    stroke: currentColor;
}
.active-chat-half-btn {
    display: none;
}

@media (min-width: 769px) {
    .active-chat-half-btn {
        display: inline-flex;
    }

    body.chat-half-screen-open:not(.is-logged-out) .sidebar-right,
    body.chat-half-screen-open:not(.is-logged-out) .sidebar-right-expandable {
        width: min(52vw, 820px);
        min-width: min(560px, calc(100vw - 48px));
        height: min(72vh, 720px);
        max-height: calc(100vh - var(--corner-chat-lift) - 24px);
    }
}
@media (max-width: 768px) {
    :root {
        --corner-chat-width: min(316px, calc(100vw - 28px));
        --corner-chat-lift: calc(max(22px, env(safe-area-inset-bottom)) + var(--floating-action-size, 54px) + 8px);
        --corner-chat-height: min(560px, calc(100dvh - var(--corner-chat-lift) - 18px));
    }

    body:not(.is-logged-out) .sidebar-right,
    body:not(.is-logged-out) .sidebar-right-expandable {
        right: max(22px, env(safe-area-inset-right));
        bottom: var(--corner-chat-lift);
        max-width: calc(100vw - 28px);
        max-height: calc(100dvh - var(--corner-chat-lift) - 18px);
    }
}
/* Ajanda aylik gorunum: basliklari sigdigi kadar goster */
.event-pill.event-pill-mini {
    flex: 0 0 calc((100% - 4px) / 3) !important;
    width: calc((100% - 4px) / 3) !important;
    min-width: 0 !important;
    height: 18px !important;
    min-height: 18px !important;
    max-height: 18px !important;
    padding: 2px 4px 2px 6px !important;
    margin: 0 !important;
    font-size: 9px !important;
    line-height: 14px !important;
    text-align: left !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    display: block !important;
    text-overflow: ellipsis !important;
    border-left: 3px solid var(--agenda-color, #C5AA64) !important;
    background:
        linear-gradient(90deg, var(--agenda-soft, rgba(197, 170, 100, 0.22)) 0%, rgba(255, 255, 255, 0.86) 100%) !important;
    color: #1e3a8a !important;
    border-radius: 4px !important;
}

.event-pill {
    border-left-color: var(--agenda-color, #C5AA64) !important;
}


/* Detail modal fullscreen: single source of truth. */
body.detail-popup-fullscreen-open {
    overflow: hidden !important;
}

body.detail-popup-fullscreen-open #main-portal-content,
body.detail-popup-fullscreen-open #left-sidebar,
body.detail-popup-fullscreen-open .global-notes-toggle,
body.detail-popup-fullscreen-open .global-notes-panel {
    visibility: hidden !important;
    pointer-events: none !important;
}

body.detail-popup-fullscreen-open #dosya-detay-modal,
body.detail-popup-fullscreen-open #muvekkil-detay-modal,
body.detail-popup-fullscreen-open #dosya-detay-modal *,
body.detail-popup-fullscreen-open #muvekkil-detay-modal * {
    visibility: visible !important;
}

#dosya-detay-modal.detay-modal-wrapper.is-fullscreen,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen {
    position: fixed !important;
    inset: 0 !important;
    display: flex !important;
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    pointer-events: auto;
    z-index: 9999 !important;
}

#dosya-detay-modal.detay-modal-wrapper.is-fullscreen .detay-modal-container,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen .detay-modal-container {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #ffffff !important;
    overflow: hidden !important;
    transform: none !important;
}

#dosya-detay-modal.detay-modal-wrapper.active.is-fullscreen,
#muvekkil-detay-modal.detay-modal-wrapper.active.is-fullscreen {
    transform: none !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}

#dosya-detay-modal.detay-modal-wrapper.active.is-fullscreen .detay-modal-container,
#muvekkil-detay-modal.detay-modal-wrapper.active.is-fullscreen .detay-modal-container {
    min-width: 100vw !important;
    min-height: 100dvh !important;
}

#dosya-detay-modal.detay-modal-wrapper.is-fullscreen .detay-modal-container > .flex.flex-1,
#dosya-detay-modal.detay-modal-wrapper.is-fullscreen .detay-main-content-wrapper,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen .detay-modal-container > .flex.flex-1,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen .detay-main-content-wrapper {
    flex: 1 1 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: stretch !important;
    min-width: 0 !important;
    background: #ffffff !important;
}

#dosya-detay-modal.detay-modal-wrapper.is-fullscreen .modal-header,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen .modal-header {
    flex: 0 0 auto !important;
}

#dosya-detay-modal.detay-modal-wrapper.is-fullscreen #detay-left-section,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen .detay-main-content-wrapper > div:first-child {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
}

#dosya-detay-modal.detay-modal-wrapper.is-fullscreen .modal-body,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen .modal-body,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen .muvekkil-modal-body {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    max-height: none !important;
    height: auto !important;
    overflow-y: auto !important;
}

#dosya-detay-modal.detay-modal-wrapper.is-fullscreen #detay-yazisma-side,
#muvekkil-detay-modal.detay-modal-wrapper.is-fullscreen #muvekkil-yazisma-side {
    flex: 0 0 350px !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

#dosya-detay-modal.active .maximize-btn,
#muvekkil-detay-modal.active .maximize-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    color: #0f2556 !important;
    background: var(--brand-primary) !important;
    border-color: var(--brand-border) !important;
}

#dosya-detay-modal.active .detail-fullscreen-icon,
#muvekkil-detay-modal.active .detail-fullscreen-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    color: currentColor !important;
    stroke: currentColor !important;
    fill: none !important;
}

/* Bos not metni alaninda hafif ikon */
.global-notes-widget .notes-body-input:placeholder-shown {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 24 24' fill='none' stroke='%23c5aa64' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' opacity='0.22'%3E%3Cpath d='M15 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9Z'/%3E%3Cpath d='M15 3v6h6'/%3E%3Cpath d='M8 13h8'/%3E%3Cpath d='M8 17h5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 88px 88px !important;
}


#dosya-detay-modal.active .detail-filebar-row,
#muvekkil-detay-modal.active .detail-filebar-row {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    margin: 0;
    padding: 0 116px 0 0;
}

#dosya-detay-modal.active .detail-files-nav,
#muvekkil-detay-modal.active .detail-files-nav {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding: 0;
    margin: 0;
}

#dosya-detay-modal.active .ext-ctrl-group,
#muvekkil-detay-modal.active .ext-ctrl-group {
    position: absolute;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    top: 10px;
    right: 20px;
}

#dosya-detay-modal.active .ext-ctrl-group .ext-btn,
#muvekkil-detay-modal.active .ext-ctrl-group .ext-btn,
#dosya-detay-modal.active .ext-ctrl-group .print-detail-btn,
#muvekkil-detay-modal.active .ext-ctrl-group .print-muvekkil-detail-btn {
    width: 32px;
    height: 32px;
    min-width: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #CDB592;
    border-radius: 9px;
    background: #ffffff;
    color: #10224d;
    box-shadow: 0 7px 16px rgba(15,23,42,.12);
}

#dosya-detay-modal.active .ext-ctrl-group .ext-btn:hover,
#muvekkil-detay-modal.active .ext-ctrl-group .ext-btn:hover {
    background: #f7f4ec;
      filter: none;
}

#dosya-detay-modal.active .ext-ctrl-group .ext-btn i,
#dosya-detay-modal.active .ext-ctrl-group .ext-btn svg,
#muvekkil-detay-modal.active .ext-ctrl-group .ext-btn i,
#muvekkil-detay-modal.active .ext-ctrl-group .ext-btn svg {
    width: 16px;
    height: 16px;
    stroke-width: 2.2;
}

#dosya-detay-modal.active .modal-header,
#muvekkil-detay-modal.active .modal-header {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-auto-rows: auto;
    gap: 8px 12px;
    min-height: 0;
    padding: 10px 116px 10px 14px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f4ec 100%);
    border-bottom: 2px solid #10224d;
    box-shadow: 0 2px 0 #CDB592;
    cursor: default;
}

#dosya-detay-modal.active .modal-header > div:first-child,
#muvekkil-detay-modal.active .modal-header > div:first-child {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

#dosya-detay-modal.active .modal-header > #detay-tabs-nav,
#muvekkil-detay-modal.active .modal-header > #muvekkil-tabs-nav.muvekkil-header-tabs {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 30px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    overflow-x: auto;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

#dosya-detay-modal.active .modal-header > #detay-tabs-nav .detay-tab-btn,
#muvekkil-detay-modal.active .modal-header > #muvekkil-tabs-nav.muvekkil-header-tabs .muvekkil-tab-btn {
    height: 26px;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    padding: 0 12px;
    border: 1px solid rgba(205,181,146,.72);
    border-radius: 7px;
    background: #ffffff;
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 10px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 4px 10px rgba(15,23,42,.05);
}

#dosya-detay-modal.active .modal-header > #detay-tabs-nav .detay-tab-btn.active,
#muvekkil-detay-modal.active .modal-header > #muvekkil-tabs-nav.muvekkil-header-tabs .muvekkil-tab-btn.active {
    background: linear-gradient(180deg, #fff7df 0%, #ead9ba 100%);
    border-color: #C5AA64;
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    box-shadow: inset 0 -2px 0 #C5AA64, 0 5px 12px rgba(197, 170, 100, .16);
}


#dosya-detay-modal.active .detay-modal-title,
#muvekkil-detay-modal.active .detay-modal-title,
#muvekkil-detay-modal.active #muvekkil-modal-main-title {
    min-height: 22px;
    max-width: min(420px, 52vw);
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



#dosya-detay-modal.active #detay-files-nav,
#muvekkil-detay-modal.active #muvekkil-files-nav {
    flex: 1 1 auto;
    width: auto;
    max-width: 100%;
    min-width: 0;
    min-height: 30px;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    background: transparent;
    border: 0;
    box-shadow: none;
}

#dosya-detay-modal.active #detay-files-nav .file-tab,
#muvekkil-detay-modal.active #muvekkil-files-nav .file-tab {
    height: 28px;
    min-height: 28px;
    max-width: 280px;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 8px 0 11px;
    border: 1px solid rgba(205,181,146,.72);
    border-radius: 8px;
    background: #ffffff;
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 10px;
    line-height: 1;
    font-weight: 900;
    letter-spacing: 0;
    cursor: pointer;
}

#dosya-detay-modal.active #detay-files-nav .file-tab.active,
#muvekkil-detay-modal.active #muvekkil-files-nav .file-tab.active {
    border-color: #C5AA64;
    background: linear-gradient(180deg, #fff7df 0%, #ead9ba 100%);
    box-shadow: inset 0 -2px 0 #C5AA64;
}

#dosya-detay-modal.active #detay-files-nav .file-tab span:not(.file-tab-close),
#muvekkil-detay-modal.active #muvekkil-files-nav .file-tab span:not(.file-tab-close) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dosya-detay-modal.active #detay-files-nav .file-tab i,
#muvekkil-detay-modal.active #muvekkil-files-nav .file-tab i,
#dosya-detay-modal.active #detay-files-nav .file-tab svg,
#muvekkil-detay-modal.active #muvekkil-files-nav .file-tab svg {
    width: 13px;
    height: 13px;
}

#dosya-detay-modal.active #detay-files-nav .file-tab-close,
#muvekkil-detay-modal.active #muvekkil-files-nav .file-tab-close {
    width: 17px;
    height: 17px;
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 999px;
    background: rgba(255, 250, 240, 0.92);
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    font-size: 12px;
    line-height: 15px;
    cursor: pointer;
}

#dosya-detay-modal.active .modal-header button,
#muvekkil-detay-modal.active .modal-header button {
    cursor: pointer;
}

#dosya-detay-modal.active #detay-left-section .modal-body,
#muvekkil-detay-modal.active .modal-body {
    background: #f8f6f1;
}

@media (max-width: 768px) {
    #dosya-detay-modal.active .modal-header,
    #muvekkil-detay-modal.active .modal-header {
        padding: 8px 12px 7px !important;
    }

    #dosya-detay-modal.active .modal-header > #detay-tabs-nav,
    #muvekkil-detay-modal.active .modal-header > #muvekkil-tabs-nav.muvekkil-header-tabs,
    #dosya-detay-modal.active #detay-files-nav,
    #muvekkil-detay-modal.active #muvekkil-files-nav {
        width: 100% !important;
        max-width: 100% !important;
    }

    #dosya-detay-modal.active .modal-header > div:nth-child(2),
    #muvekkil-detay-modal.active .modal-header > div:nth-child(2) {
        max-width: 64vw !important;
    }

    #dosya-detay-modal.active .detay-modal-title,
    #muvekkil-detay-modal.active .detay-modal-title,
    #muvekkil-detay-modal.active #muvekkil-modal-main-title {
        max-width: 64vw !important;
    }
}

#dosya-detay-modal.detay-modal-wrapper.active:not(.is-minimized),
#muvekkil-detay-modal.detay-modal-wrapper.active:not(.is-minimized) {
    background: rgba(15, 23, 42, 0.48) !important;
    pointer-events: auto;
}

#dosya-detay-modal.detay-modal-wrapper.active:not(.is-minimized) .detay-modal-container,
#muvekkil-detay-modal.detay-modal-wrapper.active:not(.is-minimized) .detay-modal-container {
    pointer-events: auto;
}

#dosya-detay-modal.detay-modal-wrapper.is-minimized,
#muvekkil-detay-modal.detay-modal-wrapper.is-minimized {
    background: transparent !important;
    pointer-events: none !important;
}

/* Evrak konfigurasyon popup'lari: standart tasan/hareketli kapatma butonu */
#new-evrak-type-modal .evrak-config-modal-card,
#evrak-text-scan-settings-modal .evrak-config-modal-card,
#evrak-category-picker-modal .evrak-config-modal-card {
    max-height: calc(100vh - 48px) !important;
    overflow: visible !important;
    position: relative !important;
}

#new-evrak-type-modal .new-evrak-type-body {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 18px !important;
    align-items: start !important;
    max-height: calc(100vh - 124px) !important;
    overflow: auto !important;
}

#new-evrak-type-modal .new-evrak-type-left,
#new-evrak-type-modal .new-evrak-type-right {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#new-evrak-type-modal .new-evrak-type-right #new-evrak-text-fields-list {
    flex: 1 1 auto !important;
    max-height: 392px !important;
}

#new-evrak-type-modal .new-evrak-type-footer {
    grid-column: 1 / -1 !important;
}

#new-evrak-type-modal .evrak-config-floating-close,
#evrak-text-scan-settings-modal .evrak-config-floating-close,
#evrak-category-picker-modal .evrak-config-floating-close {
    position: absolute !important;
    top: -18px !important;
    right: -18px !important;
    width: 38px;
    height: 38px;
    min-width: 38px !important;
    min-height: 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    border: 2.5px solid #C5AA64 !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    color: #1e3a8a !important;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.28) !important;
    z-index: 8 !important;
    transition: transform 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}

#new-evrak-type-modal .evrak-config-floating-close:hover,
#evrak-text-scan-settings-modal .evrak-config-floating-close:hover,
#evrak-category-picker-modal .evrak-config-floating-close:hover {
    background: #1e3a8a;
    color: #C5AA64;
    transform: translate(2px, -2px) scale(1.04);
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.36);
}

#new-evrak-type-modal .evrak-config-floating-close i,
#new-evrak-type-modal .evrak-config-floating-close svg,
#evrak-text-scan-settings-modal .evrak-config-floating-close i,
#evrak-text-scan-settings-modal .evrak-config-floating-close svg,
#evrak-category-picker-modal .evrak-config-floating-close i,
#evrak-category-picker-modal .evrak-config-floating-close svg {
    width: 17px !important;
    height: 17px !important;
    stroke: currentColor !important;
}

@media (max-width: 768px) {
    #new-evrak-type-modal .new-evrak-type-body {
        grid-template-columns: 1fr !important;
        padding: 14px !important;
    }

    #new-evrak-type-modal .new-evrak-type-footer {
        flex-direction: column-reverse !important;
    }

    #new-evrak-type-modal .new-evrak-type-footer .modal-btn {
        width: 100% !important;
    }

#new-evrak-type-modal .evrak-config-floating-close,
    #evrak-text-scan-settings-modal .evrak-config-floating-close,
    #evrak-category-picker-modal .evrak-config-floating-close {
        top: -13px !important;
        right: -10px !important;
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        min-height: 34px !important;
    }
}

#job-tracking-bulk-complete-btn.hidden,
#job-tracking-bulk-delete-btn.hidden,
#agenda-bulk-delete-btn.hidden,
#job-tracking-bulk-complete-btn[aria-hidden="true"],
#job-tracking-bulk-delete-btn[aria-hidden="true"],
#agenda-bulk-delete-btn[aria-hidden="true"] {
    display: none !important;
}

.job-task-board {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 100%;
}

.job-task-board-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 10px 14px;
    border: 1px solid #C5AA64;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.job-task-board-head h3 {
    margin: 0;
    font-size: 12px;
    font-weight: 950;
    color: #1e3a8a;
    text-transform: uppercase;
    letter-spacing: .5px;
}

.job-task-board-head p {
    margin: 2px 0 0;
    font-size: 11px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
}

.job-task-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.job-task-summary span,
.job-task-type,
.job-task-due {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 8px;
    border: 1px solid #C5AA64;
    border-radius: 999px;
    background: #fff;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    line-height: 1.1;
    white-space: nowrap;
}

.job-task-due.critical {
    border-color: #ef4444;
    color: #b91c1c;
    background: #fff7f7;
}

.job-task-table-frame {
    flex: 1;
    overflow: auto;
}

.job-task-table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.job-task-table th,
.job-task-table td {
    height: 36px;
    padding: 6px 8px;
    border: .5px solid var(--table-line-soft, #9fb0cc);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.job-task-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: #f8fafc;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .35px;
}

.job-task-table td {
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.job-task-table tbody tr:nth-child(even) {
    background: #e8eef7;
}

.job-task-table tbody tr:hover {
    background: #dbeafe;
}

.job-task-select {
    width: 40px;
    text-align: center;
}

.job-task-table th:nth-child(2),
.job-task-table td:nth-child(2) {
    width: 92px;
}

.job-task-table th:nth-child(3),
.job-task-table td:nth-child(3) {
    width: 96px;
}

.job-task-table th:nth-child(4),
.job-task-table td:nth-child(4),
.job-task-table th:nth-child(7),
.job-task-table td:nth-child(7) {
    width: 110px;
}

.job-task-table th:nth-child(5),
.job-task-table td:nth-child(5) {
    width: 120px;
}

.job-task-table th:nth-child(8),
.job-task-table td:nth-child(8) {
    width: 150px;
}

.job-task-table th:last-child,
.job-task-table td:last-child {
    width: 54px;
    text-align: center;
}

.job-task-open-btn {
    width: 28px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid color-mix(in srgb, #C5AA64 72%, #ffffff);
    border-radius: 6px;
    transition: background .15s ease, color .15s ease, border-color .15s ease, transform .15s ease;
}

.job-task-open-btn svg {
    width: 15px;
    height: 15px;
    stroke-width: 2.4;
}

.job-task-open-btn:hover {
  }

.job-task-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 420px;
    text-align: center;
    padding: 48px 20px;
}

.job-task-empty-icon {
    width: 84px;
    height: 84px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #1e3a8a;
    border: 3px solid #C5AA64;
    color: #C5AA64;
    box-shadow: 0 18px 45px rgba(15, 23, 42, .14);
}

.job-task-empty-icon svg {
    width: 34px;
    height: 34px;
}

.job-task-empty h2 {
    margin: 18px 0 8px;
    color: #1e3a8a;
    font-size: 20px;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.job-task-empty p {
    max-width: 520px;
    color: #64748b;
    font-size: 13px;
    font-weight: 800;
}

#global-modal.ihtar-cleanup-global-modal .modal-content {
    width: min(520px, calc(100vw - 48px)) !important;
    max-width: 520px !important;
    border-width: 3px !important;
    border-radius: 14px !important;
    padding: 0 !important;
}

#global-modal.ihtar-cleanup-global-modal .modal-header {
    min-height: 46px;
    padding: 10px 18px;
    border-bottom: 1.5px solid rgba(197, 170, 100, 0.42);
    background: rgba(255, 255, 255, 0.94);
    color: #0f2556;
    box-shadow: none;}

#global-modal.ihtar-cleanup-global-modal .modal-header-title {
    color: #0f2556;
    -webkit-text-fill-color: #0f2556;
    font-size: 12px;
    line-height: 1.2;
}

#global-modal.ihtar-cleanup-global-modal .modal-body {
    padding: 14px 18px 10px !important;
}

#global-modal.ihtar-cleanup-global-modal .modal-buttons {
    padding: 0 18px 16px !important;
    gap: 10px !important;
}

#global-modal.ihtar-cleanup-global-modal .modal-btn {
    min-width: 92px !important;
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
}

.ihtar-cleanup-modal {
    display: grid;
    gap: 12px;
}

.ihtar-cleanup-modal p {
    margin: 0;
    color: #334155;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.45;
    text-align: center;
}

.ihtar-cleanup-options {
    display: grid;
    gap: 8px;
}

.ihtar-cleanup-choice {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    padding: 9px 11px;
    border: 1.5px solid rgba(30, 58, 138, 0.24);
    border-radius: 10px;
    background: #f8fafc;
    cursor: pointer;
}

.ihtar-cleanup-choice input {
    width: 17px;
    height: 17px;
    accent-color: #1e3a8a;
    flex: 0 0 auto;
}

.ihtar-cleanup-choice span {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ihtar-cleanup-choice strong {
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

.ihtar-cleanup-choice small {
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
}

#global-modal.maktu-icra-itiraz-modal .modal-content {
    width: min(940px, calc(100vw - 72px)) !important;
    max-width: 940px !important;
    max-height: calc(92 * min(var(--vh, 1vh), 1vh)) !important;
    padding: 22px !important;
    border: 1.5px solid #C5AA64 !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

#global-modal.maktu-icra-itiraz-modal .modal-header {
    display: none !important;
}

#global-modal.maktu-icra-itiraz-modal .modal-body {
    padding: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: calc(78 * min(var(--vh, 1vh), 1vh)) !important;
}

#global-modal.maktu-icra-itiraz-modal .modal-buttons {
    padding: 12px 0 0 !important;
    justify-content: flex-end !important;
    gap: 10px !important;
}

#global-modal.maktu-icra-itiraz-modal .modal-btn {
    height: 42px !important;
    min-width: 92px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

#global-modal.maktu-icra-itiraz-active .modal-content {
    width: min(1120px, calc(100vw - 64px)) !important;
    max-width: 1120px !important;
    max-height: calc(94 * min(var(--vh, 1vh), 1vh)) !important;
    overflow: visible !important;
}

#global-modal.maktu-icra-itiraz-active .modal-body {
    overflow: hidden !important;
    max-height: calc(78 * min(var(--vh, 1vh), 1vh)) !important;
}

#global-modal.maktu-icra-itiraz-active .modal-content > .ext-btn-close,
#global-modal.maktu-icra-itiraz-active .modal-content > button:first-child {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    z-index: 1003 !important;
}

#global-modal.maktu-icra-itiraz-active .modal-minimize-btn {
    top: 10px !important;
    right: 52px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    z-index: 1002 !important;
}

#global-modal.maktu-arabuluculuk-modal .modal-minimize-btn {
  top: 10px !important;
  right: 52px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  border-radius: 10px !important;
  z-index: 1002 !important;
}

.maktu-icra-live-layout {
    height: min(72vh, 760px);
    display: grid;
    grid-template-columns: minmax(680px, 1fr) minmax(280px, .42fr);
    gap: 14px;
    min-width: 0;
}

.maktu-icra-live-form {
    min-width: 0;
    overflow: auto;
    padding-right: 4px;
}

#global-modal.maktu-icra-itiraz-active .maktu-signature-panel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin: 0 0 18px !important;
    flex: 0 0 auto;
    min-height: 0;
}

#global-modal.maktu-icra-itiraz-active .maktu-signature-preview-row {
    grid-template-columns: minmax(260px, 1fr) minmax(0, 1.8fr);
}

#global-modal.maktu-icra-itiraz-active .maktu-signature-preview {
    min-height: 82px;
}

#global-modal.maktu-icra-itiraz-active .maktu-icra-direct-body {
    max-height: calc(76 * min(var(--vh, 1vh), 1vh)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 4px;
}

.maktu-icra-live-preview-panel {
    min-width: 0;
    background: transparent;
    overflow: visible;
    display: flex;
    flex-direction: column;
}

.maktu-icra-live-preview-panel.is-highlighted {
    box-shadow: 0 0 0 3px rgba(197, 170, 100, .22), 0 14px 34px rgba(15, 23, 42, .18);
}

.maktu-icra-live-preview-container {
    flex: 1 1 auto;
    min-height: 420px;
    border: 2px solid #C5AA64;
    border-radius: 9px;
    background: #fff;
    overflow: auto;
    display: flex;
    align-items: stretch;
    justify-content: stretch;
}

.maktu-icra-live-preview-text {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: auto;
    padding: 18px;
    color: #0f172a;
    font-family: "Times New Roman", serif;
    font-size: 12px;
    line-height: 1.45;
    white-space: normal;
}

.maktu-icra-save-example-wrap {
    margin-right: auto;
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.maktu-icra-save-example-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    min-width: 190px !important;
    height: 42px !important;
    padding: 0 14px !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
}

.maktu-icra-save-example-name-popup {
    position: fixed;
    inset: 0;
    z-index: 2147483640;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(15, 23, 42, .38);
}

.maktu-icra-save-example-dialog {
    width: min(420px, calc(100vw - 36px));
    border: 1.5px solid #C5AA64;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .28);
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.maktu-icra-save-example-dialog-head {
    color: #1e3a8a;
    font-size: 12px;
    font-weight: 950;
}

.maktu-icra-save-example-note {
    margin-top: -2px;
    border: 1px dashed #C5AA64;
    border-radius: 7px;
    background: #fffbeb;
    color: #7c5d12;
    padding: 8px 10px;
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1.35;
}

.maktu-icra-save-example-dialog-buttons {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.maktu-icra-itiraz-form {
    display: flex;
    flex-direction: column;
    min-height: 0;
    border-top: 2px solid #C5AA64;
}

.maktu-icra-form-title {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #10285f;
    color: #C5AA64;
    border-bottom: 2px solid #C5AA64;
    font-size: 16px;
    font-weight: 950;
    letter-spacing: 0;
}

.maktu-icra-form-scroll {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: none;
    overflow: visible;
    padding: 16px 0 12px;
}

.maktu-icra-record-select {
    min-width: 0;
}

.maktu-icra-petition-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 4px;
}

.maktu-icra-template-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: wrap;
}

.maktu-icra-template-actions button {
    width: 28px;
    height: 26px;
    border: 1px solid #bfdbfe;
    border-radius: 6px;
    background: #eff6ff;
    color: #1e3a8a;
    cursor: pointer;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.maktu-icra-template-actions button svg,
.maktu-icra-template-actions button i {
    width: 14px;
    height: 14px;
    stroke-width: 2.4;
}

.maktu-icra-template-actions button[data-icra-delete-petition-example] {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b91c1c;
}

.maktu-icra-template-actions button[data-icra-clear-petition-form] {
    border-color: #d1d5db;
    background: #f8fafc;
    color: #475569;
}

.maktu-icra-template-actions button[data-icra-preview-petition] {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.maktu-icra-template-actions button[data-icra-redownload-last] {
    border-color: #ddd6fe;
    background: #f5f3ff;
    color: #6d28d9;
}

.maktu-icra-template-actions button:disabled {
    border-color: #e5e7eb;
    background: #f1f5f9;
    color: #94a3b8;
    cursor: not-allowed;
    opacity: .72;
}

.maktu-icra-preview-popup {
    position: fixed;
    inset: 0;
    z-index: 10000030;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 22px;
    background: rgba(15, 23, 42, .52);
    overflow: auto;
}

.maktu-icra-preview-dialog {
    width: min(1040px, 100%);
    max-height: calc(100vh - 44px);
    overflow: hidden;
    border: 1.5px solid #C5AA64;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 18px 44px rgba(15, 23, 42, .28);
    display: flex;
    flex-direction: column;
}

.maktu-icra-print-preview-stage {
    flex: 1 1 auto;
    overflow: auto;
    padding: 28px;
    background: #e5e7eb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.maktu-icra-preview-note {
    width: 794px;
    max-width: 100%;
    margin: 0 0 10px;
    border: 1px solid #C5AA64;
    border-radius: 8px;
    background: #fffbeb;
    color: #7c5d12;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.35;
}

.maktu-icra-preview-head {
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 12px;
    background: #10285f;
    color: #C5AA64;
    font-size: 12px;
    font-weight: 950;
}

.maktu-icra-preview-head button {
    width: 28px;
    height: 26px;
    border: 1px solid rgba(197, 170, 100, .78);
    border-radius: 7px;
    background: rgba(255, 255, 255, .08);
    color: #C5AA64;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.maktu-icra-preview-head svg {
    width: 15px;
    height: 15px;
}

.maktu-icra-preview-text {
    margin: 0;
    width: 794px;
    min-height: 1123px;
    padding: 76px 72px;
    overflow: visible;
    color: #111827;
    font-family: Calibri, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
    background: #fff;
    border: 1px solid #d1d5db;
    box-shadow: 0 22px 55px rgba(15, 23, 42, .24);
    box-sizing: border-box;
}

@media (max-width: 920px) {
    .maktu-icra-print-preview-stage {
        justify-content: flex-start;
    }
}

.maktu-icra-top-select-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr);
    gap: 10px;
    align-items: end;
    margin-bottom: 8px;
}

.maktu-icra-date-row,
.maktu-icra-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.maktu-icra-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border: 1.5px solid #C5AA64;
    border-radius: 10px;
    background: #fff;
}

.maktu-icra-party-box {
    display: flex;
    flex-direction: column;
    gap: 9px;
    min-width: 0;
    padding: 10px;
    border: 1.5px solid #C5AA64;
    border-radius: 10px;
    background: #fff;
}

.maktu-icra-visibility-panel {
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #f8fbff;
    padding: 8px;
}

.maktu-icra-visibility-toggle {
    height: 34px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1e3a8a;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.maktu-icra-visibility-options {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: 8px;
}

.maktu-icra-visibility-options.hidden {
    display: none;
}

.maktu-icra-visibility-option {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #e5e7eb;
    border-radius: 7px;
    background: #fff;
    padding: 7px 8px;
    color: #1f2937;
    font-size: 11px;
    font-weight: 800;
}

.maktu-icra-visibility-option input {
    width: 14px;
    height: 14px;
    flex: 0 0 auto;
    accent-color: #1e3a8a;
}

.maktu-icra-field-hidden:not(label):not([data-icra-ready-wrap]) {
    display: none !important;
}

label.maktu-icra-field.maktu-icra-field-hidden .modal-input {
    display: none !important;
}

label.maktu-icra-field.maktu-icra-row-shared-rep-hidden {
    display: none !important;
}

.maktu-icra-row-representative-actions {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.maktu-icra-row-representative-actions.maktu-icra-row-shared-rep-hidden {
    display: none !important;
}

.maktu-icra-row-representative-actions button {
    height: 30px;
    border: 1px solid #bfdbfe;
    border-radius: 7px;
    background: #eff6ff;
    color: #1e3a8a;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

.maktu-icra-row-representative-actions button.is-active {
    background: #1e3a8a;
    color: #fff;
    border-color: #1e3a8a;
}

.maktu-icra-row-representative-custom {
    display: none !important;
}

.maktu-icra-row-representative-custom.maktu-icra-row-representative-custom-visible:not(.maktu-icra-row-shared-rep-hidden) {
    display: flex !important;
}

.maktu-icra-party-rep-address.maktu-icra-row-representative-custom-visible:not(.maktu-icra-row-shared-rep-hidden) {
    display: flex !important;
}

[data-icra-ready-wrap].maktu-icra-field-hidden > :not(:first-child) {
    display: none !important;
}

label.maktu-icra-field.maktu-icra-field-hidden .maktu-icra-label-with-eye,
[data-icra-ready-wrap].maktu-icra-field-hidden .maktu-icra-label-with-eye {
    color: #9ca3af;
}

.maktu-icra-label-with-eye {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.maktu-icra-label-with-eye > span {
    min-width: 0;
}

.maktu-icra-field-eye {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1px solid #bfdbfe;
    border-radius: 7px;
    background: #eff6ff;
    color: #1d4ed8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    cursor: pointer;
    padding: 0;
}

.maktu-icra-field-eye.is-hidden {
    border-color: #fecaca;
    background: #fff1f2;
    color: #b91c1c;
}

.maktu-icra-field-eye.is-hidden::after {
    content: "";
    position: absolute;
    left: 4px;
    right: 4px;
    top: 50%;
    height: 2px;
    border-radius: 999px;
    background: #dc2626;
    transform: rotate(-18deg);
    pointer-events: none;
}

.maktu-icra-party-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 260px);
    gap: 8px;
    align-items: center;
}

.maktu-icra-party-title {
    width: 100%;
    min-width: 0;
    border: 0;
    border-bottom: 1px solid transparent;
    background: transparent;
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
    outline: none;
}

.maktu-icra-party-title:focus {
    border-bottom-color: #C5AA64;
}

.maktu-icra-party-role-select {
    height: 36px !important;
    min-height: 36px !important;
    line-height: 34px !important;
    padding: 0 34px 0 12px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    width: 100% !important;
}

.maktu-icra-party-role-pill {
    min-height: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #1e3a8a;
    border-radius: 7px;
    color: #1e3a8a;
    background: #eef4ff;
    font-size: 11px;
    font-weight: 900;
    padding: 0 12px;
}

.maktu-icra-party-row {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(120px, .72fr) minmax(120px, .72fr);
    gap: 8px;
    padding: 8px;
    border: 1px solid #dbeafe;
    border-radius: 8px;
    background: #fbfdff;
}

.maktu-icra-party-row + .maktu-icra-party-row {
    margin-top: 8px;
}

.maktu-icra-party-row-title,
.maktu-icra-party-address,
.maktu-icra-party-rep-address {
    grid-column: 1 / -1;
}

.maktu-icra-party-row-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #475569;
    font-size: 10px;
    font-weight: 900;
}

.maktu-icra-remove-party-btn {
    width: 24px;
    height: 24px;
    border: 1px solid #fecaca;
    border-radius: 7px;
    background: #fff1f2;
    color: #b91c1c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
}

.maktu-icra-party-representative {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px 12px;
    padding: 10px;
    border: 1px dashed #C5AA64;
    border-radius: 8px;
    background: #fffdf8;
    align-items: start;
}

.maktu-icra-representative-address-field {
    grid-column: 1 / -1;
}

.maktu-icra-representative-address-field textarea {
    min-height: 72px;
}

.maktu-icra-shared-representative-option {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    padding-top: 2px;
}

.maktu-icra-shared-representative-option input {
    width: 14px;
    height: 14px;
    accent-color: #1e3a8a;
}

.maktu-icra-party-representative .modal-input {
    width: 100%;
}

.maktu-icra-add-party-btn {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 0;
    background: transparent;
    color: #111827;
    font-size: 13px;
    cursor: pointer;
    padding: 2px 0;
}

.maktu-icra-add-party-btn span {
    font-size: 18px;
    line-height: 1;
}

.maktu-icra-result-date {
    width: min(240px, 100%);
}

.maktu-icra-section-title {
    color: #1e3a8a;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: 0;
}

.maktu-icra-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.maktu-icra-itiraz-form .modal-label {
    color: #1e3a8a !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

.maktu-icra-itiraz-form .modal-input {
    border: 1.5px solid #1e3a8a !important;
    border-radius: 7px !important;
    background: #fff !important;
    color: #1e3a8a !important;
    font-size: 12px !important;
}

@media (max-width: 768px) {
    #global-modal.maktu-icra-itiraz-modal .modal-content {
        width: calc(100vw - 24px) !important;
        padding: 14px !important;
    }

    .maktu-icra-date-row,
    .maktu-icra-form-grid,
    .maktu-icra-top-select-row,
    .maktu-icra-visibility-options {
        grid-template-columns: 1fr;
    }

    .maktu-icra-party-top,
    .maktu-icra-party-row,
    .maktu-icra-party-representative {
        grid-template-columns: 1fr;
    }

    .maktu-icra-form-title {
        height: auto;
        min-height: 38px;
        padding: 8px;
        font-size: 14px;
        text-align: center;
    }
}

.maktu-icra-direct-overlay {
    position: fixed;
    inset: 0;
    z-index: 10000050;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 26px;
    background: rgba(15, 23, 42, 0.76);
    pointer-events: auto;
}

.maktu-icra-direct-overlay.active {
    display: flex;
}

.maktu-icra-direct-card {
    position: relative;
    width: min(940px, calc(100vw - 72px));
    height: calc(92 * min(var(--vh, 1vh), 1vh));
    max-height: calc(92 * min(var(--vh, 1vh), 1vh));
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1.5px solid #C5AA64;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.42);
    overflow: visible;
    pointer-events: auto;
}

.maktu-icra-direct-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #C5AA64;
    border-radius: 14px;
    background: #1e3a8a;
    color: #C5AA64;
    cursor: pointer;
    z-index: 40;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
    pointer-events: auto;
}

.maktu-icra-direct-body {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 8px;
}

.maktu-icra-direct-body .maktu-icra-itiraz-form {
    flex: 1 1 auto;
    min-height: 0;
}

.maktu-icra-direct-body .maktu-icra-form-scroll {
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow: visible;
    padding-bottom: 112px;
}

.maktu-icra-direct-buttons {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 18px;
    z-index: 100;
    flex: 0 0 auto;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    padding: 12px 0 0;
    background: #ffffff;
    pointer-events: auto;
}

.maktu-icra-direct-buttons .modal-btn {
    height: 42px !important;
    min-width: 92px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    pointer-events: auto;
    cursor: pointer !important;
}

.maktu-archive-inline-confirm {
    position: fixed;
    inset: 0;
    z-index: 10000040;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(15, 23, 42, .34);
    pointer-events: none;
}

.maktu-archive-inline-dialog {
    width: min(520px, 100%);
    border: 1.5px solid #C5AA64;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.28);
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 10px;
    padding: 12px;
    pointer-events: auto;
    text-align: center;
}

.maktu-archive-inline-title {
    background: #10285f;
    color: #C5AA64;
    border: 1px solid #C5AA64;
    border-radius: 7px;
    padding: 8px 10px;
    font-size: 10px;
    font-weight: 950;
    justify-self: center;
    white-space: nowrap;
}

.maktu-archive-inline-message {
    color: #1f2937;
    font-size: 10.5px;
    font-weight: 750;
    line-height: 1.35;
    text-align: center;
}

.maktu-archive-inline-actions {
    display: flex;
    justify-content: center;
    gap: 8px;
}

.maktu-archive-inline-actions button {
    min-width: 70px;
    height: 30px;
    border: 0;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 950;
    cursor: pointer;
}

.maktu-archive-inline-actions [data-maktu-archive-inline-no] {
    background: #e2e8f0;
    color: #475569;
}

.maktu-archive-inline-actions [data-maktu-archive-inline-yes] {
    background: #1e3a8a;
    color: #C5AA64;
}

.maktu-icra-force-confirm {
    position: relative !important;
    z-index: 120 !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto;
    user-select: none !important;
}

.maktu-icra-direct-buttons .modal-btn:disabled {
    cursor: pointer !important;
    opacity: 1 !important;
}

@media (max-width: 768px) {
    .maktu-icra-direct-overlay {
        padding: 12px;
    }

    .maktu-icra-direct-card {
        width: 100%;
        height: calc(94 * min(var(--vh, 1vh), 1vh));
        max-height: calc(94 * min(var(--vh, 1vh), 1vh));
        padding: 14px;
    }

    .maktu-icra-direct-close {
        top: -10px;
        right: -8px;
    }
}

.mediation-status-cell,
.workflow-status-cell {
    display: grid;
    gap: 0;
    min-width: 0;
    width: 100%;
    align-content: center;
    justify-items: stretch;
}

.mediation-status-buttons,
.workflow-status-buttons {
    display: grid;
    gap: 2px;
    width: 100%;
    min-width: 0;
    grid-auto-rows: 20px;
    align-items: stretch;
}

.workflow-status-buttons.three,
.workflow-status-buttons.five,
.workflow-status-buttons.result-status-buttons,
.mediation-status-buttons.result-status-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
}

.workflow-status-buttons.result-status-buttons,
.mediation-status-buttons.result-status-buttons {
    padding: 2px;
    border: 1px solid rgba(197, 170, 100, 0.55);
    border-radius: 7px;
    background: #f8fafc;
}

.workflow-status-buttons.result-status-buttons .pending,
.mediation-status-buttons.result-status-buttons .pending,
.mediation-status-buttons.result-status-buttons .applied {
    grid-column: auto;
}

.workflow-status-btn,
.mediation-status-btn,
.workflow-status-date-badge {
    min-width: 0;
    width: 100%;
    height: 20px;
    min-height: 20px;
    max-height: 20px;
    padding: 0 4px;
    border: 1px solid rgba(197, 170, 100, 0.82);
    border-radius: 5px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    color: #1e3a8a;
    font-size: 7.5px;
    font-weight: 900;
    line-height: 1;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: inset 0 -1px 0 rgba(15, 23, 42, 0.05);
}

.workflow-status-btn.active,
.mediation-status-btn.active {
    background: #1e3a8a;
    color: #C5AA64;
    box-shadow: inset 0 0 0 1px rgba(197, 170, 100, 0.35), 0 1px 3px rgba(15, 23, 42, 0.12);
}

.workflow-status-buttons.result-status-buttons .positive,
.mediation-status-buttons.result-status-buttons .positive,
.workflow-status-buttons.result-status-buttons .negative,
.mediation-status-buttons.result-status-buttons .negative {
    height: 20px;
    border-radius: 5px;
    font-size: 7.5px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.workflow-status-buttons.result-status-buttons .positive.active,
.mediation-status-buttons.result-status-buttons .positive.active {
    background: #f0fdf4;
    color: #166534;
    border-color: #16a34a;
    box-shadow: inset 0 0 0 1px rgba(22, 163, 74, 0.2);
}

.workflow-status-buttons.result-status-buttons .negative.active,
.mediation-status-buttons.result-status-buttons .negative.active {
    background: #fef2f2;
    color: #991b1b;
    border-color: #ef4444;
    box-shadow: inset 0 0 0 1px rgba(239, 68, 68, 0.18);
}

.mediation-status-btn.positive.active,
.workflow-status-btn.positive.active,
.workflow-status-btn.ready.active,
.workflow-status-btn.petition_ready.active,
.workflow-status-btn.amendment.active {
    border-color: #16a34a;
}

.mediation-status-btn.applied.active {
    border-color: #3b82f6;
}

.mediation-status-btn.negative.active,
.workflow-status-btn.negative.active,
.workflow-status-btn.icrada.active,
.workflow-status-btn.filed.active,
.workflow-status-btn.objection.active {
    border-color: #ef4444;
}

.workflow-status-btn:hover,
.mediation-status-btn:hover {
    border-color: #1e3a8a;
    background: #eef2ff;
}

.workflow-status-btn.active:hover,
.mediation-status-btn.active:hover {
    background: #1e3a8a;
    color: #C5AA64;
}

.workflow-status-btn:disabled,
.mediation-status-btn:disabled {
    cursor: default;
    opacity: 0.7;
}

.lawsuit-status-cell .workflow-status-date-badge.filed-date {
    grid-column: auto;
}

.mediation-status-meta,
.workflow-status-meta {
    display: none;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table thead th {
    height: 28px;
    min-height: 28px;
    padding: 2px 5px;
    font-size: 9.5px;
    line-height: 1.08;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td {
    height: 28px;
    padding: 1px 3px;
    vertical-align: middle;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="workflow"] {
    height: 48px;
    padding: 3px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="workflow"] :is(.workflow-status-cell, .mediation-status-cell) {
    min-height: 42px;
    max-height: 42px;
    overflow: hidden;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td:not([data-col-kind="workflow"]) .cell-input {
    height: 26px;
    min-height: 26px;
    padding: 3px 5px;
    font-size: 11.5px;
    line-height: 1.1;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="date"] .cell-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="plate"] .cell-input,
body:is(.office-mode, .client-mode):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):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="identity"] .cell-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="duration"] .cell-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) #dosya-view:not(.hidden) #data-table tbody td[data-col-kind="amount"] .cell-input {
    text-align: center;
}

/* Tablo başlıkları: uzun başlıklar hücreyi büyütmeden alt satıra insin. */
body:not(.is-logged-out) #job-tracking-items-container table thead th,
body:not(.is-logged-out) #calendar-agenda-content table thead th,
body:not(.is-logged-out) #maktu-evraklar-view table thead th,
body:not(.is-logged-out) #kullanici-view table thead th,
body:not(.is-logged-out) #loglar-view table thead th,
.assigned-work-table thead th {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-overflow: clip !important;
    line-height: 1.15 !important;
    min-height: 40px !important;
    height: auto !important;
    max-height: none !important;
    vertical-align: middle !important;
}

#delete-confirm-modal,
#delete-confirm-modal.active {
    align-items: center !important;
    justify-content: center;
    padding: 18px !important;
}

#delete-confirm-modal.active > .modal-content {
    width: min(430px, calc(100vw - 42px)) !important;
    min-width: 0 !important;
    max-width: min(430px, calc(100vw - 42px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 44px) !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: visible !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .34) !important;
}

#delete-confirm-modal .ext-btn-close {
    width: 42px !important;
    height: 42px !important;
    top: -18px !important;
    right: -18px !important;
}

#delete-confirm-modal .ext-btn-close svg {
    width: 20px !important;
    height: 20px !important;
}

#delete-confirm-modal .modal-header {
    min-height: 0 !important;
    height: auto !important;
    padding: 12px 44px 11px 18px !important;
    margin: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    border-bottom: 2px solid var(--brand-border) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

#delete-confirm-modal .modal-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 24px 22px 14px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

#delete-confirm-modal .modal-body p {
    margin: 0 !important;
}

#delete-confirm-modal .modal-buttons {
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 20px 22px !important;
    margin: 0 !important;
    gap: 10px !important;
    justify-content: center;
}

#delete-confirm-modal .modal-btn {
    min-width: 92px !important;
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

/* Kisa onay ve bilgi kutulari icin ortak kompakt standart. */
#delete-confirm-modal,
#delete-confirm-modal.active,
#close-confirm-modal,
#close-confirm-modal.active,
#custom-confirm-modal:not(.login-alert-modal),
#custom-confirm-modal:not(.login-alert-modal).active,
#custom-prompt-modal,
#custom-prompt-modal.active,
#global-modal.simple-prompt-modal,
#global-modal.simple-prompt-modal.active {
    align-items: center !important;
    justify-content: center;
    padding: 18px !important;
    overflow: hidden !important;
}

#delete-confirm-modal.active > .modal-content,
#close-confirm-modal > .modal-content,
#close-confirm-modal.active > .modal-content,
#custom-confirm-modal:not(.login-alert-modal) > .modal-content.confirm-modal-content-std,
#custom-confirm-modal:not(.login-alert-modal).active > .modal-content.confirm-modal-content-std {
    position: relative !important;
    inset: auto !important;
    width: min(420px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    max-width: min(420px, calc(100vw - 40px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 44px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 2px solid var(--brand-border) !important;
    border-radius: 12px !important;
    overflow: visible !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .30) !important;
}

#custom-prompt-modal > .custom-prompt-content,
#custom-prompt-modal.active > .custom-prompt-content,
#global-modal.simple-prompt-modal > .modal-content,
#global-modal.simple-prompt-modal.active > .modal-content {
    position: relative !important;
    inset: auto !important;
    width: min(460px, calc(100vw - 40px)) !important;
    min-width: 0 !important;
    max-width: min(460px, calc(100vw - 40px)) !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: calc(100dvh - 44px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: 2px solid var(--brand-border) !important;
    border-radius: 12px !important;
    overflow: visible !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .30) !important;
}

#delete-confirm-modal .modal-header,
#close-confirm-modal .modal-header,
#custom-confirm-modal:not(.login-alert-modal) .modal-header,
#custom-prompt-modal .modal-header,
#global-modal.simple-prompt-modal .modal-header {
    min-height: 0 !important;
    height: auto !important;
    padding: 11px 42px 10px 16px !important;
    margin: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    border-bottom: 2px solid var(--brand-border) !important;
    background: rgba(255, 255, 255, 0.94);
    color: #0f2556;
    font-size: 12px !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

#delete-confirm-modal .modal-body,
#custom-confirm-modal:not(.login-alert-modal) .modal-body,
#global-modal.simple-prompt-modal .modal-body {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 20px 18px 10px !important;
    margin: 0 !important;
    overflow: visible !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

#close-confirm-modal .modal-body {
    min-height: 0 !important;
    padding: 12px 14px 8px !important;
    margin: 0 !important;
}

#close-confirm-modal .modal-body > div {
    margin: 0 !important;
    padding: 18px 16px !important;
    border-width: 2px !important;
    border-radius: 10px;
}

#close-confirm-modal .modal-body > div > div:first-child {
    width: 38px;
    height: 38px;
    margin-bottom: 10px !important;
    border-radius: 10px;
}

#close-confirm-modal .modal-body svg {
    width: 18px !important;
    height: 18px !important;
}

#custom-prompt-modal .modal-body {
    min-height: 0 !important;
    height: auto !important;
    padding: 14px 16px 8px !important;
    margin: 0 !important;
}

#delete-confirm-modal .modal-body p,
#custom-confirm-modal:not(.login-alert-modal) #custom-confirm-msg,
#close-confirm-modal #close-confirm-msg {
    margin: 0 !important;
}

#delete-confirm-modal .modal-buttons,
#close-confirm-modal .modal-buttons,
#custom-confirm-modal:not(.login-alert-modal) .modal-buttons,
#custom-prompt-modal .modal-buttons,
#global-modal.simple-prompt-modal .modal-buttons {
    display: flex !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 6px 16px 16px !important;
    margin: 0 !important;
    gap: 10px !important;
    justify-content: center;
}

#delete-confirm-modal .modal-btn,
#close-confirm-modal .modal-btn,
#custom-confirm-modal:not(.login-alert-modal) .modal-btn,
#custom-prompt-modal .modal-btn,
#global-modal.simple-prompt-modal .modal-btn {
    min-width: 86px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 15px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

#global-modal.maktu-icra-itiraz-active.active .modal-buttons {
    display: flex !important;
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 2147483000 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
    height: auto !important;
    min-height: 54px !important;
    padding: 10px 16px 16px !important;
    margin: 0 !important;
    gap: 10px !important;
    justify-content: flex-end !important;
    background: #ffffff !important;
}

#global-modal.maktu-icra-itiraz-active.active .modal-confirm-btn,
#global-modal.maktu-icra-itiraz-active.active .modal-cancel-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto;
    cursor: pointer !important;
    min-width: 92px !important;
    min-height: 40px !important;
    height: 38px;
    position: relative !important;
    z-index: 2147483001 !important;
}

#delete-confirm-modal .ext-btn-close,
#close-confirm-modal .ext-btn-close,
#custom-confirm-modal:not(.login-alert-modal) .ext-btn-close {
    top: 10px !important;
    right: 10px !important;
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 10px;
}

#delete-confirm-modal .ext-btn-close svg,
#close-confirm-modal .ext-btn-close svg,
#custom-confirm-modal:not(.login-alert-modal) .ext-btn-close svg {
    width: 18px !important;
    height: 18px !important;
}

.simple-prompt-input,
#custom-prompt-input.custom-prompt-textarea {
    height: 64px !important;
    padding: 9px 11px !important;
}

#dosya-detay-modal .detail-info-shell {
    min-height: 100%;
    padding: 10px;
    border: 2px solid var(--brand-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
    animation: fadeIn 0.22s ease-out;
}

#dosya-detay-modal .detail-info-stack {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#dosya-detay-modal .detail-info-top-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 280px);
    gap: 8px;
    align-items: stretch;
}

#dosya-detay-modal .detail-info-two-col,
#dosya-detay-modal .detail-info-main-grid,
#dosya-detay-modal .detail-info-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    align-items: stretch;
}

#dosya-detay-modal .detail-info-main-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

#dosya-detay-modal .detail-info-bottom-grid {
    grid-template-columns: minmax(240px, 0.85fr) minmax(280px, 1.15fr);
}

#dosya-detay-modal .detail-info-card,
#dosya-detay-modal .detail-statute-card {
    border: 1px solid rgba(205, 181, 146, 0.78);
    border-radius: 9px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.045);
}

#dosya-detay-modal .detail-info-card-title {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 29px;
    padding: 6px 9px;
    border-bottom: 1px solid rgba(205, 181, 146, 0.62);
    background: #f7f4ec;
    color: #10224d;
    -webkit-text-fill-color: #10224d;
    font-size: 10px;
    font-weight: 950;
    line-height: 1.1;
    text-transform: uppercase;
}

#dosya-detay-modal .detail-info-card-title i,
#dosya-detay-modal .detail-info-card-title svg {
    width: 13px;
    height: 13px;
    flex: 0 0 auto;
    color: #10224d;
    stroke: #10224d;
}

#dosya-detay-modal .detail-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 4px 6px;
    padding: 7px;
}

#dosya-detay-modal .detail-info-card:has(textarea[data-key="aciklama"]) .detail-info-grid {
    grid-template-columns: 1fr;
}

#dosya-detay-modal .detail-field-wrapper {
    gap: 2px !important;
    padding: 3px 5px !important;
    border-radius: 6px !important;
}

#dosya-detay-modal .detail-field-wrapper label {
    font-size: 9px !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
}

#dosya-detay-modal .detail-field-wrapper .modal-input {
    min-height: 26px !important;
    height: 26px !important;
    padding: 3px 8px !important;
    border-width: 1px !important;
    border-radius: 6px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
}

#dosya-detay-modal .detail-field-wrapper textarea.modal-input {
    min-height: 34px !important;
    height: 36px !important;
    resize: vertical !important;
}

#dosya-detay-modal .detail-statute-card {
    padding: 7px;
    display: grid;
    gap: 4px;
    overflow: visible;
}

#dosya-detay-modal .detail-statute-title {
    padding: 0 0 5px;
    border-bottom: 1px solid rgba(205,181,146,.62);
    background: #f7f4ec;
    color: #10224d;
    font-size: 10px;
    font-weight: 950;
    line-height: 1.1;
    text-transform: uppercase;
}

#dosya-detay-modal .detail-statute-remaining {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-top: 3px;
    padding-top: 6px;
    border-top: 1px dashed rgba(30, 58, 138, 0.22);
}

#dosya-detay-modal .detail-statute-remaining span {
    color: #1e3a8a;
    font-size: 8.5px;
    font-weight: 950;
    opacity: 0.75;
}

#dosya-detay-modal .detail-statute-remaining strong {
    color: #1e3a8a;
    font-size: 10.5px;
    font-weight: 950;
    text-align: right;
}

#dosya-detay-modal .detail-process-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 7px;
}

#dosya-detay-modal .detail-process-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 22px;
    padding: 0 8px;
    border: 1px solid rgba(197, 170, 100, 0.85);
    border-radius: 999px;
    background: #f8fafc;
    color: #1e3a8a;
    font-size: 9px;
    font-weight: 950;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#dosya-detay-modal .detail-current-card #son-durum-container {
    padding: 7px;
}

#dosya-detay-modal .detail-current-card #son-durum-container > div {
    gap: 5px !important;
    padding: 7px !important;
    border-radius: 7px !important;
}

#dosya-detay-modal .detail-current-card #son-durum-container span {
    font-size: 11px !important;
}

@media (max-width: 900px) {
    #dosya-detay-modal .detail-info-top-grid,
    #dosya-detay-modal .detail-info-two-col,
    #dosya-detay-modal .detail-info-bottom-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1180px) {
    #global-modal.maktu-icra-itiraz-active .modal-content {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    .maktu-icra-live-layout {
        height: min(74vh, 780px);
        grid-template-columns: 1fr;
        overflow: auto;
    }

    .maktu-icra-live-form {
        overflow: visible;
        padding-right: 0;
    }

    .maktu-icra-live-preview-panel {
        min-height: 320px;
    }
}

/* Dosya yonetimi alt sekmeleri: panelin en alt cizgisini sekme rayi olarak kullan. */
body:not(.is-logged-out) #dosya-view .footer-main:not(.footer-empty) {
    padding: 0 12px 0;
    margin-top: auto;
    min-height: 36px;
    display: flex;
    align-items: flex-end;
    background: transparent;
    border-top: 0;
    position: relative;
    z-index: 20;
}

body:not(.is-logged-out) #dosya-view .footer-main::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--brand-border), color-mix(in srgb, var(--brand-border) 72%, white), var(--brand-border));
    pointer-events: none;
}

body:not(.is-logged-out) #dosya-view .footer-main.footer-empty {
    display: none;
}

.mobile-home-logout-btn {
    display: none;
}

@media (max-width: 768px) {
    body.ana-menu-active:not(.is-logged-out) .mobile-home-logout-btn {
        position: fixed;
        right: 16px;
        bottom: 16px;
        z-index: 90;
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 0 12px;
        border: 1px solid rgba(197, 170, 100, 0.72);
        border-radius: 10px;
        background: #fffdf8;
        color: #6f5619;
        box-shadow: 0 12px 28px rgba(15, 23, 42, 0.18);
        font-size: 11px;
        font-weight: 900;
        line-height: 1;
        text-transform: uppercase;
    }

    body.ana-menu-active:not(.is-logged-out) .mobile-home-logout-btn svg,
    body.ana-menu-active:not(.is-logged-out) .mobile-home-logout-btn i {
        width: 17px;
        height: 17px;
        color: #6f5619;
        stroke: #6f5619;
    }
}


.user-status-toggle {
    width: 92px;
    height: 28px;
    border: 1.5px solid #C5AA64;
    border-radius: 999px;
    background: #f8fafc;
    color: #1e3a8a;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    padding: 2px 8px 2px 3px;
    font-size: 10px;
    font-weight: 950;
    line-height: 1;
    transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.user-status-toggle-knob {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    background: #94a3b8;
    box-shadow: 0 1px 3px rgba(15,23,42,.24);
    flex: 0 0 auto;
    transition: transform .18s ease, background .18s ease;
}
.user-status-toggle-text { flex: 1; text-align: center; }
.user-status-toggle.is-active {
    background: #dcfce7;
    border-color: #16a34a;
    color: #166534;
}
.user-status-toggle.is-active .user-status-toggle-knob {
    background: #16a34a;
    transform: translateX(59px);
}
.user-status-toggle.is-active .user-status-toggle-text {
    transform: translateX(-18px);
}
.user-status-toggle.is-passive {
    background: #fff7ed;
    border-color: #C5AA64;
    color: #92400e;
}
.user-status-toggle:disabled {
    cursor: default;
    opacity: .62;
}

/* Müvekkil dosya paneli: tablo görüntüsünü sabit tut, mikro geçiş/titreme yapma. */
body.client-mode #dosya-view #data-table,
body.client-mode #dosya-view #data-table *,
body.client-mode #dosya-view .table-wrapper,
body.client-mode #dosya-view #table-body,
body.client-mode #dosya-view #header-row {
    transition: none;
    animation: none;
    transform: none;
}

body.client-mode #dosya-view #table-body tr,
body.client-mode #dosya-view #table-body td,
body.client-mode #dosya-view #header-row th {
    transition: none;
    animation: none;
}



/* Client table row hover and evrak summary guard. */
body.client-mode #dosya-view #table-body tr.client-file-row {
    cursor: pointer;
}

body.client-mode #dosya-view #table-body tr.client-file-row:hover,
body.client-mode #dosya-view #table-body tr.client-file-row:focus-within {
    background: #edf4ff;
    box-shadow: inset 4px 0 0 #C5AA64, inset 0 0 0 9999px rgba(30, 58, 138, 0.035);
}

body.client-mode #dosya-view #table-body tr.client-file-row:hover td {
    background: transparent;
}

#detay-evraklar .evrak-file-workspace > .evrak-file-list-pane,
#detay-evraklar .evrak-file-workspace > .muvekkil-evrak-list-pane {
    width: 42% !important;
    min-width: 300px !important;
}

@media (max-width: 900px) {
    #detay-evraklar .evrak-file-workspace {
        flex-direction: column !important;
    }

    #detay-evraklar .evrak-file-workspace > .evrak-file-list-pane,
    #detay-evraklar .evrak-file-workspace > .muvekkil-evrak-list-pane {
        width: 100% !important;
        min-width: 0 !important;
        border-right: 0 !important;
        border-bottom: 2px solid #C5AA64 !important;
        padding-right: 0 !important;
        padding-bottom: 10px !important;
    }
}

/* Client toolbar: hide column visibility control. */
body.client-mode #file-col-cfg-btn {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

#file-col-cfg-btn.has-hidden-columns,
body.office-mode #dosya-view .portal-section-header #file-col-cfg-btn.has-hidden-columns {
    border-color: #ef4444 !important;
}

#file-col-cfg-btn.has-hidden-columns i,
#file-col-cfg-btn.has-hidden-columns svg,
body.office-mode #dosya-view .portal-section-header #file-col-cfg-btn.has-hidden-columns i,
body.office-mode #dosya-view .portal-section-header #file-col-cfg-btn.has-hidden-columns svg {
    color: #ef4444 !important;
    stroke: #ef4444 !important;
}

body.client-mode #maktu-tab-client,
body.client-mode #maktu-tab-builder {
    display: none !important;
}


@media (max-width: 768px) {
    .profile-settings-modal-shell {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
    }
}
/* Settings panel cards: light headers, no old navy fill. */
body:not(.is-logged-out) #ayarlar-view .settings-panel {
    background: rgba(255, 255, 255, 0.80);
    background-color: rgba(255, 255, 255, 0.80);
    border: 1.5px solid rgba(205, 181, 146, 0.86);
    box-shadow: 0 14px 32px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.72);
}

body:not(.is-logged-out) #ayarlar-view .settings-header {
    background: rgba(255, 255, 255, 0.68);
    background-color: rgba(255, 255, 255, 0.68);
    border-bottom: 2px solid #CDB592;
    box-shadow: inset 0 -1px 0 rgba(205, 181, 146, 0.28);
}

body:not(.is-logged-out) #ayarlar-view .settings-header h3 {
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
}

body:not(.is-logged-out) #ayarlar-view .settings-header .icon-box-gold {
    background: rgba(205, 181, 146, 0.18);
    border: 1px solid rgba(205, 181, 146, 0.72);
    color: #071f4f;
}

body:not(.is-logged-out) #ayarlar-view .settings-header .icon-box-gold :is(i, svg) {
    color: #071f4f;
    stroke: #071f4f;
}

body:not(.is-logged-out) #ayarlar-view .settings-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 18px;
    border: 1.5px solid rgba(177, 151, 105, 0.88);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff 0%, #f7f4ed 100%);
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    box-shadow: 0 7px 16px rgba(15, 23, 42, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.9);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform 0.14s ease, border-color 0.14s ease, box-shadow 0.14s ease, background 0.14s ease;
}

body:not(.is-logged-out) #ayarlar-view .settings-action-btn :is(i, svg) {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: #071f4f;
    stroke: #071f4f;
}

body:not(.is-logged-out) #ayarlar-view .settings-action-btn span {
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    white-space: nowrap;
}

body:not(.is-logged-out) #ayarlar-view .settings-action-btn:hover {
      border-color: #CDB592;
    background: linear-gradient(180deg, #fffdf8 0%, #efe5d3 100%);
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

body:not(.is-logged-out) #ayarlar-view .settings-action-btn:active {
    transform: translateY(0) scale(0.99);
}

body:not(.is-logged-out) #ayarlar-view .settings-live-card {
    padding: 16px;
    border: 1.5px solid rgba(205, 181, 146, 0.88);
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(255, 253, 248, 0.96) 0%, rgba(250, 244, 232, 0.86) 100%);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255,255,255,0.74);
}

body:not(.is-logged-out) #ayarlar-view .settings-live-card :is(strong, p, span, div) {
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
}

body:not(.is-logged-out) #ayarlar-view .settings-live-label {
    font-size: 10px;
    font-weight: 950;
    color: #9b7d35;
    -webkit-text-fill-color: #9b7d35;
    text-transform: uppercase;
    letter-spacing: .08em;
}

body:not(.is-logged-out) #ayarlar-view .settings-live-domain {
    margin-top: 4px;
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    font-size: 14px;
    font-weight: 950;
    overflow-wrap: anywhere;
}

body:not(.is-logged-out) #ayarlar-view .settings-live-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 4px 12px;
    border: 1px solid rgba(197, 170, 100, 0.64);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.72);
    color: #071f4f;
    -webkit-text-fill-color: #071f4f;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

body:not(.is-logged-out) #ayarlar-view .settings-live-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.12);
}

body:not(.is-logged-out) #ayarlar-view .settings-live-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

body:not(.is-logged-out) #ayarlar-view .settings-live-btn {
    width: 100%;
}

@media (max-width: 768px) {
    body:not(.is-logged-out) #ayarlar-view .settings-live-actions {
        grid-template-columns: 1fr;
    }
}
/* Work panel wrappers: fill the canvas beside the sidebar. */
body:not(.is-logged-out) #notlar-view > div,
body:not(.is-logged-out) #kullanici-view > div,
body:not(.is-logged-out) #loglar-view > div,
body:not(.is-logged-out) #ayarlar-view > div,
body:not(.is-logged-out) #maktu-evraklar-view > div,
body:not(.is-logged-out) #hesap-yonetimi-view > div {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

body:not(.is-logged-out) #ayarlar-view > div > .grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(420px, 0.85fr);
    gap: 28px;
    align-items: start;
}

body:not(.is-logged-out) #setting-client-info-box,
body:not(.is-logged-out) #setting-appearance-box {
    grid-column: auto;
    width: 100%;
    min-width: 0;
}

body:not(.is-logged-out) #setting-client-info-box > div:last-child,
body:not(.is-logged-out) #setting-appearance-box > div:last-child {
    padding: 24px;
}

body:not(.is-logged-out) #setting-client-info-box > div:last-child > .grid {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 0.62fr);
    gap: 18px;
}

body:not(.is-logged-out) #setting-client-info-box #setting-client-current-user {
    font-size: clamp(13px, 1.05vw, 18px);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

body:not(.is-logged-out) #setting-client-info-box #client-profile-avatar-preview {
    width: 92px;
    height: 92px;
    border-radius: 14px;
}

body:not(.is-logged-out) #setting-client-info-box #open-client-password-modal-btn,
body:not(.is-logged-out) #setting-client-info-box #open-my-info-btn {
    min-height: 40px;
    padding: 10px 12px;
}

body:not(.is-logged-out) #maktu-evraklar-view #maktu-library-pane {
    width: 100%;
    min-width: 0;
}

body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container {
    flex: 0 0 46%;
    width: 46%;
    max-width: none;
    min-width: 420px;
}

body:not(.is-logged-out) #maktu-evraklar-view #maktu-preview-pane {
    flex: 1 1 54%;
    min-width: 0;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container,
body.client-mode:not(.is-logged-out) #maktu-evraklar-view #maktu-library-pane:not(:has(#maktu-preview-pane:not(.hidden))) .maktu-evrak-container {
    flex-basis: 100%;
    width: 100%;
    min-width: 0;
}

@media (max-width: 1180px) {
    body:not(.is-logged-out) #ayarlar-view > div > .grid {
        grid-template-columns: 1fr;
    }

    body:not(.is-logged-out) #setting-client-info-box > div:last-child > .grid {
        grid-template-columns: 1fr;
    }

    body:not(.is-logged-out) #maktu-evraklar-view #maktu-library-pane {
        flex-direction: column;
        overflow: visible;
    }

    body:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container,
    body:not(.is-logged-out) #maktu-evraklar-view #maktu-preview-pane {
        width: 100%;
        flex-basis: auto;
        min-width: 0;
    }
}

@media (max-width: 768px) {
    body:not(.is-logged-out) #ayarlar-view > div,
    body:not(.is-logged-out) #maktu-evraklar-view > div {
        width: 100%;
        max-width: none;
    }
}
/* Profile popup uses the same office panel surface as work pages. */
body:is(.office-mode, .client-mode):not(.is-logged-out) .profile-settings-modal {
    background: rgba(15, 23, 42, 0.32);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .profile-settings-modal-shell {
    border: 1.5px solid var(--refined-gold-border, color-mix(in srgb, var(--brand-border) 72%, #ffffff));
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.84);
    background-color: rgba(255, 255, 255, 0.84);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255,255,255,0.62);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .profile-settings-modal-header {
    min-height: 64px;
    background: rgba(255, 255, 255, 0.82);
    background-color: rgba(255, 255, 255, 0.82);
    border-bottom: 2px solid color-mix(in srgb, var(--brand-border) 74%, #ffffff);
    color: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .profile-settings-modal-header :is(div, span, strong) {
    color: var(--brand-primary);
    -webkit-text-fill-color: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .profile-settings-modal-close {
    border: 1.25px solid rgba(177, 151, 105, 0.72);
    border-radius: 7px;
    color: var(--brand-primary);
    background: rgba(255, 255, 255, 0.92);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .profile-settings-modal-close :is(i, svg) {
    color: var(--brand-primary);
    stroke: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .profile-settings-modal-body {
    background: transparent;
}


/* Portal duyuru popup: profile/settings popup ile ayni panel yuzeyi. */
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-modal {
    background: rgba(15, 23, 42, 0.32);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-composer {
    border: 1.5px solid var(--refined-gold-border, color-mix(in srgb, var(--brand-border) 72%, #ffffff));
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.84);
    background-color: rgba(255, 255, 255, 0.84);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255,255,255,0.62);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-composer {
    width: min(920px, calc(100vw - 56px));
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-header {
    min-height: 58px;
    padding: 12px 16px;
    background: rgba(255, 255, 255, 0.82);
    background-color: rgba(255, 255, 255, 0.82);
    border-bottom: 2px solid color-mix(in srgb, var(--brand-border) 74%, #ffffff);
    color: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-header :is(div, span) {
    color: var(--brand-primary);
    -webkit-text-fill-color: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-header .text-\[\#C5AA64\],
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-header .text-base {
    color: var(--brand-primary);
    -webkit-text-fill-color: var(--brand-primary);
    font-size: 13px;
    letter-spacing: 0;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-icon {
    width: 34px;
    height: 34px;
    border: 1.25px solid rgba(177, 151, 105, 0.72);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.92);
    color: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-icon :is(i, svg) {
    stroke: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-modal .profile-settings-modal-close {
    border: 1.25px solid rgba(177, 151, 105, 0.72);
    border-radius: 7px;
    color: var(--brand-primary);
    background: rgba(255, 255, 255, 0.92);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-modal .profile-settings-modal-close :is(i, svg) {
    color: var(--brand-primary);
    stroke: var(--brand-primary);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-body,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-compose-body {
    background: transparent;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-compose-body {
    padding: 14px 16px 12px;
    gap: 12px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-compose-grid {
    grid-template-columns: minmax(0, 1.42fr) minmax(280px, 0.82fr);
    gap: 14px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-compose-main,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-compose-side {
    gap: 10px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-field .modal-label,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-section .modal-label {
    margin-bottom: 4px;
    color: var(--brand-primary);
    -webkit-text-fill-color: var(--brand-primary);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-title-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-message-input,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-composer .modal-input {
    min-height: 30px;
    border: 1px solid color-mix(in srgb, var(--brand-primary) 34%, #cbd5e1);
    border-radius: 6px;
    background: rgba(255, 255, 255, 0.92);
    color: #0f172a;
    -webkit-text-fill-color: #0f172a;
    font-size: 12px;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-composer .modal-input:focus {
    border-color: var(--brand-border);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--brand-border) 28%, transparent);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-composer .portal-alert-message-input {
    min-height: 132px;
    line-height: 1.45;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-help {
    margin-top: 4px;
    color: #64748b;
    font-size: 9px;
    font-weight: 800;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-audience-grid {
    gap: 7px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-audience-grid label,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-user-option {
    min-height: 38px;
    border: 1px solid rgba(30, 58, 138, 0.22);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.78);
    color: var(--brand-primary);
    padding: 8px 10px;
    font-size: 10px;
    font-weight: 900;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-audience-grid label:has(input:checked),
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-user-option:has(input:checked) {
    border-color: color-mix(in srgb, var(--brand-border) 84%, var(--brand-primary));
    background: rgba(255, 252, 245, 0.92);
    box-shadow: inset 0 0 0 1px rgba(197, 170, 100, 0.18);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-ack-option {
    min-height: 48px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-users,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history {
    border: 1px solid rgba(30, 58, 138, 0.22);
    border-radius: 7px;
    background: rgba(255, 255, 255, 0.72);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history {
    grid-template-columns: minmax(0, 1fr);
    max-height: 160px;
    padding: 8px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-row {
    border-radius: 7px;
    border-color: rgba(30, 58, 138, 0.18);
    border-left-color: var(--brand-border);
    background: rgba(255, 255, 255, 0.78);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions {
    padding: 10px 16px 12px;
    border-top: 1.5px solid color-mix(in srgb, var(--brand-border) 54%, #ffffff);
    background: rgba(255, 255, 255, 0.82);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .modal-btn {
    min-height: 32px;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 900;
}
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn {
    min-width: 118px;
    height: 34px;
    padding: 0 18px;
    gap: 8px;
    border: 1.5px solid #10224d;
    border-radius: 8px;
    background: #10224d;
    color: #fffdf6;
    -webkit-text-fill-color: #fffdf6;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.16);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn:hover {
    background: #fffdf8;
    border-color: #1e3a8a;
    transform: translateY(-1px);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.14);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn :is(i, svg) {
    width: 14px;
    height: 14px;
    stroke: #fffdf6;
    color: #fffdf6;
}
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-required-star {
    color: #dc2626;
    -webkit-text-fill-color: #dc2626;
    font-weight: 950;
    margin-left: 2px;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn:disabled,
body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn:disabled:hover {
    border-color: #cbd5e1;
    background: #eef2f7;
    color: #64748b;
    -webkit-text-fill-color: #64748b;
    box-shadow: none;
    cursor: not-allowed;
    opacity: 1;
    transform: none;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn:disabled :is(i, svg) {
    stroke: #64748b;
    color: #64748b;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions .portal-alert-send-btn.is-ready {
    background: #10224d;
    border-color: #10224d;
    color: #fffdf6;
    -webkit-text-fill-color: #fffdf6;
    box-shadow: 0 9px 18px rgba(15, 23, 42, 0.20);
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-empty {
    grid-column: 1 / -1;
    padding: 8px 10px;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-copy {
    flex: 1 1 auto;
    min-width: 0;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    flex: 0 0 auto;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-btn {
    min-height: 28px;
    height: 28px;
    width: auto;
    padding: 0 9px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-btn:disabled {
    opacity: .45;
    cursor: not-allowed;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-cancel-btn:not(:disabled) {
    border-color: rgba(220, 38, 38, 0.34);
    color: #991b1b;
    -webkit-text-fill-color: #991b1b;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-row.is-cancelled {
    border-left-color: #94a3b8;
    opacity: .78;
}

body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-history-row.is-cancelled .portal-alert-history-title {
    color: #64748b;
}

@media (max-width: 820px) {
    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-modal {
        align-items: stretch;
        justify-content: center;
        padding: max(8px, env(safe-area-inset-top)) 10px 8px;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) #portal-alert-composer-modal.portal-alert-modal {
        bottom: calc(var(--mobile-action-dock-bottom, 16px) + var(--floating-action-size, 48px) + 12px);
    }

    body.ana-menu-active:is(.office-mode, .client-mode):not(.is-logged-out) #portal-alert-composer-modal.portal-alert-modal {
        bottom: calc(var(--mobile-home-bottom, 22px) + var(--mobile-home-action-size, 48px) + 14px);
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-composer {
        width: min(440px, 100%);
        max-width: 100%;
        height: 100%;
        max-height: 100%;
        border-radius: 16px;
        border-width: 1.5px;
        overflow: hidden;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-header {
        min-height: 58px;
        padding: 10px 10px;
        gap: 8px;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-header > .flex {
        flex: 1 1 auto;
        min-width: 0;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-mobile-back,
    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-modal .profile-settings-modal-close {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 40px;
        border: 1.5px solid rgba(177, 151, 105, 0.72);
        border-radius: 12px;
        background: linear-gradient(180deg, #fffaf0 0%, #ead9ba 100%);
        color: var(--brand-primary);
        -webkit-text-fill-color: var(--brand-primary);
        box-shadow: 0 8px 16px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.75);
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-mobile-back :is(i, svg),
    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-modal .profile-settings-modal-close :is(i, svg) {
        width: 18px;
        height: 18px;
        color: var(--brand-primary);
        stroke: var(--brand-primary);
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-icon {
        width: 34px;
        height: 34px;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-compose-body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 12px;
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-compose-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body:is(.office-mode, .client-mode):not(.is-logged-out) .portal-alert-card-actions {
        flex: 0 0 auto;
        padding: 10px 12px;
    }
}

/* Profile popup follows the same wide panel rhythm as settings and archive pages. */
body:not(.is-logged-out) .profile-settings-modal-shell {
    width: min(1600px, calc(100vw - 48px));
    max-width: min(1600px, calc(100vw - 48px));
}

body:not(.is-logged-out) .profile-settings-modal-body #setting-client-info-box {
    width: 100%;
    max-width: none;
}

@media (max-width: 768px) {
    body:not(.is-logged-out) .profile-settings-modal-shell {
        width: calc(100vw - 20px);
        max-width: calc(100vw - 20px);
    }
}

/* Client profile: readonly client information and document preview box. */
body:not(.is-logged-out) #setting-client-info-box .client-profile-muvekkil-box {
    margin-top: 18px;
    padding: 14px;
    border: 2px solid #C5AA64;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.client-profile-info-head,
.client-profile-doc-head {
    display: flex;
    align-items: center;
    gap: 9px;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.client-profile-info-head {
    padding-bottom: 10px;
    border-bottom: 1.5px solid rgba(197, 170, 100, 0.55);
}

.client-profile-info-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.client-profile-readonly-field {
    min-height: 52px;
    padding: 9px 11px;
    border: 1.5px solid rgba(30, 58, 138, 0.28);
    border-radius: 9px;
    background: #f8fafc;
}

.client-profile-readonly-field span {
    display: block;
    color: #64748b;
    font-size: 8.5px;
    font-weight: 950;
    text-transform: uppercase;
}

.client-profile-readonly-field strong {
    display: block;
    margin-top: 4px;
    color: #1e3a8a;
    font-size: 10.5px;
    font-weight: 950;
    line-height: 1.25;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.client-profile-doc-head {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1.5px dashed rgba(197, 170, 100, 0.65);
}

.client-profile-doc-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 10px;
}

.client-profile-doc-card {
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 9px 10px;
    border: 1.5px dashed rgba(30, 58, 138, 0.35);
    border-radius: 9px;
    background: #f8fafc;
}

.client-profile-doc-card.has-file {
    border-style: solid;
    border-color: rgba(197, 170, 100, 0.9);
    background: #fffdf6;
}

.client-profile-doc-main {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.client-profile-doc-main > i,
.client-profile-doc-main > svg {
    color: #C5AA64;
    stroke: #C5AA64;
    flex: 0 0 15px;
}

.client-profile-doc-main strong,
.client-profile-doc-main span {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.client-profile-doc-main strong {
    color: #1e3a8a;
    font-size: 9.5px;
    font-weight: 950;
    text-transform: uppercase;
}

.client-profile-doc-main span {
    margin-top: 3px;
    color: #64748b;
    font-size: 8.5px;
    font-weight: 850;
}

.client-profile-doc-preview {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 8px;
}

.client-profile-empty-note {
    margin-top: 12px;
    padding: 14px;
    border: 1.5px dashed rgba(197, 170, 100, 0.8);
    border-radius: 10px;
    color: #64748b;
    font-size: 10px;
    font-weight: 850;
    text-align: center;
}

@media (max-width: 1180px) {
    .client-profile-info-grid,
    .client-profile-doc-grid {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 680px) {
    .client-profile-info-grid,
    .client-profile-doc-grid {
        grid-template-columns: 1fr;
    }
}
/* Evrak required warning: flatten office wrapper so icon stays square beside text. */
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) auto !important;
    align-items: start !important;
    column-gap: 8px !important;
    row-gap: 4px !important;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary > div:first-child:not(.evrak-required-summary-icon) {
    display: contents !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: initial !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary .evrak-required-summary-icon {
    box-sizing: border-box !important;
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 2px solid #C5AA64 !important;
    border-radius: 10px;
    background: #fffdf8 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    align-self: start !important;
    justify-self: start !important;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary .evrak-required-summary-icon i,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary .evrak-required-summary-icon svg {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary > div:first-child:not(.evrak-required-summary-icon) > div:not(.evrak-required-summary-icon),
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary > div:nth-child(2):not([style*="white-space"]) {
    min-width: 0 !important;
    padding: 1px 0 0 0 !important;
    margin: 0 !important;
}

/* Client profile document cards: 2x2 layout with upload action. */
body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
}

body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-card {
    min-height: 76px;
    align-items: stretch;
    padding: 12px;
}

body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-main {
    flex: 1 1 auto;
    align-items: flex-start;
    padding-top: 2px;
}

body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-main > div {
    min-width: 0;
    width: 100% !important;
}

/* Dosya detay evrak popup: compact, high-usage document layout. */
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-shell-compact {
    border-width: 3px;
    padding: 10px;
    gap: 8px;
    min-height: 0;
    height: min(680px, calc(100vh - 168px));
    overflow: hidden;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact {
    display: grid;
    grid-template-columns: minmax(560px, 0.62fr) minmax(340px, 0.38fr);
    gap: 10px;
    align-items: stretch;
    min-height: 0;
    overflow: hidden;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-list-pane-compact,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact > .evrak-file-list-pane {
    width: auto;
    min-width: 0;
    min-height: 0;
    border-right: 1px solid rgba(197, 170, 100, 0.85);
    padding-right: 10px;
    gap: 8px;
    overflow: hidden;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-compact-list {
    gap: 6px;
    padding-right: 4px;
    align-content: start;
    min-height: 0;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact .evrak-category-compact-list:not(.evrak-main-category-list) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace.evrak-preview-hidden,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact.evrak-preview-hidden {
    display: grid;
    grid-template-columns: 1fr;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace.evrak-preview-hidden #evrak-preview-pane,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact.evrak-preview-hidden #evrak-preview-pane {
    display: none;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace.evrak-preview-hidden > .evrak-file-list-pane,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace.evrak-preview-hidden > .muvekkil-evrak-list-pane,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact.evrak-preview-hidden > .evrak-file-list-pane {
    width: 100%;
    border-right: 0;
    padding-right: 0;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar #evrak-preview-pane {
    min-height: 0;
    overflow: hidden;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact.evrak-preview-hidden .evrak-category-compact-list:not(.evrak-main-category-list) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-preview-toggle-btn {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(197, 170, 100, 0.82);
    border-radius: 6px;
    background: #fffdf7;
    color: #1e3a8a;
    font-size: 8px;
    font-weight: 950;
    line-height: 1;
    text-transform: uppercase;
    cursor: pointer;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-preview-toggle-btn {
    padding: 0 7px;
    white-space: nowrap;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-preview-toggle-btn svg,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-preview-toggle-btn i {
    width: 13px;
    height: 13px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-empty .evrak-category-card-head {
    padding-top: 5px;
    padding-bottom: 5px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-empty .evrak-category-card-body {
    padding: 5px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-empty .evrak-category-card-body > div {
    padding: 5px;
    border-width: 1px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-compact {
    border-width: 1px;
    border-radius: 7px;
    box-shadow: none;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 6px 7px;
    border-bottom-width: 1px;
    align-items: flex-start;
    gap: 5px;
    row-gap: 3px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head > div:first-child {
    display: contents;
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head > div:last-child:not(:first-child) {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head > div > span:first-child {
    grid-column: 1;
    grid-row: 1;
    white-space: normal;
    line-height: 1.16;
    font-size: 9px;
    max-height: 22px;
    overflow: hidden;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-body {
    padding: 5px;
    gap: 2px;
    height: 98px;
    min-height: 98px;
    max-height: 98px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(30, 58, 138, 0.46) rgba(226, 232, 240, 0.8);
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-body::-webkit-scrollbar {
    width: 6px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-body::-webkit-scrollbar-track {
    background: rgba(226, 232, 240, 0.8);
    border-radius: 999px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-body::-webkit-scrollbar-thumb {
    background: rgba(30, 58, 138, 0.46);
    border-radius: 999px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head select {
    width: 54px;
    max-width: 54px;
    height: 20px;
    font-size: 7px;
    padding: 0 4px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head button:not(.evrak-category-toggle):not(.evrak-subcategory-icon-btn),
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head label:not(.evrak-category-toggle):not(.evrak-subcategory-icon-btn) {
    width: 18px;
    min-width: 18px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head svg,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-card-head i {
    width: 14px;
    height: 14px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar #preview-container {
    border-width: 2px;
    border-radius: 9px;
    min-height: 360px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar #preview-container > embed,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar #preview-container > iframe,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar #preview-container > object,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar #preview-container > img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    display: block;
    object-fit: contain;
    background: #ffffff;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar #preview-container > img {
    padding: 10px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-required-summary {
    padding: 7px 9px;
    border-width: 1px;
    border-radius: 8px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-toggle {
    min-width: 44px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(197, 170, 100, 0.86);
    border-radius: 999px;
    background: #fffaf0;
    color: #1e3a8a;
    padding: 0 7px;
    font-size: 8px;
    font-weight: 950;
    white-space: nowrap;
    cursor: pointer;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-toggle svg,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-category-toggle i {
    width: 13px;
    height: 13px;
    color: #C5AA64;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-list {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-group {
    border: 1px solid rgba(197, 170, 100, 0.9);
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: none;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 6px;
    padding: 6px;
    background: linear-gradient(180deg, #fffdf7 0%, #f8fafc 100%);
    border-bottom: 1px solid rgba(197, 170, 100, 0.75);
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-toggle {
    min-width: 0;
    border: 0;
    background: transparent;
    color: #1e3a8a;
    cursor: pointer;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto 16px;
    align-items: center;
    gap: 7px;
    padding: 0;
    text-align: left;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-toggle > svg,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-toggle > i {
    width: 16px;
    height: 16px;
    color: #C5AA64;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-toggle span {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-toggle strong {
    font-size: 11px;
    font-weight: 950;
    line-height: 1.1;
    letter-spacing: 0;
    color: #1e3a8a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-toggle small {
    font-size: 8px;
    font-weight: 850;
    line-height: 1.15;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-toggle em {
    font-style: normal;
    font-size: 8px;
    font-weight: 950;
    color: #1e3a8a;
    background: #fffaf0;
    border: 1px solid rgba(197, 170, 100, 0.8);
    border-radius: 999px;
    padding: 3px 7px;
    white-space: nowrap;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-add {
    height: 28px;
    min-width: 78px;
    border: 1px solid rgba(197, 170, 100, 0.95);
    border-radius: 7px;
    background: linear-gradient(180deg, #fffaf0 0%, #ead9ba 100%);
    color: #071f4f;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0 8px;
    font-size: 8px;
    font-weight: 950;
    white-space: nowrap;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-add svg,
body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-add i {
    width: 13px;
    height: 13px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-body {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 6px;
    background: #ffffff;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-main-category-empty {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px dashed #cbd5e1;
    border-radius: 7px;
    background: #f8fafc;
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-row {
    border: 1px solid rgba(197, 170, 100, 0.72);
    border-radius: 7px;
    background: #ffffff;
    overflow: hidden;
    cursor: pointer;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-row:focus-visible {
    outline: 2px solid #C5AA64;
    outline-offset: 2px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-row .evrak-category-card-head {
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 6px;
    background: #f8fafc;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-title {
    min-width: 0;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    flex-wrap: nowrap;
    min-width: 0;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-actions .evrak-category-toggle {
    height: 22px;
    min-width: 44px;
    padding: 0 6px;
    font-size: 7px;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-actions .evrak-subcategory-icon-btn {
    width: 20px;
    min-width: 20px;
    height: 22px;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    color: #C5AA64;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-actions .evrak-subcategory-icon-btn.is-private {
    color: #ef4444;
}

body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-subcategory-actions .evrak-subcategory-icon-btn.is-visible {
    color: #C5AA64;
}

body:not(.is-logged-out) #new-evrak-type-modal .new-evrak-type-note {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    border: 2px solid #C5AA64;
    border-radius: 8px;
    background: #fffaf0;
    padding: 10px 12px;
    color: #1e3a8a;
    font-size: 10px;
    font-weight: 900;
    line-height: 1.35;
}

body:not(.is-logged-out) #new-evrak-type-modal .new-evrak-type-note svg,
body:not(.is-logged-out) #new-evrak-type-modal .new-evrak-type-note i {
    width: 18px;
    height: 18px;
    color: #C5AA64;
    justify-self: center;
}

@media (max-width: 980px) {
    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-shell-compact {
        height: auto;
        min-height: 560px;
    }

    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact {
        grid-template-columns: 1fr;
    }

    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact .evrak-category-compact-list:not(.evrak-main-category-list) {
        grid-template-columns: 1fr;
    }

    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-list-pane-compact,
    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact > .evrak-file-list-pane {
        border-right: 0;
        border-bottom: 1px solid rgba(197, 170, 100, 0.85);
        padding-right: 0;
        padding-bottom: 8px;
    }
}

@media (min-width: 981px) and (max-width: 1280px) {
    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact {
        grid-template-columns: minmax(440px, 0.56fr) minmax(320px, 0.44fr);
    }

    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact .evrak-category-compact-list:not(.evrak-main-category-list) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body:not(.is-logged-out) #dosya-detay-modal #detay-evraklar .evrak-file-workspace-compact.evrak-preview-hidden .evrak-category-compact-list:not(.evrak-main-category-list) {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-main strong,
body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-main span {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    line-height: 1.25;
}

body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-main span {
    max-height: 34px;
    overflow: hidden;
    word-break: break-word;
}

.client-profile-doc-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 6px;
    flex: 0 0 86px;
}

.client-profile-doc-preview {
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 8px;
    cursor: pointer;
}

.client-profile-doc-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 24px;
    border: 1px solid rgba(197, 170, 100, 0.62);
    border-radius: 7px;
    background: #fffaf0;
    color: #1e3a8a;
    font-size: 8px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.client-profile-doc-status {
    min-width: 76px;
    padding: 0 8px;
}

.client-profile-doc-status.is-ready {
    border-color: rgba(22, 163, 74, 0.35);
    background: #f0fdf4;
    color: #166534;
}

.client-profile-doc-status.is-pending {
    border-color: rgba(197, 170, 100, 0.76);
    background: #fff7df;
    color: #1e3a8a;
}

.client-profile-doc-status.is-missing {
    color: #1e3a8a;
}


@media (max-width: 680px) {
    body:not(.is-logged-out) #setting-client-info-box .client-profile-doc-grid {
        grid-template-columns: 1fr;
    }
}
/* Profile avatar fallback: show first word when no image/logo exists. */
body:not(.is-logged-out) #setting-client-info-box #client-profile-avatar-preview.avatar-first-word {
    color: #1e3a8a !important;
    -webkit-text-fill-color: #1e3a8a !important;
    font-size: clamp(11px, 0.8vw, 14px) !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    padding: 8px !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    white-space: normal !important;
}


body.client-mode #dosya-detay-modal .mobile-detay-notes-btn,
body.client-mode #muvekkil-detay-modal .mobile-muvekkil-notes-btn,
#dosya-detay-modal.is-client-view .mobile-detay-notes-btn,
#muvekkil-detay-modal.is-client-view .mobile-muvekkil-notes-btn {
    display: none;
    visibility: hidden;
    pointer-events: none;
}

#global-modal.client-missing-doc-modal.active .modal-content {
  width: min(880px, calc(100vw - 72px));
  max-width: min(880px, calc(100vw - 72px));
  max-height: min(720px, calc(100vh - 48px));
  border: 2px solid #0f2556;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 24px 60px rgba(15, 23, 42, .34);
}

#global-modal.client-missing-doc-modal.active .modal-header {
  min-height: 50px;
  padding: 12px 58px 10px 18px;
  background: #ffffff;
  border-bottom: 1.5px solid rgba(197, 170, 100, .64);
}

#global-modal.client-missing-doc-modal.active .modal-header-title {
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 950;
  letter-spacing: .2px;
}

#global-modal.client-missing-doc-modal.active .global-modal-close-btn {
  top: 8px;
  right: 10px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border: 1.5px solid #C5AA64;
  border-radius: 10px;
  background: linear-gradient(180deg, #fffdf7 0%, #eadbc1 100%);
  color: #0f2556;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .18);
}

#global-modal.client-missing-doc-modal.active .global-modal-close-btn i,
#global-modal.client-missing-doc-modal.active .global-modal-close-btn svg {
  width: 17px;
  height: 17px;
}

#global-modal.client-missing-doc-modal.active .modal-body {
  padding: 10px 12px 14px;
  overflow: hidden;
}

#global-modal.client-missing-doc-modal.active .modal-buttons {
  display: none;
}

.client-missing-doc-modal-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
  max-height: calc(min(720px, 100vh - 48px) - 76px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 4px;
}

.client-missing-doc-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.client-missing-doc-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #1e3a8a;
  padding: 0 0 7px;
}

.client-missing-doc-section-head strong {
  color: #1e3a8a;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .3px;
  text-transform: uppercase;
}

.client-missing-doc-section-head span {
  color: #C5AA64;
  font-size: 10px;
  font-weight: 950;
}

.client-missing-doc-table-wrap {
  overflow-x: auto;
  overflow-y: visible;
  border: 1px solid #C5AA64;
  border-radius: 12px;
  background: #ffffff;
}

.client-missing-doc-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  color: #0f2556;
}

.client-missing-doc-table th {
  height: 28px;
  background: #f7f9fd;
  border-bottom: 1px solid #C5AA64;
  color: #1e3a8a;
  font-size: 10px;
  font-weight: 950;
  text-transform: uppercase;
}

.client-missing-doc-table td {
  border-bottom: 1px solid #e5eaf3;
  padding: 7px 8px;
  font-size: 11px;
  font-weight: 850;
  vertical-align: top;
  height: auto;
  overflow: visible;
}

.client-missing-doc-table tbody tr:last-child td { border-bottom: 0; }
.client-missing-doc-table:not(.client-missing-doc-profile-table) th:nth-child(1),
.client-missing-doc-table:not(.client-missing-doc-profile-table) td:nth-child(1) { width: 96px; }
.client-missing-doc-table:not(.client-missing-doc-profile-table) th:nth-child(2),
.client-missing-doc-table:not(.client-missing-doc-profile-table) td:nth-child(2) { width: 104px; }

.client-missing-doc-file-id {
  color: #C5AA64;
  font-weight: 950;
  letter-spacing: 0;
}

.client-missing-doc-table:not(.client-missing-doc-profile-table) td:nth-child(3) {
  height: auto;
  min-height: 40px;
  overflow: visible;
}

.client-missing-doc-chip-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px 7px;
  width: 100%;
}

.client-missing-doc-chip-upload,
.client-missing-doc-chip-status {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  min-height: 24px;
  border: 1px solid #c9d5ea;
  border-radius: 999px;
  background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
  padding: 4px 8px;
  color: #1e3a8a;
  -webkit-text-fill-color: #1e3a8a;
  font-size: 10px;
  font-weight: 950;
  line-height: 1.15;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  text-align: left;
  position: static;
}

.client-missing-doc-chip-upload {
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}

.client-missing-doc-chip-upload:hover {
  border-color: #C5AA64;
  background: #fff9ea;
}

.client-missing-doc-chip-upload input { display: none; }
.client-missing-doc-chip-upload i,
.client-missing-doc-chip-upload svg {
  width: 12px;
  height: 12px;
  color: #C5AA64;
  stroke: currentColor;
  flex: 0 0 12px;
}

.client-missing-doc-chip-status {
  border-color: #e7c56d;
  background: #fff8e5;
  color: #8a5b00;
  -webkit-text-fill-color: #8a5b00;
}

.client-missing-doc-chip-status small {
  border-left: 1px solid rgba(138,91,0,.25);
  padding-left: 5px;
  font-size: 8px;
  font-weight: 950;
}

.client-missing-doc-empty {
  text-align: center;
  padding: 34px 18px;
  color: #64748b;
}

.client-missing-doc-empty i,
.client-missing-doc-empty svg {
  width: 54px;
  height: 54px;
  margin: 0 auto 12px;
  color: #C5AA64;
}

.client-missing-doc-empty div {
  font-size: 13px;
  font-weight: 950;
  color: #1e3a8a;
  text-transform: uppercase;
}
body.client-mode #add-row-btn,
body.client-mode #file-col-cfg-btn,
body.client-mode #import-excel-btn,
body.client-mode #bulk-delete-btn,
body.client-mode #transfer-btn,
body.client-mode #delete-selected-btn,
body.client-mode #add-tab-btn-top,
body.client-mode #calendar-add-note-btn,
body.client-mode #calendar-import-btn,
body.client-mode #agenda-bulk-delete-btn,
body.client-mode #agenda-col-cfg-btn,
body.client-mode #add-job-tracking-record-btn,
body.client-mode #job-tracking-col-cfg-btn,
body.client-mode #add-job-tracking-tab-btn {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* Passive hitam archive rows: visible but locked for editing. */
#table-body tr.record-passive-locked td {
    color: #64748b !important;
    background-color: #fff7f7 !important;
}

#table-body tr.record-passive-locked td::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    border-top: 2px solid #dc2626;
    pointer-events: none;
    z-index: 2;
}

#table-body tr.record-passive-locked input,
#table-body tr.record-passive-locked textarea,
#table-body tr.record-passive-locked select,
#table-body tr.record-passive-locked button {
    cursor: not-allowed !important;
    opacity: 0.68 !important;
}
#dosya-detay-modal.active .ext-ctrl-group .passive-record-reactivate-btn {
    width: 34px;
    min-width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 0;
    border-radius: 9px;
}

#dosya-detay-modal.active .ext-ctrl-group .passive-record-reactivate-btn :is(i, svg) {
    width: 15px;
    height: 15px;
}

/* Login alert should stay compact and never force viewport overflow. */
#custom-confirm-modal.login-alert-modal,
#custom-confirm-modal.login-alert-modal.active {
    overflow: hidden !important;
    width: 100vw !important;
    max-width: 100vw !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    scrollbar-width: none !important;
}

#custom-confirm-modal.login-alert-modal::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

#custom-confirm-modal.login-alert-modal > .modal-content.confirm-modal-content-std,
#custom-confirm-modal.login-alert-modal.active > .modal-content.confirm-modal-content-std {
    width: min(310px, calc(100vw - 40px)) !important;
    max-width: min(310px, calc(100vw - 40px)) !important;
    border-width: 2px !important;
    border-radius: 12px !important;
}
/* Left sidebar navy gradient standard: shared across home and work panels. */
body:not(.is-logged-out) #left-sidebar.sidebar-left,
body:not(.is-logged-out) #left-sidebar {
    background:
        radial-gradient(circle at 18% 10%, rgba(205, 181, 146, 0.18) 0 1px, transparent 2px),
        radial-gradient(circle at 76% 26%, rgba(255, 255, 255, 0.10) 0 1px, transparent 2px),
        radial-gradient(circle at 40% 82%, rgba(78, 105, 155, 0.20) 0 1px, transparent 2px),
        linear-gradient(160deg, #07142c 0%, #0b1f46 34%, #102e64 68%, #071326 100%);
    background-color: #07142c;
    color: #f8fafc;
    border-right: 1.5px solid rgba(205, 181, 146, 0.72);
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.08), 8px 0 24px rgba(15, 23, 42, 0.22);
}
body:not(.is-logged-out) #left-sidebar::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,0.10), transparent 36%, rgba(205,181,146,0.10) 100%);
    opacity: 0.80;
    z-index: 0;
}
body:not(.is-logged-out) #left-sidebar::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 104px;
    height: 100%;
    pointer-events: none;
    background:
        radial-gradient(circle at 82% 18%, rgba(205, 181, 146, 0.18) 0 1px, transparent 2px),
        radial-gradient(circle at 70% 42%, rgba(255, 255, 255, 0.12) 0 1px, transparent 2px),
        radial-gradient(circle at 88% 76%, rgba(78, 105, 155, 0.16) 0 1px, transparent 2px),
        linear-gradient(90deg, transparent 0%, rgba(205, 181, 146, 0.08) 58%, rgba(255, 248, 232, 0.16) 100%);
    opacity: 0.62;
    z-index: 0;
}
body:not(.is-logged-out) #left-sidebar > *,
body:not(.is-logged-out) #left-sidebar nav,
body:not(.is-logged-out) #left-sidebar .p-6 {
    position: relative;
    z-index: 1;
}
body:not(.is-logged-out) #left-sidebar > div:first-child {
    background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(7,20,44,0.12));
    border-bottom: 1px solid rgba(205, 181, 146, 0.30);
}
body:not(.is-logged-out) #left-sidebar .sidebar-logo-img {
    opacity: 0.98;
    filter: drop-shadow(0 10px 24px rgba(0, 0, 0, 0.30));
}
body:not(.is-logged-out) #left-sidebar .sidebar-nav-label {
    color: rgba(205, 181, 146, 0.58);
    letter-spacing: 1.8px;
}
body:not(.is-logged-out) #left-sidebar .left-nav-btn {
    color: rgba(239, 244, 255, 0.78);
    border-left-color: transparent;
    background: transparent;
}
body:not(.is-logged-out) #left-sidebar .left-nav-btn i,
body:not(.is-logged-out) #left-sidebar .left-nav-btn svg,
body:not(.is-logged-out) #left-sidebar .left-nav-btn span {
    color: rgba(239, 244, 255, 0.78);
    stroke: rgba(239, 244, 255, 0.78);
    -webkit-text-fill-color: rgba(239, 244, 255, 0.78);
}
body:not(.is-logged-out) #left-sidebar .left-nav-btn:hover {
    color: #fff8e8;
    background: linear-gradient(90deg, rgba(205,181,146,0.16), rgba(255,255,255,0.06));
    box-shadow: inset 3px 0 0 rgba(205, 181, 146, 0.70), 0 8px 18px rgba(0, 0, 0, 0.12);
}
body:not(.is-logged-out) #left-sidebar .sidebar-exit-container,
body:not(.is-logged-out) #left-sidebar > .p-6 {
    border-color: rgba(205, 181, 146, 0.24);
}
body:not(.is-logged-out) #left-sidebar .sidebar-status-info,
body:not(.is-logged-out) #left-sidebar .sidebar-footer-text-block,
body:not(.is-logged-out) #left-sidebar #sidebar-footer-text {
    color: rgba(239, 244, 255, 0.68);
}
body:not(.is-logged-out) #left-sidebar > .p-6 {
    flex: 0 0 auto;
    padding: 12px 20px 10px;
}

body:not(.is-logged-out) #left-sidebar .sidebar-status-info {
    font-size: 10px;
    line-height: 1.15;
}

body:not(.is-logged-out) #left-sidebar .sidebar-footer-text-block {
    margin-top: 6px;
    font-size: 8px;
    line-height: 1.28;
}
body:not(.is-logged-out) #left-sidebar #lock-left-btn {
    background: linear-gradient(180deg, #fffdf7 0%, #eadbc1 100%);
    color: #071f4f;
    border-color: rgba(255, 247, 223, 0.88);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

/* Sidebar and floating action visual standard: shared navy/gold language. */
body:not(.is-logged-out) #left-sidebar .left-nav-btn.active {
    color: #C5AA64;
    background: linear-gradient(90deg, rgba(7, 31, 79, 0.76) 0%, rgba(197, 170, 100, 0.16) 100%);
    border: 1.5px solid rgba(197, 170, 100, 0.86);
    border-left: 4px solid #C5AA64;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.16), inset 0 0 0 1px rgba(255,255,255,0.08);
}
body:not(.is-logged-out) #left-sidebar .left-nav-btn.active i,
body:not(.is-logged-out) #left-sidebar .left-nav-btn.active svg,
body:not(.is-logged-out) #left-sidebar .left-nav-btn.active span {
    color: #C5AA64;
    stroke: #C5AA64;
    -webkit-text-fill-color: #C5AA64;
}
/* Client desktop office parity rules */
body.client-mode:not(.is-logged-out) #maktu-evraklar-view {
    overflow-x: hidden;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view > div {
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view #maktu-library-pane {
    width: 100%;
    min-width: 0;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container {
    flex: 1 1 100%;
    width: 100%;
    min-width: 0;
    max-width: none;
    overflow: hidden;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container > .overflow-auto {
    overflow-x: hidden;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container table {
    width: 100%;
    table-layout: fixed;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container th,
body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container td {
    padding: 9px 12px;
    font-size: 11px;
    line-height: 1.25;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container th:nth-child(1),
body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container td:nth-child(1):not([colspan]) {
    width: 68%;
}

body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container th:nth-child(2),
body.client-mode:not(.is-logged-out) #maktu-evraklar-view .maktu-evrak-container td:nth-child(2):not([colspan]) {
    width: 32%;
}

body.client-mode:not(.is-logged-out) #maktu-preview-pane .maktu-preview-action-btn {
    width: 28px;
    height: 28px;
    padding: 0;
}

body.client-mode:not(.is-logged-out) #maktu-preview-pane .maktu-preview-delete-btn {
    border-color: #dc2626;
    color: #dc2626;
}

#custom-confirm-modal.logout-confirm-modal #custom-confirm-msg {
    text-align: center;
    color: #111827;
    font-size: 13px;
    font-weight: 600;
}

#global-modal.pending-approvals-modal.active .modal-content {
  opacity: 1;
  transform: none;
  animation: none;
  width: min(1240px, calc(100vw - 72px));
  max-width: min(1240px, calc(100vw - 72px));
  max-height: min(760px, calc(100vh - 48px));
  border: 2px solid #0f2556;
  border-radius: 18px;
  overflow: hidden;
  background: #ffffff;
  box-shadow: 0 26px 68px rgba(15, 23, 42, .34);
}

#global-modal.pending-approvals-modal.active .modal-header {
  min-height: 54px;
  padding: 14px 60px 12px 20px;
  background: #ffffff;
  border-bottom: 1.5px solid rgba(197, 170, 100, .7);
}

#global-modal.pending-approvals-modal.active .modal-header-title {
  width: 100%;
  text-align: left;
  color: #0f2556;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: .2px;
}

#global-modal.pending-approvals-modal.active .global-modal-close-btn {
  top: 9px;
  right: 12px;
  width: 34px;
  height: 34px;
  min-width: 34px;
  min-height: 34px;
  border: 1.5px solid #C5AA64;
  border-radius: 10px;
  background: linear-gradient(180deg, #fffdf7 0%, #eadbc1 100%);
  color: #0f2556;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .18);
}

#global-modal.pending-approvals-modal.active .modal-body {
  padding: 12px;
  overflow: hidden;
}

#global-modal.pending-approvals-modal.active .modal-buttons {
  display: none;
}

.pending-approvals-shell {
  display: grid;
  grid-template-columns: minmax(420px, .85fr) minmax(420px, 1.15fr);
  gap: 12px;
  height: calc(min(760px, 100vh - 48px) - 94px);
  min-height: 460px;
}

.pending-approvals-table-panel,
.pending-approval-preview {
  min-width: 0;
  min-height: 0;
  border: 1.5px solid #C5AA64;
  border-radius: 14px;
  background: #ffffff;
  overflow: hidden;
}

.pending-approvals-table-panel {
  overflow: auto;
}

.pending-approvals-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.pending-approvals-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 34px;
  background: #f7f9fd;
  border-bottom: 1.5px solid #C5AA64;
  color: #1e3a8a;
  font-size: 10px;
  font-weight: 950;
  text-align: left;
  padding: 8px 9px;
}

.pending-approvals-table th:nth-child(1),
.pending-approvals-table td:nth-child(1) { width: 82px; }
.pending-approvals-table th:nth-child(2),
.pending-approvals-table td:nth-child(2) { width: 86px; }
.pending-approvals-table th:nth-child(3),
.pending-approvals-table td:nth-child(3) { width: 98px; }

.pending-approvals-table td {
  border-bottom: 1px solid #e5eaf3;
  color: #0f2556;
  font-size: 11px;
  font-weight: 850;
  line-height: 1.25;
  padding: 8px 9px;
  vertical-align: top;
}

.pending-approval-row {
  cursor: pointer;
  transition: background .15s ease, box-shadow .15s ease;
}

.pending-approval-row:hover,
.pending-approval-row.is-selected {
  background: #fff9ea;
  box-shadow: inset 3px 0 0 #C5AA64;
}

.pending-approval-row strong,
.pending-approval-row span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pending-approval-row strong {
  color: #1e3a8a;
  font-size: 11px;
  font-weight: 950;
}

.pending-approval-row span {
  margin-top: 3px;
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
}

.pending-approval-empty-cell {
  height: 160px;
  text-align: center;
  color: #64748b;
}

.pending-approval-preview {
  display: flex;
  flex-direction: column;
}

.pending-approval-preview-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 62px;
  padding: 10px 12px;
  border-bottom: 1.5px solid #C5AA64;
  background: #f7f9fd;
}

.pending-approval-preview-head strong,
.pending-approval-preview-head span {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pending-approval-preview-head strong {
  color: #1e3a8a;
  font-size: 13px;
  font-weight: 950;
}

.pending-approval-preview-head span {
  margin-top: 4px;
  color: #64748b;
  font-size: 10px;
  font-weight: 850;
}

.pending-approval-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pending-approval-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 92px;
  height: 34px;
  border: 1.5px solid #C5AA64;
  border-radius: 9px;
  background: #ffffff;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
  transition: background .15s ease, border-color .15s ease, color .15s ease;
}

.pending-approval-btn i,
.pending-approval-btn svg {
  width: 14px;
  height: 14px;
}

.pending-approval-approve {
  background: #1e3a8a;
  color: #C5AA64;
}

.pending-approval-reject {
  color: #991b1b;
  border-color: #e7b9b9;
}

.pending-approval-approve:hover {
  background: #0f2556;
}

.pending-approval-reject:hover {
  background: #fff1f2;
  border-color: #ef4444;
}

.pending-approval-preview-body {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f8fafc;
  overflow: hidden;
}

.pending-approval-preview-body img,
.pending-approval-preview-body embed {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  border: 0;
  object-fit: contain;
  background: #ffffff;
}

.pending-approval-preview-body img {
  padding: 12px;
}

.pending-approval-preview-body > .maktu-docx-preview-html {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.pending-approval-preview-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  min-height: 240px;
  padding: 28px;
  text-align: center;
  color: #64748b;
}

.pending-approval-preview-empty i,
.pending-approval-preview-empty svg {
  width: 48px;
  height: 48px;
  color: #C5AA64;
}

.pending-approval-preview-empty strong {
  color: #1e3a8a;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .8px;
}

.pending-approval-preview-empty span {
  max-width: 320px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.45;
}

@media (max-width: 980px) {
  .pending-approvals-shell {
    grid-template-columns: 1fr;
    height: auto;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
  }

  .pending-approvals-table-panel,
  .pending-approval-preview {
    min-height: 320px;
  }
}



body.chat-fullscreen-open:not(.is-logged-out) {
    overflow: hidden;
}

body.chat-fullscreen-open:not(.is-logged-out) .sidebar-right,
body.chat-fullscreen-open:not(.is-logged-out) .sidebar-right-expandable {
    position: fixed;
    inset: 10px;
    right: 10px;
    bottom: 10px;
    width: auto;
    min-width: 0;
    max-width: none;
    height: auto;
    max-height: none;
    z-index: 10080;
}

body.chat-fullscreen-open:not(.is-logged-out) #active-office-chat,
body.chat-fullscreen-open:not(.is-logged-out) .active-office-chat {
    min-height: 0;
}

body.chat-fullscreen-open:not(.is-logged-out) #office-chat-messages {
    flex: 1 1 auto;
}

/* active-office-chat-fullscreen-target */
body.chat-fullscreen-open:not(.is-logged-out) #active-office-chat {
    position: fixed;
    inset: 10px;
    z-index: 10090;
    width: calc(100vw - 20px);
    height: calc(100dvh - 20px);
    max-width: none;
    max-height: none;
    border-radius: 10px;
    box-shadow: 0 18px 54px rgba(15, 23, 42, 0.28);
}

/* active-office-chat-fullscreen-visibility */
body.chat-fullscreen-open:not(.is-logged-out) #active-office-chat,
body.chat-fullscreen-open:not(.is-logged-out) #active-office-chat * {
    visibility: visible;
    pointer-events: auto;
}


/* Ana menu zemin: beyaz parlama yerine mat kurumsal gecis. */
body.ana-menu-active:not(.is-logged-out):not(.is-fullscreen) #main-portal-content,
body.ana-menu-active:not(.is-logged-out):not(.is-fullscreen) #ana-menu-view,
body.client-mode.ana-menu-active:not(.is-logged-out):not(.is-fullscreen) #main-portal-content,
body.client-mode.ana-menu-active:not(.is-logged-out):not(.is-fullscreen) #ana-menu-view,
body.office-mode.ana-menu-active:not(.is-logged-out):not(.is-fullscreen) #main-portal-content,
body.office-mode.ana-menu-active:not(.is-logged-out):not(.is-fullscreen) #ana-menu-view {
    background:
        linear-gradient(90deg, rgba(7, 20, 44, 0.88) 0%, rgba(16, 34, 77, 0.76) 20%, rgba(205, 181, 146, 0.54) 58%, rgba(238, 225, 198, 0.82) 100%),
        linear-gradient(180deg, rgba(205, 181, 146, 0.18) 0%, rgba(7, 20, 44, 0.10) 100%) !important;
    background-color: #d7c5a4 !important;
}

body.ana-menu-active:not(.is-logged-out):not(.is-fullscreen) #ana-menu-view::before {
    background: transparent !important;
}
/* Portal alert receipts modal */
#global-modal.portal-alert-receipts-modal.active .modal-content {
  width: min(860px, calc(100vw - 48px)) !important;
  max-width: min(860px, calc(100vw - 48px)) !important;
  border: 1.5px solid #C5AA64 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 22px 55px rgba(15, 23, 42, .28) !important;
  overflow: hidden !important;
}

#global-modal.portal-alert-receipts-modal.active .modal-header {
  min-height: 48px !important;
  padding: 14px 58px 12px 18px !important;
  border-bottom: 1px solid rgba(197, 170, 100, .42) !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
  color: #1e3a8a !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

#global-modal.portal-alert-receipts-modal.active .modal-body {
  padding: 14px 16px 16px !important;
  overflow: hidden !important;
}

#global-modal.portal-alert-receipts-modal.active .modal-buttons {
  display: none !important;
}

.portal-alert-receipts-shell {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.portal-alert-receipts-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.portal-alert-receipts-summary > div {
  min-width: 0;
  border: 1px solid rgba(30, 58, 138, .14);
  border-left: 4px solid #C5AA64;
  border-radius: 8px;
  background: #f8fafc;
  padding: 10px 12px;
}

.portal-alert-receipts-summary span {
  display: block;
  color: #64748b;
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

.portal-alert-receipts-summary strong {
  display: block;
  margin-top: 2px;
  color: #1e3a8a;
  font-size: 20px;
  font-weight: 950;
  line-height: 1;
}

.portal-alert-receipts-table-wrap {
  max-height: min(430px, calc(100vh - 260px));
  overflow: auto;
  border: 1px solid rgba(30, 58, 138, .16);
  border-radius: 10px;
  background: #ffffff;
}

.portal-alert-receipts-table {
  width: 100%;
  min-width: 680px;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.portal-alert-receipts-table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #1e3a8a;
  color: #C5AA64;
  padding: 10px 12px;
  font-size: 10px;
  font-weight: 950;
  text-align: left;
  text-transform: uppercase;
}

.portal-alert-receipts-table th:nth-child(1) { width: 48%; }
.portal-alert-receipts-table th:nth-child(2) { width: 14%; }
.portal-alert-receipts-table th:nth-child(3) { width: 20%; }
.portal-alert-receipts-table th:nth-child(4) { width: 18%; }

.portal-alert-receipts-table td {
  border-top: 1px solid #e2e8f0;
  padding: 10px 12px;
  color: #0f172a;
  font-size: 11px;
  font-weight: 800;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.portal-alert-receipt-user {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.portal-alert-receipt-user strong {
  color: #0f172a;
  font-size: 11px;
  font-weight: 950;
  line-height: 1.25;
}

.portal-alert-receipt-user span {
  color: #64748b;
  font-size: 10px;
  font-weight: 800;
}

.portal-alert-receipt-role,
.portal-alert-receipt-status,
.portal-alert-receipt-date {
  display: inline-flex;
  max-width: 100%;
  min-height: 24px;
  align-items: center;
  border-radius: 999px;
  padding: 4px 8px;
  line-height: 1.15;
  white-space: normal;
}

.portal-alert-receipt-role {
  background: #eef2ff;
  color: #1e3a8a;
}

.portal-alert-receipt-status {
  background: #ecfdf5;
  color: #047857;
}

.portal-alert-receipt-row.is-pending .portal-alert-receipt-status {
  background: #fff7ed;
  color: #b45309;
}

.portal-alert-receipt-date {
  background: #f8fafc;
  color: #334155;
}

.portal-alert-receipt-row.is-empty td {
  padding: 22px;
  color: #64748b;
  text-align: center;
}

@media (max-width: 720px) {
  #global-modal.portal-alert-receipts-modal.active .modal-content {
    width: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }

  .portal-alert-receipts-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .portal-alert-receipts-table {
    min-width: 640px;
  }
}

/* Account and settings workbench refresh. */
body:not(.is-logged-out) #hesap-yonetimi-view,
body:not(.is-logged-out) #ayarlar-view {
  color: #071f4f;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-workbench,
body:not(.is-logged-out) #ayarlar-view .settings-workbench {
  width: 100%;
  max-width: none;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-grid {
  gap: 16px;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card,
body:not(.is-logged-out) #hesap-yonetimi-view .account-table-card {
  padding: 18px;
  border-radius: 10px;
  border: 1.5px solid color-mix(in srgb, var(--brand-border) 70%, #ffffff);
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.96) 0%, rgba(250, 244, 232, 0.88) 100%),
    radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--brand-accent) 12%, transparent), transparent 38%);
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.82);
  transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card:hover,
body:not(.is-logged-out) #hesap-yonetimi-view .account-table-card:hover {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--brand-border) 88%, #ffffff);
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 46px;
  padding-bottom: 12px;
  margin-bottom: 14px;
  border-bottom: 1px solid color-mix(in srgb, var(--brand-border) 36%, transparent);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card-head h4 {
  margin: 0;
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
  font-size: 12px;
  letter-spacing: 0.08em;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  border: 1px solid color-mix(in srgb, var(--brand-border) 70%, #ffffff);
  border-radius: 9px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--brand-accent);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-icon :is(i, svg) {
  width: 18px;
  height: 18px;
  color: var(--brand-accent);
  stroke: var(--brand-accent);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card > .grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box {
  min-height: 74px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--brand-border) 45%, #ffffff);
  border-left: 4px solid var(--brand-border);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box.highlight {
  background: linear-gradient(180deg, color-mix(in srgb, var(--brand-border) 18%, #ffffff) 0%, #fffdf8 100%);
  border-color: color-mix(in srgb, var(--brand-border) 65%, #ffffff);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box .label,
body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box.highlight .label {
  color: rgba(7, 31, 79, 0.62);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box .value,
body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box.highlight .value {
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
  font-size: clamp(15px, 1.05vw, 19px);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box.filter-result {
  border-color: #16a34a;
  background: #f0fdf4;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box.filter-result .label {
  color: #15803d;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card .acc-stat-box.filter-result .value {
  color: #16a34a;
  -webkit-text-fill-color: #16a34a;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-filter-card .acc-filter-input {
  min-height: 42px;
  border: 1px solid color-mix(in srgb, var(--brand-border) 55%, #ffffff);
  background: rgba(255, 255, 255, 0.82);
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-filter-card .acc-filter-input::placeholder {
  color: rgba(7, 31, 79, 0.66);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-filter-caption {
  margin-bottom: 6px;
  color: rgba(7, 31, 79, 0.58);
  font-size: 10px;
  font-weight: 900;
  text-transform: uppercase;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-filter-result {
  border: 1px solid color-mix(in srgb, var(--brand-border) 50%, #ffffff);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
  padding: 12px;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-filter-result span {
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-card {
  padding: 0;
  overflow: hidden;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-head {
  min-height: 58px;
  padding: 14px 18px;
  border-bottom: 1.5px solid color-mix(in srgb, var(--brand-border) 62%, #ffffff);
  background:
    linear-gradient(90deg, rgba(255, 253, 248, 0.98) 0%, rgba(250, 244, 232, 0.9) 100%);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-head h3,
body:not(.is-logged-out) #hesap-yonetimi-view .account-table-head span,
body:not(.is-logged-out) #hesap-yonetimi-view .account-table-head b {
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-head :is(i, svg) {
  color: var(--brand-accent);
  stroke: var(--brand-accent);
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-card .overflow-x-auto {
  border: 0;
  box-shadow: none;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-card table {
  min-width: 920px;
  border-collapse: separate;
  border-spacing: 0;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-card th {
  height: 42px;
  border-top: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--brand-border) 42%, #ffffff);
  background: #fffdf8;
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
}

body:not(.is-logged-out) #hesap-yonetimi-view .account-table-card td {
  border-top: 0;
  border-bottom: 1px solid rgba(197, 170, 100, 0.22);
}

body:not(.is-logged-out) #ayarlar-view .settings-grid {
  gap: 18px;
  align-items: stretch;
}

body.client-mode:not(.is-logged-out) #ayarlar-view .settings-grid {
  grid-template-columns: minmax(0, 1fr);
}

body.client-mode:not(.is-logged-out) #setting-client-info-box {
  grid-column: 1 / -1;
}

body:not(.is-logged-out) #ayarlar-view .settings-panel {
  overflow: hidden;
  border-radius: 10px;
  background:
    linear-gradient(180deg, rgba(255, 253, 248, 0.96) 0%, rgba(250, 244, 232, 0.86) 100%);
}

body:not(.is-logged-out) #ayarlar-view .settings-header {
  min-height: 58px;
  padding: 14px 16px;
}

body:not(.is-logged-out) #ayarlar-view .settings-card-body {
  padding: 18px;
  background: transparent;
}

body:not(.is-logged-out) #ayarlar-view .theme-select-block,
body:not(.is-logged-out) #ayarlar-view .theme-control-card,
body:not(.is-logged-out) #ayarlar-view .settings-security-card .settings-card-body > .group,
body:not(.is-logged-out) #ayarlar-view .settings-security-card .settings-card-body > .grid,
body:not(.is-logged-out) #ayarlar-view .settings-security-card .admin-only-setting {
  border: 1px solid color-mix(in srgb, var(--brand-border) 46%, #ffffff);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  padding: 14px;
}

body:not(.is-logged-out) #ayarlar-view .theme-control-card {
  display: grid;
  gap: 14px;
}

body:not(.is-logged-out) #ayarlar-view .theme-control-head {
  margin-bottom: 0;
}

body:not(.is-logged-out) #ayarlar-view .theme-color-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body:not(.is-logged-out) #ayarlar-view .corporate-color-field {
  min-height: 48px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid rgba(197, 170, 100, 0.28);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.76);
}

body:not(.is-logged-out) #ayarlar-view .corporate-color-field span {
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
  font-size: 10px;
  font-weight: 900;
  line-height: 1.2;
  text-transform: uppercase;
}

body:not(.is-logged-out) #ayarlar-view .corporate-color-field input[type="color"] {
  width: 42px;
  height: 30px;
  padding: 2px;
  border: 1px solid color-mix(in srgb, var(--brand-border) 56%, #ffffff);
  border-radius: 7px;
  background: #ffffff;
}

body:not(.is-logged-out) #ayarlar-view .settings-security-card select,
body:not(.is-logged-out) #ayarlar-view .settings-appearance-card select,
body:not(.is-logged-out) #ayarlar-view .settings-profile-card input {
  min-height: 42px;
  border: 1px solid color-mix(in srgb, var(--brand-border) 42%, #ffffff);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
}

/* Maktu belge onay ve arabuluculuk formları */
#custom-confirm-modal:not(.login-alert-modal),
#custom-confirm-modal:not(.login-alert-modal).active {
  background: rgba(21, 30, 49, 0.78) !important;
}

#custom-confirm-modal:not(.login-alert-modal) > .modal-content.confirm-modal-content-std,
#custom-confirm-modal:not(.login-alert-modal).active > .modal-content.confirm-modal-content-std {
  width: min(460px, calc(100vw - 36px)) !important;
  max-width: min(460px, calc(100vw - 36px)) !important;
  border: 1px solid color-mix(in srgb, var(--brand-border) 72%, #ffffff) !important;
  border-radius: 14px !important;
  overflow: visible;
  background: #ffffff;
  box-shadow: 0 22px 56px rgba(15, 23, 42, 0.32) !important;
}

#custom-confirm-modal:not(.login-alert-modal) .modal-header {
  min-height: 52px !important;
  padding: 0 58px 0 18px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid color-mix(in srgb, var(--brand-border) 54%, #ffffff) !important;
  border-radius: 13px 13px 0 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
  color: #0f2556;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1.2;
  text-align: center;
}

#custom-confirm-modal:not(.login-alert-modal) .modal-body {
  padding: 18px 22px 10px !important;
  background: #ffffff;
}

#custom-confirm-modal:not(.login-alert-modal) #custom-confirm-msg {
  display: block;
  margin: 0;
  padding: 16px 18px;
  border: 1px solid rgba(197, 170, 100, 0.34);
  border-radius: 8px;
  background: #fffdf8;
  color: #111827;
  -webkit-text-fill-color: #111827;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
  text-transform: none;
  max-height: none;
  overflow: visible;
  white-space: normal;
  word-break: normal;
  overflow-wrap: anywhere;
  -webkit-line-clamp: unset;
}

#custom-confirm-modal:not(.login-alert-modal) .modal-buttons {
  gap: 12px !important;
  padding: 10px 22px 22px !important;
  justify-content: center;
}

#custom-confirm-modal:not(.login-alert-modal) .custom-confirm-action {
  min-width: 118px !important;
  height: 38px !important;
  border-radius: 8px;
  padding: 0 18px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 950 !important;
  letter-spacing: 0;
  transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease;
}

#custom-confirm-modal:not(.login-alert-modal) .custom-confirm-action-primary {
  border: 1px solid #0f2556;
  background: #0f2556;
  color: #C5AA64;
  -webkit-text-fill-color: #C5AA64;
  box-shadow: 0 10px 20px rgba(15, 37, 86, 0.20);
}

#custom-confirm-modal:not(.login-alert-modal) .custom-confirm-action-secondary {
  border: 1px solid rgba(197, 170, 100, 0.76);
  background: #ffffff;
  color: #0f2556;
  -webkit-text-fill-color: #0f2556;
  box-shadow: none;
}

#custom-confirm-modal:not(.login-alert-modal) .custom-confirm-action:hover {
  transform: translateY(-1px);
}

#custom-confirm-modal:not(.login-alert-modal) .ext-btn-close {
  top: -15px !important;
  right: -15px !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border: 1px solid color-mix(in srgb, var(--brand-border) 72%, #ffffff) !important;
  border-radius: 10px !important;
  background: #fffdf8 !important;
  color: #0f2556 !important;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.18) !important;
}

#custom-confirm-modal:not(.login-alert-modal) .ext-btn-close svg,
#custom-confirm-modal:not(.login-alert-modal) .ext-btn-close i {
  width: 20px !important;
  height: 20px !important;
}

#global-modal.maktu-arabuluculuk-modal.active {
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(21, 30, 49, 0.78);
}

#global-modal.maktu-arabuluculuk-modal .modal-content {
  width: min(1060px, calc(100vw - 32px));
  max-width: min(1060px, calc(100vw - 32px));
  max-height: calc(100dvh - 32px);
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 1px solid color-mix(in srgb, var(--brand-border) 76%, #ffffff);
  border-radius: 14px;
  overflow: visible;
  background: #ffffff;
  box-shadow: 0 26px 70px rgba(15, 23, 42, 0.34);
}

#global-modal.maktu-arabuluculuk-modal .modal-header {
  min-height: 56px;
  padding: 0 104px 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid color-mix(in srgb, var(--brand-border) 52%, #ffffff);
  border-radius: 13px 13px 0 0;
  background: linear-gradient(180deg, #ffffff 0%, #fffdf8 100%);
  color: #0f2556;
  font-size: 15px;
  font-weight: 950;
  letter-spacing: 0;
  text-align: center;
}

#global-modal.maktu-arabuluculuk-modal .modal-body {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
  padding: 16px;
  overflow: hidden;
  background: #f8fafc;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-scroll {
  max-height: none;
  height: min(70dvh, 690px);
  overflow: auto;
  padding: 2px 6px 2px 2px;
}

#global-modal.maktu-arabuluculuk-modal .modal-buttons {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 12px 16px 16px;
  border-top: 1px solid color-mix(in srgb, var(--brand-border) 42%, #ffffff);
  border-radius: 0 0 13px 13px;
  background: #ffffff;
}

#global-modal.maktu-arabuluculuk-modal .modal-btn {
  min-width: 108px;
  height: 38px;
  border-radius: 8px;
  padding: 0 18px;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
}

#global-modal.maktu-arabuluculuk-modal .modal-confirm-btn {
  border: 1px solid #0f2556;
  background: #0f2556;
  color: #C5AA64;
  -webkit-text-fill-color: #C5AA64;
  box-shadow: 0 10px 20px rgba(15, 37, 86, 0.18);
}

#global-modal.maktu-arabuluculuk-modal .modal-cancel-btn {
  border: 1px solid rgba(197, 170, 100, 0.76);
  background: #ffffff;
  color: #0f2556;
  -webkit-text-fill-color: #0f2556;
}

#global-modal.maktu-arabuluculuk-modal .global-modal-close-btn,
#global-modal.maktu-arabuluculuk-modal .modal-content > .ext-btn-close,
#global-modal.maktu-arabuluculuk-modal .modal-content > button:first-child {
  top: 10px;
  right: 10px;
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
  border: 1px solid color-mix(in srgb, var(--brand-border) 74%, #ffffff);
  border-radius: 10px;
  background: #fffdf8;
  color: #0f2556;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.20);
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-form {
  gap: 14px;
  color: #0f172a;
  -webkit-text-fill-color: initial;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-date-row,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-party-grid,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-choice-grid {
  gap: 12px;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-party-grid,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-section,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-ready-wrap,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-lawyer-card,
#global-modal.maktu-arabuluculuk-modal .maktu-signature-panel {
  border: 1px solid rgba(197, 170, 100, 0.42);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.05);
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-section {
  padding: 12px;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-section-title,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-party-head > div {
  color: #0f2556;
  -webkit-text-fill-color: #0f2556;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0;
  text-transform: uppercase;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-party-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-clear-party-btn {
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1d4ed8;
  -webkit-text-fill-color: #1d4ed8;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-clear-party-btn:hover,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-clear-party-btn:focus {
  border-color: #93c5fd;
  background: #dbeafe;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-party-card {
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(197, 170, 100, 0.36);
  border-radius: 8px;
  background: #fffdf8;
}

#global-modal.maktu-arabuluculuk-modal .maktu-party-field-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 8px;
  align-items: start;
}

#global-modal.maktu-arabuluculuk-modal .maktu-party-field {
  min-width: 0;
}

#global-modal.maktu-arabuluculuk-modal .maktu-party-field-name {
  grid-column: span 4;
}

#global-modal.maktu-arabuluculuk-modal .maktu-party-field-identity {
  grid-column: span 2;
}

#global-modal.maktu-arabuluculuk-modal .maktu-party-field-address {
  grid-column: 1 / -1;
}

#global-modal.maktu-arabuluculuk-modal .maktu-party-field-lawyer,
#global-modal.maktu-arabuluculuk-modal .maktu-party-field-baro,
#global-modal.maktu-arabuluculuk-modal .maktu-party-field-phone {
  grid-column: span 2;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-lawyer-card {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  background: #f8fafc;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-ready-wrap {
  padding: 12px;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-ready-head {
  min-height: 34px;
  align-items: center;
}

#global-modal.maktu-arabuluculuk-modal .modal-label,
#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-field .modal-label {
  color: #0f2556;
  -webkit-text-fill-color: #0f2556;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: none;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-control,
#global-modal.maktu-arabuluculuk-modal .modal-input {
  width: 100%;
  min-height: 36px;
  border: 1px solid rgba(148, 163, 184, 0.58);
  border-radius: 8px;
  background: #ffffff;
  color: #0f2556;
  -webkit-text-fill-color: #0f2556;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  text-transform: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.70);
}

#global-modal.maktu-arabuluculuk-modal textarea.maktu-arabuluculuk-control,
#global-modal.maktu-arabuluculuk-modal textarea.modal-input {
  min-height: 76px;
  resize: vertical;
}

#global-modal.maktu-arabuluculuk-modal textarea.maktu-party-name-control {
  min-height: 44px;
  resize: none;
  overflow: hidden;
  white-space: pre-wrap;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-control:focus,
#global-modal.maktu-arabuluculuk-modal .modal-input:focus {
  border-color: #C5AA64;
  box-shadow: 0 0 0 3px rgba(197, 170, 100, 0.18);
  outline: none;
}

#global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-ready-actions button,
#global-modal.maktu-arabuluculuk-modal [data-arabuluculuk-save-panel] button,
#global-modal.maktu-arabuluculuk-modal .btn-icon-small {
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
}

#global-modal.maktu-arabuluculuk-modal [data-arabuluculuk-add-party] {
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  border-radius: 8px;
  border: 1px solid rgba(197, 170, 100, 0.76);
  background: #ffffff;
  color: #0f2556;
  -webkit-text-fill-color: #0f2556;
  padding: 0 12px;
  align-self: flex-start;
  font-size: 10px;
  font-weight: 900;
  box-shadow: 0 8px 16px rgba(15, 23, 42, 0.06);
}

#global-modal.maktu-arabuluculuk-modal [data-arabuluculuk-ready-panel]:not(.hidden),
#global-modal.maktu-arabuluculuk-modal [data-arabuluculuk-field-panel]:not(.hidden),
#global-modal.maktu-arabuluculuk-modal [data-arabuluculuk-save-panel]:not(.hidden) {
  display: grid;
}

@media (max-width: 760px) {
  #global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-party-grid,
  #global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-choice-grid,
  #global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-lawyer-card {
    grid-template-columns: 1fr;
  }

  #global-modal.maktu-arabuluculuk-modal .maktu-party-field-grid {
    grid-template-columns: 1fr;
  }

  #global-modal.maktu-arabuluculuk-modal .maktu-party-field-name,
  #global-modal.maktu-arabuluculuk-modal .maktu-party-field-identity,
  #global-modal.maktu-arabuluculuk-modal .maktu-party-field-address,
  #global-modal.maktu-arabuluculuk-modal .maktu-party-field-lawyer,
  #global-modal.maktu-arabuluculuk-modal .maktu-party-field-baro,
  #global-modal.maktu-arabuluculuk-modal .maktu-party-field-phone {
    grid-column: 1 / -1;
  }

  #global-modal.maktu-arabuluculuk-modal .modal-content {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    max-height: calc(100dvh - 24px);
  }

  #global-modal.maktu-arabuluculuk-modal .maktu-arabuluculuk-scroll {
    height: min(72dvh, 680px);
  }
}

@media (max-width: 1180px) {
  body:not(.is-logged-out) #hesap-yonetimi-view .account-summary-card > .grid,
  body:not(.is-logged-out) #ayarlar-view .theme-color-grid {
    grid-template-columns: 1fr;
  }
}

#global-modal.modal-overlay.active.is-minimized,
#global-modal.modal-overlay.active.is-minimized.maktu-arabuluculuk-modal,
#global-modal.modal-overlay.active.is-minimized.maktu-icra-itiraz-active,
#global-modal.modal-overlay.active.is-minimized.maktu-icra-itiraz-modal,
#global-modal.modal-overlay.active.is-minimized.maktu-ihtar-form-modal,
#global-modal.modal-overlay.active.is-minimized.maktu-tahkim-form-modal {
  background: transparent !important;
  pointer-events: none !important;
}

.global-modal-minimized-bar {
  pointer-events: auto !important;
}

.modal-overlay.lightweight-detail-overlay {
  background: rgba(15, 23, 42, 0.38);
}

.modal-overlay.evrak-type-modal-overlay {
  background: rgba(15, 23, 42, 0.35);
}

.icon-box-gold.evrak-mini-action {
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  padding: 0;
  border-radius: 6px;
}

.icon-box-gold.evrak-preview-action {
  width: 26px;
  min-width: 26px;
  height: 26px;
  min-height: 26px;
  padding: 0;
  border-radius: 6px;
}

.icon-box-gold.evrak-delete-action {
  border-color: #ef4444;
}

.modal-content.new-evrak-type-content {
  width: min(720px, calc(100vw - 36px));
  max-width: 720px;
  border: 6px solid #C5AA64;
  padding: 0;
  overflow: hidden;
}

.ext-btn.ext-btn-close.new-evrak-type-close {
  position: static;
  width: 34px;
  min-width: 34px;
  height: 34px;
  min-height: 34px;
}

.icon-box-gold.user-action-icon {
  width: 28px;
  min-width: 28px;
  height: 28px;
  min-height: 28px;
}

.office-user-avatar {
  width: var(--office-user-avatar-size, 28px);
  min-width: var(--office-user-avatar-size, 28px);
  height: var(--office-user-avatar-size, 28px);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  border: 1.5px solid #C5AA64;
  border-radius: 9px;
  background: linear-gradient(180deg, #fffdf8 0%, #f3ead8 100%);
  color: #071f4f;
  -webkit-text-fill-color: #071f4f;
  box-shadow: 0 5px 12px rgba(15, 23, 42, .10);
  font-size: var(--office-user-avatar-font, 10px);
  font-weight: 950;
  text-transform: uppercase;
}

.office-user-avatar-has-image {
  background: #fffdf8;
}

.office-user-avatar-img {
  width: 100%;
  height: 100%;
  display: block;
  object-position: center;
  background: #fffdf8;
}

.icon-box-gold.user-delete-action {
  border-color: #ef4444;
}

.impersonation-banner {
  position: fixed;
  left: 50%;
  top: 10px;
  transform: translateX(-50%);
  z-index: 10020;
  display: flex;
  align-items: center;
  gap: 10px;
  background: #7f1d1d;
  color: #ffffff;
  border: 2px solid #C5AA64;
  border-radius: 8px;
  padding: 8px 12px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
  font-size: 11px;
  font-weight: 950;
  text-transform: uppercase;
  letter-spacing: 0.2px;
}

.end-impersonation-btn {
  background: #C5AA64;
  color: #1e3a8a;
  border: 0;
  border-radius: 6px;
  padding: 6px 9px;
  font-size: 10px;
  font-weight: 950;
  cursor: pointer;
}

.detail-header-context-menu {
  position: fixed;
  z-index: 10050;
  min-width: 250px;
  padding: 6px;
  border: 2px solid #C5AA64;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.22);
}

.modal-btn.workflow-route-choice {
  justify-content: flex-start;
  padding: 12px 16px;
}

.modal-btn.detail-job-shortcut-choice {
  justify-content: flex-start;
  padding: 12px 16px;
}

td.row-select-cell {
  width: 50px;
  min-width: 50px;
  max-width: 50px;
}

.check-cell-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 6px;
  height: 100%;
  padding: 4px;
  cursor: pointer;
}

.mobile-cell-count-badge {
  position: absolute;
  top: -6px;
  right: 4px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 14px;
  height: 14px;
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  background: #ef4444;
  color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  font-size: 9px;
  font-weight: 950;
  pointer-events: none;
}

.row-limit-toolbar-slot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 34px;
  margin: 8px 0;
}

.row-limit-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  width: 100%;
  max-width: 620px;
  min-height: 30px;
  padding: 3px;
  border: 1px solid rgba(197, 170, 100, 0.55);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
}

.row-limit-toolbar-slot > .row-limit-toolbar {
  max-width: none;
}

.row-limit-toolbar.compact {
  min-height: 26px;
  padding: 2px;
  box-shadow: none;
  max-width: 560px;
}

.row-limit-left,
.row-limit-right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.row-limit-left {
  justify-content: flex-start;
}

.row-limit-right {
  justify-content: flex-end;
  margin-left: auto;
}

.row-limit-count {
  min-width: 58px;
  padding-left: 8px;
  color: #64748b;
  font-size: 10px;
  font-weight: 950;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}

.row-limit-segment {
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.table-density-segment {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 2px;
  border: 1px solid rgba(197, 170, 100, 0.36);
  border-radius: 7px;
  background: #fffdf7;
}

.row-limit-btn,
.table-density-btn {
  min-width: 38px;
  height: 24px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #1e3a8a;
  cursor: pointer;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: 0;
  line-height: 1;
  text-transform: uppercase;
}

.table-density-btn {
  min-width: 74px;
  color: #0f2556;
}

.row-limit-btn:hover,
.row-limit-btn.active,
.table-density-btn:hover,
.table-density-btn.active {
  background: #1e3a8a;
  color: #C5AA64;
}

.agenda-section-header .row-limit-toolbar,
.job-tracking-section-limit .row-limit-toolbar,
.account-table-head .row-limit-toolbar {
  margin-left: auto;
}

.job-tracking-section-limit,
.agenda-section-limit {
  margin-left: auto;
}

@media (max-width: 768px) {
  .row-limit-toolbar-slot {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .row-limit-toolbar {
    width: max-content;
    max-width: none;
  }
}