/*
============================================================
LogiNexus CSS Haritasi
============================================================
Bu dosya su an tek parca tutuluyor. Cascade'i bozmamak icin
fiziksel bolme yapmadan once blok standardi kullaniyoruz.

01 Base             : degiskenler, reset, density modlari
02 Layout           : auth, header, module shell, sayfa hizasi
03 Buttons/Controls : butonlar, inputlar, filtreler, arac menuleri
04 Tables           : operasyon tablolari, sticky kolonlar, filtre popup
05 Cards/Panels     : ortak kartlar, KPI, sag detay yuzeyleri
06 Modals/Overlays  : modal, toast, drawer, onizleme katmanlari
07 Dashboard        : dashboard KPI, grafik, analiz panelleri
08 Quotes           : teklif havuzu, teklif formu, mail/PDF/onizleme
09 Card Management  : musteri, tedarikci, lokasyon kartlari
10 Finance          : gider, harcama, maas, vergi ekranlari
11 Company          : sirket merkezi
12 Admin            : admin merkezi
13 Overrides        : son kalite turlari, responsive ve mod duzeltmeleri

Not: Bu tur sadece yon bulma basliklari ekler; gorsel davranisi degistirmez.
*/

/* 01 Base ------------------------------------------------------------ */
:root {
    --turuncu: #F76C0D;
    --turuncu-koyu: #d95c08;
    --turuncu-hafif: #fff4ee;
    --metin: #1a1a2e;
    --metin-ikincil: #6b7280;
    --kenarlik: #d1d5db;
    --arka: #f8f9fb;
    --beyaz: #ffffff;
    --hata: #c2414b;
    --basari: #1f8f5f;
    --uyari: #b7791f;
    --bilgi: #2f6fdd;
    --golge: 0 0 0 1px rgba(0,0,0,0.05), 0 2px 8px rgba(0,0,0,0.04);
    --golge-buyuk: 0 0 0 1px rgba(0,0,0,0.06), 0 14px 32px -4px rgba(15,23,42,0.16);
    --golge-kart: 0 0 0 1px rgba(0,0,0,0.05), 0 2px 8px rgba(0,0,0,0.04);
    --gecis: all 0.18s cubic-bezier(0.4,0,0.2,1);
    --std-radius-xs: 8px;
    --std-radius-sm: 10px;
    --std-radius-md: 12px;
    --std-radius-lg: 16px;
    --std-layout-gap: 16px;
    --std-toolbar-gap: 12px;
    --std-panel-pad: 20px;
    --std-panel-radius: 12px;
    --std-control-h: 40px;
    --std-control-pad-x: 18px;
    --std-control-font: 12px;
    --std-input-h: 32px;
    --std-input-pad-x: 8px;
    --std-input-radius: 9px;
    --std-table-border: rgba(218,226,237,0.9);
    --std-table-head-bg: #f3f4f6;
    --density-font: 13px;
    --density-header-h: 60px;
    --density-header-pad-x: 24px;
    --density-content-pad-x: 24px;
    --density-content-pad-y: 20px;
    --density-panel-pad: 12px;
    --density-panel-radius: 12px;
    --density-input-h: 32px;
    --density-input-py: 6px;
    --density-input-px: 8px;
    --density-grid-gap: 8px;
    --density-table-font: 11px;
    --density-table-pad-y: 8px;
    --density-table-pad-x: 10px;
    --density-badge-py: 3px;
    --density-badge-px: 8px;
    --density-card-pad: 18px;
    --density-modal-pad: 30px;
    --density-overlay-blur: 10px;

    /* 7 Aşamalı Modern Subtle Badge Renkleri */
    --badge-planlandi-bg: rgba(100, 116, 139, 0.10);
    --badge-planlandi-text: #475569;
    --badge-planlandi-border: rgba(100, 116, 139, 0.20);
    --badge-yukleme-sevk-bg: rgba(217, 119, 6, 0.10);
    --badge-yukleme-sevk-text: #b45309;
    --badge-yukleme-sevk-border: rgba(217, 119, 6, 0.22);
    --badge-yukleme-bg: rgba(8, 145, 178, 0.10);
    --badge-yukleme-text: #0891b2;
    --badge-yukleme-border: rgba(8, 145, 178, 0.22);
    --badge-bosaltma-sevk-bg: rgba(59, 130, 246, 0.12);
    --badge-bosaltma-sevk-text: #2563eb;
    --badge-bosaltma-sevk-border: rgba(59, 130, 246, 0.20);
    --badge-bosaltma-bg: rgba(124, 58, 237, 0.10);
    --badge-bosaltma-text: #7c3aed;
    --badge-bosaltma-border: rgba(124, 58, 237, 0.20);
    --badge-teslim-bg: rgba(34, 197, 94, 0.12);
    --badge-teslim-text: #16a34a;
    --badge-teslim-border: rgba(34, 197, 94, 0.20);
    --badge-tamamlandi-bg: rgba(247, 108, 13, 0.10);
    --badge-tamamlandi-text: #d95c08;
    --badge-tamamlandi-border: rgba(247, 108, 13, 0.24);
    --badge-taslak-bg: rgba(100, 116, 139, 0.10);
    --badge-taslak-text: #475569;
    --badge-taslak-border: rgba(100, 116, 139, 0.20);
    --badge-yolda-bg: rgba(59, 130, 246, 0.12);
    --badge-yolda-text: #2563eb;
    --badge-yolda-border: rgba(59, 130, 246, 0.20);
    --badge-hata-bg: rgba(239, 68, 68, 0.12);
    --badge-hata-text: #dc2626;
    --badge-hata-border: rgba(239, 68, 68, 0.20);
    --badge-secili-bg: rgba(247, 108, 13, 0.12);
    --badge-secili-text: #F76C0D;
    --badge-secili-border: rgba(247, 108, 13, 0.35);
}

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

body { font-family: 'DM Sans', sans-serif; background: var(--arka); color: var(--metin); font-size: var(--density-font); min-height: 100vh; transition: background-color 0.3s; }

body.rahat-mod {
    --density-font: 13px;
    --density-header-h: 60px;
    --density-header-pad-x: 24px;
    --density-content-pad-x: 24px;
    --density-content-pad-y: 20px;
    --density-panel-pad: 12px;
    --density-panel-radius: 12px;
    --density-input-h: 32px;
    --density-input-py: 6px;
    --density-input-px: 8px;
    --density-grid-gap: 8px;
    --density-table-font: 11px;
    --density-table-pad-y: 8px;
    --density-table-pad-x: 10px;
    --density-badge-py: 3px;
    --density-badge-px: 8px;
    --density-card-pad: 18px;
    --density-modal-pad: 30px;
    --density-overlay-blur: 10px;
}

/* 13 İNÇ KOMPAKT MOD AYARI */
body.kompakt-mod {
    --density-font: 12px;
    --density-header-h: 52px;
    --density-header-pad-x: 16px;
    --density-content-pad-x: 16px;
    --density-content-pad-y: 14px;
    --density-panel-pad: 8px;
    --density-panel-radius: 10px;
    --density-input-h: 30px;
    --density-input-py: 5px;
    --density-input-px: 8px;
    --density-grid-gap: 6px;
    --density-table-font: 10px;
    --density-table-pad-y: 6px;
    --density-table-pad-x: 8px;
    --density-badge-py: 2px;
    --density-badge-px: 7px;
    --density-card-pad: 14px;
    --density-modal-pad: 22px;
    --density-overlay-blur: 8px;
}
body.kompakt-mod .header { height: var(--density-header-h); padding: 0 var(--density-header-pad-x); }
body.kompakt-mod .header-sag { gap: 6px; }
body.kompakt-mod .kullanici-rozeti { padding: 4px 8px; }
body.kompakt-mod .btn-ldm-header,
body.kompakt-mod .btn-cikis,
body.kompakt-mod .tab-btn,
body.kompakt-mod .btn-ana,
body.kompakt-mod .btn-iptal { font-size: 11px; }
body.kompakt-mod .btn-ldm-header,
body.kompakt-mod .tab-btn { padding: 7px 10px; }
body.kompakt-mod .btn-ldm-header .btn-label,
body.kompakt-mod .btn-cikis .btn-label { display: none; }
body.kompakt-mod .btn-ldm-header,
body.kompakt-mod .btn-cikis { min-width: 34px; justify-content: center; gap: 0; }
body.kompakt-mod .btn-ldm-header .btn-ikon,
body.kompakt-mod .btn-cikis .btn-ikon { font-size: 13px; }
body.kompakt-mod .icerik,
body.kompakt-mod .cari-panel,
body.kompakt-mod #dashboardPanel,
body.kompakt-mod #adminPanel { padding-left: var(--density-content-pad-x) !important; padding-right: var(--density-content-pad-x) !important; }
body.kompakt-mod .form-panel,
body.kompakt-mod .tablo-kart,
body.kompakt-mod .cari-kpi-kart,
body.kompakt-mod .cari-liste-kart,
body.kompakt-mod .cari-form-kart,
body.kompakt-mod .cari-detay-kart,
body.kompakt-mod .db-cari-kart { border-radius: 14px; }
body.kompakt-mod .form-panel { padding: 10px; }
body.kompakt-mod .input-alan,
body.kompakt-mod .select-alan { height: var(--density-input-h); font-size: 10px; padding: var(--density-input-py) var(--density-input-px); }
body.kompakt-mod .input-satiri { gap: var(--density-grid-gap); }
body.kompakt-mod .form-row.yedi,
body.kompakt-mod .form-row.alti { gap: 5px; }
body.kompakt-mod .form-tek-ust { margin-bottom: 4px; }
body.kompakt-mod .form-blok { padding: 6px; }
body.kompakt-mod .form-blok-baslik { font-size: 11px; }
body.kompakt-mod .form-blok-alt,
body.kompakt-mod .form-mod-aciklama,
body.kompakt-mod .form-mod-btn { font-size: 10px; }
body.kompakt-mod .arama-bari { margin-bottom: 10px; }
body.kompakt-mod .tablo-sarici { max-height: calc(100vh - 260px); }
body.kompakt-mod table { font-size: var(--density-table-font); }
body.kompakt-mod thead th,
body.kompakt-mod tbody td { padding: var(--density-table-pad-y) var(--density-table-pad-x); }
body.kompakt-mod .db-kpi-deger,
body.kompakt-mod .cari-kpi-deger { font-size: 22px; }
body.kompakt-mod .modal-kart,
body.kompakt-mod .onay-kart,
body.kompakt-mod .ldm-kart,
body.kompakt-mod .evrak-modal-kart { padding: var(--density-modal-pad); width: min(820px, 94vw); }
body.kompakt-mod .detay-grid { gap: 8px; }
body.kompakt-mod .db-kpi-grid,
body.kompakt-mod .db-chart-grid { grid-template-columns: 1fr !important; }
body.kompakt-mod .cari-grid { grid-template-columns: 0.95fr 1.05fr; gap: 14px; }
body.kompakt-mod .cari-kpi-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
body.kompakt-mod .cari-liste-item { padding: 9px 10px; }
body.kompakt-mod .cari-liste-kart,
body.kompakt-mod .cari-form-kart,
body.kompakt-mod .cari-detay-kart { padding: 14px; }
body.kompakt-mod .cari-hareket-form { grid-template-columns: 1fr 1fr; }
body.kompakt-mod .excel-filtre-popup,
body.kompakt-mod .sutun-menu { font-size: 11px; }

body.operasyon-mod {
    --density-font: 11px;
    --density-header-h: 46px;
    --density-header-pad-x: 12px;
    --density-content-pad-x: 12px;
    --density-content-pad-y: 10px;
    --density-panel-pad: 7px;
    --density-panel-radius: 10px;
    --density-input-h: 26px;
    --density-input-py: 4px;
    --density-input-px: 7px;
    --density-grid-gap: 4px;
    --density-table-font: 9.5px;
    --density-table-pad-y: 4px;
    --density-table-pad-x: 7px;
    --density-badge-py: 2px;
    --density-badge-px: 6px;
    --density-card-pad: 12px;
    --density-modal-pad: 18px;
    --density-overlay-blur: 7px;
}

body.rahat-mod .cari-panel,
body.rahat-mod #dashboardPanel,
body.rahat-mod #adminPanel,
body.rahat-mod #companyCenterPanel {
    padding-left: var(--density-content-pad-x) !important;
    padding-right: var(--density-content-pad-x) !important;
}

body.rahat-mod .db-kpi-kart,
body.rahat-mod .db-cari-kart,
body.rahat-mod .cari-kpi-kart,
body.rahat-mod .cari-liste-kart,
body.rahat-mod .cari-form-kart,
body.rahat-mod .cari-detay-kart,
body.rahat-mod .company-hero,
body.rahat-mod .company-content-shell,
body.rahat-mod .company-nav-shell,
body.rahat-mod .company-section-surface,
body.rahat-mod .company-list-shell {
    padding: 14px !important;
    border-radius: 8px;
}

body.rahat-mod .db-kpi-deger,
body.rahat-mod .cari-kpi-deger {
    font-size: 22px;
}

body.rahat-mod .company-title {
    font-size: 18px;
}
body.operasyon-mod .header { height: var(--density-header-h); padding: 0 var(--density-header-pad-x); }
body.operasyon-mod .header-sag { gap: 6px; }
body.operasyon-mod .kullanici-rozeti { padding: 4px 8px; }
body.operasyon-mod .btn-ldm-header,
body.operasyon-mod .btn-cikis,
body.operasyon-mod .tab-btn,
body.operasyon-mod .btn-ana,
body.operasyon-mod .btn-iptal,
body.operasyon-mod .btn-sutunlar,
body.operasyon-mod .gorunum-btn { font-size: 10px; }
body.operasyon-mod .btn-ldm-header { padding: 6px 8px; }
body.operasyon-mod .btn-ldm-header .btn-label,
body.operasyon-mod .btn-cikis .btn-label { display: none; }
body.operasyon-mod .btn-ldm-header,
body.operasyon-mod .btn-cikis { min-width: 32px; justify-content: center; gap: 0; }
body.operasyon-mod .tab-sarici { gap: 3px; }
body.operasyon-mod .tab-btn { padding: 8px 12px; }
body.operasyon-mod .icerik,
body.operasyon-mod .cari-panel,
body.operasyon-mod #dashboardPanel,
body.operasyon-mod #adminPanel { padding-left: var(--density-content-pad-x) !important; padding-right: var(--density-content-pad-x) !important; }
body.operasyon-mod .form-panel { padding: 8px 10px; }
body.operasyon-mod .form-mod-bar,
body.operasyon-mod .form-aksiyonlar,
body.operasyon-mod .arama-bari { gap: 8px; }
body.operasyon-mod .input-alan,
body.operasyon-mod .select-alan { height: var(--density-input-h); font-size: 10px; padding: var(--density-input-py) var(--density-input-px); }
body.operasyon-mod .tablo-sarici { max-height: calc(100vh - 220px); }
body.operasyon-mod table { font-size: var(--density-table-font); }
body.operasyon-mod thead th,
body.operasyon-mod tbody td { padding: var(--density-table-pad-y) var(--density-table-pad-x); }
body.operasyon-mod .hizli-filtre { padding: 8px 14px; font-size: 13px; }
body.operasyon-mod .gorunum-secici { padding: 3px; }
body.operasyon-mod .gorunum-btn { height: 26px; padding: 0 10px; }
body.operasyon-mod .db-kpi-grid,
body.operasyon-mod .db-chart-grid { grid-template-columns: 1fr !important; gap: 10px !important; }
body.operasyon-mod .db-kpi-kart,
body.operasyon-mod .db-cari-kart,
body.operasyon-mod .cari-kpi-kart,
body.operasyon-mod .cari-liste-kart,
body.operasyon-mod .cari-form-kart,
body.operasyon-mod .cari-detay-kart { padding: 12px !important; }
body.operasyon-mod .db-kpi-deger,
body.operasyon-mod .cari-kpi-deger { font-size: 20px; }
body.operasyon-mod .cari-grid { grid-template-columns: 0.9fr 1.1fr; gap: 12px; }
body.operasyon-mod .cari-kpi-grid { grid-template-columns: repeat(2, 1fr); gap: 8px; }
body.operasyon-mod .modal-kart,
body.operasyon-mod .onay-kart,
body.operasyon-mod .ldm-kart,
body.operasyon-mod .evrak-modal-kart { padding: var(--density-modal-pad); width: min(760px, 94vw); }
body.operasyon-mod .db-filtre-kart { padding: 12px 14px; margin-bottom: 14px; gap: 10px; }
body.operasyon-mod .db-filtre-etiket,
body.operasyon-mod .db-filtre-label,
body.operasyon-mod .db-filtre-son,
body.operasyon-mod .db-filtre-saat { font-size: 10px; }
body.operasyon-mod .db-analiz-bar { gap: 8px; margin: 2px 0 12px; }
body.operasyon-mod .db-analiz-btn { min-height: 34px; padding: 0 12px; font-size: 10px; }
body.operasyon-mod .db-musteri-rapor-kart { padding: 14px; margin-bottom: 16px; border-radius: 18px; }
body.operasyon-mod .db-panel-header { padding-bottom: 10px; }
body.operasyon-mod .db-panel-baslik { font-size: 12px; }
body.operasyon-mod .db-panel-alt { font-size: 9px; }
body.operasyon-mod .db-musteri-rapor-bant { padding: 10px 12px; margin-bottom: 10px; }
body.operasyon-mod .db-musteri-rapor-kontroller { gap: 6px; }
body.operasyon-mod .db-mini-select { width: 112px; height: 30px; font-size: 10px; }
body.operasyon-mod .db-genis-select { min-width: 180px; height: 30px; font-size: 10px; }
body.operasyon-mod .db-musteri-kpi-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 10px; }
body.operasyon-mod .db-musteri-kpi { padding: 11px 12px; border-radius: 14px; }
body.operasyon-mod .db-musteri-kpi-deger { font-size: 18px; margin-bottom: 4px; }
body.operasyon-mod .db-musteri-kpi-etiket,
body.operasyon-mod .db-musteri-kpi-alt { font-size: 9px; }
body.operasyon-mod .db-musteri-meta-grid { gap: 8px; margin-bottom: 10px; }
body.operasyon-mod .db-musteri-meta-grid-ikili { grid-template-columns: 1fr 1fr; }
body.operasyon-mod .db-musteri-meta-kart { padding: 10px 12px; border-radius: 12px; gap: 8px; }
body.operasyon-mod .db-musteri-meta-kart-baslik { font-size: 9px; }
body.operasyon-mod .db-musteri-meta-satir span { font-size: 10px; }
body.operasyon-mod .db-musteri-meta-satir strong { font-size: 11px; }
body.operasyon-mod .db-musteri-meta-satir-alt small { font-size: 9px; }
body.operasyon-mod .db-musteri-liste { padding: 10px; border-radius: 14px; }
body.operasyon-mod .db-musteri-liste-baslik,
body.operasyon-mod .db-musteri-kayit-kaynak,
body.operasyon-mod .db-musteri-kayit-ozet small,
body.operasyon-mod .db-musteri-liste-rozet { font-size: 9px; }
body.operasyon-mod .db-musteri-kayit-ref,
body.operasyon-mod .db-musteri-kayit-ozet strong { font-size: 11px; }
body.operasyon-mod .db-musteri-kayit-item { padding: 9px 10px; border-radius: 12px; }
body.operasyon-mod .db-musteri-kayit-alt { gap: 6px 10px; font-size: 10px; }
body.operasyon-mod .db-bolum-baslik { margin-bottom: 8px; }
body.operasyon-mod .db-bolum-metin { font-size: 10px; }
body.operasyon-mod .db-kpi-grid-dashboard { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; margin-bottom: 16px !important; }
body.operasyon-mod .db-kpi-kart { min-height: 0; }
body.operasyon-mod .db-kpi-ikon { width: 34px; height: 34px; font-size: 15px; }
body.operasyon-mod .db-kpi-etiket,
body.operasyon-mod .db-kpi-alt { font-size: 9px; }
body.operasyon-mod .db-chart-card { padding: 14px !important; }
body.operasyon-mod .db-chart-card canvas { max-height: 180px; }
body.operasyon-mod .db-cari-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
body.operasyon-mod .db-cari-baslik { font-size: 12px; }
body.operasyon-mod .db-cari-item { padding: 10px 12px; border-radius: 12px; }
body.operasyon-mod .db-cari-sol strong,
body.operasyon-mod .db-cari-sag { font-size: 11px; }
body.operasyon-mod .db-cari-sol span { font-size: 9px; }

/* 02 Layout / Auth --------------------------------------------------- */
#girisEkrani { display: flex; align-items: center; justify-content: center; min-height: 100vh; background: linear-gradient(135deg, #fff4ee 0%, #fde8d8 40%, #f8f9fb 100%); }
.yukleniyor-overlay-acik { display: flex !important; }
.giris-ekrani-acik { display: flex !important; background: #f4f7f6; min-height: 100vh; align-items: center; justify-content: center; position: fixed; inset: 0; width: 100%; z-index: 9999; }
#girisEkrani.giris-ekrani-gizli { display: none !important; }
body.logi-authenticated #girisEkrani { display: none !important; }
body.logi-authenticated #anaUygulama { display: block !important; }

.giris-kart { background: var(--beyaz); padding: 48px 40px 40px; border-radius: 20px; width: 380px; box-shadow: var(--golge-buyuk); border: 1px solid var(--kenarlik); animation: slideUp 0.4s cubic-bezier(0.4,0,0.2,1); }
.giris-kart-dar { width: 90%; max-width: 400px; padding: 40px 20px; text-align: center; background: #fff; border: 1px solid #eee; box-shadow: 0 10px 25px rgba(0,0,0,0.05); }

@keyframes slideUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes logiRealtimeDot {
    0%, 100% { opacity: 0.55; transform: scale(0.92); }
    50% { opacity: 1; transform: scale(1.08); }
}
@keyframes logiCanliSatirParla {
    0% {
        background-color: rgba(220,252,231,0.92);
        box-shadow: inset 0 0 0 999px rgba(220,252,231,0.58);
    }
    55% {
        background-color: rgba(236,253,245,0.72);
        box-shadow: inset 0 0 0 999px rgba(220,252,231,0.24);
    }
    100% {
        background-color: transparent;
        box-shadow: inset 0 0 0 999px rgba(220,252,231,0);
    }
}

.giris-logo { display: block; height: 36px; margin: 0 auto 8px; }
.giris-logo-buyuk { width: min(320px, 100%) !important; height: auto !important; display: block !important; margin: 0 auto 25px auto !important; max-width: 100% !important; object-fit: contain !important; }
.giris-visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.giris-baslik-bos { margin: 0; color: #2c3e50; font-family: 'DM Sans', sans-serif; font-weight: 700; }
.giris-alt-metin { font-size: 12px; color: #95a5a6; margin-bottom: 30px; font-weight: 500; }
.giris-surum { margin-top: 14px; font-size: 11px; color: #94a3b8; font-weight: 600; letter-spacing: 0.04em; }
.giris-canli-duyuru { display: grid; gap: 5px; margin: -12px 0 22px; padding: 13px 14px; border: 1px solid rgba(247,108,13,0.18); border-radius: 14px; background: linear-gradient(135deg, rgba(255,247,237,0.96), rgba(255,255,255,0.98)); text-align: left; box-shadow: inset 3px 0 0 rgba(247,108,13,0.85); }
.giris-canli-duyuru strong { color: #0f172a; font-size: 13px; font-weight: 800; }
.giris-canli-duyuru span { color: #64748b; font-size: 11.5px; line-height: 1.45; font-weight: 650; }
.giris-field { text-align: left; margin-bottom: 15px; }
.giris-field-son { margin-bottom: 25px; }
.giris-field-label { font-size: 11px; font-weight: 700; color: #7f8c8d; margin-left: 5px; }
.giris-field-input { width: 100%; padding: 14px; margin-top: 5px; border-radius: 10px; border: 1px solid #ddd; font-size: 16px; outline: none; }
.giris-btn-buyuk { width: 100%; padding: 15px; background: #F76C0D; color: #fff; border: none; border-radius: 10px; font-weight: bold; font-size: 16px; cursor: pointer; box-shadow: 0 4px 15px rgba(247, 108, 13, 0.2); }
.giris-hata-alani { color: #e74c3c; font-size: 12px; margin-top: 15px; font-weight: 600; }
.giris-baslik { text-align: center; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; color: var(--metin-ikincil); margin-bottom: 32px; text-transform: uppercase; }
.giris-grup { margin-bottom: 14px; }
.giris-label { display: block; font-size: 11px; font-weight: 600; color: var(--metin-ikincil); margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.06em; }
.giris-input { width: 100%; padding: 12px 14px; border: 1.5px solid var(--kenarlik); border-radius: 10px; font-family: inherit; font-size: 14px; color: var(--metin); background: var(--arka); outline: none; transition: var(--gecis); }
.giris-input:focus { border-color: var(--turuncu); background: var(--beyaz); box-shadow: 0 0 0 3px rgba(247,108,13,0.12); }
.giris-btn { width: 100%; padding: 13px; background: var(--turuncu); color: white; border: none; border-radius: 10px; font-family: inherit; font-size: 14px; font-weight: 700; cursor: pointer; margin-top: 8px; transition: var(--gecis); }
.giris-btn:hover { background: var(--turuncu-koyu); transform: translateY(-1px); box-shadow: 0 4px 14px rgba(247,108,13,0.35); }
.hata-mesaji { background: #fef2f2; border: 1px solid #fecaca; color: var(--hata); padding: 10px 14px; border-radius: 8px; font-size: 12px; margin-top: 10px; display: none; }

#anaUygulama { display: none; }

.header { background: var(--beyaz); border-bottom: 1px solid var(--kenarlik); padding: 0 var(--density-header-pad-x); display: flex; align-items: center; justify-content: space-between; height: var(--density-header-h); position: sticky; top: 0; z-index: 500; box-shadow: 0 1px 0 var(--kenarlik); }
.header-logo { height: 34px; }
.header-sag { display: flex; align-items: center; gap: 12px; }
.backup-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 24px;
    background: linear-gradient(180deg, #fff7ed, #fffdf9);
    border-bottom: 1px solid rgba(247,108,13,0.18);
    color: #9a3412;
    font-size: 12px;
    font-weight: 700;
}

.backup-banner.uyari {
    background: linear-gradient(180deg, #fff7ed, #fffaf3);
}

.backup-banner.kritik {
    background: linear-gradient(180deg, #fff4f5, #fffaf9);
    color: #9f1239;
    border-bottom-color: rgba(190,24,93,0.18);
}

.backup-banner button {
    border: none;
    border-radius: 8px;
    padding: 7px 12px;
    background: rgba(255,255,255,0.9);
    color: inherit;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(15,23,42,0.06);
}

.backup-banner-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.akilli-bildirim-banner-yuvasi,
.akilli-bildirim-admin-yuvasi,
.akilli-bildirim-kisayol-yuvasi {
    align-items: center;
    justify-content: center;
}

/* 10 Finance / Legacy Gider Surface --------------------------------- */
.gider-panel {
    padding: 0 24px 24px;
}

.gider-panel .btn-ana,
.gider-panel .btn-iptal,
.gider-panel .btn-sil {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

.gider-panel-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding: 8px 0 2px;
}

.gider-panel-etiket {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.gider-panel-baslik {
    margin: 0 0 6px;
    font-size: 26px;
    line-height: 1.2;
    color: #172132;
}

.gider-panel-alt {
    max-width: 560px;
    font-size: 12px;
    line-height: 1.55;
    color: #64748b;
}

.gider-kpi-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(104px, 1fr));
    gap: 10px;
    min-width: 560px;
}

.gider-kpi-kart {
    padding: 14px 15px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
    box-shadow: 0 8px 24px rgba(15,23,42,0.05);
}

.gider-kpi-kart span {
    display: block;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.gider-kpi-kart strong {
    display: block;
    font-size: 20px;
    color: #172132;
}

.gider-kart {
    padding: 18px;
}

.gider-kart-baslik {
    margin-bottom: 14px;
    font-size: 15px;
    font-weight: 800;
    color: #172132;
}

.gider-komut-karti {
    margin-bottom: 14px;
    padding: 14px 16px;
}

.gider-komut-blok {
    display: grid;
    gap: 10px;
}

.gider-komut-sol,
.gider-komut-sag {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.gider-komut-sol {
    flex: 1 1 720px;
}

.gider-komut-sag {
    justify-content: flex-end;
}

.gider-filtre-toolbar {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

.gider-filtre-grup {
    display: grid;
    gap: 6px;
    min-width: 132px;
}

.gider-filtre-grup label {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.gider-filtre-ozet {
    font-size: 11px;
    color: #475569;
}

.gider-filtre-ozet-inline {
    padding-left: 2px;
}

.gider-filtre-grup .select-alan {
    min-width: 0;
}

.gider-filtre-chip-grubu {
    min-width: 280px;
}

.gider-filtre-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: nowrap;
}

.gider-toolbar-sol {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 10px;
    align-items: center;
    flex-wrap: nowrap;
}

.gider-toolbar-sag {
    display: flex;
    flex: 0 1 auto;
    min-width: 0;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    margin-left: auto;
}

.gider-form-kart {
    margin-bottom: 14px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    overflow: hidden;
    border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg) !important;
    width: 100%;
    max-width: 100%;
}

.gider-form-kapali {
    border-style: solid;
    border-color: rgba(226,232,240,0.92);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,251,0.96));
    box-shadow: 0 12px 24px rgba(15,23,42,0.045);
}

.gider-form-baslik-bar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 9px 18px;
    border: none;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(249,250,251,0.94));
    cursor: pointer;
    text-align: left;
}

.gider-form-baslik-sol {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    flex: 1 1 auto;
}

.gider-form-baslik-metin {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.gider-form-mini-ikon {
    width: 28px;
    height: 28px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,237,213,0.96));
    border: 1px solid rgba(251,146,60,0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
    flex-shrink: 0;
    font-size: 13px;
}

.gider-form-baslik-bar:hover {
    background:
        linear-gradient(180deg, rgba(255,255,255,1), rgba(247,250,252,0.98));
}

/* 04 Tables / Modern Tablo Tasarimi ---------------------------------- */
.tablo-sarici {
    position: relative;
    overflow: auto;
    border-radius: 8px;
    border: 1px solid var(--kenarlik);
    background: var(--beyaz);
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

/* Sticky Headers */
thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
    color: #475569;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.85em;
}

/* Sticky Columns */
/* Referans No Sütunu (Genellikle 2. sütun, ama sınıfla yönetmek daha sağlıklı) */
.sticky-col-ref {
    position: sticky;
    left: 0;
    z-index: 5;
    background: inherit;
    box-shadow: 2px 0 5px -2px rgba(0,0,0,0.1);
}

thead th.sticky-col-ref {
    z-index: 11;
    background: #f8fafc;
}

/* İşlem Sütunu (Sağ taraf) */
.sticky-col-actions {
    position: sticky;
    right: 0;
    z-index: 5;
    background: inherit;
    box-shadow: -2px 0 5px -2px rgba(0,0,0,0.1);
}

thead th.sticky-col-actions {
    z-index: 11;
    background: #f8fafc;
}

/* Row Hover & Selection */
tbody tr {
    transition: var(--gecis);
    background: var(--beyaz);
}

tbody tr:hover {
    background: #f1f5f9 !important;
}

tbody tr.secili-satir {
    background: #eff6ff !important;
}

/* 05 Cards / Panels / Badges ---------------------------------------- */
/* Modern Status Pills (7 Aşamalı Operasyonel Akış) */
.status-pill {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 9px;
    border-radius: 6px;
    font-weight: 750;
    font-size: 0.84rem;
    letter-spacing: 0.02em;
    white-space: nowrap;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.15s ease;
    user-select: none;
}

.status-pill:hover {
    filter: brightness(0.96);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

.status-pill.planlandi { background: var(--badge-planlandi-bg); color: var(--badge-planlandi-text); border-color: var(--badge-planlandi-border); }
.status-pill.yukleme-sevk { background: var(--badge-yukleme-sevk-bg); color: var(--badge-yukleme-sevk-text); border-color: var(--badge-yukleme-sevk-border); }
.status-pill.yuklemede { background: var(--badge-yukleme-bg); color: var(--badge-yukleme-text); border-color: var(--badge-yukleme-border); }
.status-pill.bosaltma-sevk { background: var(--badge-bosaltma-sevk-bg); color: var(--badge-bosaltma-sevk-text); border-color: var(--badge-bosaltma-sevk-border); }
.status-pill.bosaltmada { background: var(--badge-bosaltma-bg); color: var(--badge-bosaltma-text); border-color: var(--badge-bosaltma-border); }
.status-pill.teslim-edildi { background: var(--badge-teslim-bg); color: var(--badge-teslim-text); border-color: var(--badge-teslim-border); }
.status-pill.tamamlandi { background: var(--badge-tamamlandi-bg); color: var(--badge-tamamlandi-text); border-color: var(--badge-tamamlandi-border); }

/* Eski sınıflar için geri uyumluluk */
.status-pill.taslak { background: var(--badge-planlandi-bg); color: var(--badge-planlandi-text); border-color: var(--badge-planlandi-border); }
.status-pill.yolda { background: var(--badge-bosaltma-sevk-bg); color: var(--badge-bosaltma-sevk-text); border-color: var(--badge-bosaltma-sevk-border); }

.status-pill-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.88em;
    line-height: 1;
    margin-left: 2px;
}

/* ─────────────────────────────────────────────────────────────
   DURUM-HOVER-CARD
   ───────────────────────────────────────────────────────────── */
.durum-hover-card {
    position: fixed;
    z-index: 999999;
    width: 270px;
    max-width: 270px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid #f0640a;
    border-radius: 14px;
    box-shadow: 0 18px 40px -6px rgba(15, 23, 42, 0.16), 0 4px 12px -2px rgba(15, 23, 42, 0.04);
    padding: 12px 14px;
    font-family: 'DM Sans', sans-serif;
    color: #0f172a;
    pointer-events: none !important;
    opacity: 0;
    transform: translateY(4px);
    transition: opacity 0.14s ease, transform 0.14s ease;
}

.durum-hover-card.aktif {
    opacity: 1;
    transform: translateY(0);
    pointer-events: none !important;
}

.durum-hover-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px solid #f1f5f9;
    margin-bottom: 10px;
}

.durum-hover-title-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
}

.durum-hover-title-icon {
    font-size: 0.88rem;
}

.durum-hover-title-text {
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.durum-hover-ref {
    font-size: 0.72rem;
    font-weight: 750;
    font-family: 'DM Mono', monospace;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 2px 7px;
    border-radius: 6px;
}

/* Hero Current Status Box */
.durum-hover-hero-card {
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 10px;
    border: 1.5px solid transparent;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.durum-hover-hero-card.planlandi { background: #f1f5f9; border-color: #cbd5e1; }
.durum-hover-hero-card.yukleme-sevk { background: #fefce8; border-color: #fde047; }
.durum-hover-hero-card.yuklemede { background: #ecfeff; border-color: #a5f3fc; }
.durum-hover-hero-card.bosaltma-sevk { background: #eff6ff; border-color: #bfdbfe; }
.durum-hover-hero-card.bosaltmada { background: #faf5ff; border-color: #ddd6fe; }
.durum-hover-hero-card.teslim-edildi { background: #ecfdf5; border-color: #a7f3d0; }
.durum-hover-hero-card.tamamlandi { background: #fff7ed; border-color: #fed7aa; }

.durum-hover-hero-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.durum-hover-hero-tag {
    font-size: 0.62rem;
    font-weight: 850;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}
.durum-hover-hero-card.yuklemede .durum-hover-hero-tag { color: #0891b2; }
.durum-hover-hero-card.bosaltma-sevk .durum-hover-hero-tag { color: #1d4ed8; }
.durum-hover-hero-card.teslim-edildi .durum-hover-hero-tag { color: #047857; }
.durum-hover-hero-card.tamamlandi .durum-hover-hero-tag { color: #c2410c; }

.durum-hover-hero-time {
    font-family: 'DM Mono', monospace;
    font-size: 0.74rem;
    font-weight: 800;
    color: #0f172a;
}
.durum-hover-hero-card.yuklemede .durum-hover-hero-time { color: #0891b2; }
.durum-hover-hero-card.tamamlandi .durum-hover-hero-time { color: #ea580c; }

.durum-hover-hero-main {
    display: flex;
    align-items: center;
    gap: 8px;
}

.durum-hover-hero-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}
.durum-hover-hero-dot.planlandi { background: #64748b; }
.durum-hover-hero-dot.yukleme-sevk { background: #d97706; }
.durum-hover-hero-dot.yuklemede { background: #06b6d4; box-shadow: 0 0 6px rgba(6, 182, 212, 0.6); }
.durum-hover-hero-dot.bosaltma-sevk { background: #2563eb; box-shadow: 0 0 6px rgba(37, 99, 235, 0.6); }
.durum-hover-hero-dot.bosaltmada { background: #7c3aed; }
.durum-hover-hero-dot.teslim-edildi { background: #059669; box-shadow: 0 0 6px rgba(5, 150, 105, 0.6); }
.durum-hover-hero-dot.tamamlandi { background: #f0640a; box-shadow: 0 0 6px rgba(240, 100, 10, 0.6); }

.durum-hover-hero-name {
    font-size: 0.94rem;
    font-weight: 850;
    letter-spacing: -0.01em;
}
.durum-hover-hero-card.planlandi .durum-hover-hero-name { color: #334155; }
.durum-hover-hero-card.yukleme-sevk .durum-hover-hero-name { color: #b45309; }
.durum-hover-hero-card.yuklemede .durum-hover-hero-name { color: #0891b2; }
.durum-hover-hero-card.bosaltma-sevk .durum-hover-hero-name { color: #1d4ed8; }
.durum-hover-hero-card.bosaltmada .durum-hover-hero-name { color: #7c3aed; }
.durum-hover-hero-card.teslim-edildi .durum-hover-hero-name { color: #047857; }
.durum-hover-hero-card.tamamlandi .durum-hover-hero-name { color: #ea580c; }

.durum-hover-hero-date {
    font-size: 0.7rem;
    color: #64748b;
    font-weight: 500;
}
.durum-hover-hero-card.tamamlandi .durum-hover-hero-date { color: #64748b; }

/* History Section */
.durum-hover-history-section {
    border-top: 1px dashed #e2e8f0;
    padding-top: 8px;
    margin-top: 6px;
}

.durum-hover-history-title {
    font-size: 0.64rem;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 6px;
}

.durum-hover-history-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.durum-hover-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.72rem;
    color: #64748b;
    padding: 2px 0;
}

.durum-hover-history-left {
    display: flex;
    align-items: center;
    gap: 6px;
}

.durum-hover-history-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #cbd5e1;
    display: inline-block;
    flex-shrink: 0;
}

.durum-hover-history-name {
    font-weight: 650;
    color: #475569;
}

.durum-hover-history-right {
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'DM Mono', monospace;
    font-size: 0.68rem;
    color: #94a3b8;
}

.durum-hover-history-time-badge {
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    padding: 1px 4px;
    border-radius: 4px;
    color: #475569;
    font-weight: 700;
}

.durum-hover-note {
    margin-top: 8px;
    background: #f8fafc;
    border: 1px solid #f1f5f9;
    border-left: 3px solid #f0640a;
    padding: 6px 8px;
    border-radius: 6px;
    font-size: 0.72rem;
    color: #334155;
    line-height: 1.35;
    word-break: break-word;
    display: flex;
    gap: 6px;
}

.durum-hover-note-icon {
    font-size: 0.8rem;
    flex-shrink: 0;
}

.durum-hover-note-body {
    flex: 1;
}

/* ─────────────────────────────────────────────────────────────
   DURUM & SAAT GİRİŞ MODALI (BEYAZ/AÇIK PREMİUM BANNER VE KURUMSAL TASARIM)
   ───────────────────────────────────────────────────────────── */
.durum-zaman-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(15, 23, 42, 0.45);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: durumModalFadeIn 0.16s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes durumModalFadeIn {
    from { opacity: 0; transform: scale(0.96); }
    to { opacity: 1; transform: scale(1); }
}

.durum-zaman-modal-card {
    background: #ffffff;
    width: 100%;
    max-width: 470px;
    border-radius: 16px;
    box-shadow: 0 20px 50px -12px rgba(15, 23, 42, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.durum-zaman-modal-header {
    background: #ffffff;
    color: #0f172a;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f5f9;
}

.durum-modal-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.durum-modal-icon-badge {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #ea580c;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.durum-zaman-modal-header h3 {
    font-size: 0.98rem;
    font-weight: 750;
    margin: 0;
    color: #0f172a;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

.durum-modal-sub {
    font-size: 0.75rem;
    color: #64748b;
    font-weight: 450;
    margin-top: 1px;
}

.durum-modal-header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.durum-modal-ref-pill {
    font-size: 0.72rem;
    font-weight: 750;
    font-family: 'DM Mono', monospace;
    color: #334155;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 3px 8px;
    border-radius: 6px;
    letter-spacing: 0.02em;
}

.durum-modal-close-btn {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
    padding: 0;
}

.durum-modal-close-btn:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #cbd5e1;
}

.durum-zaman-modal-body {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: #ffffff;
}

.durum-zaman-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.durum-zaman-label {
    font-size: 0.72rem;
    font-weight: 750;
    color: #475569;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    margin: 0;
}

.durum-label-sub {
    font-size: 0.68rem;
    font-weight: 500;
    color: #94a3b8;
    text-transform: none;
    letter-spacing: normal;
}

.modal-durum-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.modal-durum-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 11px;
    border-radius: 8px;
    font-size: 0.74rem;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    background: #f8fafc;
    color: #475569;
    user-select: none;
    line-height: 1;
    height: 30px;
    box-sizing: border-box;
}

.modal-durum-btn::before,
.modal-durum-btn::after,
.modal-durum-btn .logi-icon {
    display: none !important;
    content: none !important;
}

.modal-durum-btn:hover {
    transform: translateY(-0.5px);
    filter: brightness(0.97);
}

.modal-durum-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #cbd5e1;
    display: inline-block;
    flex-shrink: 0;
}

.modal-durum-btn.planlandi { background: #f8fafc; color: #475569; border-color: #cbd5e1; }
.modal-durum-btn.planlandi .modal-durum-dot { background: #64748b; }

.modal-durum-btn.yukleme-sevk { background: #fefce8; color: #92400e; border-color: #fde047; }
.modal-durum-btn.yukleme-sevk .modal-durum-dot { background: #d97706; }

.modal-durum-btn.yuklemede { background: #ecfeff; color: #0891b2; border-color: #a5f3fc; }
.modal-durum-btn.yuklemede .modal-durum-dot { background: #06b6d4; }

.modal-durum-btn.bosaltma-sevk { background: #eff6ff; color: #1e40af; border-color: #bfdbfe; }
.modal-durum-btn.bosaltma-sevk .modal-durum-dot { background: #2563eb; }

.modal-durum-btn.bosaltmada { background: #faf5ff; color: #6b21a8; border-color: #ddd6fe; }
.modal-durum-btn.bosaltmada .modal-durum-dot { background: #7c3aed; }

.modal-durum-btn.teslim-edildi { background: #ecfdf5; color: #065f46; border-color: #a7f3d0; }
.modal-durum-btn.teslim-edildi .modal-durum-dot { background: #059669; }

.modal-durum-btn.tamamlandi { background: #fff7ed; color: #ea580c; border-color: #fed7aa; }
.modal-durum-btn.tamamlandi .modal-durum-dot { background: #f0640a; }

.modal-durum-btn.secili {
    box-shadow: 0 0 0 2px #f0640a, 0 3px 8px rgba(240, 100, 10, 0.22) !important;
    font-weight: 800 !important;
    border-color: transparent !important;
}

.modal-durum-btn.tamamlandi.secili {
    box-shadow: 0 0 0 2px #f0640a, 0 3px 8px rgba(240, 100, 10, 0.28) !important;
}

.durum-zaman-grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.durum-zaman-field input[type="date"],
.durum-zaman-field input[type="time"] {
    height: 38px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1.5px solid #cbd5e1;
    background: #f8fafc;
    font-size: 0.88rem;
    font-family: 'DM Sans', -apple-system, sans-serif;
    color: #0f172a;
    font-weight: 600;
    outline: none;
    transition: all 0.15s ease;
    width: 100%;
    box-sizing: border-box;
}

.durum-zaman-field input[type="date"]:focus,
.durum-zaman-field input[type="time"]:focus,
.durum-zaman-field textarea:focus {
    border-color: #f0640a;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(240, 100, 10, 0.12);
}

.durum-zaman-field textarea {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1.5px solid #cbd5e1;
    background: #f8fafc;
    font-size: 0.84rem;
    font-family: 'DM Sans', -apple-system, sans-serif;
    color: #0f172a;
    font-weight: 500;
    outline: none;
    transition: all 0.15s ease;
    width: 100%;
    box-sizing: border-box;
    resize: none;
}

/* ─────────────────────────────────────────────────────────────
   DURUM HATIRLATICI & ETA ALARMI
   ───────────────────────────────────────────────────────────── */
.durum-hatirlatici-card {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 12px;
    margin-top: 10px;
    transition: all 0.15s ease;
}

.durum-hatirlatici-card:hover {
    border-color: #cbd5e1;
    background: #f1f5f9;
}

.durum-hatirlatici-header-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    user-select: none;
    margin: 0;
}

.durum-hatirlatici-toggle {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    accent-color: #f0640a;
    cursor: pointer;
    flex-shrink: 0;
}

.durum-hatirlatici-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.durum-hatirlatici-title {
    font-size: 0.78rem;
    font-weight: 800;
    color: #1e293b;
    display: flex;
    align-items: center;
    gap: 6px;
}

.durum-hatirlatici-title svg {
    color: #f0640a;
    flex-shrink: 0;
}

.durum-hatirlatici-sub {
    font-size: 0.68rem;
    color: #64748b;
    font-weight: 500;
    line-height: 1.3;
}

.durum-hatirlatici-detay {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #cbd5e1;
}

.durum-hatirlatici-channels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.durum-channel-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    padding: 5px 9px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #334155;
    cursor: pointer;
    transition: all 0.15s ease;
}

.durum-channel-item input {
    accent-color: #f0640a;
    cursor: pointer;
}

.durum-channel-item.checked {
    border-color: #fdba74;
    background: #fff7ed;
    color: #c2410c;
}

.durum-zaman-field textarea::placeholder {
    color: #94a3b8;
    font-weight: 400;
    text-transform: none;
}

.durum-zaman-modal-footer {
    padding: 14px 20px;
    background: #f8fafc;
    border-top: 1px solid #f1f5f9;
    border-radius: 0 0 16px 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.durum-zaman-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 8px 16px;
    border-radius: 8px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: all 0.15s ease;
    font-family: 'DM Sans', sans-serif;
    line-height: 1;
    height: 36px;
    box-sizing: border-box;
}

.durum-zaman-btn.btn-vazgec {
    background: #ffffff;
    color: #475569;
    border: 1px solid #cbd5e1;
}

.durum-zaman-btn.btn-vazgec:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #94a3b8;
}

.modal-kbd {
    display: inline-block;
    padding: 2px 5px;
    font-size: 0.65rem;
    font-family: 'DM Mono', monospace;
    font-weight: 700;
    color: #64748b;
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    border-radius: 4px;
    margin-left: 2px;
}

.durum-zaman-btn.btn-kaydet {
    background: linear-gradient(135deg, #f0640a 0%, #ea580c 100%);
    color: #ffffff;
    box-shadow: 0 3px 10px rgba(240, 100, 10, 0.25);
    padding: 8px 18px;
}

.durum-zaman-btn.btn-kaydet:hover {
    filter: brightness(1.06);
    transform: translateY(-0.5px);
    box-shadow: 0 5px 14px rgba(240, 100, 10, 0.32);
}

.durum-zaman-btn.btn-kaydet svg {
    flex-shrink: 0;
}

/* Validasyon Uyarı Kutusu */
.durum-validasyon-box {
    background: #fef2f2;
    border: 1px solid #fca5a5;
    border-radius: 8px;
    padding: 10px 12px;
    color: #991b1b;
    font-size: 0.78rem;
}

.durum-validasyon-box h4 {
    font-size: 0.82rem;
    font-weight: 750;
    margin: 0 0 4px 0;
}

.durum-validasyon-box ul {
    margin: 0;
    padding-left: 16px;
    line-height: 1.4;
}

/* Finansal Vurgular */
.cell-finance-gelir { color: #15803d; font-weight: 700; }
.cell-finance-gider { color: #b91c1c; font-weight: 700; }
.cell-finance-net-pozitif { background: #f0fdf4; color: #15803d; font-weight: 800; border-radius: 4px; padding: 2px 4px; }
.cell-finance-net-negatif { background: #fef2f2; color: #b91c1c; font-weight: 800; border-radius: 4px; padding: 2px 4px; }

.gider-form-icerik {
    display: block;
    padding: 0 20px 18px;
}

.gider-form-kapali .gider-form-icerik {
    display: none;
}

.gider-form-durum-metni {
    margin-top: 0;
    font-size: 9px;
    line-height: 1.35;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gider-form-toggle-btn,
.gider-temizle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.gider-form-toggle-btn {
    flex-shrink: 0;
    min-width: 62px;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gider-form-kart .input-alan,
.gider-form-kart .select-alan,
.gider-form-kart textarea {
    width: 100%;
}

.gider-form-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.gider-form-kart .gider-kart-baslik {
    margin-bottom: 0;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.gider-form-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.gider-form-grid-kompakt {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.gider-form-grid .genis {
    grid-column: 1 / -1;
}

.gider-form-grid .gider-alan-firma {
    grid-column: span 2;
}

.gider-form-grid .gider-alan-belge {
    grid-column: span 2;
}

.gider-belge-satir,
.gider-belge-yukleme {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.gider-belge-yukleme {
    align-items: stretch;
    padding: 10px 12px;
    border: 1px dashed rgba(148,163,184,0.34);
    border-radius: 14px;
    background: #f8fafc;
}

.gider-evrak-btn {
    min-width: 148px;
    border-radius: 12px;
    background: #fff;
}

.gider-belge-meta {
    display: grid;
    align-content: center;
    gap: 6px;
    min-width: 220px;
    flex: 1 1 220px;
}

.gider-belge-dosya-adi {
    font-size: 11px;
    font-weight: 600;
    color: #334155;
}

.gider-belge-link {
    color: #9a3412;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.gider-belge-link:hover {
    text-decoration: underline;
}

.gider-form-grid label {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #64748b;
}

.gider-form-aksiyonlar {
    display: flex;
    gap: 10px;
    margin-top: 12px;
    justify-content: flex-start;
}

.gider-liste-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 16px 0;
}

.gider-liste-ust-kompakt {
    align-items: flex-start;
}

.gider-liste-alt-bilgi {
    font-size: 12px;
    color: #64748b;
    margin-top: 4px;
}

.gider-secili-ozet {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.gider-liste-ust .input-alan {
    max-width: 320px;
}

.gider-liste-aksiyonlar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.gider-kdv-filtreler {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.gider-kdv-filtreler .btn-iptal,
.gider-komut-sag .btn-iptal,
.gider-komut-sag .btn-ana,
.gider-komut-sag .btn-sil {
    min-height: 40px;
    border-radius: 999px;
}

.gider-komut-sag .btn-toplu {
    min-height: auto;
    padding: 7px 14px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
}

.gider-form-kapali .gider-form-baslik-bar {
    padding-top: 8px;
    padding-bottom: 8px;
    min-height: 48px;
}

.gider-form-kapali .gider-kart-baslik {
    margin-bottom: 0;
    font-size: 11px;
}

.gider-form-kapali .gider-form-durum-metni {
    max-width: 440px;
    font-size: 9px;
}

.gider-komut-karti {
    padding: 10px 16px;
    border-radius: 18px;
}

.gider-komut-blok {
    gap: 10px;
}

.gider-filtre-grup {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    flex: 0 0 auto;
}

.gider-filtre-grup label {
    padding-left: 2px;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.gider-filtre-grup .select-alan {
    min-width: 138px;
    height: 38px;
    padding-left: 12px;
    padding-right: 30px;
    border-radius: 13px;
    font-size: 11px;
    font-weight: 700;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
}

.gider-kdv-filtreler .btn-iptal {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    border: 1px solid rgba(226,232,240,0.96);
    color: #667085;
    font-size: 10px;
    font-weight: 700;
}

.gider-kdv-filtreler {
    gap: 6px;
    flex-wrap: nowrap;
}

.gider-filtre-chip-grubu {
    min-width: auto;
}

.gider-toolbar-sag .btn-sutunlar {
    height: 38px;
    padding: 0 13px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    font-size: 11px;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.gider-toolbar-sag .btn-ana,
.gider-toolbar-sag .btn-iptal,
.gider-toolbar-sag .btn-toplu {
    min-height: 38px;
    height: 38px;
    padding: 0 13px;
    border-radius: 14px;
    white-space: nowrap;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.gider-toolbar-sag .btn-ana {
    box-shadow: 0 10px 24px rgba(249,115,22,0.18);
}

.gider-toolbar-sag .btn-iptal {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    border-color: rgba(203,213,225,0.94);
    color: #667085;
}

.gider-toolbar-sag .btn-iptal:hover,
.gider-toolbar-sag .btn-sutunlar:hover {
    border-color: rgba(251,146,60,0.34);
    color: #9a3412;
    background: linear-gradient(180deg, rgba(255,250,245,0.98), rgba(255,245,235,0.96));
}

.gider-toolbar-sag .btn-toplu.btn-sil {
    background: linear-gradient(180deg, rgba(254,242,242,0.98), rgba(254,226,226,0.96));
    color: #dc2626;
    border: 1px solid rgba(252,165,165,0.42);
    box-shadow: none;
}

.gider-toolbar-sag .btn-toplu.btn-sil:hover {
    background: linear-gradient(180deg, rgba(254,226,226,1), rgba(252,165,165,0.98));
    color: #b91c1c;
    border-color: rgba(248,113,113,0.5);
}

.gider-arama-input {
    flex: 0 1 300px;
    width: 300px;
    min-width: 220px;
    max-width: 300px;
    height: 38px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(203,213,225,0.96);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.75);
    font-size: 11px;
    margin-left: 6px;
    text-transform: uppercase;
}

.gider-aktif-filtre-ozeti {
    margin-top: 10px;
    margin-bottom: 2px;
}

.gider-aktif-filtre-ozeti .aktif-filtre-chip {
    text-transform: uppercase;
}

.gider-arama-input::placeholder {
    color: #94a3b8;
}

.gider-kdv-filtreler .btn-iptal.aktif {
    background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,237,213,0.98));
    border-color: rgba(251,146,60,0.38);
    color: #9a3412;
    box-shadow: 0 10px 24px rgba(249,115,22,0.12);
}

.gider-tablo-sarici {
    overflow: auto;
    max-height: calc(100vh - 250px);
    margin: 14px 16px 16px;
    border: 1px solid rgba(226,232,240,0.82);
    border-radius: 16px;
    background: #fff;
    transition: max-width 0.2s ease, margin 0.2s ease;
}

.gider-tablo-sarici.genis {
    margin-left: 0;
    margin-right: 0;
    max-width: calc(100vw - 64px);
}

.gider-secim-kutu {
    width: 18px;
    height: 18px;
    accent-color: #1d4ed8;
    cursor: pointer;
}

.gider-tablosu td[data-kolon="kdv_matrah"],
.gider-tablosu td[data-kolon="kdv_tutari"],
.gider-tablosu td[data-kolon="fis_toplami"] {
    font-weight: 700;
    text-align: right;
}

.gider-tablosu th,
.gider-tablosu td {
    white-space: nowrap;
}

.gider-tablosu thead th {
    top: 0;
    z-index: 5;
    background: linear-gradient(180deg, #fb7c16 0%, #f97316 100%);
    color: #fff;
    border-color: rgba(20,20,20,0.88);
    box-shadow: inset -1px 0 0 rgba(0,0,0,0.32);
    position: sticky;
    font-size: 10px;
    letter-spacing: 0.05em;
    padding: 12px 14px;
}

.gider-tablosu thead th .siralanabilir-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.gider-tablosu thead th .baslik-metin-kap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    cursor: pointer;
}

.gider-tablosu thead th .siralama-ikon {
    color: rgba(255,255,255,0.72);
    font-size: 10px;
}

.gider-tablosu thead th .siralama-ikon.aktif {
    color: #ffffff;
}

.gider-tablosu thead th .filtre-tetik {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    min-height: 20px;
    padding: 1px 4px;
    border-radius: 999px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.16);
    color: #ffffff;
    cursor: pointer;
    flex: 0 0 auto;
}

.gider-tablosu thead th .filtre-tetik:hover {
    background: rgba(44,62,80,0.34);
    border-color: rgba(255,255,255,0.26);
}

.gider-tablosu thead th .filtre-tetik.aktif {
    background: rgba(44,62,80,0.92);
    border-color: rgba(44,62,80,0.92);
}

.gider-tablosu thead th.secim-hucre {
    min-width: 48px;
    width: 48px;
    max-width: 48px;
    text-align: center;
    padding: 12px 8px;
}

.gider-tablosu td[data-kolon="firma_unvani"],
.gider-tablosu td[data-kolon="gider_aciklama"] {
    white-space: normal;
    line-height: 1.45;
}

.gider-tablosu td[data-kolon="referans"] {
    font-weight: 700;
    color: #0f172a;
}

.gider-tablosu td[data-kolon="evrak"] {
    text-align: center;
}

.gider-evrak-rozet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    padding: 5px 10px;
    border-radius: 999px;
    border: 1px solid rgba(226,232,240,0.96);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: var(--gecis);
}

.gider-evrak-rozet.var {
    background: #eefaf4;
    color: #1e7f58;
    border-color: rgba(34,197,94,0.22);
}

.gider-evrak-rozet.var:hover {
    background: #dcfce7;
}

.gider-evrak-rozet.yok {
    background: #fee2e2;
    color: #dc2626;
    border-color: rgba(239,68,68,0.2);
    cursor: default;
}

.gider-tablosu tbody tr {
    cursor: pointer;
}

.gider-tablosu tbody tr:hover {
    background: rgba(255,247,237,0.72);
}

.gider-tablosu tbody tr.satir-duzenleniyor {
    background: rgba(255,237,213,0.72);
}

.gider-tablosu td {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(226,232,240,0.9);
    vertical-align: middle;
}

.gider-tablosu td.secim-hucre {
    text-align: center;
    padding: 10px 8px;
}

.gider-liste-kart {
    overflow: hidden;
}

.gider-liste-ust {
    border-bottom: 1px solid rgba(226,232,240,0.82);
    padding-bottom: 14px;
}

.gider-liste-ust .gider-secili-ozet {
    background: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.98));
    border: 1px solid rgba(226,232,240,0.9);
}

.gider-komut-karti,
.gider-liste-kart,
.gider-form-kart {
    box-shadow: 0 18px 38px rgba(15,23,42,0.06);
}

.gider-panel.gider-tablo-genis {
    padding-left: 20px;
    padding-right: 20px;
}

.gider-panel.gider-tablo-genis .gider-komut-karti,
.gider-panel.gider-tablo-genis .gider-liste-kart {
    max-width: none;
}

.gider-panel.gider-tablo-genis .gider-tablo-sarici {
    max-width: calc(100vw - 40px);
}

.gider-detay-kart {
    padding: 16px;
}

.gider-detay-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.gider-detay-baslik {
    display: grid;
    gap: 4px;
}

.gider-detay-baslik strong {
    font-size: 14px;
    color: #0f172a;
}

.gider-detay-baslik span {
    font-size: 11px;
    color: #64748b;
}

.gider-detay-rozetler {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.gider-detay-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid rgba(226,232,240,0.95);
    color: #475569;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.gider-detay-chip.vurgu {
    background: #fff7ed;
    border-color: rgba(251,146,60,0.28);
    color: #9a3412;
}

.gider-detay-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.gider-detay-blok {
    padding: 12px 13px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.96);
    background: #ffffff;
    display: grid;
    gap: 6px;
}

.gider-detay-blok.genis {
    grid-column: span 2;
}

.gider-detay-blok span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #64748b;
}

.gider-detay-blok strong,
.gider-detay-blok a {
    font-size: 12px;
    color: #0f172a;
    line-height: 1.5;
    text-decoration: none;
}

.gider-detay-blok a:hover {
    text-decoration: underline;
}

.gider-toplam-ozet {
    position: sticky;
    bottom: 0;
    z-index: 4;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding: 0 16px 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.96) 24%, rgba(255,255,255,1));
}

.gider-toplam-kutu {
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.92);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    display: grid;
    gap: 5px;
}

.gider-toplam-kutu span {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #64748b;
}

.gider-toplam-kutu strong {
    font-size: 18px;
    color: #0f172a;
}

.gider-toplam-kutu.vurgu {
    border-color: rgba(251,146,60,0.35);
    background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,255,255,0.98));
}

.gider-detay-overlay-kart {
    width: min(980px, 96vw);
}

.gider-toplam-ozet.finans-tek-toplam {
    grid-template-columns: minmax(220px, 280px);
    justify-content: end;
    padding-top: 12px;
}

:is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .gider-detay-overlay-kart {
    width: min(1040px, 96vw);
    padding: 20px 22px 18px;
}

:is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .detay-ust {
    align-items: center;
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(226,232,240,0.84);
}

:is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-modal-kimlik {
    display: grid;
    gap: 3px;
}

:is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-modal-etiket {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

:is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .detay-kart .modal-baslik {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

:is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .detay-alt {
    margin-top: 2px;
    font-size: 9px;
    letter-spacing: 0.08em;
}

:is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .ldm-kapat {
    width: 44px;
    height: 44px;
    border-radius: 14px;
}

@media (max-width: 1180px) {
    .gider-form-grid,
    .gider-form-grid-kompakt {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gider-panel-ust {
        flex-direction: column;
    }

    .gider-kpi-grid {
        min-width: 0;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gider-filtre-toolbar,
    .gider-komut-sag,
    .gider-komut-sol,
    .gider-toolbar-sol,
    .gider-toolbar-sag {
        flex-direction: column;
        align-items: stretch;
    }

    .gider-form-kapali .gider-form-durum-metni {
        max-width: none;
    }

    .gider-filtre-grup,
    .gider-filtre-grup .select-alan,
    .gider-arama-input {
        width: 100%;
        min-width: 0;
    }

    .gider-form-baslik-bar {
        flex-direction: column;
        align-items: stretch;
    }

    .gider-form-grid .gider-alan-firma,
    .gider-form-grid .gider-alan-belge {
        grid-column: 1 / -1;
    }

    .gider-detay-grid,
    .gider-toplam-ozet {
        grid-template-columns: 1fr;
    }

    .gider-detay-blok.genis {
        grid-column: span 1;
    }
}

.admin-hata-merkezi-baslik {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 0;
}

.admin-hata-ozet-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}

.admin-hata-ozet-kart {
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border: 1px solid #dbeafe;
    border-radius: 8px;
    padding: 10px 12px;
}

.admin-hata-ozet-kart span {
    display: block;
    font-size: 10px;
    color: #64748b;
    margin-bottom: 4px;
}

.admin-hata-ozet-kart strong {
    font-size: 18px;
    color: #0f172a;
}

.admin-hata-son {
    background: #fff;
    border: 1px solid #dbeafe;
    border-radius: 10px;
    padding: 10px 12px;
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.admin-hata-son strong {
    font-size: 10px;
    color: #1d4ed8;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.admin-hata-son span {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
}

.admin-hata-son small {
    font-size: 10px;
    line-height: 1.5;
    color: #64748b;
}

.admin-hata-liste {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 320px;
    overflow: auto;
}

.admin-hata-item {
    background: linear-gradient(180deg, #fff, #f8fafc);
    border: 1px solid #e2e8f0;
    border-left: 4px solid #f76c0d;
    border-radius: 10px;
    padding: 10px 12px;
}

.admin-hata-item-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

.admin-hata-item-ust strong {
    font-size: 11px;
    color: #0f172a;
}

.admin-hata-item-ust span {
    font-size: 10px;
    color: #64748b;
    white-space: nowrap;
}

.admin-hata-item-mesaj {
    font-size: 11px;
    line-height: 1.55;
    color: #334155;
    margin-bottom: 8px;
}

.admin-hata-item-alt {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-hata-item-alt span {
    font-size: 10px;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    padding: 3px 8px;
}

.admin-hata-bos {
    text-align: center;
    color: #94a3b8;
    font-size: 11px;
    padding: 18px 8px;
}

/* 03 Buttons & Controls --------------------------------------------- */
.kullanici-rozeti { display: flex; align-items: center; gap: 8px; background: var(--turuncu-hafif); border: 1px solid rgba(247,108,13,0.2); padding: 6px 12px; border-radius: 8px; }
.kullanici-avatar { width: 28px; height: 28px; border-radius: 50%; background: var(--turuncu); color: white; font-size: 12px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.kullanici-mail { font-size: 12px; font-weight: 600; color: var(--turuncu-koyu); }

.btn-ldm-header { display: flex; align-items: center; gap: 7px; padding: 7px 14px; background: var(--metin); color: white; border: none; border-radius: var(--std-radius-xs); font-family: inherit; font-size: var(--std-control-font); font-weight: 700; cursor: pointer; transition: var(--gecis); white-space: nowrap; }
.btn-ikon { display: inline-flex; align-items: center; justify-content: center; }
.btn-ldm-header:hover { background: #2d3748; box-shadow: 0 4px 12px rgba(26,26,46,0.25); transform: translateY(-1px); }
.header-araclar {
    position: relative;
    display: inline-flex;
}

.header-araclar-btn {
    min-width: 112px;
    justify-content: center;
}

.header-araclar-ok {
    font-size: 12px;
    line-height: 1;
    opacity: 0.76;
    transition: transform 0.18s ease;
}

.header-araclar.acik .header-araclar-ok {
    transform: rotate(180deg);
}

.header-araclar-menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 950;
    width: 254px;
    padding: 8px;
    border: 1px solid rgba(203,213,225,0.86);
    border-radius: 8px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 18px 40px rgba(15,23,42,0.18);
    display: none;
}

.header-araclar.acik .header-araclar-menu {
    display: grid;
    gap: 4px;
}

.header-araclar-menu button {
    width: 100%;
    min-height: 42px;
    display: grid;
    grid-template-columns: 28px 1fr;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #1e293b;
    text-align: left;
    cursor: pointer;
}

.header-araclar-menu button:hover {
    background: #fff7ed;
    border-color: rgba(247,108,13,0.18);
    color: var(--turuncu-koyu);
}

.header-araclar-menu button span {
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f8fafc;
    color: #64748b;
    font-size: 13px;
}

.header-araclar-menu button strong {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
}

.btn-cikis { display: inline-flex; align-items: center; gap: 7px; padding: 7px 14px; border: 1.5px solid var(--kenarlik); background: var(--beyaz); border-radius: var(--std-radius-xs); font-family: inherit; font-size: var(--std-control-font); font-weight: 600; cursor: pointer; color: var(--metin-ikincil); transition: var(--gecis); }
.btn-cikis:hover { border-color: var(--hata); color: var(--hata); background: #fef2f2; }

.icerik { padding: var(--density-content-pad-y) var(--density-content-pad-x); }

.tab-sarici { display: flex; gap: 4px; align-items: stretch; justify-content: flex-start; }
.tab-btn { display: inline-flex; align-items: center; justify-content: center; min-height: var(--std-control-h); box-sizing: border-box; white-space: nowrap; line-height: 1; flex: 0 0 auto; padding: 10px 20px; border: 1.5px solid var(--kenarlik); background: var(--beyaz); border-radius: var(--std-radius-sm) var(--std-radius-sm) 0 0; font-family: inherit; font-size: var(--std-control-font); font-weight: 700; cursor: pointer; color: var(--metin-ikincil); transition: var(--gecis); border-bottom: none; letter-spacing: 0.04em; }
.tab-sarici > #tabGenel,
.tab-sarici > #tabUkt,
.tab-sarici > #tabMusteriler,
.tab-sarici > #tabTedarikciler,
.tab-sarici > #tabDashboard,
.tab-sarici > #tabFinansMerkezi,
.tab-sarici > #tabSirketMerkezi,
.tab-sarici > #tabAdmin {
    width: 118px;
    min-width: 118px;
    max-width: 118px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tab-btn.aktif { background: var(--turuncu); color: white; border-color: var(--turuncu); box-shadow: 0 8px 16px rgba(247,108,13,0.14); }
.tab-btn:not(.aktif):hover { background: var(--turuncu-hafif); color: var(--turuncu); border-color: rgba(247,108,13,0.3); }
.tab-btn.gizli-sabit { display: none !important; }

.form-panel { 
    display: none !important; /* Başlangıçta tamamen gizli */
    background: var(--beyaz); 
    border: 1.5px solid var(--turuncu); 
    border-radius: var(--std-panel-radius); 
    padding: var(--std-panel-pad); 
    margin-bottom: 16px; 
    box-shadow: var(--golge); 
}
.form-baslik { font-size: 11px; font-weight: 700; color: var(--turuncu); letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 14px; }

.input-satiri { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 10px; align-items: flex-end; }
.input-satiri::-webkit-scrollbar { height: 4px; }
.input-satiri::-webkit-scrollbar-thumb { background: var(--kenarlik); border-radius: 2px; }

.input-grup { display: flex; flex-direction: column; min-width: 110px; position: relative; }
.input-etiket { font-size: 9px; font-weight: 700; color: var(--metin-ikincil); margin-bottom: 4px; white-space: nowrap; text-transform: uppercase; letter-spacing: 0.06em; }
.input-alan, .select-alan { padding: 10px 14px; height: 42px; border: 1.5px solid var(--kenarlik); border-radius: var(--std-radius-sm); font-family: inherit; font-size: 13px; color: var(--metin); background: var(--arka); outline: none; transition: var(--gecis); text-transform: uppercase; }
.input-alan:focus, .select-alan:focus { border-color: var(--turuncu); background: var(--beyaz); box-shadow: 0 0 0 3px rgba(247,108,13,0.1); }

.oneri-listesi {
    position: absolute !important;
    top: calc(100% + 3px) !important;
    left: 0 !important;
    width: 100% !important;
    min-width: 100% !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 9px !important;
    z-index: 3500 !important;
    max-height: 220px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: none;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.16), 0 4px 10px -2px rgba(15, 23, 42, 0.08), 0 0 0 1px rgba(15, 23, 42, 0.04) !important;
}
.oneri-listesi::-webkit-scrollbar {
    width: 5px;
}
.oneri-listesi::-webkit-scrollbar-track {
    background: transparent;
}
.oneri-listesi::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}
.oneri-listesi::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

.oneri-item {
    padding: 7px 11px !important;
    cursor: pointer !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #f1f5f9 !important;
    transition: background 0.12s ease, color 0.12s ease !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    user-select: none !important;
}
.oneri-item:last-child {
    border-bottom: none !important;
}
.oneri-item strong {
    font-size: 11.5px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
}
.oneri-item small {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
}
.oneri-item:hover,
.oneri-item.aktif {
    background: var(--turuncu-hafif, #fff4ee) !important;
    color: var(--turuncu, #F76C0D) !important;
}
.oneri-item:hover strong,
.oneri-item.aktif strong {
    color: var(--turuncu-koyu, #d95c08) !important;
}
.oneri-item:hover small,
.oneri-item.aktif small {
    color: #ea580c !important;
}

.form-panel .alan-hata:empty,
.form-detayli-kart-duzen .alan-hata:empty {
    display: none !important;
}

.form-aksiyonlar { display: flex; align-items: center; gap: var(--std-toolbar-gap); margin-top: 14px; }

.form-presence-uyari {
    align-items: center;
    gap: 8px;
    width: 100%;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(245,158,11,0.34);
    border-radius: 10px;
    background: rgba(255,251,235,0.82);
    color: #92400e;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}
.btn-ana { padding: 10px 24px; background: var(--turuncu); color: white; border: none; border-radius: var(--std-radius-xs); font-family: inherit; font-size: var(--std-control-font); font-weight: 700; cursor: pointer; transition: var(--gecis); }
.btn-ana:hover { background: var(--turuncu-koyu); box-shadow: 0 4px 12px rgba(247,108,13,0.3); }
.btn-iptal { padding: 10px 18px; background: var(--arka); color: var(--metin-ikincil); border: 1.5px solid var(--kenarlik); border-radius: var(--std-radius-xs); font-family: inherit; font-size: var(--std-control-font); font-weight: 600; cursor: pointer; transition: var(--gecis); display: none; }
.btn-iptal:hover { border-color: var(--hata); color: var(--hata); background: #fef2f2; }

.arama-bari { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    gap: var(--std-layout-gap); 
    margin-bottom: 12px; 
    position: relative; 
    z-index: 120; 
    flex-wrap: nowrap !important; /* Tek satıra zorla */
    width: 100%;
    min-height: 48px;
}
.genel-arama-input { padding: 8px 14px; border: 1.5px solid var(--kenarlik); border-radius: 8px; width: 220px; flex-shrink: 1; min-width: 120px; font-family: inherit; font-size: 13px; outline: none; transition: var(--gecis); margin: 0; }
.genel-arama-input:focus { border-color: var(--turuncu); box-shadow: 0 0 0 3px rgba(247,108,13,0.1); }
.hizli-filtreler-ust { 
    flex: 1; 
    margin-bottom: 0; 
    min-width: 0; 
    display: flex;
    overflow-x: auto; 
    padding: 4px 0;
    gap: 8px;
    align-items: center;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.hizli-filtreler-ust::-webkit-scrollbar { display: none; }
body.operasyon-disi-sayfa-aktif .hizli-filtreler-ust,
body.operasyon-disi-sayfa-aktif #aktifFiltreOzeti,
body.tablo-disi-sayfa-aktif #aktifFiltreOzeti {
    display: none !important;
}
.hizli-filtre { 
    flex-shrink: 0 !important; /* Asla sıkıştırma */
    white-space: nowrap !important;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    border-radius: 20px;
    background: var(--arka);
    color: var(--metin-ikincil);
    border: 1px solid var(--kenarlik);
    transition: var(--gecis);
}
.hizli-filtre.aktif {
    background: var(--turuncu);
    color: white;
    border-color: var(--turuncu);
    box-shadow: 0 2px 6px rgba(247,108,13,0.25);
}
.gorunum-secici {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border: 1px solid rgba(203,213,225,0.9);
    border-radius: 999px;
    background: rgba(255,255,255,0.95);
    box-shadow: 0 8px 20px rgba(15,23,42,0.05);
}
.gorunum-secici-header {
    margin-left: 6px;
    background: rgba(247,248,250,0.92);
    border-color: rgba(203,213,225,0.82);
}
.gorunum-btn {
    height: 30px;
    padding: 0 12px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--metin-ikincil);
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--gecis);
    white-space: nowrap;
}
.gorunum-btn:hover {
    color: var(--metin);
    background: rgba(241,245,249,0.95);
}
.gorunum-btn.aktif {
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    color: white;
    box-shadow: 0 10px 18px rgba(247,108,13,0.22);
}

.aktif-filtre-ozeti {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
}

.aktif-filtre-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(203,213,225,0.92);
    background: rgba(255,255,255,0.92);
    color: var(--metin);
    font-size: 11px;
    font-weight: 700;
    box-shadow: 0 8px 16px rgba(15,23,42,0.05);
}

.aktif-filtre-chip strong {
    color: var(--metin-ikincil);
    font-size: 10px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.aktif-filtre-chip button {
    border: none;
    background: transparent;
    color: var(--metin-ikincil);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.aktif-filtre-chip.temizle {
    background: #fff7ed;
    border-color: rgba(247,108,13,0.22);
    color: var(--turuncu-koyu);
}

/* SÜTUN GİZLE/GÖSTER MENÜSÜ EKLENTİSİ */
.sutun-menu-kap { position: relative; z-index: 180; }
.btn-sutunlar { height: 38px; padding: 0 14px; border: 1.5px solid var(--kenarlik); background: var(--beyaz); border-radius: 8px; font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; color: var(--metin-ikincil); transition: var(--gecis); display: flex; align-items: center; gap: 6px; }
.btn-sutunlar:hover { border-color: var(--turuncu); color: var(--turuncu); background: var(--turuncu-hafif); }
.btn-yeni-kayit {
    border-color: rgba(247,108,13,0.32);
    background: linear-gradient(180deg, #fff8f1, #ffefe1);
    color: #c2410c;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(247,108,13,0.10);
}
.btn-yeni-kayit:hover {
    border-color: #f76c0d;
    background: linear-gradient(180deg, #fff1df, #ffe4cc);
    color: #9a3412;
}
.btn-yeni-kayit:focus-visible {
    outline: 2px solid rgba(247,108,13,0.28);
    outline-offset: 2px;
}
.btn-excel-yukle {
    border-color: rgba(14,165,233,0.28);
    background: linear-gradient(180deg, #f4fbff, #e9f7ff);
    color: #0f5f8f;
    font-weight: 700;
    box-shadow: 0 8px 18px rgba(14,165,233,0.08);
}
.btn-excel-yukle:hover {
    border-color: rgba(14,165,233,0.5);
    background: linear-gradient(180deg, #ebf8ff, #dff2ff);
    color: #0c4a6e;
}
.btn-excel-yukle::before {
    content: "XLS";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(14,165,233,0.12);
    color: inherit;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.btn-sutun-reset { padding: 0 12px; font-size: 11px; border-style: dashed; }
.sutun-menu { display: none; position: absolute; right: 0; top: calc(100% + 6px); background: var(--beyaz); border: 1.5px solid var(--kenarlik); border-radius: 10px; box-shadow: var(--golge-buyuk); padding: 12px; width: 220px; z-index: 12000; max-height: 350px; overflow-y: auto; }
.sutun-menu.acik { display: block; animation: dropInAnim 0.15s ease-out forwards; }
.sutun-ayar-item { display: flex; align-items: center; gap: 8px; padding: 6px 4px; font-size: 11px; cursor: pointer; color: var(--metin); text-transform: uppercase; font-weight: 600; border-radius: 4px; transition: var(--gecis); }
.sutun-ayar-item:hover { background: var(--arka); color: var(--turuncu); }
.sutun-ayar-item input { accent-color: var(--turuncu); width: 14px; height: 14px; cursor: pointer; margin: 0; }
.sutun-baslik { font-size: 10px; font-weight: 700; color: var(--turuncu); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid var(--arka); }

.siralanabilir-baslik { display: flex; align-items: center; justify-content: space-between; gap: 4px; position: relative; }
.baslik-metin-kap { cursor: pointer; display: flex; align-items: center; gap: 4px; flex: 1; transition: color 0.2s; user-select: none; }
.baslik-metin-kap:hover { color: var(--turuncu); }
.siralama-ikon { font-size: 10px; color: #9ca3af; }
.siralama-ikon.aktif { color: var(--turuncu); }

.filtre-tetik { cursor: pointer; padding: 2px 7px; border-radius: 999px; color: #6b7a8d; transition: 0.18s ease; font-size: 8px; font-weight: 800; letter-spacing: 0.08em; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,245,249,0.96)); border: 1px solid rgba(203,213,225,0.95); min-width: 24px; min-height: 22px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.95); }
.filtre-tetik:hover { background: #ffffff; color: #334155; border-color: rgba(247,108,13,0.24); box-shadow: 0 8px 14px rgba(15,23,42,0.05), inset 0 1px 0 rgba(255,255,255,0.96); }
.filtre-tetik.aktif { background: linear-gradient(180deg, rgba(247,108,13,0.14), rgba(247,108,13,0.08)); color: var(--turuncu-koyu); border-color: rgba(247,108,13,0.28); box-shadow: inset 0 1px 0 rgba(255,255,255,0.9); }

.excel-filtre-popup { display: none; position: fixed; background: rgba(255,255,255,0.98); border: 1px solid rgba(148,163,184,0.18); box-shadow: 0 26px 48px rgba(15,23,42,0.22); border-radius: 16px; width: 252px; z-index: 300000; font-family: 'DM Sans', sans-serif; font-size: 12px; color: var(--metin); backdrop-filter: blur(14px); isolation: isolate; }
.filtre-backdrop { display: none; position: fixed; inset: 0; background: rgba(248,250,252,0.2); backdrop-filter: blur(2px); z-index: 299999; }
.filtre-siralama-butonlar { padding: 6px; border-bottom: 1px solid #e5e7eb; display: flex; flex-direction: column; gap: 2px; }
.filtre-siralama-butonlar button { background: none; border: none; text-align: left; padding: 8px 10px; cursor: pointer; border-radius: 4px; transition: background 0.2s; font-family: inherit; font-size: 12px; font-weight: 500; display: flex; align-items: center; gap: 8px; }
.filtre-siralama-butonlar button:hover { background: #f3f4f6; }
.filtre-popup-arama-kap { padding: 8px; border-bottom: 1px solid #e5e7eb; }
.filtre-popup-arama { width: 100%; padding: 6px 10px; border: 1px solid #d1d5db; border-radius: 4px; font-family: inherit; font-size: 11px; outline: none; }
.filtre-popup-arama:focus { border-color: var(--turuncu); box-shadow: 0 0 0 2px rgba(247,108,13,0.1); }
.filtre-popup-liste { max-height: 200px; overflow-y: auto; padding: 4px 8px; display: flex; flex-direction: column; }
.filtre-liste-item { display: flex; align-items: flex-start; gap: 8px; padding: 6px 4px; cursor: pointer; white-space: normal; word-break: break-word; transition: background 0.2s; border-radius: 4px; }
.filtre-liste-item:hover { background: #f9fafb; }
.filtre-liste-item input { margin: 2px 0 0 0; cursor: pointer; accent-color: var(--turuncu); flex-shrink: 0; }
.filtre-popup-alt { display: flex; gap: 8px; padding: 10px; border-top: 1px solid #e5e7eb; background: #f9fafb; border-radius: 0 0 6px 6px; }
.btn-filtre-uygula, .btn-filtre-temizle { flex: 1; padding: 8px; border: 1px solid #d1d5db; border-radius: 4px; background: #fff; cursor: pointer; font-family: inherit; font-size: 12px; font-weight: 600; transition: 0.2s; }
.btn-filtre-uygula { background: var(--turuncu); color: #fff; border-color: var(--turuncu-koyu); }
.btn-filtre-uygula:hover { background: var(--turuncu-koyu); }
.btn-filtre-temizle:hover { background: #e5e7eb; }

.toplu-bari { display: none; align-items: center; justify-content: space-between; background: #f4f8ff; border: 1.5px solid rgba(47,111,221,0.2); padding: 10px 16px; border-radius: 10px; margin-bottom: 12px; }
.toplu-bilgi { font-size: 12px; font-weight: 700; color: #244fa7; }
.toplu-butonlar { display: flex; gap: 8px; }
.btn-toplu { padding: 7px 14px; border: none; border-radius: var(--std-radius-xs); font-family: inherit; font-size: var(--std-control-font); font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: 6px; transition: var(--gecis); }
.btn-excel { background: #dcfce7; color: #16a34a; }
.btn-excel:hover { background: #16a34a; color: white; }
.btn-sil { background: #fee2e2; color: var(--hata); }
.btn-sil:hover { background: var(--hata); color: white; }

.tablo-kart { background: var(--beyaz); border: 1px solid rgba(203,213,225,0.78); border-radius: var(--std-panel-radius) var(--std-panel-radius) 0 0; box-shadow: var(--golge); overflow: visible; }
.tablo-sarici { overflow-x: auto; overflow-y: auto; max-height: calc(100vh - 360px); overscroll-behavior: contain; overflow-anchor: none; }
.tablo-sarici::-webkit-scrollbar { width: 6px; height: 6px; }
.tablo-sarici::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
.tablo-sarici::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
.tablo-sarici::-webkit-scrollbar-track { background: transparent; }

table { width: 100%; border-collapse: collapse; white-space: nowrap; font-size: var(--density-table-font); }
thead th { background: var(--std-table-head-bg); padding: var(--density-table-pad-y) var(--density-table-pad-x); text-align: left; font-size: 9px; font-weight: 700; color: var(--metin-ikincil); letter-spacing: 0.08em; text-transform: uppercase; position: sticky; top: 0; z-index: 20; border: 1px solid rgba(203,213,225,0.82); border-right: 1px solid rgba(226,232,240,0.9); }
tbody td { padding: var(--density-table-pad-y) var(--density-table-pad-x); border: 1px solid var(--std-table-border); background: var(--beyaz); text-transform: uppercase; vertical-align: middle; color: var(--metin); }
tbody tr:hover td { background: var(--turuncu-hafif) !important; cursor: default; }

#tGovde tr.sanal-tablo-bosluk td,
#tGovde tr.sanal-tablo-bosluk:hover td {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

tr.faturasiz td:first-child { position: relative; }
tr.faturasiz td:first-child::after { content: ''; position: absolute; left: 0; top: 7px; bottom: 7px; width: 2px; border-radius: 999px; background: rgba(194,65,75,0.7); }

.tablo-empty-row td {
    padding: 34px 18px !important;
    background: linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.98)) !important;
    text-align: center;
    text-transform: none;
}

.tablo-empty-state {
    width: min(520px, 100%);
    margin: 0 auto;
    padding: 24px 26px;
    border: 1px dashed rgba(148,163,184,0.36);
    border-radius: 22px;
    background: radial-gradient(circle at top, rgba(255,247,237,0.82), rgba(255,255,255,0.95) 54%), #ffffff;
    box-shadow: 0 18px 42px rgba(15,23,42,0.06);
    color: #64748b;
    white-space: normal;
}

.tablo-empty-icon {
    width: 42px;
    height: 42px;
    margin: 0 auto 12px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff7ed;
    color: #c2410c;
    font-size: 20px;
    font-weight: 900;
    box-shadow: inset 0 0 0 1px rgba(247,108,13,0.12);
}

.tablo-empty-state strong {
    display: block;
    margin-bottom: 6px;
    color: #111827;
    font-size: 15px;
    font-weight: 850;
}

.tablo-empty-state span {
    display: block;
    font-size: 12px;
    line-height: 1.65;
}

.durum-hucre { width: 124px; min-width: 124px; max-width: 124px; text-align: center !important; cursor: pointer; }
.durum-kabarcik { display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 22px; padding: 3px 8px; border-radius: 999px; font-size: 8.5px; font-weight: 850; letter-spacing: 0.04em; box-shadow: inset 0 1px 0 rgba(255,255,255,0.78); }
.durum-metin { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.d-yuklemede { background: #3b82f6; } .d-yolda { background: #f97316; } .d-bosaltmada { background: #b7791f; } .d-teslim { background: #22c55e; }
.bg-yuklemede { background: #eff6ff; color: #2456b5; } .bg-yolda { background: #fff7ed; color: #9a4a06; } .bg-bosaltmada { background: #fff7e8; color: #8a5a12; } .bg-teslim { background: #eefbf3; color: #177245; }

/* İŞLEM MENÜSÜ */
@keyframes dropInAnim { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }

.menu-btn {
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 9px 11px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 650;
    text-align: left;
    color: var(--metin);
    transition: background 0.16s ease, color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}
.menu-btn::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 8px;
    bottom: 8px;
    width: 3px;
    border-radius: 999px;
    background: transparent;
    transition: background 0.16s ease;
}
.menu-btn:hover,
.menu-btn:focus-visible {
    background: #fff7ed;
    border-color: rgba(247,108,13,0.22);
    color: #9a3412;
    transform: translateX(1px);
    outline: none;
}
.menu-btn:hover::before,
.menu-btn:focus-visible::before {
    background: var(--turuncu);
}
.menu-btn.tehlikeli:hover,
.menu-btn.tehlikeli:focus-visible {
    background: #fef2f2;
    border-color: rgba(220,38,38,0.22);
    color: var(--hata);
}
.menu-btn.tehlikeli:hover::before,
.menu-btn.tehlikeli:focus-visible::before {
    background: var(--hata);
}
.menu-panel-baslik { padding: 8px 10px 10px; margin-bottom: 6px; border-bottom: 1px solid rgba(226,232,240,0.85); }
.menu-panel-baslik strong { display: block; font-size: 12px; color: #172132; margin-bottom: 2px; }
.menu-panel-baslik span { display: block; font-size: 10px; color: #7b8798; }
.menu-panel-ayrac { height: 1px; background: rgba(226,232,240,0.82); margin: 6px 4px; }

.sutun-menu,
.excel-filtre-popup,
.satir-context-menu {
    border: 1px solid rgba(226,232,240,0.94);
    border-radius: 16px;
    box-shadow: 0 22px 38px rgba(15,23,42,0.14);
    background: linear-gradient(180deg, rgba(255,255,255,0.985), rgba(248,250,252,0.98));
    backdrop-filter: blur(16px);
}

.satir-context-menu {
    display: none;
    position: fixed;
    min-width: 228px;
    max-height: calc(100vh - 32px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px;
    z-index: 320000;
}

.satir-context-menu {
    min-width: 240px;
    max-width: min(280px, calc(100vw - 32px));
    padding: 10px;
    border: 1px solid rgba(148,163,184,0.18);
    box-shadow: 0 28px 52px rgba(15,23,42,0.16);
}

.satir-context-menu::-webkit-scrollbar { width: 6px; }
.satir-context-menu::-webkit-scrollbar-thumb { background: rgba(148,163,184,0.52); border-radius: 999px; }

.satir-context-menu.acik {
    display: block;
    animation: dropInAnim 0.14s cubic-bezier(0.4,0,0.2,1) forwards;
}

.gider-context-menu {
    min-width: 250px;
    max-width: min(310px, calc(100vw - 32px));
    border-color: rgba(251, 146, 60, 0.18);
    box-shadow: 0 26px 50px rgba(15,23,42,0.18);
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(255,247,237,0.96));
}

.gider-context-menu .menu-panel-baslik strong {
    color: #9a3412;
}

.gider-context-menu .menu-panel-baslik span {
    color: #7c2d12;
}

thead th {
    background: linear-gradient(180deg, #fdfefe, #eef3f8);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), inset 0 -1px 0 rgba(209,213,219,0.45);
    color: #64748b;
    font-size: 8.75px;
    letter-spacing: 0.12em;
    font-weight: 800;
    text-shadow: 0 1px 0 rgba(255,255,255,0.9);
}

.siralanabilir-baslik {
    gap: 6px;
}

.baslik-metin-kap {
    color: #64748b;
    font-weight: 800;
}

.filtre-tetik {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(241,245,249,0.96));
    border-color: rgba(203,213,225,0.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86);
}

.sayfalama { display: flex; justify-content: center; align-items: center; gap: 12px; padding: 14px; background: var(--beyaz); border: 1.5px solid var(--kenarlik); border-top: none; border-radius: 0 0 12px 12px; }
.sayfa-btn { padding: 7px 14px; border: 1.5px solid var(--kenarlik); background: var(--beyaz); border-radius: 7px; font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; transition: var(--gecis); color: var(--metin); }
.sayfa-btn:hover:not(:disabled) { border-color: var(--turuncu); color: var(--turuncu); }
.sayfa-btn:disabled { opacity: 0.4; cursor: not-allowed; }
.sayfa-bilgi { font-size: 12px; font-weight: 600; color: var(--metin-ikincil); }

.mobil-kayit-listesi {
    display: none;
}

.mobil-kayit-kart {
    border: 1px solid rgba(226,232,240,0.9);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    padding: 14px 14px 22px;
    scroll-padding-block: 14px 22px;
    box-shadow: 0 14px 30px rgba(15,23,42,0.06);
    display: grid;
    gap: 12px;
}

.mobil-kayit-kart.aktif {
    border-color: rgba(247,108,13,0.3);
    box-shadow: 0 18px 34px rgba(247,108,13,0.12);
}

.mobil-kayit-ust,
.mobil-kayit-alt {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.mobil-kayit-ref {
    font-family: 'DM Mono', monospace;
    font-size: 11px;
    font-weight: 700;
    color: var(--turuncu);
}

.mobil-kayit-musteri {
    margin-top: 4px;
    font-size: 14px;
    font-weight: 800;
    color: #172132;
}

.mobil-kayit-durum,
.mobil-kayit-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.mobil-kayit-durum {
    background: #fff7ed;
    color: #c2410c;
}

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

.mobil-kayit-meta {
    padding: 10px 11px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid rgba(226,232,240,0.86);
}

.akilli-bildirim-kisayol-yuvasi {
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
}

.akilli-bildirim-merkezi {
    position: fixed;
    top: var(--bildirim-panel-ust, calc(var(--density-header-h) + 12px));
    bottom: var(--bildirim-panel-alt, auto);
    left: var(--bildirim-panel-sol, auto);
    right: auto;
    z-index: 1200;
    grid-template-rows: auto minmax(0, 1fr);
    width: var(--bildirim-panel-genislik, min(430px, calc(100vw - 24px)));
    max-height: var(--bildirim-panel-maks-yukseklik, min(660px, calc(100vh - var(--density-header-h) - 24px)));
    overflow: visible;
    padding: 0;
    background: rgba(255,255,255,0.985);
    border: 1px solid rgba(148,163,184,0.26);
    border-radius: 20px;
    color: #172132;
    box-shadow: 0 28px 70px rgba(15,23,42,0.22), 0 8px 24px rgba(15,23,42,0.08);
    animation: bildirimKutusuAc 170ms ease-out;
}

.akilli-bildirim-merkezi.yon-yukari {
    top: auto !important;
    bottom: var(--bildirim-panel-alt, 70px) !important;
    animation: bildirimKutusuAcYukari 170ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes bildirimKutusuAcYukari {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.akilli-bildirim-merkezi::before {
    content: "";
    position: absolute;
    top: -7px;
    left: var(--bildirim-ok-sol, calc(100% - 38px));
    width: 14px;
    height: 14px;
    border-top: 1px solid rgba(148,163,184,0.26);
    border-left: 1px solid rgba(148,163,184,0.26);
    background: #fffaf5;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 3px 0 0;
    z-index: 1;
}

.akilli-bildirim-merkezi.yon-yukari::before {
    top: auto;
    bottom: -7px;
    border-top: none;
    border-left: none;
    border-bottom: 1px solid rgba(148,163,184,0.26);
    border-right: 1px solid rgba(148,163,184,0.26);
    background: #ffffff;
    border-radius: 0 0 3px 0;
}

.akilli-bildirim-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 74px;
    padding: 14px 16px;
    border-bottom: 1px solid rgba(226,232,240,0.9);
    border-radius: 20px 20px 0 0;
    background: linear-gradient(135deg, #fffaf5 0%, #ffffff 62%, #fff7ed 100%);
}

.akilli-bildirim-baslik-grubu {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.akilli-bildirim-baslik-ikonu {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: linear-gradient(145deg, #f97316, #e65300);
    color: #fff;
    box-shadow: 0 10px 22px rgba(247,108,13,0.24);
}

.akilli-bildirim-ust .akilli-bildirim-baslik-ikonu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0;
}

.akilli-bildirim-baslik-ikonu svg {
    display: block;
    width: 19px;
    height: 19px;
    margin: 0;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.akilli-bildirim-ust strong {
    display: block;
    color: #111827;
    font-size: 14px;
    font-weight: 850;
    letter-spacing: -0.01em;
}

.akilli-bildirim-ust span {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 11px;
    font-weight: 650;
}

.akilli-bildirim-ust button,
.akilli-bildirim-kart {
    border-radius: 8px;
    font-family: inherit;
    cursor: pointer;
}

.akilli-bildirim-ust button {
    border: 1px solid rgba(148,163,184,0.28);
    border-radius: 999px;
    background: rgba(255,255,255,0.82);
    color: #475569;
    padding: 7px 11px;
    font-size: 10.5px;
    font-weight: 800;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease;
}

.akilli-bildirim-ust button:hover {
    border-color: rgba(247,108,13,0.34);
    background: #fff7ed;
    color: #9a3412;
}

.akilli-bildirim-listesi {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: max-content;
    align-content: start;
    gap: 10px;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 14px;
    scrollbar-width: thin;
    scrollbar-color: rgba(148,163,184,0.5) transparent;
}

.akilli-bildirim-araclari {
    position: sticky;
    top: -14px;
    z-index: 3;
    display: grid;
    gap: 8px;
    margin: -14px -14px 2px;
    padding: 12px 14px 10px;
    border-bottom: 1px solid rgba(226,232,240,0.82);
    background: rgba(255,255,255,0.94);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.akilli-bildirim-filtreler {
    display: flex;
    gap: 5px;
    overflow-x: auto;
}

.akilli-bildirim-filtreler button,
.akilli-bildirim-tumunu-oku,
.akilli-bildirim-islemler button {
    border: 1px solid rgba(148,163,184,0.28);
    border-radius: 999px;
    background: #fff;
    color: #475569;
    font: 800 10px/1.2 inherit;
    cursor: pointer;
}

.akilli-bildirim-filtreler button {
    flex: 0 0 auto;
    padding: 7px 10px;
}

.akilli-bildirim-filtreler button.aktif {
    border-color: #f76c0d;
    background: linear-gradient(135deg, #f97316, #e65300);
    color: #fff;
    box-shadow: 0 7px 16px rgba(247,108,13,0.2);
}

.akilli-bildirim-filtreler b {
    margin-left: 2px;
}

.akilli-bildirim-tumunu-oku {
    justify-self: start;
    padding: 6px 9px;
    color: #2563eb;
}

.akilli-bildirim-kart {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    align-content: start;
    height: max-content;
    text-align: left;
    border: 1px solid rgba(148,163,184,0.22);
    background: #fff;
    padding: 12px 13px;
    min-height: 78px;
    border-radius: 14px;
    box-shadow: 0 8px 22px rgba(15,23,42,0.055);
    overflow: hidden;
    scroll-margin-block: 12px 22px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.akilli-bildirim-kart:hover {
    border-color: rgba(247,108,13,0.26);
    box-shadow: 0 13px 30px rgba(15,23,42,0.09);
}

.akilli-bildirim-kart.okunmadi {
    border-left: 4px solid #f76c0d;
}

.akilli-bildirim-icerik {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    font: inherit;
    cursor: pointer;
}

.akilli-bildirim-nokta {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 999px;
    background: #2563eb;
}

.akilli-bildirim-islemler {
    position: static;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    width: 100%;
    max-height: none;
    margin-top: 11px;
    padding-top: 10px;
    border-top: 1px solid rgba(148,163,184,0.18);
    opacity: 1;
    visibility: visible;
    overflow: visible;
    transform: none;
}

.akilli-bildirim-islemler button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 0;
    min-height: 34px;
    padding: 7px 8px;
    border-radius: 10px;
    background: #f8fafc;
    color: #475569;
    font-size: 10px;
    white-space: nowrap;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease;
}

.akilli-bildirim-islemler button:hover {
    transform: none;
    box-shadow: 0 5px 12px rgba(15,23,42,0.07);
}

.akilli-bildirim-islemler button svg {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.akilli-bildirim-islemler button span {
    display: inline;
    color: inherit;
    font: inherit;
    letter-spacing: normal;
    text-transform: none;
}

.akilli-bildirim-islemler button.okuma {
    border-color: rgba(37,99,235,0.20);
    background: #eff6ff;
    color: #1d4ed8;
}

.akilli-bildirim-islemler button.okuma:hover {
    border-color: rgba(37,99,235,0.36);
    background: #dbeafe;
}

.akilli-bildirim-islemler button.ertele {
    border-color: rgba(217,119,6,0.22);
    background: #fffbeb;
    color: #a16207;
}

.akilli-bildirim-islemler button.ertele:hover {
    border-color: rgba(217,119,6,0.38);
    background: #fef3c7;
}

.akilli-bildirim-islemler button.tamamla {
    border-color: rgba(5,150,105,0.22);
    background: #ecfdf5;
    color: #047857;
}

.akilli-bildirim-islemler button.tamamla:hover {
    border-color: rgba(5,150,105,0.38);
    background: #d1fae5;
}

.akilli-bildirim-islemler.tek-islem {
    grid-template-columns: 1fr;
}

.akilli-bildirim-islemler button.geri-al {
    border-color: rgba(100,116,139,0.24);
    background: #f8fafc;
    color: #475569;
}

.akilli-bildirim-bos {
    padding: 34px 18px;
    border: 1px dashed rgba(148,163,184,0.4);
    border-radius: 14px;
    background: linear-gradient(180deg, #fbfdff, #f8fafc);
    color: #64748b;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
}

.akilli-bildirim-daha-fazla {
    width: 100%;
    border: 1px solid rgba(37,99,235,0.25);
    border-radius: 12px;
    background: #eff6ff;
    color: #1d4ed8;
    padding: 10px 12px;
    font: 800 11px/1.2 inherit;
    cursor: pointer;
}

.akilli-bildirim-kart span {
    display: block;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.akilli-bildirim-kart strong {
    display: block;
    margin-top: 6px;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.25;
}

.akilli-bildirim-kart small {
    display: block;
    margin-top: 6px;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.akilli-bildirim-kart.uyari {
    border-color: rgba(247,108,13,0.24);
    background: #fffaf3;
}

.akilli-bildirim-kart.kritik {
    border-color: rgba(220,38,38,0.24);
    background: #fff7f7;
}

.akilli-bildirim-kart.bilgi {
    border-color: rgba(37,99,235,0.20);
    background: #f8fbff;
}

.akilli-bildirim-geri-ac {
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 36px;
    border: 1px solid rgba(148,163,184,0.32);
    border-radius: 12px;
    background: #fff;
    color: #334155;
    padding: 7px 8px 7px 10px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(15,23,42,0.06);
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, box-shadow 160ms ease;
}

@keyframes bildirimKutusuAc {
    from {
        opacity: 0;
        transform: translateY(-7px) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.akilli-bildirim-geri-ac:hover {
    border-color: rgba(247,108,13,0.45);
    background: #fffaf5;
    color: #9a3412;
    box-shadow: 0 7px 18px rgba(15,23,42,0.09);
}

.akilli-bildirim-geri-ac strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #f76c0d;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.akilli-bildirim-geri-ac.kritik-var {
    border-color: rgba(220,38,38,0.30);
    background: #fff7f7;
    color: #991b1b;
}

.akilli-bildirim-geri-ac.aktif {
    border-color: rgba(247,108,13,0.42);
    background: #fff7ed;
    color: #9a3412;
    box-shadow: 0 7px 18px rgba(247,108,13,0.13);
}

.backup-banner .akilli-bildirim-geri-ac {
    border: 1px solid rgba(15,23,42,0.12);
    border-radius: 8px;
    background: #111827;
    color: #fff;
    padding: 7px 10px 7px 12px;
    box-shadow: 0 10px 24px rgba(15,23,42,0.16);
}

.backup-banner .akilli-bildirim-geri-ac.kritik-var {
    background: #b91c1c;
    border-color: rgba(185,28,28,0.22);
}

.backup-banner .akilli-bildirim-geri-ac.aktif {
    background: #f76c0d;
    border-color: rgba(247,108,13,0.28);
}

.akilli-bildirim-merkez-link {
    width: 100%;
    border: 1px solid rgba(247,108,13,0.22);
    border-radius: 8px;
    background: #fff7ed;
    color: #9a3412;
    padding: 10px 12px;
    font-family: inherit;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
}

.mobil-kayit-meta span {
    display: block;
    font-size: 9px;
    font-weight: 800;
    color: #7b8798;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.mobil-kayit-meta strong {
    display: block;
    font-size: 12px;
    color: #172132;
    line-height: 1.45;
}

.mobil-kayit-rota {
    padding: 10px 12px;
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,247,239,0.92), rgba(255,252,248,0.96));
    border: 1px solid rgba(247,108,13,0.14);
    font-size: 11px;
    font-weight: 700;
    color: #8f6117;
}

.mobil-kayit-chip.tamam {
    background: #eefaf4;
    color: #1e7f58;
}

.mobil-kayit-chip.eksik {
    background: #fff4f5;
    color: #a93740;
}

.mobil-kayit-aksiyonlar {
    display: flex;
    gap: 8px;
}

.mobil-kayit-btn {
    border: 1px solid rgba(226,232,240,0.92);
    background: linear-gradient(180deg, #fff, #f8fafc);
    color: #334155;
    border-radius: 999px;
    padding: 8px 12px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

.mobil-kayit-btn:hover {
    border-color: rgba(247,108,13,0.28);
    color: var(--turuncu-koyu);
    background: linear-gradient(180deg, #fff7f1, #fff1e6);
}

.mobil-kayit-bos {
    padding: 22px 18px;
    border-radius: 18px;
    border: 1px dashed rgba(148,163,184,0.34);
    background: radial-gradient(circle at top, rgba(255,247,237,0.8), rgba(255,255,255,0.96) 58%);
    color: #64748b;
    font-size: 12px;
    text-align: center;
    line-height: 1.6;
}

.mobil-kayit-bos::before {
    content: "İpucu";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    min-width: 48px;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

/* 06 Modals & Overlays ----------------------------------------------- */
.modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15,23,42,0.42); z-index: 99999; align-items: center; justify-content: center; backdrop-filter: blur(var(--density-overlay-blur)) saturate(120%); }
.modal-kart { background: var(--beyaz); padding: var(--density-modal-pad); border-radius: 24px; width: 460px; box-shadow: var(--golge-buyuk); animation: slideUp 0.2s ease; max-height: 90vh; overflow-y: auto; border: 1px solid rgba(255,255,255,0.74); }
.modal-baslik { font-size: 16px; font-weight: 700; margin-bottom: 20px; }
.modal-aciklama { font-size: 12px; color: #64748b; line-height: 1.5; margin: -6px 0 16px; }
.modal-label { display: block; font-size: 11px; font-weight: 700; color: var(--metin-ikincil); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; }
.modal-select { width: 100%; padding: 11px 14px; border: 1.5px solid var(--kenarlik); border-radius: 9px; font-family: inherit; font-size: 13px; background: var(--arka); outline: none; margin-bottom: 18px; transition: var(--gecis); }
.modal-select:focus { border-color: var(--turuncu); background: var(--beyaz); }
.gecmis-kutu { background: var(--arka); border: 1px solid var(--kenarlik); border-radius: 9px; padding: 12px; height: 110px; overflow-y: auto; font-size: 11px; font-family: 'DM Mono', monospace; white-space: pre-wrap; margin-bottom: 18px; color: var(--metin-ikincil); line-height: 1.6; }
.yeni-not-input { width: 100%; padding: 11px 14px; border: 2px solid var(--turuncu); border-radius: 9px; font-family: inherit; font-size: 13px; outline: none; transition: var(--gecis); background: var(--beyaz); }
.modal-aksiyonlar { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }
.btn-modal-iptal { padding: 10px 20px; border: 1.5px solid var(--kenarlik); background: var(--arka); border-radius: 8px; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--gecis); }
.btn-modal-iptal:hover { background: var(--kenarlik); }
.btn-modal-kaydet { padding: 10px 22px; background: var(--turuncu); color: white; border: none; border-radius: 8px; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: var(--gecis); }
.btn-modal-kaydet:hover { background: var(--turuncu-koyu); }
.modal-kart-sm { width: 420px; }

.finans-hucre-wrap {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 24px;
    padding: 2px 7px;
    border: 1px solid transparent;
    border-radius: 10px;
    text-align: left;
}

.finans-hucre-tutar {
    min-width: 0;
    display: block;
    font-size: 11px;
    font-weight: 850;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.finans-hucre-body {
    min-width: 0;
    display: block;
}

.finans-hucre-wrap.not-var:hover,
.finans-hucre-wrap.not-var:focus-within {
    background: rgba(148,163,184,0.08);
    border-radius: 8px;
}

.finans-not-tooltip {
    position: fixed;
    display: none;
    min-width: 230px;
    max-width: 340px;
    padding: 14px 15px 13px;
    border: 1px solid rgba(226,232,240,0.96);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,0.985), rgba(248,250,252,0.97));
    color: #172132;
    box-shadow: 0 22px 40px rgba(15,23,42,0.16);
    z-index: 350000;
    pointer-events: none;
    white-space: pre-wrap;
    text-transform: none;
    line-height: 1.5;
    font-size: 11px;
    backdrop-filter: blur(10px);
    border-top: 3px solid rgba(247,108,13,0.9);
}

.finans-not-tooltip::before {
    content: "";
    position: absolute;
    left: -7px;
    top: 18px;
    width: 12px;
    height: 12px;
    background: rgba(255,255,255,0.985);
    border-left: 1px solid rgba(226,232,240,0.96);
    border-top: 1px solid rgba(226,232,240,0.96);
    transform: rotate(-45deg);
}

.finans-not-tooltip.sola-acil::before {
    left: auto;
    right: -7px;
    border-left: none;
    border-top: none;
    border-right: 1px solid rgba(226,232,240,0.96);
    border-bottom: 1px solid rgba(226,232,240,0.96);
    transform: rotate(-45deg);
}

.finans-not-tooltip-baslik {
    display: block;
    margin-bottom: 7px;
    font-size: 10px;
    font-weight: 800;
    color: #7c2d12;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.finans-not-tooltip-metin {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #1f2937;
}
.modal-kart-md { width: 460px; }
.modal-kart-lg { width: 700px; }
.modal-bilgi-alt { margin-bottom: 16px; }
.modal-baslik-alt-gap { margin-bottom: 15px; }
.modal-aksiyonlar-ust-gap { margin-top: 15px; }

.onay-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15,23,42,0.42); z-index: 100000; align-items: center; justify-content: center; backdrop-filter: blur(var(--density-overlay-blur)) saturate(120%); }
.onay-kart { background: var(--beyaz); padding: var(--density-modal-pad); border-radius: 24px; width: 360px; box-shadow: var(--golge-buyuk); animation: slideUp 0.2s ease; text-align: center; border: 1px solid rgba(255,255,255,0.74); }
.onay-ikon { font-size: 36px; margin-bottom: 12px; }
.onay-baslik { font-size: 16px; font-weight: 700; margin-bottom: 8px; }
.onay-aciklama { font-size: 13px; color: var(--metin-ikincil); margin-bottom: 22px; }
.onay-dogrulama-label { font-size: 12px; font-weight: 600; color: var(--metin-ikincil); margin-bottom: 8px; display: block; text-align: left; }
.onay-dogrulama-input { width: 100%; padding: 10px 14px; border: 2px solid var(--kenarlik); border-radius: 8px; font-family: inherit; font-size: 13px; outline: none; margin-bottom: 18px; text-align: center; font-weight: 700; text-transform: uppercase; transition: var(--gecis); }
.onay-dogrulama-input.dogru { border-color: var(--hata); background: #fef2f2; }
.onay-butonlar { display: flex; gap: 10px; }
.btn-onay-iptal { flex: 1; padding: 11px; border: 1.5px solid var(--kenarlik); background: var(--arka); border-radius: 8px; font-family: inherit; font-size: 13px; font-weight: 600; cursor: pointer; transition: var(--gecis); }
.btn-onay-iptal:hover { background: var(--kenarlik); }
.btn-onay-sil { flex: 1; padding: 11px; background: var(--hata); color: white; border: none; border-radius: 8px; font-family: inherit; font-size: 13px; font-weight: 700; cursor: pointer; transition: var(--gecis); opacity: 0.4; pointer-events: none; }
.btn-onay-sil.aktif { opacity: 1; pointer-events: all; }
.btn-onay-sil.aktif:hover { background: #dc2626; }

.yukleniyor-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.85); z-index: 200000; align-items: center; justify-content: center; backdrop-filter: blur(2px); }
.spinner { width: 40px; height: 40px; border: 3px solid var(--kenarlik); border-top-color: var(--turuncu); border-radius: 50%; animation: spin 0.7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

.toast-kap { position: fixed; top: 24px; right: 24px; z-index: 200001; display: flex; flex-direction: column; gap: 8px; }
.toast { padding: 12px 18px; border-radius: 10px; font-size: 13px; font-weight: 600; box-shadow: var(--golge-buyuk); min-width: 200px; animation: toastGel 0.3s ease; display: flex; align-items: center; gap: 10px; }
@keyframes toastGel { from { opacity:0; transform:translateX(20px); } to { opacity:1; transform:translateX(0); } }
.toast.basari { background: #eefaf4; border: 1px solid rgba(31,143,95,0.2); color: #1e7f58; }
.toast.hata { background: #fff4f5; border: 1px solid rgba(194,65,75,0.2); color: #a93740; }
.toast.bilgi { background: #f2f6ff; border: 1px solid rgba(47,111,221,0.18); color: #2859b8; }
.toast.uyari { background: #fff7ec; border: 1px solid rgba(183,121,31,0.2); color: #8f6117; }

input[type="checkbox"] { accent-color: var(--turuncu); width: 14px; height: 14px; cursor: pointer; }
td.duzenle-aktif {
    position: relative;
    overflow: visible !important;
    background: linear-gradient(180deg, #fff8f1, #fff3e8) !important;
    box-shadow: inset 0 0 0 2px rgba(247,108,13,0.42), 0 8px 22px rgba(247,108,13,0.16) !important;
    z-index: 8;
}
td.duzenle-aktif input,
td.duzenle-aktif select {
    width: 100%;
    min-height: 32px;
    padding: 6px 9px;
    border: 1.5px solid rgba(247,108,13,0.72);
    border-radius: 10px;
    font-family: 'DM Mono', monospace;
    font-size: 12px;
    font-weight: 800;
    outline: none;
    background: #ffffff;
    color: #111827;
    text-transform: uppercase;
    box-shadow: 0 0 0 4px rgba(247,108,13,0.1);
}

.evrak-upload-btn { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 8px 12px; height: 36px; background: #f3f4f6; border: 1.5px dashed var(--kenarlik); border-radius: 7px; color: var(--metin-ikincil); font-size: 11px; font-weight: 700; cursor: pointer; transition: var(--gecis); }
.evrak-upload-btn:hover { border-color: var(--turuncu); color: var(--turuncu); background: var(--turuncu-hafif); }
.evrak-upload-btn.dolu { border-style: solid; border-color: var(--basari); color: var(--basari); background: #f0fdf4; }
.evrak-hucre { cursor: pointer; transition: color 0.2s; font-weight: 700; text-align: center; }
.evrak-hucre:hover { color: var(--turuncu); }
.evrak-yok { color: var(--hata); font-weight: 500; font-size: 10px; }
.evrak-muaf { color: #64748b; font-weight: 800; font-size: 9.5px; letter-spacing: 0.03em; }
.evrak-var { color: var(--basari); }
.evrak-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 15px 0; max-height: 300px; overflow-y: auto; }
.evrak-kart { position: relative; border: 1px solid var(--kenarlik); border-radius: 8px; padding: 10px; display: flex; flex-direction: column; align-items: center; gap: 8px; background: var(--arka); transition: var(--gecis); cursor: pointer; }
.evrak-kart:hover { border-color: var(--turuncu); transform: translateY(-2px); }
.evrak-kart-ust { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.evrak-ikon-lg { font-size: 24px; }
.evrak-ad { font-size: 10px; font-weight: 600; color: var(--metin); text-align: center; word-break: break-all; }
.evrak-tip-badge { display: inline-flex; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 999px; background: #fff7ed; color: #c2410c; font-size: 9px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
.evrak-sil-btn { position: absolute; top: 8px; right: 8px; min-width: 0; height: 26px; padding: 0 9px; border: 1px solid rgba(220,38,38,0.22); border-radius: 999px; background: rgba(254,242,242,0.96); color: #b91c1c; font-size: 10px; font-weight: 800; cursor: pointer; opacity: 0; transform: translateY(-2px); transition: opacity 0.16s ease, transform 0.16s ease, border-color 0.16s ease; }
.evrak-kart:hover .evrak-sil-btn,
.evrak-sil-btn:focus-visible { opacity: 1; transform: translateY(0); }
.evrak-sil-btn:hover { border-color: rgba(220,38,38,0.46); background: #fee2e2; }
@media (max-width: 760px) {
    .evrak-sil-btn { opacity: 1; transform: none; }
}
.evrak-meta-blok { width: 100%; display: grid; gap: 2px; padding-top: 6px; border-top: 1px dashed rgba(148,163,184,0.16); }
.evrak-meta-label { font-size: 9px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; color: #94a3b8; text-align: center; }
.evrak-meta-mini { font-size: 9px; color: var(--metin-ikincil); text-align: center; line-height: 1.4; word-break: break-word; }
.evrak-check-wrap { margin-top: 10px; padding-top: 10px; border-top: 1px dashed rgba(148,163,184,0.22); }
.evrak-check-head { display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-bottom: 8px; flex-wrap: wrap; }
.evrak-check-head strong { color: var(--metin); font-size: 11px; }
.evrak-check-head span { color: var(--metin-ikincil); font-size: 10px; }
.evrak-check-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.evrak-check-item { padding: 8px 10px; border-radius: 12px; border: 1px solid rgba(226,232,240,0.9); background: #fff; display: grid; gap: 4px; }
.evrak-check-item span { font-size: 9px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; color: #64748b; }
.evrak-check-item strong { font-size: 11px; color: var(--metin); }
.evrak-check-item small { font-size: 10px; color: var(--metin-ikincil); line-height: 1.35; }
.evrak-check-item.tamam { background: #f0fdf4; border-color: #bbf7d0; }
.evrak-check-item.eksik { background: #fff7ed; border-color: #fed7aa; }
.evrak-check-muaf { background: #f8fafc; border: 1px dashed rgba(148,163,184,0.34); border-radius: 14px; padding: 12px; }
.evrak-form-satir { display: flex; gap: 8px; align-items: center; }
.evrak-form-satir .select-alan { min-width: 140px; }

/* YÜZEN 13 İNÇ BUTONU */
.ldm-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15,23,42,0.42); z-index: 99998; align-items: center; justify-content: center; backdrop-filter: blur(var(--density-overlay-blur)) saturate(120%); }
.ldm-overlay.acik { display: flex; }
.ldm-kart { background: var(--beyaz); border-radius: 24px; width: min(960px, 96vw); max-height: 92vh; overflow-y: auto; box-shadow: var(--golge-buyuk); animation: ldmAc 0.25s cubic-bezier(0.4,0,0.2,1); border: 1px solid rgba(255,255,255,0.74); border-top: 4px solid var(--turuncu); }
#ldmKart { width: min(1660px, 98vw); max-height: 95vh; }
@keyframes ldmAc { from { opacity: 0; transform: scale(0.96) translateY(16px); } to { opacity: 1; transform: scale(1) translateY(0); } }
.ldm-header { display: flex; align-items: center; justify-content: space-between; padding: 22px 28px 18px; border-bottom: 1px solid var(--kenarlik); position: sticky; top: 0; background: var(--beyaz); z-index: 10; border-radius: 20px 20px 0 0; }
.ldm-header-sol { display: flex; align-items: center; gap: 12px; }
.ldm-header-ikon { width: 40px; height: 40px; border-radius: 10px; background: var(--turuncu-hafif); display: flex; align-items: center; justify-content: center; font-size: 20px; }
.ldm-header-baslik { font-size: 16px; font-weight: 700; color: var(--metin); }
.ldm-header-alt { font-size: 11px; color: var(--metin-ikincil); font-weight: 500; margin-top: 2px; }
.ldm-kapat { width: 34px; height: 34px; border-radius: 8px; border: 1.5px solid var(--kenarlik); background: var(--arka); cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 18px; color: var(--metin-ikincil); transition: var(--gecis); flex-shrink: 0; }
.ldm-kapat:hover { border-color: var(--hata); color: var(--hata); background: #fef2f2; }
.belge-kart-genis { width: min(1000px, 96vw); max-height: 96vh; border-top: 4px solid var(--metin); }
.ldm-govde { padding: 22px 32px 32px; }
.ldm-arac-satiri { display: flex; align-items: center; gap: 12px; background: var(--turuncu-hafif); border: 1.5px solid rgba(247,108,13,0.25); padding: 14px 18px; border-radius: 12px; margin-bottom: 20px; }
.ldm-arac-etiket { font-size: 11px; font-weight: 700; color: var(--turuncu); white-space: nowrap; text-transform: uppercase; letter-spacing: 0.06em; }
.ldm-arac-select { flex: 1; padding: 9px 12px; height: 38px; border: 1.5px solid rgba(247,108,13,0.3); border-radius: 8px; font-family: inherit; font-size: 13px; color: var(--metin); background: var(--beyaz); outline: none; transition: var(--gecis); font-weight: 600; cursor: pointer; }
.ldm-bilgi-karti { background: linear-gradient(180deg, #ffffff, #f8fafc); border: 1.5px solid rgba(148,163,184,0.2); border-radius: 14px; padding: 16px 18px; margin-bottom: 16px; box-shadow: 0 10px 24px rgba(15,23,42,0.05); }
.ldm-bilgi-ust { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 14px; }
.ldm-bilgi-baslik { font-size: 16px; font-weight: 800; color: var(--metin); }
.ldm-bilgi-alt { font-size: 11px; font-weight: 600; color: var(--metin-ikincil); margin-top: 4px; }
.ldm-bilgi-rozet { padding: 8px 12px; border-radius: 999px; background: var(--turuncu-hafif); color: var(--turuncu-koyu); font-size: 11px; font-weight: 800; white-space: nowrap; }
.ldm-bilgi-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 12px; }
.ldm-bilgi-item { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
.ldm-bilgi-item span { font-size: 10px; font-weight: 700; color: var(--metin-ikincil); text-transform: uppercase; letter-spacing: 0.06em; }
.ldm-bilgi-item strong { font-size: 13px; color: var(--metin); }
.ldm-bilgi-not { padding: 10px 12px; border-radius: 10px; background: #fff7ed; border: 1px solid rgba(247,108,13,0.18); color: #9a3412; font-size: 11px; font-weight: 700; line-height: 1.45; }
.ldm-ayar-satiri { margin-top: 12px; display: grid; grid-template-columns: minmax(250px, 320px) minmax(0, 1fr); gap: 12px; align-items: stretch; }
.ldm-ayar-kart { padding: 12px 14px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: grid; gap: 6px; }
.ldm-ayar-label { font-size: 10px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.08em; }
.ldm-ayar-select { width: 100%; padding: 10px 12px; height: 40px; border-radius: 10px; border: 1.5px solid rgba(203,213,225,0.95); background: #ffffff; color: #0f172a; font-size: 12px; font-weight: 700; font-family: inherit; outline: none; cursor: pointer; transition: var(--gecis); }
.ldm-ayar-select:focus { border-color: rgba(247,108,13,0.55); box-shadow: 0 0 0 4px rgba(247,108,13,0.12); }
.ldm-ayar-notu { padding: 12px 14px; border-radius: 12px; background: linear-gradient(180deg, #fffaf5, #ffffff); border: 1px solid rgba(247,108,13,0.16); color: #9a3412; font-size: 11px; font-weight: 700; line-height: 1.5; display: flex; align-items: center; }
.ldm-tablo-sarici { border: 1.5px solid var(--kenarlik); border-radius: 10px; overflow-x: auto; overflow-y: hidden; margin-bottom: 14px; }
.ldm-tablo { width: 100%; min-width: 1160px; border-collapse: collapse; table-layout: fixed; font-size: 12px; white-space: normal; }
.ldm-tablo thead th { background: #f3f4f6; padding: 10px 12px; text-align: left; font-size: 10px; font-weight: 700; color: var(--metin-ikincil); letter-spacing: 0.06em; text-transform: uppercase; border-bottom: 1px solid var(--kenarlik); border-right: 1px solid var(--kenarlik); position: static; top: auto; z-index: auto; overflow: visible; text-overflow: clip; white-space: normal; box-shadow: none; }
.ldm-tablo thead th:last-child { border-right: none; }
.ldm-tablo tbody td { padding: 6px 8px; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; vertical-align: middle; overflow: visible; text-overflow: clip; white-space: normal; }
.ldm-tablo tbody td:last-child { border-right: none; }
.ldm-tablo tbody tr:last-child td { border-bottom: none; }
.ldm-tablo thead th:nth-child(1),
.ldm-tablo tbody td:nth-child(1) { width: 72px; }
.ldm-tablo thead th:nth-child(2),
.ldm-tablo tbody td:nth-child(2) { width: 150px; }
.ldm-tablo thead th:nth-child(3),
.ldm-tablo tbody td:nth-child(3) { width: 230px; }
.ldm-tablo thead th:nth-child(4),
.ldm-tablo tbody td:nth-child(4),
.ldm-tablo thead th:nth-child(5),
.ldm-tablo tbody td:nth-child(5),
.ldm-tablo thead th:nth-child(6),
.ldm-tablo tbody td:nth-child(6),
.ldm-tablo thead th:nth-child(7),
.ldm-tablo tbody td:nth-child(7) { width: 126px; }
.ldm-tablo thead th:nth-child(8),
.ldm-tablo tbody td:nth-child(8) { width: 116px; }
.ldm-tablo thead th:nth-child(9),
.ldm-tablo tbody td:nth-child(9) { width: 42px; }
.ldm-input { width: 100%; min-width: 0; box-sizing: border-box; padding: 7px 9px; height: 32px; border: 1.5px solid var(--kenarlik); border-radius: 6px; font-family: 'DM Mono', monospace; font-size: 12px; color: var(--metin); background: var(--arka); outline: none; transition: var(--gecis); text-align: right; }
.ldm-input:focus { border-color: var(--turuncu); background: var(--beyaz); }
.ldm-select { width: 100%; min-width: 0; box-sizing: border-box; padding: 7px 9px; height: 32px; border: 1.5px solid var(--kenarlik); border-radius: 6px; font-family: inherit; font-size: 12px; color: var(--metin); background: var(--arka); outline: none; transition: var(--gecis); cursor: pointer; }
.ldm-input-sola { text-align: left; font-family: inherit; }
.ldm-urun-hucre { display: flex; gap: 8px; align-items: center; }
.ldm-renk { width: 34px; min-width: 34px; height: 32px; padding: 2px; border: 1.5px solid var(--kenarlik); border-radius: 8px; background: #fff; cursor: pointer; }
.ldm-sil-btn { width: 28px; height: 28px; border-radius: 6px; border: 1px solid #fecaca; background: #fef2f2; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 14px; color: var(--hata); transition: var(--gecis); }
.ldm-sil-btn:hover { background: var(--hata); color: white; border-color: var(--hata); }
.ldm-buton-sira { display: flex; gap: 10px; margin-bottom: 22px; flex-wrap: wrap; }
.ldm-btn-ekle { display: flex; align-items: center; gap: 7px; padding: 9px 18px; background: var(--turuncu); color: white; border: none; border-radius: 8px; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: var(--gecis); }
.ldm-btn-ekle:hover { background: var(--turuncu-koyu); }
.ldm-btn-temizle { display: flex; align-items: center; gap: 7px; padding: 9px 18px; background: var(--arka); color: var(--metin-ikincil); border: 1.5px solid var(--kenarlik); border-radius: 8px; font-family: inherit; font-size: 12px; font-weight: 600; cursor: pointer; transition: var(--gecis); }
.ldm-btn-temizle:hover { border-color: var(--hata); color: var(--hata); background: #fef2f2; }
.ldm-btn-yazdir { display: flex; align-items: center; gap: 7px; padding: 9px 18px; background: var(--metin); color: white; border: none; border-radius: 8px; font-family: inherit; font-size: 12px; font-weight: 700; cursor: pointer; transition: var(--gecis); margin-left: auto; }
.ldm-btn-yazdir:hover { background: #2d3748; }
.ldm-btn-ikincil { background: #0f766e; }
.ldm-btn-ikincil:hover { background: #115e59; }
.ldm-sekme-sira { display: flex; gap: 8px; margin-bottom: 14px; }
.ldm-sekme-btn { padding: 9px 14px; border: 1.5px solid var(--kenarlik); border-radius: 999px; background: #fff; color: var(--metin-ikincil); font-family: inherit; font-size: 11px; font-weight: 800; cursor: pointer; transition: var(--gecis); }
.ldm-sekme-btn.aktif { background: var(--metin); color: #fff; border-color: var(--metin); }
.ldm-panel { display: none; }
.ldm-panel.aktif { display: block; }
.ldm-plan-toolbar { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 14px; padding: 14px 16px; background: linear-gradient(180deg, #ffffff, #f8fafc); border: 1px solid #e2e8f0; border-radius: 14px; }
.ldm-plan-toolbar-3d-panel { display: grid; gap: 14px; }
.ldm-plan-toolbar-metni { display: flex; flex-direction: column; gap: 4px; }
.ldm-plan-toolbar-metni strong { font-size: 13px; color: var(--metin); }
.ldm-plan-toolbar-metni span { font-size: 11px; color: var(--metin-ikincil); line-height: 1.45; }
.ldm-plan-toolbar-butonlar { display: flex; gap: 8px; flex-wrap: wrap; }
.ldm-plan-layout { display: grid; grid-template-columns: 1fr; gap: 24px; margin-bottom: 18px; align-items: start; }
.ldm-plan-kap { position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,248,252,0.96)); border: 1px solid rgba(226,232,240,0.92); border-radius: 22px; padding: 18px; box-shadow: 0 18px 40px rgba(15,23,42,0.06), inset 0 1px 0 rgba(255,255,255,0.84); }
.ldm-plan-kap::before { content: ""; position: absolute; top: -56px; left: -42px; width: 180px; height: 180px; border-radius: 999px; background: radial-gradient(circle, rgba(247,108,13,0.12), transparent 72%); pointer-events: none; }
.ldm-plan-kap-buyuk { min-width: 0; }
.ldm-plan-kap-odak { padding: 20px; }
.ldm-plan-kap-odak .ldm-plan-kap-baslik { margin-bottom: 14px; }
.ldm-plan-kap-baslik { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ldm-plan-kap-baslik strong { display: block; font-size: 13px; color: var(--metin); }
.ldm-plan-kap-baslik span { font-size: 11px; color: var(--metin-ikincil); }
.ldm-plan-durum-rozet { padding: 9px 12px; border-radius: 999px; background: rgba(248,250,252,0.92); color: #475569; font-size: 10px; font-weight: 800; border: 1px solid rgba(226,232,240,0.96); white-space: nowrap; box-shadow: 0 10px 18px rgba(15,23,42,0.05); }
.ldm-plan-durum-rozet.tamam { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.ldm-plan-durum-rozet.uyari { background: #fff7ed; border-color: #fdba74; color: #9a3412; }
.ldm-plan-canvas { position: relative; width: 100%; min-height: 820px; border-radius: 26px; overflow: hidden; background:
    linear-gradient(180deg, #f6f9fc, #edf2f7 52%, #e8eef5 100%);
    border: 1px solid rgba(148,163,184,0.34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92), 0 18px 34px rgba(15,23,42,0.08);
    touch-action: none; }
.ldm-plan-canvas::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,0.38), transparent 24%, transparent 82%, rgba(148,163,184,0.08)); z-index: 0; }
.ldm-plan-canvas::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(rgba(148,163,184,0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(148,163,184,0.05) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(180deg, rgba(0,0,0,0.22), transparent 70%); z-index: 0; }
.ldm-plan-canvas.surukleniyor { cursor: grabbing; }
.ldm-plan-icerik { position: relative; z-index: 1; height: 100%; display: grid; gap: 12px; padding: 16px; }
.ldm-plan-icerik-odak { grid-template-rows: auto minmax(0, 1fr); }
.ldm-plan-ozet-serit { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; align-items: stretch; }
.ldm-plan-ozet-serit-kart { min-width: 0; padding: 12px 14px; border-radius: 16px; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,249,253,0.95)); border: 1px solid rgba(203,213,225,0.82); box-shadow: 0 10px 18px rgba(15,23,42,0.05); display: grid; gap: 4px; }
.ldm-plan-ozet-serit-kart.ana { grid-column: span 2; }
.ldm-plan-ozet-serit-kart.vurgu { grid-column: span 2; background: linear-gradient(180deg, rgba(255,252,247,0.98), rgba(255,247,237,0.94)); border-color: rgba(251,146,60,0.26); }
.ldm-plan-ozet-serit-kart span { font-size: 8px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: #64748b; }
.ldm-plan-ozet-serit-kart strong { font-size: 15px; line-height: 1.15; color: #0f172a; }
.ldm-plan-ozet-serit-kart small { font-size: 10px; line-height: 1.4; color: #475569; }
.ldm-plan-hud { position: absolute; top: 16px; left: 16px; right: 16px; z-index: 3; display: flex; justify-content: space-between; gap: 12px; pointer-events: none; }
.ldm-plan-hud-sol { flex: 1 1 auto; min-width: 0; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr); gap: 10px; }
.ldm-plan-hud-kart { min-width: 0; padding: 12px 14px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(248,250,252,0.82)); border: 1px solid rgba(255,255,255,0.88); box-shadow: 0 14px 26px rgba(15,23,42,0.08); backdrop-filter: blur(10px); display: grid; gap: 4px; }
.ldm-plan-hud-kart.vurgu { background: linear-gradient(180deg, rgba(255,247,237,0.96), rgba(255,237,213,0.86)); border-color: rgba(251,146,60,0.42); }
.ldm-plan-hud-kart span { font-size: 9px; font-weight: 900; letter-spacing: 0.1em; text-transform: uppercase; color: #64748b; }
.ldm-plan-hud-kart strong { font-size: 15px; line-height: 1.2; color: #0f172a; }
.ldm-plan-hud-kart small { font-size: 10px; line-height: 1.5; color: #475569; }
.ldm-plan-hud-sag { flex: 0 0 auto; max-width: 36%; display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; align-content: flex-start; }
.ldm-plan-hud-chip { min-width: 92px; padding: 9px 10px; border-radius: 14px; background: linear-gradient(180deg, rgba(15,23,42,0.72), rgba(30,41,59,0.58)); border: 1px solid rgba(255,255,255,0.16); box-shadow: 0 14px 24px rgba(15,23,42,0.12); backdrop-filter: blur(10px); display: grid; gap: 3px; }
.ldm-plan-hud-chip span { font-size: 8px; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(226,232,240,0.76); }
.ldm-plan-hud-chip strong { font-size: 12px; color: #f8fafc; line-height: 1.2; }
.ldm-plan-3d-stage { position: relative; width: 100%; min-height: 980px; border-radius: 22px; overflow: hidden; background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,0.95), transparent 28%),
    radial-gradient(circle at 82% 18%, rgba(191,219,254,0.42), transparent 30%),
    linear-gradient(180deg, #0f172a, #111827 42%, #1e293b 100%);
    border: 1px solid rgba(148,163,184,0.28);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 16px 34px rgba(15,23,42,0.16); }
.ldm-plan-3d-stage::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(255,255,255,0.05), transparent 24%, transparent 82%, rgba(255,255,255,0.03)); z-index: 1; }
.ldm-plan-3d-canvas { position: absolute; inset: 0; min-height: 980px; touch-action: none; }
.ldm-plan-3d-canvas canvas { display: block; width: 100%; height: 100%; }
.ldm-plan-3d-overlay { position: absolute; left: 18px; right: 18px; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 8px; pointer-events: none; }
.ldm-plan-3d-overlay-ust { top: 16px; }
.ldm-plan-3d-overlay-alt { bottom: 16px; }
.ldm-plan-3d-nav { position: absolute; right: 18px; bottom: 64px; z-index: 3; pointer-events: auto; }
.ldm-plan-3d-nav-panel { width: 214px; padding: 12px; border-radius: 18px; background: linear-gradient(180deg, rgba(15,23,42,0.76), rgba(15,23,42,0.6)); border: 1px solid rgba(255,255,255,0.12); backdrop-filter: blur(14px); box-shadow: 0 18px 32px rgba(15,23,42,0.28); display: grid; gap: 10px; }
.ldm-plan-3d-nav-baslik { font-size: 10px; font-weight: 900; color: rgba(248,250,252,0.96); letter-spacing: 0.1em; text-transform: uppercase; }
.ldm-plan-3d-nav-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ldm-plan-3d-nav-btn { min-height: 40px; padding: 9px 8px; border: 1px solid rgba(255,255,255,0.14); border-radius: 14px; background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.08)); color: #f8fafc; font-size: 10px; font-weight: 800; letter-spacing: 0.03em; cursor: pointer; transition: var(--gecis); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08); }
.ldm-plan-3d-nav-btn:hover { transform: translateY(-1px); background: linear-gradient(180deg, rgba(255,255,255,0.2), rgba(255,255,255,0.12)); border-color: rgba(251,146,60,0.42); }
.ldm-plan-3d-nav-btn.orta { background: linear-gradient(180deg, rgba(247,108,13,0.96), rgba(234,88,12,0.92)); border-color: rgba(255,255,255,0.18); color: #fff7ed; }
.ldm-plan-3d-chip { display: inline-flex; align-items: center; justify-content: center; padding: 7px 12px; border-radius: 999px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(10px); color: rgba(248,250,252,0.94); font-size: 10px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; box-shadow: 0 10px 20px rgba(15,23,42,0.18); }
.ldm-plan-toolbar-butonlar-3d { width: 100%; display: grid; gap: 10px; }
.ldm-plan-toolbar-butonlar-3d-ust { justify-items: end; }
.ldm-plan-3d-hizli-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; }
.ldm-plan-3d-hizli-kart { display: grid; gap: 6px; align-content: start; min-height: 82px; padding: 12px 13px; border-radius: 16px; border: 1px solid rgba(203,213,225,0.95); background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)); color: #0f172a; cursor: pointer; transition: var(--gecis); text-align: left; box-shadow: 0 8px 18px rgba(15,23,42,0.06); }
.ldm-plan-3d-hizli-kart strong { font-size: 12px; font-weight: 800; color: #0f172a; }
.ldm-plan-3d-hizli-kart span { font-size: 10px; line-height: 1.45; color: #64748b; }
.ldm-plan-3d-hizli-kart:hover { transform: translateY(-1px); border-color: rgba(247,108,13,0.38); box-shadow: 0 12px 22px rgba(15,23,42,0.1); }
.ldm-plan-toolbar-butonlar-3d .ldm-btn-temizle { background: rgba(255,255,255,0.94); }
.ldm-plan-toolbar-butonlar-3d .ldm-btn-temizle.aktif-3d,
.ldm-plan-3d-hizli-kart.aktif-3d { background: linear-gradient(180deg, #0f172a, #1e293b); color: #fff; border-color: #0f172a; box-shadow: 0 12px 24px rgba(15,23,42,0.2); }
.ldm-plan-3d-hizli-kart.aktif-3d strong,
.ldm-plan-3d-hizli-kart.aktif-3d span { color: #fff; }
.ldm-btn-3d-reset { justify-self: end; }
.ldm-plan-3d-bilgi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ldm-plan-3d-bilgi-grid div { padding: 9px 10px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: grid; gap: 4px; }
.ldm-plan-3d-bilgi-grid span { font-size: 9px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.06em; }
.ldm-plan-3d-bilgi-grid strong { font-size: 12px; color: #0f172a; }
.ldm-plan-3d-bilgi-not { margin-top: 10px; padding: 10px 12px; border-radius: 12px; background: #eff6ff; border: 1px solid #dbeafe; font-size: 10px; line-height: 1.5; color: #1e3a8a; }
.ldm-plan-3d-kontrol-list { display: grid; gap: 10px; }
.ldm-plan-3d-kontrol-list div { padding: 10px 12px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.ldm-plan-3d-kontrol-list strong { font-size: 11px; color: #0f172a; }
.ldm-plan-3d-kontrol-list span { font-size: 10px; color: #64748b; text-align: right; }
.ldm-plan-sahne { position: relative; inset: auto; display: block; min-height: 0; z-index: 1; }
.ldm-plan-sahne.sade { padding-top: 2px; }
.ldm-plan-kabin-dis { position: relative; align-self: center; height: 74%; min-height: 158px; border-radius: 32px 20px 20px 28px; background: linear-gradient(180deg, #253246, #3d4e67 52%, #1e293b); box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 18px 36px rgba(15,23,42,0.22); border: 1px solid rgba(255,255,255,0.08); overflow: visible; }
.ldm-plan-kabin-dis::before { content: ""; position: absolute; left: 14px; right: 20px; top: -8px; height: 20px; border-radius: 18px 18px 8px 8px; background: linear-gradient(180deg, rgba(255,255,255,0.22), rgba(255,255,255,0.02)); }
.ldm-plan-kabin-dis::after { content: ""; position: absolute; right: -16px; top: 24%; bottom: 24%; width: 22px; border-radius: 999px; background: linear-gradient(180deg, #64748b, #334155); box-shadow: inset 0 0 0 1px rgba(255,255,255,0.08), 0 10px 18px rgba(15,23,42,0.18); }
.ldm-plan-kabin-tavan { position: absolute; inset: 16px 16px auto 16px; height: 16px; border-radius: 999px; background: rgba(255,255,255,0.09); }
.ldm-plan-kabin-camlar { position: absolute; inset: 38px 16px auto 16px; display: grid; gap: 8px; }
.ldm-plan-kabin-camlar span { display: block; height: 18px; border-radius: 10px; background: linear-gradient(180deg, rgba(147,197,253,0.8), rgba(191,219,254,0.26)); border: 1px solid rgba(255,255,255,0.22); }
.ldm-plan-kabin-kapi { position: absolute; left: 20px; right: 22px; top: 66px; bottom: 48px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,0.08), rgba(15,23,42,0.14)); border: 1px solid rgba(255,255,255,0.08); box-shadow: inset 0 1px 0 rgba(255,255,255,0.06); }
.ldm-plan-kabin-kapi::after { content: ""; position: absolute; right: 12px; top: 42%; width: 14px; height: 4px; border-radius: 999px; background: rgba(226,232,240,0.84); }
.ldm-plan-kabin-far { position: absolute; left: 10px; bottom: 44px; width: 14px; height: 26px; border-radius: 8px; background: linear-gradient(180deg, rgba(255,250,205,0.98), rgba(251,191,36,0.5)); box-shadow: 0 0 16px rgba(251,191,36,0.28); }
.ldm-plan-kabin-tekerler { position: absolute; left: 18px; right: 18px; bottom: -12px; display: flex; justify-content: space-between; gap: 12px; }
.ldm-plan-kabin-tekerler span { position: relative; display: block; width: 28px; height: 28px; border-radius: 50%; background: linear-gradient(180deg, #0f172a, #1f2937); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 16px rgba(15,23,42,0.22); }
.ldm-plan-kabin-tekerler span::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: linear-gradient(180deg, #cbd5e1, #64748b); box-shadow: inset 0 1px 0 rgba(255,255,255,0.22); }
.ldm-plan-kabin-etiket { position: absolute; left: 12px; right: 12px; bottom: 14px; text-align: center; font-size: 9px; font-weight: 900; color: rgba(255,255,255,0.92); letter-spacing: 0.1em; text-transform: uppercase; }
.ldm-plan-dorse-wrap { min-width: 0; display: grid; grid-template-rows: auto 1fr auto auto auto; gap: 10px; padding-right: 34px; box-sizing: border-box; }
.ldm-plan-dorse-wrap.tam { width: 100%; }
.ldm-plan-olcek-x { position: relative; height: 28px; margin: 0 8px 0 12px; }
.ldm-plan-olcek-cizgi { position: absolute; left: 0; right: 0; top: 15px; height: 0; border-top: 1px dashed rgba(100,116,139,0.55); }
.ldm-plan-olcek-ok { position: absolute; top: -5px; width: 10px; height: 10px; border-top: 1.5px solid rgba(100,116,139,0.72); border-left: 1.5px solid rgba(100,116,139,0.72); }
.ldm-plan-olcek-ok.bas { left: 0; transform: rotate(-45deg); }
.ldm-plan-olcek-ok.son { right: 0; transform: rotate(135deg); }
.ldm-plan-olcek-etiket { position: absolute; left: 50%; top: 0; transform: translateX(-50%); padding: 3px 10px; border-radius: 999px; background: rgba(255,255,255,0.98); border: 1px solid rgba(148,163,184,0.28); box-shadow: 0 8px 18px rgba(15,23,42,0.04); font-size: 10px; font-weight: 800; letter-spacing: 0.04em; color: #334155; white-space: nowrap; font-family: 'DM Mono', monospace; }
.ldm-plan-olcek-tik { position: absolute; top: 10px; width: 0; height: 10px; border-left: 1px solid rgba(100,116,139,0.42); }
.ldm-plan-olcek-tik.ana { height: 14px; border-left-color: rgba(71,85,105,0.68); }
.ldm-plan-olcek-tik.yari { top: 13px; height: 7px; border-left-color: rgba(100,116,139,0.34); }
.ldm-plan-olcek-tik small { position: absolute; top: -11px; left: 4px; font-size: 9px; line-height: 1; color: #64748b; font-weight: 700; white-space: nowrap; }
.ldm-plan-olcek-tik.son small { left: auto; right: 4px; transform: translateX(100%); }
.ldm-plan-dorse { position: relative; min-height: 0; border-radius: 26px; padding: 12px; background: linear-gradient(180deg, rgba(255,255,255,0.9), rgba(240,245,250,0.92)); border: 1px solid rgba(148,163,184,0.3); box-shadow: inset 0 1px 0 rgba(255,255,255,0.74), 0 12px 22px rgba(15,23,42,0.05); }
.ldm-plan-dorse::before { content: ""; position: absolute; left: 18px; right: 18px; top: -6px; height: 4px; border-radius: 999px; background: linear-gradient(90deg, rgba(148,163,184,0.08), rgba(255,255,255,0.88), rgba(148,163,184,0.08)); }
.ldm-plan-dorse::after { content: ""; position: absolute; inset: 12px; border-radius: 19px; border: 1px solid rgba(255,255,255,0.42); pointer-events: none; }
.ldm-plan-olcek-ust-bilgi { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0 8px 10px 8px; font-size: 10px; color: #64748b; text-transform: uppercase; letter-spacing: 0.08em; }
.ldm-plan-olcek-ust-bilgi strong { font-size: 10px; color: #334155; font-weight: 800; font-family: 'DM Mono', monospace; }
.ldm-plan-en-olcek { position: absolute; top: 46px; right: -26px; bottom: 12px; width: 24px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; pointer-events: none; }
.ldm-plan-en-olcek span { width: 10px; height: 10px; border-right: 1.5px solid rgba(71,85,105,0.55); position: relative; }
.ldm-plan-en-olcek span::before,
.ldm-plan-en-olcek span::after { content: ""; position: absolute; right: -1px; width: 6px; height: 6px; border-top: 1.5px solid rgba(71,85,105,0.55); border-left: 1.5px solid rgba(71,85,105,0.55); opacity: 0; }
.ldm-plan-en-olcek span.ust::before { top: -1px; transform: rotate(45deg); opacity: 1; }
.ldm-plan-en-olcek span.alt::after { bottom: -1px; transform: rotate(-135deg); opacity: 1; }
.ldm-plan-en-olcek span.ust { border-top: 1.5px solid rgba(71,85,105,0.55); }
.ldm-plan-en-olcek span.alt { border-bottom: 1.5px solid rgba(71,85,105,0.55); }
.ldm-plan-en-olcek strong { writing-mode: vertical-rl; transform: rotate(180deg); padding: 8px 4px; border-radius: 999px; background: rgba(255,255,255,0.98); border: 1px solid rgba(148,163,184,0.34); font-size: 9px; color: #334155; letter-spacing: 0.04em; box-shadow: 0 8px 16px rgba(15,23,42,0.04); font-family: 'DM Mono', monospace; }
.ldm-plan-dorse-ic { position: relative; width: 100%; height: 100%; min-height: 360px; border-radius: 18px; overflow: hidden; background: linear-gradient(180deg, #f8fbfd, #eef4f8 46%, #e7eef5); border: 2px solid rgba(71,85,105,0.62); box-shadow: inset 0 10px 18px rgba(255,255,255,0.32), inset 0 -10px 18px rgba(148,163,184,0.08); }
.ldm-plan-dorse-ic::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(255,255,255,0.16), transparent 16%, transparent 84%, rgba(148,163,184,0.04)); }
.ldm-plan-svg-surface { display: block; width: 100%; height: 100%; position: relative; z-index: 2; }
.ldm-plan-svg-surface * { vector-effect: non-scaling-stroke; }
.ldm-plan-svg-arkaplan { fill: url(#ldmSvgFloor); }
.ldm-plan-svg-zone { opacity: 0.48; }
.ldm-plan-svg-zone.on { fill: rgba(59,130,246,0.035); }
.ldm-plan-svg-zone.orta { fill: rgba(148,163,184,0.028); }
.ldm-plan-svg-zone.arka { fill: rgba(249,115,22,0.035); }
.ldm-plan-svg-zone-label { font-size: 12px; font-weight: 800; letter-spacing: 0.18em; fill: rgba(71,85,105,0.08); dominant-baseline: middle; }
.ldm-plan-svg-grid-line { stroke: rgba(148,163,184,0.16); stroke-width: 1; }
.ldm-plan-svg-grid-line.major { stroke: rgba(100,116,139,0.24); }
.ldm-plan-svg-merkez { stroke: rgba(15,23,42,0.12); stroke-dasharray: 8 6; stroke-width: 1.5; }
.ldm-plan-svg-on-duvar { fill: rgba(71,85,105,0.78); }
.ldm-plan-svg-arka-kapi { fill: rgba(148,163,184,0.12); stroke: rgba(71,85,105,0.28); stroke-dasharray: 6 6; stroke-width: 1; }
.ldm-plan-svg-yan-duvar.sol { fill: url(#ldmSvgWallLeft); opacity: 0.68; }
.ldm-plan-svg-yan-duvar.sag { fill: url(#ldmSvgWallRight); opacity: 0.68; }
.ldm-plan-svg-yan-ray { stroke: rgba(148,163,184,0.26); stroke-width: 1; }
.ldm-plan-svg-kapi-bolme { stroke: rgba(71,85,105,0.28); stroke-dasharray: 6 5; stroke-width: 1; }
.ldm-plan-svg-kapi-menteşe { fill: rgba(71,85,105,0.34); }
.ldm-plan-svg-kapi-kol { fill: rgba(71,85,105,0.34); }
.ldm-plan-svg-duvar-etiket { font-size: 8px; font-weight: 800; letter-spacing: 0.16em; fill: rgba(255,255,255,0.52); dominant-baseline: middle; }
.ldm-plan-svg-item { cursor: grab; }
.ldm-plan-svg-item:active { cursor: grabbing; }
.ldm-plan-svg-item .ldm-plan-svg-shadow { fill: rgba(15,23,42,0.05); }
.ldm-plan-svg-item .ldm-plan-svg-block { transition: transform 0.18s ease, stroke 0.18s ease, fill 0.18s ease; }
.ldm-plan-svg-item .ldm-plan-svg-ic-cerceve { fill: none; stroke: rgba(255,255,255,0.5); stroke-width: 1; }
.ldm-plan-svg-item .ldm-plan-svg-parlama { fill: rgba(255,255,255,0.24); }
.ldm-plan-svg-item .ldm-plan-svg-index { font-size: 8px; font-weight: 800; dominant-baseline: middle; font-family: 'DM Mono', monospace; opacity: 0.9; }
.ldm-plan-svg-item .ldm-plan-svg-badge-bg { fill: rgba(255,255,255,0.88); stroke: rgba(15,23,42,0.08); stroke-width: 1; }
.ldm-plan-svg-item .ldm-plan-svg-badge { font-size: 7px; font-weight: 800; fill: #0f172a; dominant-baseline: middle; letter-spacing: 0.04em; font-family: 'DM Mono', monospace; }
.ldm-plan-svg-item .ldm-plan-svg-etiket { font-weight: 800; letter-spacing: 0.04em; dominant-baseline: middle; }
.ldm-plan-svg-item .ldm-plan-svg-olcu { font-size: 7px; font-weight: 700; opacity: 0.82; dominant-baseline: middle; letter-spacing: 0.02em; font-family: 'DM Mono', monospace; }
.ldm-plan-svg-item .ldm-plan-svg-footer { fill: rgba(255,255,255,0.86); stroke: rgba(15,23,42,0.08); stroke-width: 1; }
.ldm-plan-svg-item .ldm-plan-svg-serit { opacity: 0.96; }
.ldm-plan-svg-item.istifli .ldm-plan-svg-block { stroke-dasharray: 0; }
.ldm-plan-svg-item.cakisma .ldm-plan-svg-block { stroke: #dc2626 !important; stroke-width: 2.6; }
.ldm-plan-svg-item.secili .ldm-plan-svg-block { stroke: #0f172a !important; stroke-width: 2.8; }
.ldm-plan-svg-item.secili .ldm-plan-svg-badge-bg { fill: rgba(255,255,255,0.88); }
.ldm-plan-svg-item.kompakt .ldm-plan-svg-index { font-size: 8px; }
.ldm-plan-svg-item.kompakt .ldm-plan-svg-badge { font-size: 7px; }
.ldm-plan-svg-item.ultra-kompakt .ldm-plan-svg-index { font-size: 7px; }
.ldm-plan-svg-item.ultra-kompakt .ldm-plan-svg-badge { font-size: 6.5px; }
.ldm-plan-on-duvar { position: absolute; left: 0; top: 0; bottom: 0; width: 10px; background: linear-gradient(180deg, #475569, #334155); box-shadow: inset -1px 0 0 rgba(255,255,255,0.24); z-index: 1; }
.ldm-plan-arka-kapi { position: absolute; right: 0; top: 0; bottom: 0; width: 12px; background: linear-gradient(180deg, rgba(148,163,184,0.24), rgba(71,85,105,0.16)); border-left: 1px dashed rgba(71,85,105,0.42); z-index: 1; }
.ldm-plan-orta-cizgi { position: absolute; left: 0; right: 0; top: 50%; height: 0; border-top: 1px dashed rgba(255,255,255,0.36); transform: translateY(-50%); z-index: 1; pointer-events: none; }
.ldm-plan-izgara { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,0.18) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.18) 1px, transparent 1px); background-size: 34px 34px; pointer-events: none; z-index: 0; }
.ldm-plan-alt-bilgi { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 4px 0 12px; font-size: 11px; color: #64748b; }
.ldm-plan-alt-bilgi strong { font-size: 11px; color: #334155; font-weight: 700; font-family: 'DM Mono', monospace; }
.ldm-plan-bolge-ozet { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 8px 0 12px; }
.ldm-plan-bolge-chip { display: grid; gap: 4px; padding: 10px 12px; border-radius: 14px; border: 1px solid rgba(203,213,225,0.72); background: rgba(255,255,255,0.88); box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), 0 8px 16px rgba(15,23,42,0.03); }
.ldm-plan-bolge-chip strong { font-size: 10px; font-weight: 900; letter-spacing: 0.08em; text-transform: uppercase; color: #1e293b; }
.ldm-plan-bolge-chip span { font-size: 10px; color: #64748b; font-family: 'DM Mono', monospace; }
.ldm-plan-bolge-chip small { font-size: 10px; color: #475569; line-height: 1.35; }
.ldm-plan-bolge-chip.on { background: linear-gradient(180deg, rgba(240,249,255,0.96), rgba(255,255,255,0.76)); }
.ldm-plan-bolge-chip.orta { background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(255,255,255,0.76)); }
.ldm-plan-bolge-chip.arka { background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,255,255,0.76)); }
.ldm-plan-tekerler { position: relative; display: flex; justify-content: flex-end; gap: 10px; padding-right: 26px; margin-top: 0; }
.ldm-plan-tekerler::before { content: ""; position: absolute; left: 24%; right: 36px; top: 50%; height: 4px; transform: translateY(-50%); border-radius: 999px; background: linear-gradient(90deg, rgba(148,163,184,0), rgba(71,85,105,0.34) 18%, rgba(71,85,105,0.42) 82%, rgba(148,163,184,0)); }
.ldm-plan-tekerler span { position: relative; width: 36px; height: 14px; border-radius: 999px; background: linear-gradient(180deg, #1f2937, #334155); box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 6px 12px rgba(15,23,42,0.12); }
.ldm-plan-tekerler span::after { content: ""; position: absolute; inset: 3px 10px; border-radius: 999px; background: linear-gradient(180deg, #94a3b8, #64748b); box-shadow: inset 0 1px 0 rgba(255,255,255,0.18); }
.ldm-plan-item { position: absolute; border-radius: 16px; border: 1.5px solid rgba(255,255,255,0.82); box-shadow: 0 12px 22px rgba(15,23,42,0.14), inset 0 1px 0 rgba(255,255,255,0.48); padding: 8px 8px 7px; display: flex; flex-direction: column; justify-content: space-between; gap: 6px; cursor: grab; overflow: hidden; z-index: 3; min-width: 58px; min-height: 46px; user-select: none; touch-action: none; backdrop-filter: blur(3px); }
.ldm-plan-item:active { cursor: grabbing; }
.ldm-plan-item:hover { transform: translateY(-1px); box-shadow: 0 16px 28px rgba(15,23,42,0.2), inset 0 1px 0 rgba(255,255,255,0.52); }
.ldm-plan-item.secili { outline: 2px solid rgba(15,23,42,0.28); box-shadow: 0 0 0 4px rgba(255,255,255,0.64), 0 18px 30px rgba(15,23,42,0.18); }
.ldm-plan-item.cakisma { outline: 2px solid #dc2626; box-shadow: 0 0 0 3px rgba(220,38,38,0.18), 0 8px 18px rgba(15,23,42,0.18); }
.ldm-plan-item-serit { position: absolute; left: 0; top: 0; height: 5px; width: 100%; opacity: 0.92; }
.ldm-plan-item.istifli { background-image: repeating-linear-gradient(135deg, rgba(255,255,255,0.18) 0 8px, transparent 8px 16px); }
.ldm-plan-item.tek-kat { border-style: dashed; }
.ldm-plan-item.kompakt { padding: 6px; gap: 4px; }
.ldm-plan-item.kompakt .ldm-plan-item-badge { padding: 1px 5px; font-size: 7px; }
.ldm-plan-item.kompakt strong { font-size: 10px; }
.ldm-plan-item.kompakt .ldm-plan-item-olcu { font-size: 8px; }
.ldm-plan-item.ultra-kompakt { padding: 5px 5px 4px; border-radius: 14px; }
.ldm-plan-item.ultra-kompakt .ldm-plan-item-ust { margin-bottom: 2px; }
.ldm-plan-item.ultra-kompakt strong { font-size: 9px; letter-spacing: 0.04em; }
.ldm-plan-item-ust { display: flex; align-items: center; justify-content: space-between; gap: 6px; position: relative; z-index: 1; }
.ldm-plan-item-govde { display: grid; gap: 2px; position: relative; z-index: 1; }
.ldm-plan-item-no { font-size: 9px; font-weight: 800; opacity: 0.84; letter-spacing: 0.02em; }
.ldm-plan-item-badge { padding: 3px 7px; border-radius: 999px; background: rgba(255,255,255,0.42); border: 1px solid rgba(15,23,42,0.08); font-size: 8px; font-weight: 800; letter-spacing: 0.05em; text-transform: uppercase; }
.ldm-plan-item strong { font-size: 13px; line-height: 1.02; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ldm-plan-item-olcu { font-size: 9px; font-weight: 700; opacity: 0.78; line-height: 1.05; }
.ldm-plan-yan { display: grid; gap: 14px; min-width: 0; align-items: stretch; }
.ldm-plan-yan-grid { display: contents; }
.ldm-plan-yan-grid-ust { grid-template-columns: minmax(0, 1.1fr) minmax(240px, 0.9fr); }
.ldm-plan-yan-grid-orta,
.ldm-plan-yan-grid-alt { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ldm-plan-paneller { position: relative; padding-top: 10px; }
.ldm-plan-paneller::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: linear-gradient(90deg, rgba(203,213,225,0), rgba(203,213,225,0.82), rgba(203,213,225,0)); }
.ldm-plan-yan-2d { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ldm-plan-yan-3d { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ldm-plan-kart-tam { grid-column: 1 / -1; }
.ldm-plan-kart-kamera { background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(255,255,255,0.98)); }
.ldm-plan-ozet-kart { position: relative; overflow: hidden; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)); border: 1px solid rgba(226,232,240,0.92); border-radius: 18px; padding: 14px; box-shadow: 0 14px 28px rgba(15,23,42,0.05); min-width: 0; }
.ldm-plan-ozet-kart::after { content: ""; position: absolute; right: -18px; top: -18px; width: 82px; height: 82px; border-radius: 999px; background: radial-gradient(circle, rgba(148,163,184,0.12), transparent 68%); pointer-events: none; }
.ldm-plan-yan .ldm-plan-ozet-kart { height: 100%; }
.ldm-plan-kart-ana { background: linear-gradient(180deg, #fffaf5, #ffffff); border-color: rgba(247,108,13,0.18); }
.ldm-plan-kart-secili { background: linear-gradient(180deg, #f8fbff, #ffffff); border-color: rgba(37,99,235,0.16); }
.ldm-plan-yan-baslik { font-size: 11px; font-weight: 800; color: #475569; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 10px; }
.ldm-plan-secili-kart { display: grid; gap: 12px; }
.ldm-plan-secili-kimlik { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: start; }
.ldm-plan-secili-renk { width: 14px; min-width: 14px; align-self: stretch; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.48); }
.ldm-plan-secili-baslik { display: grid; gap: 4px; min-width: 0; }
.ldm-plan-secili-no { font-size: 10px; font-weight: 800; color: #1e293b; letter-spacing: 0.04em; }
.ldm-plan-secili-baslik strong { font-size: 18px; line-height: 1.05; color: #0f172a; }
.ldm-plan-secili-baslik p { font-size: 11px; color: #475569; line-height: 1.45; margin: 0; }
.ldm-plan-secili-badge { padding: 4px 8px; border-radius: 999px; background: #eff6ff; border: 1px solid #bfdbfe; color: #1d4ed8; font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; }
.ldm-plan-secili-rozetler { display: flex; flex-wrap: wrap; gap: 8px; }
.ldm-plan-secili-rozetler span { padding: 6px 9px; border-radius: 999px; background: rgba(248,250,252,0.94); border: 1px solid rgba(226,232,240,0.96); font-size: 10px; font-weight: 700; color: #475569; }
.ldm-plan-secili-chip-sira { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.ldm-plan-secili-chip { padding: 10px 10px 9px; border-radius: 12px; background: linear-gradient(180deg, #ffffff, #f8fafc); border: 1px solid #e2e8f0; display: grid; gap: 4px; }
.ldm-plan-secili-chip span { font-size: 9px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.08em; }
.ldm-plan-secili-chip strong { font-size: 12px; color: #0f172a; }
.ldm-plan-secili-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ldm-plan-secili-grid div { padding: 9px 10px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: grid; gap: 4px; }
.ldm-plan-secili-grid span { font-size: 9px; font-weight: 800; color: #64748b; text-transform: uppercase; letter-spacing: 0.06em; }
.ldm-plan-secili-grid strong { font-size: 12px; color: #0f172a; }
.ldm-plan-secili-not { padding: 10px 12px; border-radius: 12px; background: #eef6ff; border: 1px solid #dbeafe; font-size: 10px; color: #1e3a8a; line-height: 1.45; }
.ldm-plan-ozet-kpi-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-bottom: 12px; }
.ldm-plan-ozet-kpi { padding: 12px; border-radius: 14px; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)); border: 1px solid rgba(226,232,240,0.94); display: grid; gap: 4px; }
.ldm-plan-ozet-kpi.vurgu { background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,255,255,0.96)); border-color: rgba(251,146,60,0.42); }
.ldm-plan-ozet-kpi span { font-size: 9px; font-weight: 900; color: #64748b; text-transform: uppercase; letter-spacing: 0.08em; }
.ldm-plan-ozet-kpi strong { font-size: 19px; line-height: 1.1; color: #0f172a; }
.ldm-plan-ozet-kpi small { font-size: 10px; line-height: 1.45; color: #475569; }
.ldm-plan-ozet-detay-grid { display: grid; gap: 2px; margin-bottom: 12px; }
.ldm-plan-ozet-satir { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 0; border-bottom: 1px dashed #e2e8f0; font-size: 11px; color: #475569; }
.ldm-plan-ozet-satir:last-child { border-bottom: none; padding-bottom: 0; }
.ldm-plan-ozet-satir strong { color: var(--metin); font-size: 11px; text-align: right; }
.ldm-plan-ozet-not { padding: 11px 12px; border-radius: 12px; border: 1px solid #e2e8f0; background: #f8fafc; font-size: 10px; line-height: 1.5; color: #475569; }
.ldm-plan-ozet-not.tamam { background: #f0fdf4; border-color: #bbf7d0; color: #166534; }
.ldm-plan-ozet-not.uyari { background: #fff7ed; border-color: #fdba74; color: #9a3412; }
.ldm-plan-tasma-item { padding: 10px 0; border-bottom: 1px dashed #e2e8f0; display: flex; flex-direction: column; gap: 4px; }
.ldm-plan-tasma-item:last-child { border-bottom: none; padding-bottom: 0; }
.ldm-plan-tasma-item strong { font-size: 11px; color: var(--metin); }
.ldm-plan-tasma-item span { font-size: 11px; color: #475569; }
.ldm-plan-tasma-item small { font-size: 10px; color: #64748b; }
.ldm-plan-legend-item { display: grid; gap: 9px; padding: 12px; border-radius: 14px; border: 1px solid rgba(226,232,240,0.92); background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)); margin-bottom: 10px; }
.ldm-plan-legend-item:last-child { margin-bottom: 0; }
.ldm-plan-legend-ust { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.ldm-plan-legend-renk { width: 16px; height: 44px; border-radius: 999px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.65); flex-shrink: 0; }
.ldm-plan-legend-baslik { display: grid; gap: 3px; min-width: 0; }
.ldm-plan-legend-baslik strong { font-size: 11px; color: var(--metin); }
.ldm-plan-legend-baslik span { font-size: 10px; color: #64748b; }
.ldm-plan-legend-chip { padding: 5px 8px; border-radius: 999px; background: #fff7ed; border: 1px solid rgba(251,146,60,0.26); font-size: 9px; font-weight: 800; color: #c2410c; }
.ldm-plan-legend-meta { display: flex; flex-wrap: wrap; gap: 7px; }
.ldm-plan-legend-meta span { padding: 5px 8px; border-radius: 999px; background: #f8fafc; border: 1px solid #e2e8f0; font-size: 10px; color: #475569; }
.ldm-plan-legend-metin { display: grid; gap: 4px; }
.ldm-plan-legend-metin small { font-size: 10px; color: #64748b; line-height: 1.45; }
.ldm-plan-denge-etiketler { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; font-size: 11px; color: #475569; margin-bottom: 10px; }
.ldm-plan-denge-etiketler strong { font-size: 11px; text-align: center; }
.ldm-plan-denge-etiketler strong.tamam { color: #166534; }
.ldm-plan-denge-etiketler strong.uyari { color: #9a3412; }
.ldm-plan-denge-etiketler strong.kritik { color: #b91c1c; }
.ldm-plan-denge-bar { position: relative; height: 18px; border-radius: 999px; overflow: hidden; background: #e2e8f0; border: 1px solid #cbd5e1; margin-bottom: 10px; display: flex; }
.ldm-plan-denge-sol { height: 100%; background: linear-gradient(90deg, #2563eb, #60a5fa); }
.ldm-plan-denge-sag { height: 100%; background: linear-gradient(90deg, #fb923c, #f97316); margin-left: auto; }
.ldm-plan-denge-merkez { position: absolute; left: 50%; top: -1px; bottom: -1px; width: 2px; transform: translateX(-50%); background: rgba(15,23,42,0.44); }
.ldm-plan-denge-detay { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 8px; }
.ldm-plan-denge-detay div { padding: 8px 10px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: grid; gap: 4px; }
.ldm-plan-denge-detay span { font-size: 10px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em; }
.ldm-plan-denge-detay strong { font-size: 12px; color: var(--metin); }
.ldm-plan-denge-not { font-size: 10px; color: #64748b; line-height: 1.45; }
.ldm-plan-aks-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-bottom: 8px; }
.ldm-plan-aks-kart { padding: 8px 10px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; display: grid; gap: 4px; }
.ldm-plan-aks-kart span { font-size: 10px; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em; }
.ldm-plan-aks-kart strong { font-size: 12px; color: var(--metin); }
.ldm-plan-aks-kart small { font-size: 10px; color: #64748b; }
.ldm-plan-aks-bar { display: flex; height: 14px; border-radius: 999px; overflow: hidden; background: #e2e8f0; border: 1px solid #cbd5e1; margin-bottom: 8px; }
.ldm-plan-aks-bar span:nth-child(1) { background: linear-gradient(90deg, #0f766e, #14b8a6); }
.ldm-plan-aks-bar span:nth-child(2) { background: linear-gradient(90deg, #2563eb, #60a5fa); }
.ldm-plan-aks-bar span:nth-child(3) { background: linear-gradient(90deg, #f97316, #fb923c); }
.ldm-plan-aks-not { font-size: 10px; color: #64748b; line-height: 1.45; }
.ldm-plan-bos { font-size: 11px; color: #94a3b8; line-height: 1.5; }
.ldm-plan-bos.buyuk { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; }
.ldm-analiz-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.ldm-analiz-kart { background: var(--arka); border: 1.5px solid var(--kenarlik); border-radius: 12px; padding: 18px; transition: var(--gecis); }
.ldm-analiz-kart-vurgulu { background: linear-gradient(180deg, #fff7ed, #ffffff); border-color: rgba(247,108,13,0.28); box-shadow: 0 18px 34px rgba(247,108,13,0.08); }
.ldm-analiz-kart:hover { border-color: rgba(247,108,13,0.3); }
.ldm-kart-baslik { font-size: 10px; font-weight: 700; color: var(--metin-ikincil); letter-spacing: 0.08em; text-transform: uppercase; margin-bottom: 12px; }
.ldm-yuzde { font-size: 28px; font-weight: 700; color: var(--turuncu); line-height: 1; margin-bottom: 10px; font-family: 'DM Mono', monospace; transition: color 0.3s; }
.ldm-yuzde.asiri { color: var(--hata); }
.ldm-bar-kap { background: #e5e7eb; border-radius: 6px; height: 8px; overflow: hidden; margin-bottom: 12px; }
.ldm-bar { height: 100%; border-radius: 6px; background: var(--turuncu); transition: width 0.5s cubic-bezier(0.4,0,0.2,1), background-color 0.3s; width: 0%; }
.ldm-bar.asiri { background: var(--hata); }
.ldm-detay { display: flex; justify-content: space-between; font-size: 11px; color: var(--metin-ikincil); }
.ldm-detay strong { color: var(--metin); font-weight: 700; }
.ldm-uyari-badge { display: none; margin-top: 10px; padding: 8px 10px; border-radius: 10px; background: #fff7ed; border: 1px solid #fed7aa; font-size: 11px; font-weight: 700; color: #9a3412; line-height: 1.45; }
.ldm-uyari-badge.goster { display: block; }

/* 07 Dashboard / Core Cards ------------------------------------------ */
.db-kpi-kart { background: var(--beyaz); border: 1.5px solid var(--kenarlik); border-radius: 14px; padding: 18px 20px; box-shadow: var(--golge); transition: var(--gecis); display: flex; flex-direction: column; gap: 4px; position: relative; overflow: hidden; }
.db-kpi-kart:hover { transform: translateY(-1px); box-shadow: 0 16px 28px rgba(15,23,42,0.08); border-color: rgba(247,108,13,0.22); }
.db-kpi-kart::after { content: ""; position: absolute; right: 18px; bottom: 16px; width: 88px; height: 34px; border-radius: 999px; background: repeating-linear-gradient(90deg, rgba(148,163,184,0.11) 0 10px, transparent 10px 18px); opacity: 0.58; pointer-events: none; }
.db-kpi-ikon { width: 34px; height: 34px; border-radius: 999px; display: flex; align-items: center; justify-content: center; font-size: 15px; margin-bottom: 8px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.85); }
.db-kpi-etiket { font-size: 9px; font-weight: 700; color: var(--metin-ikincil); text-transform: uppercase; letter-spacing: 0.1em; }
.db-kpi-deger { font-size: 24px; font-weight: 700; color: var(--metin); font-family: 'DM Mono', monospace; line-height: 1.15; margin-top: 4px; }
.db-kpi-alt { font-size: 10px; color: var(--metin-ikincil); margin-top: 4px; max-width: calc(100% - 92px); }
.db-kpi-kart.pozitif .db-kpi-deger { color: var(--basari); }
.db-kpi-kart.negatif .db-kpi-deger { color: var(--hata); }
.db-mini-trend {
    height: 42px;
    margin-top: 8px;
    margin-bottom: 3px;
}

.db-mini-sparkline {
    width: 100%;
    height: 100%;
    overflow: visible;
}

.db-mini-line,
.db-mini-area,
.db-mini-nokta {
    transition: var(--gecis);
}

.db-mini-line {
    fill: none;
    stroke-width: 2.6;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.db-mini-area {
    opacity: 0.18;
}

.db-mini-nokta {
    stroke: rgba(255,255,255,0.92);
    stroke-width: 1.25;
}

.db-mini-line.turuncu, .db-mini-nokta.turuncu { stroke: #f76c0d; fill: #f76c0d; }
.db-mini-area.turuncu { fill: #f76c0d; }
.db-mini-line.kirmizi, .db-mini-nokta.kirmizi { stroke: #dc2626; fill: #dc2626; }
.db-mini-area.kirmizi { fill: #dc2626; }
.db-mini-line.yesil, .db-mini-nokta.yesil { stroke: #16a34a; fill: #16a34a; }
.db-mini-area.yesil { fill: #16a34a; }
.db-mini-line.mavi, .db-mini-nokta.mavi { stroke: #2563eb; fill: #2563eb; }
.db-mini-area.mavi { fill: #2563eb; }
.db-mini-line.mor, .db-mini-nokta.mor { stroke: #7c3aed; fill: #7c3aed; }
.db-mini-area.mor { fill: #7c3aed; }
.db-mini-sparkline.negatif .db-mini-line,
.db-mini-sparkline.negatif .db-mini-nokta { stroke: #be185d; fill: #be185d; }
.db-mini-sparkline.negatif .db-mini-area { fill: #be185d; }
/* SÖZLEŞME VE DÖİF TASARIMLARI */
.contract-doc {
    font-family: 'DM Sans', 'Arial', sans-serif;
    font-size: 13px;
    color: #1f2937;
    line-height: 1.52;
}

.contract-doc .belge-container {
    max-width: 900px;
    margin: 0 auto;
    background: linear-gradient(180deg, #ffffff, #fbfcfd);
    padding: 36px;
    border-radius: 18px;
    border: 1px solid rgba(226,232,240,0.92);
    box-shadow: 0 22px 40px rgba(15,23,42,0.12);
}

.contract-doc .page-one,
.contract-doc .terms {
    display: flex;
    flex-direction: column;
    min-height: 85vh;
}

.contract-doc .content-top { flex-grow: 1; }

.contract-doc .belge-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    border-bottom: 2px solid #1f2937;
    padding-bottom: 18px;
    margin-bottom: 26px;
}

.contract-doc .logo-box {
    width: 210px;
    display: flex;
    align-items: center;
}

.contract-doc .logo-box img {
    max-width: 100%;
    height: auto;
}

.contract-doc .title-box {
    text-align: center;
    flex-grow: 1;
}

.contract-doc .title-box h1 {
    color: #111827;
    margin: 0;
    font-size: 21px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1.2;
}

.contract-doc .iso-box {
    font-size: 10.5px;
    border: 1px solid #d7dde6;
    border-collapse: collapse;
    text-align: left;
    min-width: 185px;
    background: #f8fafc;
    border-radius: 8px;
    overflow: hidden;
}

.contract-doc .iso-box td {
    border: 1px solid #d7dde6;
    padding: 5px 8px;
}

.contract-doc .section {
    margin-bottom: 18px;
    border: 1px solid #dbe2ea;
    border-radius: 14px;
    overflow: hidden;
    background: linear-gradient(180deg, #fbfcfd, #f8fafc);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.contract-doc .section-title {
    background: linear-gradient(180deg, #f6f8fb, #eef2f6);
    color: #172132;
    font-weight: 800;
    padding: 10px 16px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #dde4ec;
    border-left: 4px solid #F76C0D;
}

.contract-doc .section-content {
    padding: 16px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 24px;
}

.contract-doc .grid-full { grid-column: span 2; }

.contract-doc .form-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.contract-doc .form-group label {
    font-weight: 700;
    color: #475569;
    font-size: 11px;
    letter-spacing: 0.01em;
    white-space: nowrap;
    min-width: 138px;
}

.contract-doc .form-group input {
    flex-grow: 1;
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #d7dde6;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #fbfcfd);
    font-family: inherit;
    font-size: 12px;
    color: #111827;
    outline: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.contract-doc .info-box {
    background: linear-gradient(180deg, #fffaf5, #fffdfb);
    border: 1px solid #fde2cf;
    border-left: 4px solid #F76C0D;
    padding: 14px 16px;
    font-size: 12px;
    margin-top: 18px;
    border-radius: 14px;
    color: #334155;
}

.contract-doc .terms-intro {
    font-style: italic;
    font-size: 12px;
    margin-bottom: 16px;
    color: #64748b;
    padding-bottom: 12px;
    border-bottom: 1px dashed #cbd5e1;
}

.contract-doc .terms h2 {
    font-size: 16px;
    color: #172132;
    background: linear-gradient(180deg, #f8fafc, #f1f5f9);
    padding: 10px 14px;
    margin-bottom: 16px;
    border-radius: 8px;
    border-left: 4px solid #F76C0D;
    letter-spacing: 0.02em;
}

.contract-doc .terms ol {
    padding-left: 20px;
    margin-top: 0;
}

.contract-doc .terms li {
    margin-bottom: 8px;
    font-size: 11.5px;
    line-height: 1.46;
    text-align: justify;
    color: #334155;
}

.contract-doc .signatures {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding: 0 8px;
    margin-top: 22px;
}

.contract-doc .signature-box {
    width: 30%;
    text-align: center;
}

.contract-doc .signature-title {
    font-weight: 800;
    margin-bottom: 68px;
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #172132;
}

.contract-doc .signature-line {
    border-top: 1px solid #1f2937;
    padding-top: 6px;
    font-size: 10.5px;
    color: #64748b;
}

.page-break { page-break-before: always; break-before: page; }

.doif-doc {
    font-family: 'DM Sans', 'Calibri', 'Arial', sans-serif;
    color: #111827;
}

.doif-kurum-bandi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 0 2px 10px;
    margin-bottom: 10px;
}

.doif-kurum-etiket {
    font-size: 10px;
    font-weight: 800;
    color: #c2410c;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.doif-kurum-aciklama {
    font-size: 11px;
    color: #64748b;
    text-align: right;
    font-weight: 600;
}

.doif-doc .page {
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,251,0.98)),
        linear-gradient(135deg, rgba(247,108,13,0.04), transparent 30%);
    width: min(182mm, calc(100vw - 140px));
    min-height: auto;
    padding: 8mm;
    box-sizing: border-box;
    box-shadow: 0 22px 44px rgba(15,23,42,0.16);
    margin: 0 auto;
    position: relative;
    border-radius: 14px;
    border-top: 5px solid var(--turuncu);
}

.doif-hero {
    display: grid;
    grid-template-columns: 24% 44% 32%;
    gap: 0;
    margin-bottom: 10px;
    border: 1.5px solid #0f172a;
    background: rgba(255,255,255,0.95);
    overflow: hidden;
}

.doif-hero-logo,
.doif-hero-title,
.doif-meta-panel {
    min-width: 0;
}

.doif-hero-logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 18px 14px;
    border-right: 1.5px solid #0f172a;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
}

.doif-hero-logo img {
    width: 118px;
    max-width: 100%;
    height: auto;
}

.doif-hero-logo-alt {
    text-align: center;
    font-size: 10px;
    line-height: 1.4;
    color: #64748b;
    font-weight: 700;
}

.doif-hero-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
    padding: 18px 16px;
    border-right: 1.5px solid #0f172a;
}

.doif-hero-rozet {
    align-self: flex-start;
    padding: 5px 9px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.doif-hero-title h1 {
    margin: 0;
    font-size: 18px;
    line-height: 1.24;
    color: #172132;
    text-transform: uppercase;
    letter-spacing: 0.01em;
}

.doif-hero-title p {
    margin: 0;
    font-size: 11px;
    line-height: 1.55;
    color: #475569;
    max-width: 95%;
}

.doif-meta-panel {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    background: linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.98));
}

.doif-meta-ikili {
    display: grid;
    grid-template-columns: 1fr 84px;
    gap: 8px;
}

.doif-meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.doif-meta-item span {
    font-size: 10px;
    font-weight: 800;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.doif-section {
    margin-bottom: 10px;
    border: 1px solid #cbd5e1;
    background: rgba(255,255,255,0.96);
    page-break-inside: avoid;
}

.doif-grid {
    display: grid;
    gap: 10px;
    padding: 10px;
}

.doif-grid-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.doif-field {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.doif-field-full {
    padding: 0 10px 10px;
}

.doif-label {
    font-size: 10px;
    font-weight: 800;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.doif-yardim {
    color: #64748b;
    font-size: 10px;
    font-weight: 600;
    margin-top: -2px;
}

.doif-imza-grid {
    padding-top: 0;
}

.doif-sign-field {
    border-top: 1px solid #e2e8f0;
    padding-top: 10px;
}

.doif-aksiyon-baslik,
.doif-aksiyon-satir {
    display: grid;
    grid-template-columns: 54px minmax(0, 1.8fr) minmax(0, 1fr) 120px;
    gap: 8px;
    align-items: center;
    padding: 8px 10px;
}

.doif-aksiyon-baslik {
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.doif-aksiyon-satir + .doif-aksiyon-satir {
    border-top: 1px solid #e2e8f0;
}

.doif-aksiyon-no {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    font-weight: 800;
    color: #334155;
}

.doif-checkbox-dikey {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 8px;
}

.doif-sonuc-grid {
    padding-bottom: 0;
}

.doif-doc table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 10px;
    font-size: 11px;
}

.doif-doc th,
.doif-doc td {
    border: 1px solid #334155;
    padding: 6px 7px;
    vertical-align: top;
    overflow-wrap: anywhere;
}

.doif-doc .section-title {
    background: linear-gradient(180deg, #fff7ed, #ffedd5);
    color: #9a3412;
    font-weight: 800;
    font-size: 12px;
    text-align: left;
    padding: 8px 10px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
}
.doif-doc .text-center { text-align: center; }
.doif-doc .text-bold { font-weight: bold; }
.doif-doc .align-middle { vertical-align: middle; }
.doif-doc .bg-light { background-color: #f8fafc; -webkit-print-color-adjust: exact; print-color-adjust: exact;}
.doif-doc input[type="text"],
.doif-doc input[type="date"],
.doif-doc textarea {
    width: 100%;
    border: 1px dashed rgba(148,163,184,0.65);
    background-color: rgba(255,255,255,0.9);
    font-family: inherit;
    font-size: 11.5px;
    padding: 6px 7px;
    box-sizing: border-box;
    color: #111827;
    outline: none;
    border-radius: 6px;
}

.doif-doc .doif-meta-panel input[type="text"] {
    background: rgba(255,255,255,0.98);
    font-weight: 700;
    min-width: 0;
}

.doif-doc textarea {
    resize: vertical;
    overflow: hidden;
    line-height: 1.4;
    min-height: 90px;
}

.doif-doc input[type="text"]:focus,
.doif-doc input[type="date"]:focus,
.doif-doc textarea:focus {
    border-color: rgba(247,108,13,0.8);
    box-shadow: 0 0 0 3px rgba(247,108,13,0.08);
}

.doif-doc .checkbox-group { display: flex; gap: 12px; align-items: center; margin: 0; line-height: 1.2; min-height: 24px; flex-wrap: wrap; }
.doif-doc .checkbox-group label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; margin: 0; font-weight: 600; color: #334155; }
.doif-doc .checkbox-group input[type="checkbox"] { accent-color: var(--turuncu); }
.doif-inline-mini {
    max-width: 90px;
    min-width: 70px;
}
.doif-doc .footer-text {
    font-size: 9.5px;
    color: #475569;
    text-align: justify;
    margin-top: 14px;
    line-height: 1.55;
    border-top: 1px solid #cbd5e1;
    padding-top: 10px;
}

/* YAZDIRMA MODU */
@page { size: A4; margin: 8mm; }
@media print {
    body.print-mode { padding: 0 !important; margin: 0 !important; background-color: white !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    body.print-mode > *:not(#belgeOverlay) { display: none !important; }
    body.print-mode #belgeOverlay { position: static !important; background: transparent !important; display: block !important; }
    body.print-mode #belgeKart { width: 100% !important; max-width: 100% !important; max-height: none !important; overflow: visible !important; box-shadow: none !important; border: none !important; margin:0 !important; transform: none !important; }
    body.print-mode .ldm-header { display: none !important; }
    body.print-mode #belgeIcerik { padding: 0 !important; background: transparent !important; overflow: visible !important; width: 100% !important; }
    .contract-doc .belge-container, .doif-doc .page { width: 100% !important; max-width: 100% !important; min-height: auto !important; box-sizing: border-box !important; box-shadow: none !important; border-radius: 0 !important; margin: 0 !important; padding: 6mm !important; border: none !important; background: #fff !important; }
    .doif-kurum-bandi { display: flex !important; padding: 0 0 8px !important; margin-bottom: 8px !important; }
    .doif-hero {
        grid-template-columns: 25% 45% 30% !important;
        margin-bottom: 8px !important;
    }
    .doif-hero-logo,
    .doif-hero-title,
    .doif-meta-panel {
        padding: 10px !important;
    }
    .doif-hero-logo img {
        width: 92px !important;
    }
    .doif-hero-title h1 {
        font-size: 14px !important;
        line-height: 1.2 !important;
    }
    .doif-hero-title p,
    .doif-hero-logo-alt,
    .doif-meta-item span {
        font-size: 9px !important;
    }
    .doif-meta-panel {
        gap: 6px !important;
    }
    .doif-meta-ikili {
        grid-template-columns: 1fr 64px !important;
    }
    .doif-doc table { margin-bottom: 8px !important; }
    .doif-doc th, .doif-doc td { padding: 4px 5px !important; font-size: 10px !important; }
    .doif-doc input[type="text"], .doif-doc input[type="date"], .doif-doc textarea { border: 1px solid #cbd5e1 !important; background: #fff !important; box-shadow: none !important; }
    .doif-section {
        margin-bottom: 8px !important;
    }
    .doif-grid,
    .doif-aksiyon-baslik,
    .doif-aksiyon-satir {
        gap: 6px !important;
        padding: 6px !important;
    }
    .doif-grid-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .doif-aksiyon-baslik,
    .doif-aksiyon-satir {
        grid-template-columns: 38px minmax(0, 1.8fr) minmax(0, 1fr) 84px !important;
    }
    .doif-label,
    .doif-yardim {
        font-size: 8.8px !important;
    }
    .contract-doc .section { background-color: #fafafa !important; border-color: #ccc !important; page-break-inside: avoid; }
    .contract-doc .form-group input { border: 1px solid #777 !important; background-color: #fff !important; }
    .doif-doc input::placeholder, .doif-doc textarea::placeholder { color: transparent !important; }
    .doif-doc textarea { min-height: 64px !important; }
    .doif-inline-mini { min-width: 50px !important; max-width: 60px !important; }
    .contract-doc .page-one, .contract-doc .terms { min-height: auto !important; height: auto !important; display: block !important; }
    .contract-doc .terms li { margin-bottom: 4px !important; line-height: 1.3 !important; }
    .contract-doc .signatures { margin-top: 10px !important; page-break-inside: avoid; }
    .contract-doc .signature-title { margin-bottom: 40px !important; }
}

/* Geri Al (Undo) Barı - Orta Konum */
.undo-toast {
    position: fixed;
    bottom: 40px; /* Alttan mesafe */
    left: 50%;
    transform: translateX(-50%); /* Tam ortaya hizalar */
    background: #1e293b;
    color: white;
    padding: 14px 24px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.3);
    z-index: 11000; /* Her şeyin üstünde */
    border: 1px solid rgba(255,255,255,0.1);
    animation: fadeInUp 0.4s ease-out;
}

@keyframes fadeInUp {
    from { transform: translate(-50%, 50px); opacity: 0; }
    to { transform: translate(-50%, 0); opacity: 1; }
}

.undo-btn {
    background: #f97316; /* Turuncu */
    color: white;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    font-weight: 700;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    transition: 0.2s;
}

.undo-btn:hover { background: #ea580c; }

/* Mobil cihazda tabloyu masaüstü genişliğinde tutma */
.tablo-sarici {
    width: 100%;
    overflow-x: auto !important; /* Sağa sola kaydırmayı açar */
    display: block;
    -webkit-overflow-scrolling: touch; /* Kaydırmayı yumuşatır */
}

.ana-tab {
    min-width: 1200px; /* Tabloyu masaüstü genişliğinde (1200px) sabitler */
    table-layout: auto;
    border-collapse: collapse;
}

/* Tablo hücreleri birbirine girmesin, PC'deki gibi net dursun */
.ana-tab th, .ana-tab td {
    white-space: nowrap !important; 
    padding: 10px 15px !important;
}

/* --- MOBİL STABİLİZASYON VE SEKME DÜZELTME --- */
/* 19 Overrides / Finans Merkezi Premium Toparlama ---------------- */
body:not(.mobil-gorunum) #finansMerkeziPanel {
    padding-bottom: 8px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust {
    min-height: 44px !important;
    margin: 0 0 6px !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    border-color: rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-merkez-sekme {
    min-width: 154px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #667085 !important;
    font-size: 10.8px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-merkez-sekme .finans-sekme-kod {
    display: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-merkez-sekme:hover {
    border-color: rgba(203,213,225,0.9) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-merkez-sekme.aktif {
    border-color: rgba(247,108,13,0.22) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-ust-aksiyonlar {
    flex: 0 0 auto !important;
    margin-left: auto !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #finansYeniKayitBtn {
    min-width: 126px !important;
    height: 31px !important;
    min-height: 31px !important;
    border-radius: 8px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-merkezi {
    grid-template-columns: minmax(112px, 150px) minmax(0, 1fr) !important;
    align-items: center !important;
    min-height: 34px !important;
    margin: 0 0 6px !important;
    padding: 3px 6px !important;
    gap: 6px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-left: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,0.78) !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-ust {
    align-items: center !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-baslik {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    color: #98a2b3 !important;
    font-size: 9.6px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-baslik::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #cbd5e1;
    box-shadow: none;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-alt {
    margin-top: 1px !important;
    color: #a3adbd !important;
    font-size: 9.2px !important;
    font-weight: 560 !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-grid {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart {
    display: grid !important;
    grid-template-columns: auto auto minmax(72px, auto) !important;
    align-items: center !important;
    gap: 7px !important;
    flex: 0 0 auto !important;
    min-height: 27px !important;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    border-color: rgba(226,232,240,0.96) !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart:hover {
    border-color: rgba(247,108,13,0.26) !important;
    background: #fffaf5 !important;
    box-shadow: 0 6px 16px rgba(15,23,42,0.045) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart span {
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 800 !important;
    letter-spacing: 0.035em !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart strong {
    color: #111827 !important;
    font-size: 10.6px !important;
    font-weight: 820 !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart small {
    color: #667085 !important;
    font-size: 9.4px !important;
    font-weight: 620 !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart.warn {
    background: linear-gradient(180deg, #fffdf8, #ffffff) !important;
    border-color: rgba(217,119,6,0.22) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart.info {
    background: linear-gradient(180deg, #f8fbff, #ffffff) !important;
    border-color: rgba(29,78,216,0.18) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-kart.danger {
    background: linear-gradient(180deg, #fff8f8, #ffffff) !important;
    border-color: rgba(159,49,60,0.2) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-grid .finans-empty-state-card {
    width: auto !important;
    min-height: 27px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 10px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-grid .finans-empty-state-card strong {
    font-size: 10px !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-grid .finans-empty-state-card span {
    font-size: 9.3px !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-kpi-grid {
    gap: 6px !important;
    margin-bottom: 6px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-kpi-kart {
    min-height: 58px !important;
    padding: 8px 10px !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-kpi-kart span {
    margin-bottom: 4px !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 780 !important;
    letter-spacing: 0.045em !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-kpi-kart strong {
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 830 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel :is(.gider-form-kart, .gider-komut-karti, .gider-liste-kart, .tablo-kart, .vergi-liste-kart) {
    border-radius: 9px !important;
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-form-baslik-bar {
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
    background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-kart-baslik {
    color: #111827 !important;
    font-size: 11.8px !important;
    font-weight: 830 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-form-durum-metni,
body:not(.mobil-gorunum) #finansMerkeziPanel .gider-liste-alt-bilgi {
    color: #98a2b3 !important;
    font-size: 9.7px !important;
    font-weight: 600 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-form-mini-ikon.finans-form-ikon {
    display: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon::before,
body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-fis::before,
body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-vergi::before {
    width: 11px;
    height: 13px;
    border: 1.8px solid #c2410c;
    border-radius: 2px;
    background: linear-gradient(180deg, transparent 36%, rgba(194,65,12,0.12) 36%, rgba(194,65,12,0.12) 48%, transparent 48%);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-fis::after,
body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-vergi::after {
    width: 7px;
    height: 1.5px;
    background: #c2410c;
    box-shadow: 0 4px 0 #c2410c;
    transform: translateY(2px);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-harcama::before {
    width: 13px;
    height: 9px;
    border-left: 2px solid #c2410c;
    border-bottom: 2px solid #c2410c;
    transform: rotate(-45deg) translate(1px, -1px);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-harcama::after {
    width: 11px;
    height: 2px;
    border-radius: 999px;
    background: #c2410c;
    transform: translateY(5px);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-maas::before {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #c2410c;
    transform: translateY(-4px);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-maas::after {
    width: 13px;
    height: 7px;
    border-radius: 999px 999px 3px 3px;
    background: rgba(194,65,12,0.9);
    transform: translateY(5px);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-vergi-tahmin::before {
    width: 13px;
    height: 9px;
    border-left: 1.8px solid #c2410c;
    border-bottom: 1.8px solid #c2410c;
    transform: translateY(2px);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-form-ikon-vergi-tahmin::after {
    width: 12px;
    height: 7px;
    border-left: 2px solid #c2410c;
    border-bottom: 2px solid #c2410c;
    transform: rotate(135deg) translate(-1px, 1px);
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-form-icerik {
    padding: 10px !important;
    background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel :is(.gider-form-grid, .harcama-form-grid, .vergi-hesap-form) {
    gap: 7px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .input-grup {
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .input-grup label {
    color: #667085 !important;
    font-size: 9.2px !important;
    font-weight: 800 !important;
    letter-spacing: 0.025em !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel :is(.input-alan, .select-alan) {
    height: 31px !important;
    min-height: 31px !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    font-size: 10.5px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel textarea.input-alan {
    min-height: 56px !important;
    height: 56px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-belge-yukleme {
    min-height: 46px !important;
    padding: 6px !important;
    border: 1px dashed rgba(203,213,225,0.96) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-belge-yukleme::before {
    content: "";
    width: 22px;
    height: 22px;
    margin-right: 4px;
    border: 1px solid rgba(203,213,225,0.96);
    border-radius: 7px;
    background:
        linear-gradient(90deg, transparent 48%, rgba(148,163,184,0.38) 48%, rgba(148,163,184,0.38) 56%, transparent 56%),
        linear-gradient(0deg, transparent 48%, rgba(148,163,184,0.38) 48%, rgba(148,163,184,0.38) 56%, transparent 56%),
        #ffffff;
    flex: 0 0 auto;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-belge-dosya-adi {
    color: #667085 !important;
    font-size: 9.8px !important;
    font-weight: 680 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-belge-link {
    display: inline-flex !important;
    width: fit-content !important;
    min-height: 22px !important;
    align-items: center !important;
    padding: 0 8px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #475569 !important;
    font-size: 9.4px !important;
    font-weight: 780 !important;
    text-decoration: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-form-aksiyonlar {
    margin-top: 9px !important;
    padding-top: 9px !important;
    border-top: 1px solid rgba(226,232,240,0.92) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel :is(.gider-komut-karti, #finansAlt_harcamalar > .arama-bari, #finansAlt_maaslar > .arama-bari) {
    min-height: 39px !important;
    padding: 6px 8px !important;
    margin-bottom: 6px !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-araclar-menusu > summary {
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 12px !important;
    border-color: rgba(203,213,225,0.86) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #475467 !important;
    font-size: 10.4px !important;
    font-weight: 780 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-araclar-icerik {
    gap: 4px !important;
    min-width: 240px !important;
    padding: 7px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 46px rgba(15,23,42,0.16) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi {
    min-height: 30px !important;
    padding: 0 10px !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border-radius: 7px !important;
    font-size: 10.2px !important;
    font-weight: 720 !important;
    color: #344054 !important;
    background: transparent !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi::before {
    display: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi:hover {
    background: #f8fafc !important;
    color: #111827 !important;
}

body:not(.mobil-gorunum) :is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .modal-icerik,
body:not(.mobil-gorunum) :is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .gider-detay-kart {
    border-radius: 10px !important;
}

body:not(.mobil-gorunum) :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero {
    padding: 11px 12px !important;
    border-radius: 10px !important;
    border-left: 2px solid rgba(247,108,13,0.52) !important;
    background: linear-gradient(90deg, rgba(255,250,246,0.9), #ffffff 34%) !important;
}

body:not(.mobil-gorunum) :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-kicker {
    color: #98a2b3 !important;
    font-size: 8.8px !important;
}

body:not(.mobil-gorunum) :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-aciklama {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-bolum,
body:not(.mobil-gorunum) :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik,
body:not(.mobil-gorunum) :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan,
body:not(.mobil-gorunum) :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-item {
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-tahmin-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding-top: 10px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-hesap-karti {
    min-height: 100% !important;
    padding: 10px !important;
    gap: 9px !important;
    border-radius: 9px !important;
    border-color: rgba(203,213,225,0.88) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 20px rgba(15,23,42,0.035) !important;
    transform: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-hesap-karti:hover {
    border-color: rgba(247,108,13,0.24) !important;
    transform: none !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.045) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-hesap-baslik {
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 0 8px !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
    color: #111827 !important;
    font-size: 11.3px !important;
    font-weight: 830 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-btn-otomatik {
    min-height: 27px !important;
    height: 27px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(247,108,13,0.22) !important;
    border-radius: 7px !important;
    background: #fff8f2 !important;
    color: #c2410c !important;
    font-size: 9.6px !important;
    font-weight: 780 !important;
    box-shadow: none !important;
    transform: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-sonuc-grid {
    gap: 6px !important;
    padding-top: 8px !important;
    border-top-color: rgba(226,232,240,0.92) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-sonuc-karti {
    min-height: 48px !important;
    padding: 8px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    border-color: rgba(226,232,240,0.94) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-sonuc-karti.vurgu {
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    border-color: rgba(247,108,13,0.22) !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.42) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-sonuc-karti span {
    color: #98a2b3 !important;
    font-size: 8.7px !important;
    font-weight: 780 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .vergi-sonuc-karti strong {
    color: #111827 !important;
    font-size: 13.2px !important;
    font-weight: 830 !important;
}

/* 19b Overrides / Finans Merkezi Son Denge ---------------- */
body:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar {
    display: inline-flex !important;
    align-items: center !important;
    width: auto !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-merkez-sekme {
    min-width: 154px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-merkez-sekme.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-merkezi {
    grid-template-columns: minmax(112px, 150px) minmax(0, 1fr) !important;
    min-height: 34px !important;
    padding: 3px 6px !important;
    border-left: 1px solid rgba(226,232,240,0.94) !important;
    background: rgba(255,255,255,0.78) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-baslik {
    color: #98a2b3 !important;
    font-size: 9.6px !important;
    font-weight: 780 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-bildirim-baslik::before {
    background: #cbd5e1 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-form-mini-ikon.finans-form-ikon {
    display: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-araclar-icerik {
    min-width: 240px !important;
    padding: 7px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 22px 46px rgba(15,23,42,0.16) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi {
    min-height: 30px !important;
    padding: 0 10px !important;
    justify-content: flex-start !important;
    text-align: left !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #344054 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi::before {
    display: none !important;
    content: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi:hover {
    background: #f8fafc !important;
    color: #111827 !important;
}

@media (max-width: 768px) {
    /* 1. Ekranın sağa-sola kaçmasını engelle (Zırh) */
    body, html {
        overflow-x: hidden; /* Sayfanın tamamının kaymasını engeller */
        width: 100%;
    }

    /* 2. Header (Üst Bar) ve Sekmeleri Ekrana Sığdır */
    .header, .tab-sarici, .arama-bari {
        width: 100% !important;
        min-width: 100% !important;
        box-sizing: border-box;
    }

    /* 3. Sağa kayan Email ve Avatar kısmını toparla */
    .header {
        height: auto !important;
        flex-direction: column !important; /* Logoyu ve butonları alt alta al */
        padding: 10px !important;
    }

    .header-sag {
        display: flex;
        flex-wrap: wrap; /* Sığmazsa butonlar alt alta iner */
        justify-content: center;
        gap: 5px;
        margin-top: 10px;
    }

    .kullanici-rozeti {
        margin: 5px 0;
        font-size: 11px;
    }

    /* 4. Kaybolan Sekmeleri (UKT, Dashboard vb.) Geri Getir */
    .tab-sarici {
        display: flex !important; /* Görünür kıl */
        overflow-x: auto !important; /* Sekmeler sığmazsa parmakla yana kaydırılsın */
        white-space: nowrap;
        background: #f8f9fa;
        padding: 5px 0;
        -webkit-overflow-scrolling: touch;
    }

    .tab-btn {
        padding: 8px 15px !important;
        font-size: 11px !important;
        flex: 0 0 auto; /* Sekmelerin ezilmesini engeller */
    }

    /* 5. Sadece Tabloyu PC Genişliğinde Bırak (Kritik Nokta) */
    .tablo-sarici {
        width: 100%;
        overflow-x: auto !important; /* Sadece tablo yana kaysın */
        display: block;
        border: 1px solid #eee;
    }

    .ana-tab {
        min-width: 1000px; /* Tablo PC'deki gibi geniş kalsın */
    }

    .ldm-bilgi-ust,
    .ldm-bilgi-grid,
    .ldm-analiz-grid {
        grid-template-columns: 1fr !important;
        display: grid;
    }

    .ldm-bilgi-ust {
        display: flex;
        flex-direction: column;
    }

}

/* MODERNIZE LAYER */
:root {
    --turuncu-cam: rgba(247,108,13,0.1);
    --metin-soluk: #94a3b8;
    --kenarlik-yumusak: rgba(148,163,184,0.22);
    --arka-koyu: #eef2f7;
    --golge: 0 8px 24px rgba(15,23,42,0.06), 0 2px 8px rgba(15,23,42,0.04);
    --golge-buyuk: 0 28px 60px rgba(15,23,42,0.14), 0 8px 24px rgba(15,23,42,0.08);
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 22px;
}

html { scroll-behavior: smooth; }

body {
    background:
        radial-gradient(circle at top left, rgba(247,108,13,0.08), transparent 22%),
        radial-gradient(circle at top right, rgba(59,130,246,0.06), transparent 18%),
        linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(148,163,184,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148,163,184,0.06) 1px, transparent 1px);
    background-size: 28px 28px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.14), transparent 40%);
    z-index: -1;
}

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: rgba(148,163,184,0.55); border-radius: 999px; }
::-webkit-scrollbar-track { background: transparent; }

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

button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: none;
    box-shadow: 0 0 0 4px rgba(247,108,13,0.14);
}

.header {
    background: rgba(255,255,255,0.84);
    border-bottom: 1px solid rgba(255,255,255,0.72);
    min-height: 76px;
    padding: 14px 24px;
    box-shadow: 0 1px 0 rgba(255,255,255,0.84), 0 10px 30px rgba(15,23,42,0.06);
    backdrop-filter: blur(16px) saturate(140%);
}

.header-sol {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    flex-wrap: nowrap;
    min-width: 0;
}

.header-logo-image {
    width: clamp(180px, 13vw, 232px);
    height: auto;
    max-width: 232px;
    max-height: none;
    display: block;
    object-fit: contain;
    filter: drop-shadow(0 8px 16px rgba(247,108,13,0.12));
}

.header-sag {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.app-version-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(203,213,225,0.95);
    border-radius: 999px;
    background: rgba(255,255,255,0.88);
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.app-version-badge span {
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.app-version-badge strong {
    color: #0f172a;
}

.vds-realtime-badge {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid rgba(203,213,225,0.95);
    border-radius: 999px;
    background: rgba(255,255,255,0.88);
    color: #475569;
    font-size: 11px;
    font-weight: 850;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
    white-space: nowrap;
}

.vds-realtime-dot {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #94a3b8;
    box-shadow: 0 0 0 4px rgba(148,163,184,0.12);
}

.vds-realtime-badge.bagli {
    border-color: rgba(34,197,94,0.28);
    color: #166534;
    background: rgba(240,253,244,0.88);
}

.vds-realtime-badge.bagli .vds-realtime-dot {
    background: #22c55e;
    box-shadow: 0 0 0 4px rgba(34,197,94,0.14);
}

.vds-realtime-badge.baglaniyor {
    border-color: rgba(247,108,13,0.26);
    color: #9a3412;
    background: rgba(255,247,237,0.9);
}

.vds-realtime-badge.baglaniyor .vds-realtime-dot {
    background: #f97316;
    box-shadow: 0 0 0 4px rgba(249,115,22,0.14);
    animation: logiRealtimeDot 1s ease-in-out infinite;
}

.vds-realtime-badge.kapali {
    color: #64748b;
}

body:not(.operasyon-mod) .header {
    min-height: 74px;
}

.btn-ldm-header {
    padding: 10px 15px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.08);
    background: linear-gradient(180deg, rgba(30,41,59,0.96), rgba(15,23,42,0.96));
    font-size: 11.5px;
    box-shadow: 0 10px 24px rgba(15,23,42,0.14);
}

.btn-ldm-header:hover {
    background: linear-gradient(180deg, #2d3748, #111827);
    box-shadow: 0 14px 28px rgba(15,23,42,0.18);
}

.btn-ldm-accent {
    margin-left: 4px;
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    box-shadow: 0 12px 26px rgba(247,108,13,0.28);
}

.btn-ldm-accent:hover {
    background: linear-gradient(180deg, #ff8433, var(--turuncu-koyu));
}

.kullanici-rozeti {
    gap: 10px;
    padding: 7px 13px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255,244,238,0.96), rgba(255,255,255,0.96));
    border-color: rgba(247,108,13,0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
}

.kullanici-avatar {
    width: 34px;
    height: 30px;
    background: linear-gradient(135deg, var(--turuncu), #ff934d);
    box-shadow: 0 8px 18px rgba(247,108,13,0.25);
}

.kullanici-mail {
    font-weight: 700;
}

.btn-cikis {
    padding: 10px 16px;
    border-radius: 999px;
    border-color: var(--kenarlik-yumusak);
    background: rgba(255,255,255,0.86);
    font-weight: 700;
}

.icerik {
    width: min(1680px, 100%);
    margin: 0 auto;
    padding: 24px;
}

.tab-sarici {
    gap: 8px;
    align-items: center;
    margin-bottom: 2px;
}

.tab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    box-sizing: border-box;
    padding: 9px 15px;
    border: 1px solid var(--kenarlik-yumusak);
    background: rgba(255,255,255,0.84);
    border-radius: 14px 14px 0 0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    line-height: 1;
    white-space: nowrap;
    flex: 0 0 auto;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.tab-btn.aktif {
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    border-color: transparent;
    box-shadow: 0 16px 28px rgba(247,108,13,0.18);
}

.tab-btn-import {
    margin-left: auto;
    background: linear-gradient(180deg, #10b981, #059669);
    color: white;
    border-color: transparent;
    box-shadow: 0 12px 26px rgba(16,185,129,0.18);
}

.tab-btn-import:hover {
    background: linear-gradient(180deg, #16c78e, #059669);
    color: white;
}

.form-panel {
    position: relative;
    padding: 10px 12px 6px;
    margin-bottom: 8px;
    border: 1px solid rgba(247,108,13,0.14);
    border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.95));
    overflow: hidden;
}

.yeni-kayit-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.5);
    backdrop-filter: blur(6px);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 1190;
}

.yeni-kayit-backdrop.acik {
    opacity: 1;
    pointer-events: auto;
}

body.yeni-kayit-katmani-acik {
    overflow: hidden;
}

body.yeni-kayit-katmani-acik {
    overflow: hidden !important;
}

body.yeni-kayit-katmani-acik .form-panel::before {
    display: none !important;
}

body.yeni-kayit-katmani-acik .form-panel {
    display: flex !important;
    flex-direction: column !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: min(1280px, calc(100vw - 32px)) !important;
    max-height: min(94vh, 890px) !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    box-shadow: 0 25px 70px -15px rgba(15, 23, 42, 0.35), 0 0 0 1px rgba(15, 23, 42, 0.05) !important;
    z-index: 2000 !important;
    overflow: hidden !important;
    animation: modalPopIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
}

/* Modal Header Bar */
body.yeni-kayit-katmani-acik .form-baslik-modern {
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 13px 22px !important;
    margin: 0 !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    border-radius: 18px 18px 0 0 !important;
    position: relative !important;
    z-index: 10 !important;
}

.form-baslik-metin-yeni {
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.form-baslik-metin-yeni::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--turuncu, #F76C0D);
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.2);
}

.form-mode-switcher {
    display: flex;
    background: #f1f5f9 !important;
    padding: 3.5px !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    gap: 3px !important;
}

.form-panel.duzenleme-modu .form-mode-switcher,
#formModeSwitcher.gizli-mod-switcher,
#formModeSwitcher[style*="none"] {
    display: none !important;
}

.mode-btn {
    padding: 5px 14px !important;
    border: none !important;
    background: transparent !important;
    border-radius: 7px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.mode-btn.aktif {
    background: #ffffff !important;
    color: var(--turuncu, #F76C0D) !important;
    font-weight: 800 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

.mode-btn:not(.aktif):hover {
    background: rgba(255, 255, 255, 0.6) !important;
    color: #0f172a !important;
}

.btn-form-kapat {
    width: 32px !important;
    height: 32px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    font-size: 13px !important;
    padding: 0 !important;
}

.btn-form-kapat:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
    transform: rotate(90deg) !important;
}

.form-baslik-sol {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.form-baslik-metin-yeni:has(.form-tur-rozet)::before {
    display: none !important;
}

.form-tur-rozet {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2.5px 8px !important;
    border-radius: 6px !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
}

.form-tur-rozet.yurtici {
    background: var(--turuncu-hafif, #fff4ee) !important;
    color: var(--turuncu, #F76C0D) !important;
    border: 1px solid #fed7aa !important;
}

.form-tur-rozet.ukt {
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}

.form-ref-no {
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    letter-spacing: 0.02em !important;
    cursor: pointer !important;
    transition: color 0.15s ease !important;
}

.form-ref-no:hover {
    color: var(--turuncu, #F76C0D) !important;
}

.btn-ref-kopyala {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: 11px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    padding: 0 !important;
}

.btn-ref-kopyala:hover {
    border-color: var(--turuncu, #F76C0D) !important;
    color: var(--turuncu, #F76C0D) !important;
    background: var(--turuncu-hafif, #fff4ee) !important;
}

.btn-ref-kopyala.kopyalandi {
    border-color: #10b981 !important;
    color: #10b981 !important;
    background: #ecfdf5 !important;
    font-weight: 800 !important;
}

.form-durum-rozet {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 10px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    background: var(--badge-planlandi-bg, #f1f5f9) !important;
    color: var(--badge-planlandi-text, #475569) !important;
    border: 1px solid var(--badge-planlandi-border, #cbd5e1) !important;
    transition: all 0.15s ease !important;
}

.form-durum-rozet.status-pill.planlandi,
.form-durum-rozet.durum-planlandi {
    background: var(--badge-planlandi-bg, #f1f5f9) !important;
    color: var(--badge-planlandi-text, #475569) !important;
    border-color: var(--badge-planlandi-border, #cbd5e1) !important;
}

.form-durum-rozet.status-pill.yukleme-sevk,
.form-durum-rozet.durum-yukleme_sevk {
    background: var(--badge-yukleme-sevk-bg, #fefce8) !important;
    color: var(--badge-yukleme-sevk-text, #b45309) !important;
    border-color: var(--badge-yukleme-sevk-border, #fde047) !important;
}

.form-durum-rozet.status-pill.yuklemede,
.form-durum-rozet.durum-yuklemede {
    background: var(--badge-yukleme-bg, #ecfeff) !important;
    color: var(--badge-yukleme-text, #0891b2) !important;
    border-color: var(--badge-yukleme-border, #a5f3fc) !important;
}

.form-durum-rozet.status-pill.bosaltma-sevk,
.form-durum-rozet.durum-bosaltma_sevk,
.form-durum-rozet.durum-yolda {
    background: var(--badge-bosaltma-sevk-bg, #eff6ff) !important;
    color: var(--badge-bosaltma-sevk-text, #2563eb) !important;
    border-color: var(--badge-bosaltma-sevk-border, #bfdbfe) !important;
}

.form-durum-rozet.status-pill.bosaltmada,
.form-durum-rozet.durum-bosaltmada {
    background: var(--badge-bosaltma-bg, #faf5ff) !important;
    color: var(--badge-bosaltma-text, #7c3aed) !important;
    border-color: var(--badge-bosaltma-border, #e9d5ff) !important;
}

.form-durum-rozet.status-pill.teslim-edildi,
.form-durum-rozet.durum-teslim_edildi {
    background: var(--badge-teslim-bg, #ecfdf5) !important;
    color: var(--badge-teslim-text, #059669) !important;
    border-color: var(--badge-teslim-border, #a7f3d0) !important;
}

.form-durum-rozet.status-pill.tamamlandi,
.form-durum-rozet.durum-tamamlandi {
    background: var(--badge-tamamlandi-bg, #0f172a) !important;
    color: var(--badge-tamamlandi-text, #f8fafc) !important;
    border-color: var(--badge-tamamlandi-border, #334155) !important;
}

.form-durum-rozet.durum-iptal {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
}

.form-baslik-sag {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.btn-form-ek-aksiyon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 32px !important;
    padding: 0 12px !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.btn-evrak-adet-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 17px !important;
    height: 17px !important;
    padding: 0 4px !important;
    border-radius: 999px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #1e293b !important;
    margin-left: 2px !important;
}

.btn-form-ek-aksiyon:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.btn-form-ek-aksiyon svg {
    color: inherit !important;
    flex-shrink: 0 !important;
}

.btn-form-ek-aksiyon.wa {
    background: #f0fdf4 !important;
    border-color: #86efac !important;
    color: #15803d !important;
    font-weight: 700 !important;
}

.btn-form-ek-aksiyon.wa:hover {
    background: #dcfce7 !important;
    border-color: #4ade80 !important;
    color: #166534 !important;
    box-shadow: 0 2px 6px rgba(22, 163, 74, 0.15) !important;
}

/* ─────────────────────────────────────────────────────────────
   KAYIT GÖRÜNTÜLEME & DÜZENLEME KİLİDİ (PREMIUM VIEW / EDIT MODE)
   ───────────────────────────────────────────────────────────── */

/* Header Edit Button */
.btn-form-ek-aksiyon.duzenle {
    background: #fff4ee !important;
    border-color: rgba(247, 108, 13, 0.35) !important;
    color: #F76C0D !important;
}

.btn-form-ek-aksiyon.duzenle:hover {
    background: #F76C0D !important;
    border-color: #F76C0D !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(247, 108, 13, 0.25) !important;
}

/* Kilitli Görüntüleme Modunda Form Alanları */
.form-panel.goruntuleme-modu :is(.input-alan, .select-alan) {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    box-shadow: none !important;
    cursor: default !important;
    user-select: text !important;
    font-weight: 700 !important;
}

.form-panel.goruntuleme-modu :is(.input-alan, .select-alan):focus {
    outline: none !important;
    border-color: #cbd5e1 !important;
    box-shadow: none !important;
}

.form-panel.goruntuleme-modu textarea.input-alan {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #cbd5e1 !important;
    cursor: default !important;
    font-weight: 600 !important;
}

/* Kilitli modda boşluklar açık durmasın: placeholder ve yönlendirme metinleri gizlenir */
.form-panel.goruntuleme-modu :is(.input-alan, .select-alan)::placeholder,
.form-panel.goruntuleme-modu textarea.input-alan::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

.form-panel.goruntuleme-modu .input-yonlendirme {
    display: none !important;
}

.form-panel.goruntuleme-modu select:is(.input-alan, .select-alan) {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
    cursor: default !important;
}

.form-panel.goruntuleme-modu input[type="date"]::-webkit-calendar-picker-indicator {
    display: none !important;
    opacity: 0 !important;
}

.form-panel.goruntuleme-modu input.input-alan:placeholder-shown,
.form-panel.goruntuleme-modu textarea.input-alan:placeholder-shown {
    background: #f8fafc !important;
    border-color: #e2e8f0 !important;
}

/* Durak Ekleme / Silme Butonları Kilitli Modda Gizlenir */
.form-panel.goruntuleme-modu .btn-ek-durak,
.form-panel.goruntuleme-modu .btn-durak-sil {
    display: none !important;
}

/* Boş Ek Durak Bloğu Kilitli Modda Gizlenir */
.form-panel.goruntuleme-modu .guzergah-form-blok:has(#guzergahDuraklariListe[style*="display:none"]),
.form-panel.goruntuleme-modu .guzergah-form-blok:has(#guzergahDuraklariListe[style*="display: none"]),
.form-panel.goruntuleme-modu .guzergah-form-blok:has(#guzergahDuraklariListe:empty) {
    display: none !important;
}

/* Checkbox Chip'leri Görüntüleme Modunda: Sadece seçili olan veya Standart Taşıma gösterilir */
.form-panel.goruntuleme-modu .nitelik-cb:disabled + .nitelik-chip-pill {
    cursor: default !important;
}

.form-panel.goruntuleme-modu .nitelik-chip-label:has(.nitelik-cb:not(:checked)),
.form-panel.goruntuleme-modu .nitelik-cb:not(:checked) + .nitelik-chip-pill {
    display: none !important;
}

.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill {
    display: inline-flex !important;
    opacity: 1 !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    padding: 3px 10px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06) !important;
}

.form-panel.goruntuleme-modu .yuk-nitelik-chips.nitelik-yok .nitelik-bos-rozet,
.form-panel.goruntuleme-modu .yuk-nitelik-chips:not(:has(.nitelik-cb:checked)) .nitelik-bos-rozet {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
}

.form-panel.goruntuleme-modu .yuk-nitelik-chips:has(.nitelik-cb:checked) .nitelik-bos-rozet {
    display: none !important;
}

/* Sürücü Arama & WhatsApp Butonları Görüntüleme Modunda da Tıklanabilir Kalır */
.form-panel.goruntuleme-modu .btn-tel-aksiyon {
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

/* Alt Bar: Siparişi Düzenle Butonu */
.form-panel.goruntuleme-modu #btnKaydet.btn-kilitli-gorunum {
    background: linear-gradient(135deg, #F76C0D 0%, #ea580c 100%) !important;
    color: #ffffff !important;
    border-color: #d95c08 !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 10px rgba(247, 108, 13, 0.28) !important;
    letter-spacing: 0.02em !important;
}

.form-panel.goruntuleme-modu #btnKaydet.btn-kilitli-gorunum:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(247, 108, 13, 0.35) !important;
}

/* Kilitli İnceleme Rozeti */
.form-kilit-rozet {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 2px 7px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.02em;
    background: #f8fafc;
    color: #64748b;
    border: 1px solid #e2e8f0;
    margin-left: 6px;
    user-select: none;
}

.form-kilit-rozet svg {
    color: #64748b;
}

/* Mikrometrik Audit Damgası (Tarihçe) */
.form-audit-stamp {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    padding: 5px 10px;
    border-radius: 7px;
    font-weight: 500;
    user-select: none;
    line-height: 1;
}

.form-audit-stamp svg {
    color: #94a3b8;
    flex-shrink: 0;
}

.form-audit-stamp .audit-time {
    color: #475569;
    font-weight: 700;
}

.form-audit-stamp .audit-user {
    color: #0f172a;
    font-weight: 750;
}

/* Modal Body & Scrollable Area */
body.yeni-kayit-katmani-acik .form-icerik-kap {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #f8fafc !important;
}

body.yeni-kayit-katmani-acik #inputSatiri {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 10px 16px 6px 16px !important;
}

body.yeni-kayit-katmani-acik #inputSatiri::-webkit-scrollbar {
    width: 6px;
}
body.yeni-kayit-katmani-acik #inputSatiri::-webkit-scrollbar-track {
    background: transparent;
}
body.yeni-kayit-katmani-acik #inputSatiri::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}
body.yeni-kayit-katmani-acik #inputSatiri::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Modal Sticky Footer */
body.yeni-kayit-katmani-acik .form-aksiyonlar {
    flex-shrink: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 18px !important;
    background: #ffffff !important;
    border-top: 1px solid #e2e8f0 !important;
    border-radius: 0 0 18px 18px !important;
    position: relative !important;
    z-index: 10 !important;
}

.form-aksiyon-sol-ipucu {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.form-ipucu-item {
    font-size: 11px !important;
    color: #94a3b8 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.form-ipucu-item kbd {
    display: inline-block !important;
    padding: 1px 5px !important;
    font-size: 10px !important;
    font-family: inherit !important;
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    color: #475569 !important;
    font-weight: 700 !important;
}

.form-aksiyon-sag-butonlar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body.yeni-kayit-katmani-acik .btn-ana {
    height: 36px !important;
    padding: 0 20px !important;
    border-radius: 9px !important;
    background: linear-gradient(135deg, #F76C0D, #d95c08) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 12.5px !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(247, 108, 13, 0.28) !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

body.yeni-kayit-katmani-acik .btn-ana:hover {
    box-shadow: 0 4px 14px rgba(247, 108, 13, 0.4) !important;
    transform: translateY(-1px) !important;
}

body.yeni-kayit-katmani-acik .btn-iptal {
    height: 36px !important;
    padding: 0 16px !important;
    border-radius: 9px !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    border: 1px solid #cbd5e1 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
}

body.yeni-kayit-katmani-acik .btn-iptal:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

body.yeni-kayit-katmani-acik #formDurumMesaji {
    display: none !important;
}

/* Detaylı Kart Düzeni - Ultra Premium 2-Column Master ERP Layout */
.form-detayli-kart-duzen {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Payment Warning Banner */
.form-odeme-uyari-banner {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-left: 3.5px solid #f59e0b;
    border-radius: 8px;
    font-size: 11.5px;
    color: #92400e;
}
.form-odeme-uyari-banner svg {
    flex-shrink: 0;
    color: #d97706;
}
.odeme-uyari-metin strong {
    font-weight: 800;
}

/* 3-Kolonlu Dengeli Bento Izgarası (Lojistik Kokpit) */
.form-detayli-grid-3col {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch !important;
}

@media (max-width: 1240px) {
    .form-detayli-grid-3col {
        grid-template-columns: 1fr 1fr !important;
    }
}

@media (max-width: 860px) {
    .form-detayli-grid-3col {
        grid-template-columns: 1fr !important;
    }
}

/* 2-Kolonlu Ferah Kokpit Düzeni (Sol: Lojistik & Araç %58, Sağ: Finans %42) */
.form-detayli-grid-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
}

@media (max-width: 1080px) {
    .form-detayli-grid-2col {
        grid-template-columns: 1fr !important;
    }
}

.form-detayli-kolon {
    display: flex !important;
    flex-direction: column !important;
    gap: 7px !important;
}

/* Executive Bento Section Cards */
.form-section-card {
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 11px !important;
    padding: 8px 12px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.02), 0 4px 10px rgba(15, 23, 42, 0.015) !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.form-section-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.04) !important;
}

.form-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 0 !important;
}

.form-sec-title-group-left {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.form-sec-icon-box {
    width: 24px !important;
    height: 24px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.form-sec-icon-box.route {
    background: var(--turuncu-hafif, #fff4ee) !important;
    color: var(--turuncu, #F76C0D) !important;
    border: 1px solid #fed7aa !important;
}

.form-sec-icon-box.fleet {
    background: #f0fdf4 !important;
    color: #16a34a !important;
    border: 1px solid #bbf7d0 !important;
}

.form-sec-icon-box.cargo {
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}

.form-sec-icon-box.finance {
    background: #f8fafc !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

.form-sec-icon-box svg {
    width: 13px !important;
    height: 13px !important;
    stroke-width: 2.2 !important;
}

.form-sec-title-group {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.form-sec-title {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
}

/* Dynamic Realtime P&L Badge */
.form-live-pnl {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 3px 10px !important;
    border-radius: 20px !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    transition: all 0.2s ease !important;
    margin-left: auto !important;
}

.form-live-pnl.notr {
    background: #f8fafc !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
}

.form-live-pnl.notr .pnl-dot {
    background: #94a3b8 !important;
    box-shadow: none !important;
}

.form-live-pnl.kar {
    background: #ecfdf5 !important;
    color: #047857 !important;
    border: 1px solid #a7f3d0 !important;
}

.form-live-pnl.kar .pnl-dot {
    background: #10b981 !important;
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.5) !important;
}

.form-live-pnl.uyari {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}

.form-live-pnl.uyari .pnl-dot {
    background: #f59e0b !important;
    box-shadow: 0 0 6px rgba(245, 158, 11, 0.5) !important;
}

.form-live-pnl.zarar {
    background: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
}

.form-live-pnl.zarar .pnl-dot {
    background: #ef4444 !important;
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.5) !important;
}

.pnl-dot {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    display: inline-block !important;
}

.pnl-sep {
    color: inherit !important;
    opacity: 0.4 !important;
}

.pnl-tutar {
    font-weight: 800 !important;
}

.pnl-marj {
    opacity: 0.9 !important;
}

/* Grids inside cards */
.form-grid-sefer-tarih-musteri {
    display: grid !important;
    grid-template-columns: 140px 1fr !important;
    gap: 8px !important;
}

.form-grid-custom-sefer {
    display: grid !important;
    grid-template-columns: 75px 125px 1fr !important;
    gap: 8px !important;
}

.form-grid-custom-ekip-arac,
.form-grid-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

.form-grid-custom-ekip-surucu,
.form-grid-ekip-surucu {
    display: grid !important;
    grid-template-columns: 1.1fr 1fr !important;
    gap: 8px !important;
}

.form-grid-3 {
    display: grid !important;
    grid-template-columns: 1.1fr 1.1fr 1fr !important;
    gap: 8px !important;
}

.form-grid-yuk-olculeri {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    width: 100% !important;
}

.form-grid-yuk-olculeri > .input-grup[data-alan="mal_cinsi"] {
    flex: 1 1 180px !important;
    min-width: 160px !important;
}

.form-grid-yuk-olculeri > .input-grup[data-alan="kap"] {
    flex: 0 0 110px !important;
    width: 110px !important;
}

.form-grid-yuk-olculeri > .input-grup[data-alan="kg"] {
    flex: 0 0 140px !important;
    width: 140px !important;
}

.yuk-nitelik-inline-tek-satir {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
}

.yuk-nitelik-inline-tek-satir .yuk-nitelik-chips {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-top: 2px !important;
}

.form-row-aciklamalar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

/* Route Dual Box & Transit Flow */
.form-rota-kutu-cifti {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 2px !important;
}

.form-rota-bolumu {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    padding: 7px 9px !important;
    box-shadow: none !important;
    transition: all 0.15s ease !important;
}

.form-rota-bolumu:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
}

.form-rota-bolumu.yukleme {
    border-left: 3px solid #3b82f6 !important;
    background: #f8fbff !important;
}

.form-rota-bolumu.bosaltma {
    border-left: 3px solid #F76C0D !important;
    background: #fffbf8 !important;
}

.form-rota-bolumu.yukleme:hover,
.form-rota-bolumu.bosaltma:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
}

.rota-pin-ikon {
    font-size: 11px !important;
}

.rota-baslik-metin {
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
}

.form-rota-bolum-baslik {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    font-size: 9px !important;
    width: 100% !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    align-self: flex-start !important;
}

.rota-baslik-sol {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.rota-baslik-sag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.form-rota-bolumu.yukleme .form-rota-bolum-baslik {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #dbeafe !important;
}

.form-rota-bolumu.bosaltma .form-rota-bolum-baslik {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #ffedd5 !important;
}

.rota-nokta-nokta {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}
.rota-nokta-nokta.yukleme {
    background: #2563eb !important;
}
.rota-nokta-nokta.bosaltma {
    background: #ea580c !important;
}

.form-rota-alanlar {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

.form-rota-transit-akisi {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    margin: 0 auto !important;
    gap: 3px !important;
    align-self: center !important;
}

.transit-cizgi {
    width: 2px !important;
    height: 14px !important;
    border-left: 2px dashed #cbd5e1 !important;
}

.transit-ok-rozet {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: var(--turuncu, #F76C0D) !important;
    border: 1.5px solid #fed7aa !important;
    box-shadow: 0 1px 4px rgba(247, 108, 13, 0.16) !important;
    flex-shrink: 0 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.form-rota-ayrac-ok {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    color: var(--turuncu, #F76C0D) !important;
    border: 1px solid #fed7aa !important;
    box-shadow: 0 1px 3px rgba(247, 108, 13, 0.12) !important;
    margin: 0 auto !important;
    font-size: 11px !important;
}

/* Load Metrics & Cargo Attributes */
.form-row-yuk-kap {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

.form-olcu-grup {
    display: grid !important;
    grid-template-columns: 75px 105px 1fr !important;
    gap: 8px !important;
    width: 100% !important;
}

.yuk-nitelikleri-grup-wrap {
    margin-top: 1px !important;
}

.yuk-nitelik-chips {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
    padding-top: 2px !important;
}

.nitelik-chip-label {
    cursor: pointer !important;
    user-select: none !important;
}

.nitelik-cb {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

.nitelik-chip-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #475569 !important;
    transition: all 0.15s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

.nitelik-chip-pill:hover {
    border-color: #cbd5e1 !important;
    transform: translateY(-1px) !important;
}

.nitelik-cb:checked + .nitelik-chip-pill.adr {
    background: #fef2f2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.12) !important;
}

.nitelik-cb:checked + .nitelik-chip-pill.frigo {
    background: #f0fdfa !important;
    border-color: #99f6e4 !important;
    color: #0d9488 !important;
    box-shadow: 0 0 0 2px rgba(13, 148, 136, 0.12) !important;
}

.nitelik-cb:checked + .nitelik-chip-pill.gabari {
    background: #faf5ff !important;
    border-color: #d8b4fe !important;
    color: #7e22ce !important;
    box-shadow: 0 0 0 2px rgba(126, 34, 206, 0.12) !important;
}

.nitelik-cb:checked + .nitelik-chip-pill.express {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #ea580c !important;
    box-shadow: 0 0 0 2px rgba(234, 88, 12, 0.12) !important;
}

/* Extra Stops (Entegre Güzergah Durak Şeritleri - Embedded Route Ribbons) */
.embedded-ribbon-wrap {
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px dashed #e2e8f0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}

.embedded-ribbon-wrap.bos-durak-blok {
    display: none !important;
}

.embedded-ribbon-wrap.yukleme {
    border-top-color: #dbeafe !important;
}

.embedded-ribbon-wrap.bosaltma {
    border-top-color: #fed7aa !important;
}

.embedded-ribbon-baslik {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 2px !important;
}

.embedded-ribbon-baslik-metin {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.embedded-ribbon-adet-sayac {
    font-size: 8px !important;
    font-weight: 800 !important;
    background: #e2e8f0 !important;
    color: #475569 !important;
    border-radius: 8px !important;
    padding: 0 5px !important;
    line-height: 14px !important;
}

.embedded-ribbon-node .durak-node-etiket {
    display: none !important;
}

.form-panel:not(.goruntuleme-modu) .form-rota-bolum-baslik .guzergah-adet-badge {
    display: none !important;
}

.guzergah-form-blok {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.guzergah-form-blok.embedded-route-fallback {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    padding: 8px 12px !important;
    margin-top: 2px !important;
}

.guzergah-form-blok .form-tek-ust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 6px !important;
}

.form-tek-baslik-grup {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.guzergah-blok-baslik {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

.guzergah-adet-badge {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    background: #f1f5f9 !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    border: 1px solid #e2e8f0 !important;
}

.guzergah-adet-badge.yukleme {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border-color: #cbd5e1 !important;
}

.guzergah-adet-badge.bosaltma {
    background: #fff7ed !important;
    color: #c2410c !important;
    border-color: #fed7aa !important;
}

.guzergah-ekle-aksiyonlari {
    display: flex !important;
    gap: 5px !important;
}

.btn-ek-durak {
    height: 20px !important;
    padding: 0 7px !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.btn-ek-durak:hover {
    border-color: var(--turuncu, #F76C0D) !important;
    color: var(--turuncu, #F76C0D) !important;
    background: var(--turuncu-hafif, #fff4ee) !important;
}

.guzergah-durak-listesi.timeline-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    position: relative !important;
    padding-left: 0 !important;
    border-left: none !important;
    margin-left: 0 !important;
    margin-top: 2px !important;
    max-height: 84px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 2px !important;
    scrollbar-width: thin !important;
    scrollbar-color: #cbd5e1 transparent !important;
}

.guzergah-durak-listesi.timeline-layout::-webkit-scrollbar {
    width: 4px !important;
}

.guzergah-durak-listesi.timeline-layout::-webkit-scrollbar-thumb {
    background: #cbd5e1 !important;
    border-radius: 4px !important;
}

.guzergah-durak-satir.timeline-node {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #ffffff !important;
    padding: 3px 6px !important;
    min-height: 24px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    position: relative !important;
    transition: all 0.15s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.guzergah-durak-satir.timeline-node:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.embedded-ribbon-node .ribbon-sol {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
}

.embedded-ribbon-node .ribbon-orta {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.embedded-ribbon-node .ribbon-sag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    flex-shrink: 0 !important;
}

.durak-node-sira {
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    margin-left: 0 !important;
}

.durak-node-etiket {
    font-size: 8px !important;
    font-weight: 800 !important;
    padding: 1px 4px !important;
    border-radius: 3px !important;
    flex-shrink: 0 !important;
    letter-spacing: 0.02em !important;
}

.durak-node-etiket.yukleme {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    border: 1px solid #dbeafe !important;
}

.durak-node-etiket.bosaltma {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #ffedd5 !important;
}

.durak-node-input {
    flex: 1 !important;
    height: 22px !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    padding: 0 6px !important;
    min-width: 60px !important;
    background: #ffffff !important;
    color: #0f172a !important;
}

.durak-node-input:focus {
    border-color: var(--turuncu, #F76C0D) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(247, 108, 13, 0.15) !important;
}

.durak-yer-rozet {
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    padding: 1px 5px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    max-width: 130px !important;
}

.btn-durak-tasi {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 3px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: 8px !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: all 0.15s ease !important;
}

.btn-durak-tasi:hover {
    border-color: var(--turuncu, #F76C0D) !important;
    color: var(--turuncu, #F76C0D) !important;
    background: var(--turuncu-hafif, #fff4ee) !important;
}

.btn-durak-sil {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    border-radius: 3px !important;
    border: 1px solid #fecaca !important;
    background: #ffffff !important;
    color: #ef4444 !important;
    font-size: 9px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.btn-durak-sil:hover {
    background: #fee2e2 !important;
    border-color: #f87171 !important;
}

/* TR License Plate Inputs inside Form */
.input-grup-tr-plaka .tr-plate-frame {
    display: flex !important;
    align-items: stretch !important;
    height: 32px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.15s ease !important;
}

.input-grup-tr-plaka .tr-plate-frame:hover {
    border-color: #94a3b8 !important;
}

.input-grup-tr-plaka .tr-plate-frame:focus-within {
    border-color: var(--turuncu, #F76C0D) !important;
    box-shadow: 0 0 0 2.5px rgba(247, 108, 13, 0.16) !important;
}

.input-grup-tr-plaka .tr-plate-blue {
    width: 25px !important;
    background: #003399 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.input-grup-tr-plaka .tr-plate-text {
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    font-family: -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.input-grup-tr-plaka .tr-plate-input {
    border: none !important;
    border-radius: 0 !important;
    height: 100% !important;
    background: transparent !important;
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    text-transform: uppercase !important;
    color: #0f172a !important;
    text-align: center !important;
    padding: 0 6px !important;
    box-shadow: none !important;
    width: 100% !important;
}

/* Finans Blokları - Yığılmış Temiz Bölümler (Stacked Groups) - CALM & PREMIUM */
.form-finans-stacked-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.form-finans-section-group,
.form-finans-strip {
    background: #ffffff !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    box-shadow: none !important;
}

.form-finans-strip:hover {
    border-color: transparent !important;
}

.form-finans-section-group.gider-tarafi {
    margin-top: 6px !important;
    padding-top: 10px !important;
    border-top: 1px dashed #e2e8f0 !important;
}

.finans-subhead,
.finans-strip-header {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 2px !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    align-self: flex-start !important;
}

.subhead-dot,
.strip-nokta {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    display: inline-block !important;
    flex-shrink: 0 !important;
}

.subhead-dot.gelir,
.strip-nokta.gelir {
    background: #10b981 !important;
}

.subhead-dot.gider,
.strip-nokta.gider {
    background: #f43f5e !important;
}

.subhead-title,
.finans-strip-header span:last-child {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    color: #475569 !important;
    text-transform: uppercase !important;
}

.finans-ukt-row {
    display: grid !important;
    grid-template-columns: 1.2fr 80px 1fr 1fr !important;
    gap: 8px !important;
}

/* Micro-labels & Standard Input Styling */
.input-grup {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    position: relative !important;
}

.input-etiket {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.etiket-rozet-oto {
    display: inline-block !important;
    padding: 0 4px !important;
    border-radius: 3px !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
}

:is(.input-alan, .select-alan) {
    height: 32px !important;
    padding: 0 9px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
    box-sizing: border-box !important;
}

.form-panel:not(.goruntuleme-modu) :is(.input-alan, .select-alan):hover,
:not(.form-panel) :is(.input-alan, .select-alan):hover {
    border-color: #94a3b8 !important;
}

.form-panel:not(.goruntuleme-modu) :is(.input-alan, .select-alan):focus,
:not(.form-panel) :is(.input-alan, .select-alan):focus {
    outline: none !important;
    border-color: var(--turuncu, #F76C0D) !important;
    box-shadow: 0 0 0 2.5px rgba(247, 108, 13, 0.16) !important;
}

.input-grup.sistem-alani .input-alan {
    background: #f8fafc !important;
    color: #334155 !important;
    border-color: #e2e8f0 !important;
}

textarea.input-alan {
    height: auto !important;
    padding: 8px 10px !important;
    line-height: 1.45 !important;
    font-family: inherit !important;
    resize: vertical !important;
    border-radius: 8px !important;
}

/* Inline Driver Actions (Call & WA) */
.tel-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.tel-input {
    padding-right: 58px !important;
    width: 100% !important;
}

.tel-aksiyonlar {
    position: absolute !important;
    right: 4px !important;
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    z-index: 2 !important;
}

.btn-tel-aksiyon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 5px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
    font-size: 11px !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    padding: 0 !important;
}

.btn-tel-aksiyon:hover {
    transform: scale(1.08) !important;
}

.btn-tel-aksiyon.ara:hover {
    background: #eff6ff !important;
    border-color: #93c5fd !important;
}

.btn-tel-aksiyon.wa:hover {
    background: #f0fdf4 !important;
    border-color: #86efac !important;
}

/* Currency Addon for Money Inputs */
.para-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.para-input {
    padding-right: 28px !important;
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    font-weight: 700 !important;
    width: 100% !important;
}

.para-birim-addon {
    position: absolute !important;
    right: 9px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
}

/* Due Date Counter Pills */
.vade-sayac-rozet {
    display: inline-flex !important;
    align-items: center !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
}

.vade-sayac-rozet.kalan {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.vade-sayac-rozet.bugun {
    background: #fffbeb !important;
    color: #b45309 !important;
    border: 1px solid #fde68a !important;
}

.vade-sayac-rozet.gecikti {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border: 1px solid #fca5a5 !important;
}

/* ==========================================================================
   PREMIUM KİLİTLİ İNCELEME MODU (CLEAN DATA CELLS OVER FORM INPUTS)
   TAVSİYE B: FORM KUTULARI YERİNE SAF, TEMİZ VE NET TİPOGRAFİ
   ========================================================================== */

/* 1. Plaka Çerçevesi İçindeki Yeşil Çizgi Artefaktını Kesinlikle Sıfırla */
.tr-plate-frame input.input-alan,
.tr-plate-frame input.input-alan.alan-dolu,
.tr-plate-frame input.tr-plate-input,
.tr-plate-input {
    border-left: none !important;
}

/* 2. Görüntüleme Modunda Form Inputlarını Temiz Veri Hücrelerine Dönüştür */
.form-panel.goruntuleme-modu :is(.input-alan, .select-alan):not(.musteri-rozet-input):not(.tedarikci-rozet-input):not(.oto-il-ilce-input),
.form-panel.goruntuleme-modu textarea.input-alan,
.form-panel.goruntuleme-modu .para-input-wrap .input-alan,
.form-panel.goruntuleme-modu .tel-input-wrap .input-alan {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 750 !important;
    box-shadow: none !important;
    cursor: default !important;
    caret-color: transparent !important;
    transition: none !important;
    padding: 3px 0 !important;
    height: auto !important;
    min-height: 28px !important;
}

.form-panel.goruntuleme-modu :is(.input-alan, .select-alan):hover,
.form-panel.goruntuleme-modu :is(.input-alan, .select-alan):focus,
.form-panel.goruntuleme-modu textarea.input-alan:hover,
.form-panel.goruntuleme-modu textarea.input-alan:focus,
.form-panel.goruntuleme-modu .para-input-wrap .input-alan:hover,
.form-panel.goruntuleme-modu .para-input-wrap .input-alan:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}

/* Görüntüleme Modunda Para & Navlun Alanları (Büyük, Kutusuz, Tabular-Nums) */
.form-panel.goruntuleme-modu #f_gelir {
    font-size: 20px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: 'tnum' !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu #f_gider {
    font-size: 18px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: 'tnum' !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu .para-input-wrap,
.form-panel.goruntuleme-modu .tel-input-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu .para-birim-addon {
    font-size: 15px !important;
    font-weight: 850 !important;
    color: #64748b !important;
    margin-left: 4px !important;
}

/* Plaka Kapsülü (Kompakt ve Temiz Çift Plaka Görünümü) */
.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame {
    width: fit-content !important;
    min-width: 175px !important;
    max-width: 220px !important;
    background: #ffffff !important;
    border: 1.5px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    height: 32px !important;
}

.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-input {
    background: transparent !important;
    border-left: none !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.06em !important;
    color: #0f172a !important;
    cursor: default !important;
}

/* Görüntüleme Modunda Boş Alanlar (Ağır Kesikli Çerçeveler Yerine Yumuşak Em-Dash) */
.form-panel.goruntuleme-modu .kilitli-bos-alan,
.form-panel.goruntuleme-modu input.input-alan:placeholder-shown,
.form-panel.goruntuleme-modu textarea.input-alan:placeholder-shown {
    background: transparent !important;
    border: none !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
    font-weight: 600 !important;
}

.form-panel.goruntuleme-modu input.kilitli-bos-alan::placeholder,
.form-panel.goruntuleme-modu textarea.kilitli-bos-alan::placeholder,
.form-panel.goruntuleme-modu input.input-alan:placeholder-shown::placeholder,
.form-panel.goruntuleme-modu textarea.input-alan:placeholder-shown::placeholder {
    color: #cbd5e1 !important;
    font-weight: 500 !important;
}

/* ==========================================================================
   TAVSİYE C: LOJİSTİK TRANSİT AKIŞ ÇİZGİSİ (İKİ KABA KUTU YERİNE)
   ========================================================================== */
/* Kompakt Panel ve Bölüm Boşlukları (Sıfır Dikey Kaydırma Garantisi) */
.form-panel.goruntuleme-modu .form-section-card {
    padding: 7px 11px !important;
    gap: 4px !important;
}

.form-panel.goruntuleme-modu .form-section-header {
    padding-bottom: 3px !important;
}

.form-panel.goruntuleme-modu .form-row {
    margin-bottom: 2px !important;
}

.form-panel.goruntuleme-modu .form-baslik-modern {
    padding: 10px 18px !important;
}

.form-panel.goruntuleme-modu .form-aksiyonlar {
    padding: 8px 18px !important;
}

.form-panel.goruntuleme-modu .form-rota-alanlar .input-etiket {
    display: none !important; /* Rota kutusu başlığı zaten var, gereksiz dikey tekrarı önler */
}

.form-panel.goruntuleme-modu .form-rota-kutu-cifti {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    padding: 7px 9px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
    margin-top: 2px !important;
    min-height: auto !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    position: relative !important;
    height: auto !important;
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme {
    align-items: flex-start !important;
    text-align: left !important;
    padding-right: 4px !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .form-rota-bolum-baslik {
    background: transparent !important;
    border: none !important;
    padding: 0 0 2px 0 !important;
    color: #16a34a !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme input#f_yukleme_firma,
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme input#f_firma_y {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: 18px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    letter-spacing: -0.015em !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-input-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: max-content !important;
    max-width: 100% !important;
    padding: 2px 8px !important;
    border-radius: 6px !important;
    margin-top: 2px !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-input-wrap::before {
    content: "📍" !important;
    font-size: 9px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .oto-yer-input-wrap {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme input#f_yukleme_yeri {
    font-size: 9.5px !important;
    font-weight: 750 !important;
    color: #15803d !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: 16px !important;
    line-height: 16px !important;
    field-sizing: content !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: left !important;
    direction: ltr !important;
    box-sizing: border-box !important;
    cursor: default !important;
    letter-spacing: -0.01em !important;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.form-panel.goruntuleme-modu .form-rota-transit-akisi {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    align-self: center !important;
    margin-top: 0 !important;
}

.form-panel.goruntuleme-modu .transit-cizgi {
    flex: 1 !important;
    height: 2px !important;
    background: linear-gradient(90deg, #10b981 0%, #F76C0D 100%) !important;
    opacity: 0.5 !important;
}

.form-panel.goruntuleme-modu .transit-ok-rozet {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1.5px solid #F76C0D !important;
    color: #F76C0D !important;
    font-size: 9.5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 4px rgba(247, 108, 13, 0.22) !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma {
    align-items: flex-start !important;
    text-align: left !important;
    padding-left: 4px !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .form-rota-bolum-baslik {
    background: transparent !important;
    border: none !important;
    padding: 0 0 2px 0 !important;
    color: #dc2626 !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    align-self: flex-start !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma input#f_bosaltma_firma,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma input#f_firma_b {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-align: left !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: 18px !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    letter-spacing: -0.015em !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .oto-yer-input-wrap {
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma input#f_bosaltma_yeri {
    font-size: 9.5px !important;
    font-weight: 750 !important;
    color: #c2410c !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: 16px !important;
    line-height: 16px !important;
    field-sizing: content !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-align: left !important;
    direction: ltr !important;
    box-sizing: border-box !important;
    cursor: default !important;
    letter-spacing: -0.01em !important;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* İl/İlçe Uzun İsimlerin Kesilmesini Önleyen Hover Açılması */
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme input#f_yukleme_yeri:hover,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma input#f_bosaltma_yeri:hover {
    background: #ffffff !important;
    border-color: #94a3b8 !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12) !important;
    position: relative !important;
    z-index: 50 !important;
    max-width: max-content !important;
    width: auto !important;
    min-width: 100% !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   GÜZERGAH DURAKLARI: KUTUYA ENTEGRE DURAK ŞERİTLERİ (EMBEDDED ROUTE RIBBON)
   ══════════════════════════════════════════════════════════════════════════════ */
.form-panel.goruntuleme-modu .btn-ek-durak {
    display: none !important;
}

.form-panel.goruntuleme-modu .ribbon-sag {
    display: none !important;
}

.form-panel.goruntuleme-modu .guzergah-form-blok {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-baslik {
    display: none !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-wrap {
    margin-top: 5px !important;
    padding-top: 4px !important;
    border-top: 1px dashed #cbd5e1 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    flex: 1 1 auto !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-wrap.yukleme {
    border-top-color: #cbd5e1 !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-wrap.bosaltma {
    border-top-color: #fed7aa !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-baslik-metin {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
}

.form-panel.goruntuleme-modu .guzergah-durak-listesi.timeline-layout {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-content: flex-start !important;
    gap: 3px !important;
    border-left: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 2px !important;
    max-height: none !important;
    overflow-y: visible !important;
    overflow-x: hidden !important;
    width: 100% !important;
    flex: 1 1 auto !important;
}

.form-panel.goruntuleme-modu .guzergah-durak-satir.timeline-node {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 4px !important;
    height: 24px !important;
    min-height: 24px !important;
    max-height: 24px !important;
    border-radius: 5px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    flex: 0 0 24px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    transition: all 0.15s ease !important;
}

.form-panel.goruntuleme-modu .guzergah-durak-satir.timeline-node:hover {
    border-color: #cbd5e1 !important;
    background: #f8fafc !important;
}

.form-panel.goruntuleme-modu .durak-node-sira {
    margin-left: 0 !important;
    width: 14px !important;
    height: 14px !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #e2e8f0 !important;
    flex-shrink: 0 !important;
}

.form-panel.goruntuleme-modu .durak-node-etiket {
    font-size: 8px !important;
    padding: 1px 3px !important;
    border-radius: 3px !important;
    font-weight: 800 !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-node .ribbon-orta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.form-panel.goruntuleme-modu .durak-node-input {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    cursor: default !important;
    pointer-events: none !important;
}

.form-panel.goruntuleme-modu .durak-yer-rozet {
    font-size: 8px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    padding: 1px 3.5px !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    max-width: 115px !important;
}

.form-panel.goruntuleme-modu .durak-yer-rozet.sehir-disi,
.durak-yer-rozet.sehir-disi {
    background: #fff9f5 !important;
    border: 1px solid #fed7aa !important;
    color: #c2410c !important;
    font-weight: 750 !important;
}

/* Tek Noktadan Yükleme / Teslimat Bilgi Rozeti */
.form-panel.goruntuleme-modu .rota-tek-nokta-bilgi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 8px !important;
    padding: 3px 8px !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 6px !important;
    color: #15803d !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    width: fit-content !important;
}

.form-panel.goruntuleme-modu .rota-tek-nokta-bilgi .tek-nokta-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #16a34a !important;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2) !important;
}

.form-panel:not(.goruntuleme-modu) .rota-tek-nokta-bilgi {
    display: none !important;
}

/* Finansal Dağılım Çubuğu (Mini P&L Bar) */
.finans-pnl-dagilim-karti {
    margin-top: 10px;
    padding: 9px 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 9px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

.finans-pnl-dagilim-karti .pnl-dagilim-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.finans-pnl-dagilim-karti .dagilim-baslik-metin {
    font-size: 9px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.finans-pnl-dagilim-karti .dagilim-oran-ozet {
    font-size: 9.5px;
    font-weight: 800;
    color: #10b981;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    border-radius: 4px;
    padding: 1px 5px;
    font-family: 'JetBrains Mono', 'DM Mono', monospace;
}

.finans-pnl-dagilim-karti .pnl-dagilim-progress-bar {
    display: flex;
    height: 7px;
    border-radius: 4px;
    overflow: hidden;
    background: #e2e8f0;
    gap: 2px;
}

.finans-pnl-dagilim-karti .pnl-bar-segment {
    height: 100%;
    transition: width 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    border-radius: 2px;
}

.finans-pnl-dagilim-karti .pnl-bar-segment.maliyet {
    background: linear-gradient(90deg, #ef4444 0%, #dc2626 100%);
}

.finans-pnl-dagilim-karti .pnl-bar-segment.kar {
    background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}

.finans-pnl-dagilim-karti .pnl-tiles-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 7px !important;
    margin-top: 5px !important;
}

.finans-pnl-dagilim-karti .pnl-tile {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 5px 9px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    box-sizing: border-box !important;
}

.finans-pnl-dagilim-karti .pnl-tile.maliyet {
    border-left: 3px solid #ef4444 !important;
}

.finans-pnl-dagilim-karti .pnl-tile.kar {
    border-left: 3px solid #16a34a !important;
}

.finans-pnl-dagilim-karti .pnl-tile-head {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
}

.finans-pnl-dagilim-karti .pnl-tile-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.finans-pnl-dagilim-karti .pnl-tile-dot.maliyet {
    background: #ef4444 !important;
}

.finans-pnl-dagilim-karti .pnl-tile-dot.kar {
    background: #16a34a !important;
}

.finans-pnl-dagilim-karti .pnl-tile-val {
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
}

.finans-pnl-dagilim-karti .pnl-tile-val.maliyet {
    color: #dc2626 !important;
}

.finans-pnl-dagilim-karti .pnl-tile-val.kar {
    color: #16a34a !important;
}

.finans-pnl-dagilim-karti .pnl-dagilim-ayak {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 1px;
}

.finans-pnl-dagilim-karti .dagilim-sayi.maliyet {
    color: #dc2626;
}

.finans-pnl-dagilim-karti .dagilim-sayi.kar {
    color: #059669;
}

/* Fatura Numaraları Monospace Tipografi */
#f_fatura_gelir,
#f_fatura_gider,
#f_ydg_fatura,
#f_irsaliye_no,
.form-panel.goruntuleme-modu #f_fatura_gelir,
.form-panel.goruntuleme-modu #f_fatura_gider,
.form-panel.goruntuleme-modu #f_ydg_fatura,
.form-panel.goruntuleme-modu #f_irsaliye_no {
    font-family: 'JetBrains Mono', 'SF Mono', Consolas, monospace !important;
    letter-spacing: 0.035em !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

/* Vade Satırı ve Rozet Konumlandırması (Tarihin Hemen Sağına) */
.form-finans-stacked-cards .form-row.form-grid-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr) !important;
    gap: 8px !important;
}

.vade-alan-satir {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

.form-panel.goruntuleme-modu .vade-alan-satir input {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    flex: 0 0 96px !important;
    font-size: 13px !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu .vade-sayac-rozet,
.vade-sayac-rozet {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 1.5px 5px !important;
    font-size: 8.5px !important;
    font-weight: 750 !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
}

/* Kilitli İnceleme Modu Klavye İpucu Vurgusu */
.form-panel.goruntuleme-modu #formIpucuEnter kbd {
    background: #fff4ee !important;
    color: #F76C0D !important;
    border-color: #fed7aa !important;
}

/* ==========================================================================
   TAVSİYE 3: TABULAR NUMBERS & JETBRAINS MONO RUHU
   ========================================================================== */
#f_gelir,
#f_gider,
#f_ydg_gelir,
#f_ydg_gider,
#f_tarih,
#f_teslim_tarihi,
#f_vade_tarihi,
#f_tahsilat_vade_tarihi,
#f_cekici,
#f_dorse,
#f_kap,
#f_kg,
#f_hacim,
#f_ldm,
.para-input-wrap .input-alan,
.hizli-finans-input,
.form-live-pnl .pnl-tutar,
.form-live-pnl .pnl-marj,
.form-audit-stamp,
.audit-time,
.vade-sayac-rozet {
    font-family: 'JetBrains Mono', 'DM Mono', 'SF Mono', Menlo, Consolas, monospace !important;
    font-variant-numeric: tabular-nums lining-nums !important;
    letter-spacing: -0.01em;
}

#f_cekici,
#f_dorse {
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

/* ==========================================================================
   TAVSİYE 4: YÜK NİTELİKLERİ - SADECE SEÇİLİLERİN PARLAMASI
   ========================================================================== */
.nitelik-bos-rozet {
    display: none;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 10.5px;
    font-weight: 600;
    color: #64748b;
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    user-select: none;
}

/* Kilitli modda seçili olmayan nitelik butonlarını gizle */
.form-panel.goruntuleme-modu .nitelik-chip-label:has(.nitelik-cb:not(:checked)) {
    display: none !important;
}

.form-panel.goruntuleme-modu .yuk-nitelik-chips.nitelik-yok .nitelik-chip-label {
    display: none !important;
}

/* Hiç nitelik seçilmemişse "Standart Taşıma" rozetini göster */
.form-panel.goruntuleme-modu .yuk-nitelik-chips.nitelik-yok .nitelik-bos-rozet,
.form-panel.goruntuleme-modu .yuk-nitelik-chips:not(:has(.nitelik-cb:checked)) .nitelik-bos-rozet {
    display: inline-flex !important;
}

/* Kilitli modda seçili nitelikler canlı birer mühür gibi dursun */
.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill {
    cursor: default !important;
    pointer-events: none !important;
    font-weight: 800 !important;
    border-width: 1.5px !important;
}

.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.adr {
    background: #fef2f2 !important;
    border-color: #f87171 !important;
    color: #b91c1c !important;
}

.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.frigo {
    background: #f0fdfa !important;
    border-color: #5eead4 !important;
    color: #0f766e !important;
}

.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.gabari {
    background: #faf5ff !important;
    border-color: #c084fc !important;
    color: #6b21a8 !important;
}

.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.express {
    background: #fff7ed !important;
    border-color: #fdba74 !important;
    color: #c2410c !important;
}

/* ==========================================================================
   TAVSİYE 5: HERO CTA ODAKLANMASI (KİLİTLİYKEN FORM DİNGİN, TEK PARLAYAN BUTON)
   ========================================================================== */
.form-panel.goruntuleme-modu .form-aksiyonlar .btn-iptal {
    background: #f1f5f9 !important;
    border: 1px solid #cbd5e1 !important;
    color: #475569 !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

.form-panel.goruntuleme-modu .form-aksiyonlar .btn-iptal:hover {
    background: #e2e8f0 !important;
    color: #1e293b !important;
    border-color: #94a3b8 !important;
}

.form-panel::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--turuncu), #ffb27d 40%, transparent 85%);
}

.form-baslik-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 0;
    cursor: pointer;
    user-select: none;
}

.form-baslik-metin {
    font-size: 11px;
    color: var(--metin);
    letter-spacing: 0.04em;
}

.form-toggle-ikon {
    background: #ecfdf5;
    color: #16a34a;
    border: 1px solid #bbf7d0;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 8px;
    font-weight: 800;
    transition: var(--gecis);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.form-toggle-ikon:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(34,197,94,0.12);
}

.form-icerik-kap {
    margin-top: 6px;
    transition: all 0.3s ease;
    display: none;
}

.input-satiri {
    display: grid;
    gap: 8px;
    align-items: start;
}

.form-mod-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    margin-top: 4px;
    padding: 5px 7px;
    border: 1px solid rgba(148,163,184,0.14);
    border-radius: 10px;
    background: #fff;
    position: relative;
    z-index: 2;
}

.form-mod-sekmeler {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
}

.form-mod-btn {
    border: 1px solid rgba(148,163,184,0.22);
    background: rgba(255,255,255,0.92);
    color: var(--metin-ikincil);
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 8px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--gecis);
    pointer-events: auto;
    position: relative;
    z-index: 4;
}

.form-mod-btn.aktif {
    background: var(--turuncu);
    border-color: var(--turuncu);
    color: #fff;
    box-shadow: 0 10px 22px rgba(247,108,13,0.16);
}

.form-mod-aciklama {
    color: var(--metin-ikincil);
    font-size: 8px;
    line-height: 1.15;
    max-width: 220px;
    text-align: right;
}

.form-ozet-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 6px;
    padding: 6px 8px;
    border: 1px solid rgba(226,232,240,0.9);
    border-radius: 11px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.84);
    transition: var(--gecis);
}

.form-ozet-icerik {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
}

.form-ozet-rozet {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.form-ozet-bar[data-mode="detayli"] .form-ozet-rozet {
    background: #eff6ff;
    color: #1d4ed8;
}

.form-ozet-bar[data-mode="duzenleme"] .form-ozet-rozet {
    background: #ecfeff;
    color: #0f766e;
}

.form-ozet-metin {
    min-width: 0;
    font-size: 8px;
    color: var(--metin-ikincil);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-ozet-btn {
    flex: 0 0 auto;
    border: 1px solid rgba(148,163,184,0.22);
    background: rgba(255,255,255,0.92);
    color: var(--metin);
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 8px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

.form-ozet-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(247,108,13,0.3);
    color: var(--turuncu-koyu);
    background: #fff7ed;
}

.form-panel[data-collapsed="1"] .form-ozet-bar {
    background: linear-gradient(180deg, rgba(255,248,240,0.98), rgba(255,255,255,0.95));
    border-color: rgba(247,108,13,0.16);
}

.form-panel[data-collapsed="1"] .form-ozet-btn {
    color: var(--turuncu-koyu);
    border-color: rgba(247,108,13,0.2);
    background: rgba(255,247,237,0.96);
}

body.operasyon-mod .tab-sarici {
    gap: 6px;
}

body.operasyon-mod .tab-btn {
    min-height: 36px;
    padding: 8px 13px;
    font-size: 10px;
}

body.operasyon-mod .tab-sarici > #tabGenel,
body.operasyon-mod .tab-sarici > #tabUkt,
body.operasyon-mod .tab-sarici > #tabMusteriler,
body.operasyon-mod .tab-sarici > #tabTedarikciler,
body.operasyon-mod .tab-sarici > #tabDashboard,
body.operasyon-mod .tab-sarici > #tabFinansMerkezi,
body.operasyon-mod .tab-sarici > #tabSirketMerkezi,
body.operasyon-mod .tab-sarici > #tabAdmin {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

body.operasyon-mod .form-panel {
    padding: 8px 10px 5px;
    margin-bottom: 6px;
}

body.operasyon-mod .form-mod-bar {
    margin-top: 3px;
    padding: 4px 6px;
}

body.operasyon-mod .arama-bari {
    padding: 8px 10px;
    margin-bottom: 6px;
}

body.operasyon-mod .hizli-filtre {
    padding: 5px 9px;
    font-size: 9.5px;
}

.form-blok {
    padding: 7px;
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,0.14);
    background: #fff;
    box-shadow: none;
}

.form-blok.sade {
    padding: 10px;
    border-color: rgba(247,108,13,0.12);
    background: #fffaf6;
}

.form-blok-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    margin-bottom: 6px;
}

.form-blok-ust.tiklanabilir {
    cursor: pointer;
}

.form-blok-toggle {
    border: 1px solid rgba(148,163,184,0.18);
    background: #fff;
    color: var(--metin-ikincil);
    border-radius: 999px;
    padding: 6px 10px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.form-blok.kapali .form-blok-alt {
    margin-bottom: 0;
}

.form-blok-baslik {
    font-size: 16px;
    font-weight: 850;
    color: var(--metin);
    letter-spacing: -0.01em;
    margin-bottom: 2px;
}

.form-blok-alt {
    font-size: 12px;
    color: var(--metin-ikincil);
    margin-bottom: 12px;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.form-tek-blok {
    padding: 6px;
    border-radius: 10px;
}

.form-tek-ust {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    align-items: center;
    margin-bottom: 4px;
}

.form-tek-baslik-grup .form-blok-alt {
    margin-top: 2px;
}

.form-row {
    display: grid;
    gap: 14px 12px;
}

.form-row .input-grup.genis,
.form-row .input-grup.orta,
.form-row .input-grup.dar {
    grid-column: span 1;
}

.form-row.yedi {
    grid-template-columns: repeat(7, minmax(0, 1fr));
    margin-bottom: 5px;
}

.guzergah-form-blok {
    margin: 6px 0;
    border-color: rgba(247,108,13,0.16);
    background: #fffaf6;
}

.guzergah-ekle-aksiyonlari {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

.guzergah-ekle-aksiyonlari .btn-iptal {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 850;
}

.guzergah-durak-listesi {
    display: grid;
    gap: 8px;
}

.guzergah-durak-satir {
    display: grid;
    grid-template-columns: 24px 110px minmax(240px, 1fr) auto;
    align-items: center;
    gap: 8px;
    padding: 6px 10px;
    border: 1px solid var(--kenarlik, #e2e8f0);
    border-radius: 9px;
    background: #ffffff;
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.guzergah-durak-satir:hover {
    border-color: #cbd5e1;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
}

.guzergah-durak-sira {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--turuncu-hafif, #fff4ee);
    color: var(--turuncu, #F76C0D);
    border: 1px solid #fed7aa;
    font-size: 10.5px;
    font-weight: 800;
}

.guzergah-durak-satir > strong {
    font-size: 10px;
    font-weight: 800;
    color: var(--turuncu-koyu, #d95c08);
    background: var(--turuncu-hafif, #fff4ee);
    border: 1px solid #fed7aa;
    padding: 3px 8px;
    border-radius: 5px;
    letter-spacing: 0.04em;
    text-align: center;
}

.guzergah-durak-satir[data-guzergah-tip="yukleme"] > strong {
    color: #047857;
    background: #ecfdf5;
    border-color: #a7f3d0;
}

.guzergah-durak-satir[data-guzergah-tip="yukleme"] .guzergah-durak-sira {
    background: #ecfdf5;
    color: #059669;
    border-color: #a7f3d0;
}

.guzergah-durak-sil {
    min-height: 32px;
    padding: 0 10px;
}

.input-grup.sistem-alani .input-alan[readonly] {
    background: #f8fafc;
    color: #64748b;
    cursor: not-allowed;
}

.input-grup.sistem-alani .input-etiket:not(:has(.etiket-rozet-oto))::after {
    content: " OTOMATİK";
    margin-left: 6px;
    color: #94a3b8;
    font-size: 9px;
    font-weight: 900;
}

.guzergah-tablo-ozet {
    display: inline;
    padding: 0;
    border: 0;
    background: transparent;
    color: #475569;
    font-size: inherit;
    font-weight: 850;
    line-height: inherit;
    white-space: nowrap;
    cursor: help;
}

.guzergah-tablo-ozet:hover,
.guzergah-tablo-ozet:focus-visible {
    color: #ea580c;
}

@media (max-width: 1180px) {
    .guzergah-durak-satir {
        grid-template-columns: 28px 1fr;
    }

    .guzergah-durak-satir > .input-alan,
    .guzergah-durak-sil {
        grid-column: 1 / -1;
    }
}

/* Ana sekme dolgusunu anında değiştir; genel `all` geçişinin oluşturduğu
   kısa turuncu orta çizgi/parlama artefaktını engelle. */
body .tab-sarici .tab-btn,
body .tab-sarici .tab-btn:hover,
body .tab-sarici .tab-btn.aktif {
    transition-property: color, border-color !important;
    transition-duration: 0.12s !important;
    transition-timing-function: ease !important;
}

.form-row.alti {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    margin-bottom: 5px;
}

.form-row.ikili {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.form-row.finans-ukt {
    grid-template-columns: minmax(0, 1.3fr) 92px minmax(0, 1.3fr) 92px;
    align-items: end;
}

.form-tek-etiket {
    justify-self: end;
    align-self: center;
    padding: 3px 7px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 7px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.form-grid.hizli {
    grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
}

.input-grup {
    min-width: 0;
}

.input-grup.genis {
    grid-column: span 2;
}

.input-grup.tam {
    grid-column: 1 / -1;
}

.input-grup.orta,
.input-grup.dar {
    grid-column: span 1;
}

.input-grup.mini-doviz {
    grid-column: span 1;
}

.doviz-mini-select {
    text-align: center;
    font-weight: 800;
    letter-spacing: 0.04em;
    padding-left: 6px;
    padding-right: 6px;
}

.form-hizli-baslik {
    font-size: 13px;
    font-weight: 800;
    color: var(--metin);
    margin-bottom: 4px;
}

.form-hizli-alt {
    font-size: 10px;
    color: var(--metin-ikincil);
    margin-bottom: 8px;
}

.input-alan, .select-alan {
    height: var(--std-input-h);
    padding: 6px var(--std-input-pad-x);
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: var(--std-input-radius);
    background: linear-gradient(180deg, #f8fafc, #f3f6fa);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.input-alan:focus, .select-alan:focus {
    border-color: rgba(247,108,13,0.45);
    box-shadow: 0 0 0 3px rgba(247,108,13,0.1);
}

.input-yonlendirme {
    margin-top: 2px;
    font-size: 8px;
    color: var(--metin-ikincil);
}

.form-aksiyonlar {
    margin-top: 8px;
}

.btn-ana {
    padding: 10px var(--std-control-pad-x);
    border-radius: var(--std-radius-sm);
    font-weight: 800;
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    box-shadow: 0 10px 18px rgba(247,108,13,0.18);
}

.btn-ana:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(247,108,13,0.26);
}

.btn-iptal {
    padding: 11px var(--std-control-pad-x);
    border: 1px solid rgba(148,163,184,0.26);
    border-radius: var(--std-panel-radius);
    background: rgba(248,250,252,0.94);
    font-weight: 700;
}

.arama-bari {
    position: relative;
    z-index: 120;
    padding: 10px 12px;
    margin-bottom: 8px;
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: var(--radius-md);
    background: rgba(255,255,255,0.76);
    box-shadow: var(--golge);
    backdrop-filter: blur(12px);
}

.genel-arama-input {
    width: 330px;
    padding: 9px 13px;
    border: 1px solid rgba(148,163,184,0.26);
    border-radius: 12px;
    background: #f8fafc;
}

.genel-arama-input:focus {
    border-color: rgba(247,108,13,0.4);
    background: var(--beyaz);
    box-shadow: 0 0 0 4px rgba(247,108,13,0.1);
}

.toplu-bari {
    margin-bottom: 14px;
    padding: 12px 16px;
    border: 1px solid #cfe1ff;
    border-radius: 16px;
    background: linear-gradient(135deg, #f8fbff, #eef6ff);
    box-shadow: var(--golge);
}

.btn-toplu {
    padding: 9px 14px;
    border-radius: 12px;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.btn-uyari {
    background: #fef3c7;
    color: #d97706;
}

.btn-uyari:hover {
    background: #d97706;
    color: white;
}

.tablo-kart {
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: 20px 20px 0 0;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.96));
    box-shadow:
        0 18px 36px rgba(15,23,42,0.08),
        inset 0 1px 0 rgba(255,255,255,0.92);
    backdrop-filter: blur(12px);
}

.tablo-sarici {
    max-height: calc(100vh - 214px);
    background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(248,250,252,0.98));
    border-top: 1px solid rgba(226,232,240,0.88);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
    position: relative;
    scrollbar-gutter: stable both-edges;
}

body.operasyon-mod .tablo-sarici {
    max-height: calc(100vh - 146px);
}

body.kompakt-mod .tablo-sarici {
    max-height: calc(100vh - 168px);
}

.btn-tablo-odak {
    border-color: rgba(247,108,13,0.18);
    background: linear-gradient(180deg, rgba(255,247,237,0.96), rgba(255,255,255,0.94));
    color: #c2410c;
}

.btn-tablo-odak.aktif {
    border-color: rgba(247,108,13,0.28);
    background: linear-gradient(180deg, rgba(247,108,13,0.14), rgba(255,247,237,0.94));
    color: var(--turuncu-koyu);
    box-shadow: 0 10px 20px rgba(247,108,13,0.12);
}

body.form-panel-acik .tablo-sarici {
    max-height: calc(100vh - 324px);
}

body.form-panel-kapali .tablo-sarici {
    max-height: calc(100vh - 138px);
}

body.operasyon-mod.form-panel-acik .tablo-sarici {
    max-height: calc(100vh - 274px);
}

body.operasyon-mod.form-panel-kapali .tablo-sarici {
    max-height: calc(100vh - 116px);
}

body.kompakt-mod.form-panel-acik .tablo-sarici {
    max-height: calc(100vh - 286px);
}

body.kompakt-mod.form-panel-kapali .tablo-sarici {
    max-height: calc(100vh - 124px);
}

body.yeni-kayit-katmani-acik .tablo-sarici {
    max-height: calc(100vh - 138px) !important;
}

body.operasyon-mod.yeni-kayit-katmani-acik .tablo-sarici {
    max-height: calc(100vh - 116px) !important;
}

body.kompakt-mod.yeni-kayit-katmani-acik .tablo-sarici {
    max-height: calc(100vh - 124px) !important;
}

body.tablo-odak-modu .tab-sarici {
    gap: 5px;
    margin-bottom: 0;
}

body.tablo-odak-modu .tab-btn {
    padding: 7px 12px;
    border-radius: 12px 12px 0 0;
    font-size: 10px;
}

body.tablo-odak-modu .form-panel {
    padding: 7px 10px 5px;
    margin-bottom: 5px;
}

body.tablo-odak-modu .form-baslik-metin {
    font-size: 10px;
}

body.tablo-odak-modu .form-toggle-ikon {
    padding: 4px 9px;
    font-size: 7px;
}

body.tablo-odak-modu.form-panel-kapali .form-mod-bar {
    display: none;
}

body.tablo-odak-modu .form-ozet-bar {
    margin-top: 4px;
    padding: 5px 7px;
}

body.tablo-odak-modu .arama-bari {
    gap: 8px;
    padding: 8px 10px;
    margin-bottom: 6px;
}

body.tablo-odak-modu .hizli-filtre {
    padding: 5px 8px;
    font-size: 9px;
}

body.tablo-odak-modu .genel-arama-input {
    width: 280px;
    padding: 8px 11px;
}

body.tablo-odak-modu .aktif-filtre-ozeti {
    margin-bottom: 6px;
}

body.tablo-odak-modu .toplu-bari {
    margin-bottom: 8px;
    padding: 8px 10px;
}

body.tablo-odak-modu .tablo-kart {
    border-radius: 18px 18px 0 0;
}

body.tablo-odak-modu.form-panel-kapali .tablo-sarici {
    max-height: calc(100vh - 88px);
}

body.tablo-odak-modu.form-panel-acik .tablo-sarici {
    max-height: calc(100vh - 234px);
}

body.operasyon-mod.tablo-odak-modu.form-panel-kapali .tablo-sarici {
    max-height: calc(100vh - 78px);
}

body.operasyon-mod.tablo-odak-modu.form-panel-acik .tablo-sarici {
    max-height: calc(100vh - 214px);
}

body.kompakt-mod.tablo-odak-modu.form-panel-kapali .tablo-sarici {
    max-height: calc(100vh - 82px);
}

body.kompakt-mod.tablo-odak-modu.form-panel-acik .tablo-sarici {
    max-height: calc(100vh - 222px);
}

body.tablo-odak-modu.yeni-kayit-katmani-acik .tablo-sarici {
    max-height: calc(100vh - 88px) !important;
}

body.operasyon-mod.tablo-odak-modu.yeni-kayit-katmani-acik .tablo-sarici {
    max-height: calc(100vh - 78px) !important;
}

body.kompakt-mod.tablo-odak-modu.yeni-kayit-katmani-acik .tablo-sarici {
    max-height: calc(100vh - 82px) !important;
}

.tablo-scroll-yardimci,
#tabloScrollFloatingBar {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

.tablo-scroll-yardimci-btn {
    width: 16px;
    height: 16px;
    border: 1px solid rgba(203,213,225,0.82);
    border-radius: 999px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    color: #475569;
    font: 700 9px/1 'DM Sans', sans-serif;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
    opacity: 0;
    pointer-events: none;
    transform: scale(0.92);
    transition: transform 0.18s ease, border-color 0.16s ease, color 0.16s ease, background 0.16s ease, opacity 0.18s ease;
}

.tablo-scroll-yardimci.aktif .tablo-scroll-yardimci-btn,
.tablo-scroll-yardimci:hover .tablo-scroll-yardimci-btn {
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.tablo-scroll-yardimci-btn:hover:not(:disabled) {
    transform: translateY(-1px);
    border-color: rgba(247,108,13,0.34);
    color: var(--turuncu);
    background: #fff7ed;
}

.tablo-scroll-yardimci-btn:disabled {
    opacity: 0.42;
    cursor: not-allowed;
}

.tablo-scroll-yardimci-track {
    position: relative;
    flex: 1;
    height: 5px;
    border-radius: 999px;
    background: rgba(203,213,225,0.18);
    cursor: pointer;
    overflow: hidden;
    transition: background 0.18s ease;
}

.tablo-scroll-yardimci-track::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        repeating-linear-gradient(
            90deg,
            rgba(148,163,184,0.14) 0 22px,
            rgba(255,255,255,0) 22px 34px
        );
    opacity: 0.6;
    pointer-events: none;
}

.tablo-scroll-yardimci.aktif .tablo-scroll-yardimci-track,
.tablo-scroll-yardimci:hover .tablo-scroll-yardimci-track {
    background: rgba(203,213,225,0.34);
}

.tablo-scroll-yardimci-thumb {
    position: absolute;
    top: 1px;
    left: 0;
    height: 3px;
    min-width: 34px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(249,125,38,0.66), rgba(232,95,6,0.62));
    box-shadow: 0 1px 4px rgba(247,108,13,0.12);
    transform: translateX(0);
    will-change: transform;
    transition: box-shadow 0.14s ease, background 0.14s ease;
}

.tablo-scroll-yardimci.aktif .tablo-scroll-yardimci-thumb,
.tablo-scroll-yardimci:hover .tablo-scroll-yardimci-thumb,
.tablo-scroll-yardimci-track:active .tablo-scroll-yardimci-thumb {
    background: linear-gradient(180deg, #f97d26, #e85f06);
    box-shadow: 0 3px 8px rgba(247,108,13,0.2);
}

table {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    min-width: 1900px;
    table-layout: fixed;
}

thead th {
    padding: 5px 9px;
    border: 0;
    border-bottom: 1px solid #e5e7eb;
    border-right: 1px solid rgba(255,255,255,0.12);
    background: #2C3E50;
    font-family: 'DM Sans', sans-serif;
    font-size: 9.8px;
    font-weight: 700;
    letter-spacing: 0.06em;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 1px 0 rgba(15,23,42,0.12);
    vertical-align: middle;
    color: #ffffff;
    text-shadow: none;
    position: sticky;
    top: 0;
    z-index: 30;
    overflow: hidden;
}

thead th[data-kolon] {
    user-select: none;
}

thead th[data-kolon].kolon-resize-hedef {
    box-shadow:
        inset 2px 0 0 rgba(247,108,13,0.95),
        inset -2px 0 0 rgba(247,108,13,0.95),
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 1px 0 rgba(15,23,42,0.12);
}

.kolon-resizer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 45;
    width: 9px;
    height: 100%;
    cursor: col-resize;
    touch-action: none;
}

.kolon-resizer::after {
    content: "";
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 3px;
    width: 2px;
    border-radius: 999px;
    background: rgba(255,255,255,0.28);
    opacity: 0;
    transition: opacity 0.16s ease, background 0.16s ease;
}

thead th[data-kolon]:hover .kolon-resizer::after,
thead th[data-kolon].kolon-resize-hedef .kolon-resizer::after {
    opacity: 1;
    background: rgba(247,108,13,0.95);
}

body.kolon-resize-aktif,
body.kolon-resize-aktif * {
    cursor: col-resize !important;
    user-select: none !important;
}

thead th * {
    text-shadow: none;
}

thead th:last-child {
    border-right: none;
}

tbody td {
    padding: 4px 7px;
    border: 0;
    border-bottom: 1px solid rgba(214,220,229,0.86);
    border-right: 1px solid rgba(214,220,229,0.82);
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
    line-height: 1.18;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: none;
}

tbody td:last-child {
    border-right: none;
}

tbody tr:nth-child(even) td { background: #ffffff; }

tbody tr:hover td {
    background: linear-gradient(180deg, rgba(250,252,254,0.98), rgba(245,248,252,0.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(148,163,184,0.08);
}

tbody tr {
    transition: none;
}

tbody tr.satir-canli-guncellendi td {
    animation: logiCanliSatirParla 1.15s ease-out 1;
}

tbody tr.satir-canli-guncellendi td:first-child {
    box-shadow: inset 4px 0 0 rgba(34,197,94,0.86), inset 0 1px 0 rgba(255,255,255,0.9);
}

tbody tr.satir-secili td {
    background: linear-gradient(180deg, rgba(255,250,245,0.98), rgba(255,247,241,0.96)) !important;
}

tbody tr.satir-secili td:first-child {
    box-shadow: inset 3px 0 0 rgba(247,108,13,0.78);
}

tbody tr.satir-aktif td {
    background: linear-gradient(180deg, rgba(255,251,247,1), rgba(255,248,243,0.98)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(247,108,13,0.08);
}

tbody tr.satir-aktif td:first-child {
    box-shadow: inset 4px 0 0 rgba(247,108,13,0.98);
}

tbody tr.satir-aktif:hover td,
tbody tr.satir-secili:hover td {
    background: linear-gradient(180deg, rgba(255,249,244,1), rgba(255,246,240,0.98)) !important;
}

tbody tr.tablo-klavye-aktif-satir:hover td {
    background: linear-gradient(180deg, rgba(255,250,245,0.98), rgba(255,246,239,0.95)) !important;
}

tbody tr.tablo-klavye-aktif-satir td {
    background: linear-gradient(180deg, rgba(255,250,245,0.98), rgba(255,246,239,0.95)) !important;
}

tbody tr.tablo-klavye-aktif-satir td:first-child {
    box-shadow: inset 3px 0 0 rgba(247,108,13,0.58);
}

tbody td.tablo-klavye-aktif-hucre {
    background: linear-gradient(180deg, rgba(255,244,232,0.96), rgba(255,238,222,0.92)) !important;
    box-shadow: inset 0 0 0 1px rgba(247,108,13,0.16), inset 0 -2px 0 rgba(247,108,13,0.45) !important;
}

tbody tr[data-klavye-satir="1"]:focus,
tbody tr[data-klavye-satir="1"]:focus-visible,
tbody tr[data-klavye-satir="1"]:focus-within {
    outline: none !important;
    box-shadow: none !important;
}

tbody tr td:first-child,
thead th:first-child {
    border-left: 1px solid #D6DCE5;
}

thead th:nth-child(2),
tbody td:nth-child(2) {
    border-right-color: #cbd5df;
}

thead th.kolon-musteri,
thead th.kolon-gelir,
thead th.kolon-gider,
thead th.kolon-sayisal,
thead th.kolon-tarih,
thead th.kolon-teklif,
thead th.kolon-yil,
thead th.kolon-ref,
thead th.kolon-evrak {
    color: #ffffff;
    background: #2C3E50;
}

tbody td.kolon-musteri {
    font-weight: 750;
    color: #111827;
    letter-spacing: 0;
    min-width: 0;
    text-align: left;
}

.musteri-hucre-etiket {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 28px;
    margin: 0;
    padding: 4px 11px;
    border: 1px solid rgba(247,108,13,0.24);
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf6 100%);
    color: #111827;
    font-size: 10.8px;
    font-weight: 850;
    line-height: 1.18;
    letter-spacing: 0;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.72), 0 2px 7px rgba(15,23,42,0.055);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}

.musteri-hucre-ad {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr:hover td.kolon-musteri .musteri-hucre-etiket {
    border-color: rgba(247,108,13,0.34);
    background: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.86), 0 5px 13px rgba(15,23,42,0.085);
}

body.operasyon-mod .musteri-hucre-etiket,
body.kompakt-mod .musteri-hucre-etiket {
    min-height: 25px;
    padding: 3px 9px;
    font-size: 10px;
}

tbody td.kolon-gelir,
tbody td.kolon-gider {
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

thead th.kolon-sayisal,
tbody td.kolon-sayisal,
thead th.kolon-gelir,
thead th.kolon-gider,
tbody td.kolon-gelir,
tbody td.kolon-gider {
    text-align: right;
}

thead th.kolon-tarih,
thead th.kolon-teklif,
thead th.kolon-yil,
thead th.kolon-ref,
thead th.kolon-evrak,
tbody td.kolon-tarih,
tbody td.kolon-teklif,
tbody td.kolon-yil,
tbody td.kolon-ref,
tbody td.kolon-evrak {
    text-align: center;
}

tbody td.kolon-tarih,
tbody td.kolon-yil,
tbody td.kolon-ref,
tbody td.kolon-sayisal {
    font-variant-numeric: tabular-nums;
}

tbody td.kolon-tarih,
tbody td.kolon-ref {
    font-family: 'DM Mono', monospace;
    letter-spacing: 0.01em;
}

tbody td.kolon-ref.ref-link {
    color: #f97316;
    font-weight: 600;
    cursor: pointer;
}

tbody td.kolon-ref.ref-link:hover {
    text-decoration: underline;
    text-underline-offset: 3px;
}

tbody td.kolon-gelir {
    color: #16a34a;
}

tbody td.kolon-gider {
    color: #dc2626;
}

tbody td.kolon-gelir,
tbody td.kolon-gider,
tbody td.kolon-sayisal,
tbody td.kolon-tarih,
tbody td.kolon-yil,
tbody td.kolon-ref {
    position: relative;
}

tbody td.kolon-gelir::after,
tbody td.kolon-gider::after {
    display: none;
}

thead th.durum-hucre,
tbody td.durum-hucre {
    width: 124px;
    min-width: 124px;
    max-width: 124px;
    text-align: center !important;
}

thead th.durum-hucre .siralanabilir-baslik {
    gap: 8px;
    justify-content: space-between;
}

thead th.durum-hucre .baslik-metin-kap {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

thead th.durum-hucre .filtre-tetik {
    flex: 0 0 auto;
}

tbody td.durum-hucre {
    padding-left: 6px !important;
    padding-right: 6px !important;
    overflow: hidden;
}

thead th.kolon-tarih,
tbody td.kolon-tarih {
    width: 92px;
    min-width: 92px;
    max-width: 92px;
}

thead th.kolon-yil,
tbody td.kolon-yil {
    width: 62px;
    min-width: 62px;
    max-width: 62px;
}

thead th.kolon-gelir,
thead th.kolon-gider,
tbody td.kolon-gelir,
tbody td.kolon-gider {
    width: 126px;
    min-width: 126px;
    max-width: 126px;
    text-align: center !important;
}

thead th.kolon-ydg,
tbody td.kolon-ydg {
    width: 142px;
    min-width: 142px;
    max-width: 142px;
}

thead th.kolon-fatura,
tbody td.kolon-fatura {
    width: 152px;
    min-width: 152px;
    max-width: 152px;
}

thead th.kolon-finans .siralanabilir-baslik {
    justify-content: center;
    gap: 8px;
    text-align: center !important;
}

thead th.kolon-finans .baslik-metin-kap {
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

thead th.kolon-finans .filtre-tetik {
    flex: 0 0 auto;
}

tbody td.kolon-gelir,
tbody td.kolon-gider {
    text-align: center !important;
}

thead th.kolon-sayisal,
tbody td.kolon-sayisal {
    width: 78px;
    min-width: 78px;
    max-width: 78px;
}

thead th.kolon-finans,
tbody td.kolon-finans {
    width: 126px;
    min-width: 126px;
    max-width: 126px;
    text-align: center !important;
}

thead th.kolon-ydg,
tbody td.kolon-ydg {
    width: 142px;
    min-width: 142px;
    max-width: 142px;
}

body.kompakt-mod thead th,
body.operasyon-mod thead th {
    padding: 4px 8px;
}

body.kompakt-mod tbody td,
body.operasyon-mod tbody td {
    padding: 1px 6px;
    line-height: 1;
}

thead th.secim-hucre,
tbody td.secim-hucre {
    width: 44px;
    min-width: 44px;
    max-width: 44px;
    text-align: center;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

thead th.secim-hucre input,
tbody td.secim-hucre input {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

thead th.kolon-teklif,
tbody td.kolon-teklif {
    width: 124px;
    min-width: 124px;
    max-width: 124px;
    vertical-align: middle;
}

.teklif-hucre {
    padding-left: 6px !important;
    padding-right: 6px !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: clip !important;
}

.teklif-pill {
    appearance: none;
    border: 1px solid transparent;
    cursor: pointer;
    font-family: inherit;
    line-height: 1.1;
    width: 100%;
    max-width: 104px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
    min-height: 22px;
    padding: 2px 7px;
    border-radius: 7px;
    font-size: 9.2px;
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 1px 2px rgba(26,26,46,0.035);
    opacity: 1;
}

.teklif-pill-bagli {
    text-transform: none;
}

.teklif-pill-tamam {
    color: var(--metin);
    border-color: var(--kenarlik);
    background: var(--beyaz);
}

.teklif-pill-uyari {
    color: var(--turuncu-koyu);
    border-color: rgba(247,108,13,0.26);
    background: var(--turuncu-hafif);
}

.teklif-pill-eksik {
    color: var(--metin-ikincil);
    border-color: rgba(209,213,219,0.82);
    background: #ffffff;
}

.teklif-pill-muaf {
    color: #475569;
    border-color: rgba(148,163,184,0.46);
    background: #f8fafc;
}

.teklif-pill-dot,
.teklif-pill-plus {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.teklif-pill-dot {
    width: 3px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    color: var(--metin-ikincil);
    opacity: 0.58;
    box-shadow: none;
}

.teklif-pill-plus {
    width: 12px;
    height: 12px;
    border-radius: 4px;
    background: rgba(107,114,128,0.08);
    color: var(--metin-ikincil);
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
}

.teklif-pill-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr:hover td.kolon-teklif .teklif-pill {
    background: var(--beyaz);
    opacity: 1;
    border-color: rgba(247,108,13,0.34);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 3px 8px rgba(26,26,46,0.055);
}

tbody tr:hover td.kolon-teklif .teklif-pill-eksik {
    color: var(--turuncu-koyu);
}

.teklif-pill-eksik {
    min-width: 0;
    border-style: solid;
}

.teklif-pill:hover {
    filter: brightness(0.98);
    transform: none;
}

.teklif-baglanti-menu {
    position: fixed;
    z-index: 9999;
    min-width: 240px;
    max-width: 330px;
    padding: 7px;
    border: 1px solid #d9e2ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}

.teklif-baglanti-menu button {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #1f2937;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 10px;
    text-align: left;
}

.teklif-baglanti-menu button:hover {
    background: #fff4ec;
    color: #ea580c;
}

.teklif-baglanti-menu button.teklif-baglanti-tehlikeli {
    color: #b42318;
}

.teklif-baglanti-menu button.teklif-baglanti-tehlikeli:hover {
    background: #fff1f0;
    color: #991b1b;
}

.teklif-baglanti-menu-baslik {
    display: grid;
    gap: 2px;
    padding: 8px 9px 7px;
    border-bottom: 1px solid #eef2f7;
    margin-bottom: 5px;
}

.teklif-baglanti-menu-baslik strong {
    color: #0f172a;
    font-size: 12px;
    font-weight: 800;
}

.teklif-baglanti-menu-baslik span,
.teklif-baglanti-menu-yukleniyor,
.teklif-baglanti-bos {
    color: #718096;
    font-size: 11px;
    font-weight: 650;
}

.teklif-baglanti-menu-yukleniyor,
.teklif-baglanti-bos {
    padding: 10px;
}

.teklif-baglanti-aday-listesi {
    display: grid;
    gap: 5px;
    max-height: 280px;
    overflow: auto;
}

.teklif-baglanti-menu .teklif-baglanti-aday {
    display: grid;
    gap: 3px;
    padding: 9px 10px;
    border: 1px solid #e4ebf4;
    background: #ffffff;
}

.teklif-baglanti-menu .teklif-baglanti-aday strong {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #f97316;
    font-size: 12px;
    font-weight: 800;
}

.teklif-baglanti-menu .teklif-baglanti-aday strong em {
    padding: 2px 7px;
    border: 1px solid rgba(22, 163, 74, .2);
    border-radius: 999px;
    background: #ecfdf3;
    color: #15803d;
    font-size: 9.5px;
    font-style: normal;
    font-weight: 850;
}

.teklif-baglanti-menu .teklif-baglanti-aday-onerilen {
    border-color: rgba(22, 163, 74, .28);
    background: linear-gradient(180deg, #fbfffd, #ffffff);
    box-shadow: inset 3px 0 0 rgba(22, 163, 74, .55);
}

.teklif-baglanti-menu .teklif-baglanti-aday span {
    color: #111827;
    font-size: 12px;
    font-weight: 800;
}

.teklif-baglanti-menu .teklif-baglanti-aday small {
    color: #718096;
    font-size: 10px;
    font-weight: 650;
    line-height: 1.35;
}

thead th.kolon-evrak,
tbody td.kolon-evrak {
    width: 76px;
    min-width: 76px;
    max-width: 76px;
}

.evrak-hucre {
    padding-left: 6px !important;
    padding-right: 6px !important;
    white-space: nowrap;
}

.evrak-var,
.evrak-yok,
.evrak-muaf {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

thead th .baslik-metin-kap {
    color: #ffffff;
    font-weight: 700;
    min-width: 0;
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
}

thead th .baslik-metin-kap:hover {
    color: #ffffff;
}

thead th .siralama-ikon {
    color: rgba(255,255,255,0.72);
}

thead th .siralama-ikon.aktif {
    color: #ffffff;
}

thead th .filtre-tetik {
    min-width: 19px;
    min-height: 19px;
    padding: 1px 4px;
    border-radius: 999px;
    background: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.16);
    color: #ffffff;
    box-shadow: none;
}

thead th .filtre-tetik:hover {
    background: #3b4a5a;
    border-color: rgba(255,255,255,0.26);
    color: #ffffff;
    box-shadow: none;
}

thead th .filtre-tetik.aktif {
    background: rgba(247,108,13,0.96);
    border-color: rgba(247,108,13,0.96);
    color: #ffffff;
}

.evrak-var {
    background: #eefaf4;
    color: #1e7f58;
}

.evrak-yok {
    background: #fee2e2;
    color: #dc2626;
}

.evrak-muaf {
    background: #f1f5f9;
    color: #64748b;
}

.siralanabilir-baslik {
    align-items: center;
    min-height: 24px;
}

.baslik-metin-kap {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.siralama-ikon {
    font-size: 9px;
    opacity: 0.42;
    transition: var(--gecis);
}

.siralama-ikon.aktif {
    opacity: 1;
    color: var(--turuncu-koyu);
}

thead th[data-kolon] .siralanabilir-baslik {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 16px !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 22px !important;
    width: 100% !important;
}

thead th[data-kolon] .baslik-metin-kap {
    min-width: 0 !important;
    max-width: 100% !important;
    justify-content: center !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

thead th[data-kolon] .siralama-ikon {
    flex: 0 0 auto !important;
    font-size: 8px !important;
}

thead th[data-kolon] .filtre-tetik {
    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    opacity: 0.82 !important;
}

thead th[data-kolon] .filtre-tetik:hover,
thead th[data-kolon] .filtre-tetik.aktif {
    opacity: 1 !important;
}

.ana-tab input[type="checkbox"] {
    accent-color: var(--turuncu);
}

.sayfalama {
    padding: 16px;
    border: 1px solid rgba(148,163,184,0.18);
    border-top: none;
    border-radius: 0 0 20px 20px;
    background: rgba(255,255,255,0.94);
    box-shadow: var(--golge);
}

.sayfa-btn {
    padding: 9px 15px;
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: 12px;
    font-weight: 700;
}

.modal-overlay, .onay-overlay {
    background: rgba(15,23,42,0.4);
    backdrop-filter: blur(10px) saturate(120%);
}

.modal-kart, .onay-kart {
    border: 1px solid rgba(255,255,255,0.72);
    border-radius: 24px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(251,252,254,0.96));
    box-shadow: var(--golge-buyuk);
}

.modal-kart {
    padding: 30px;
}

.modal-baslik {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.modal-kart .modal-baslik,
.onay-kart .onay-baslik {
    display: flex;
    align-items: center;
    gap: 10px;
}

.modal-kart .modal-aksiyonlar,
.onay-kart .onay-butonlar {
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid rgba(226,232,240,0.8);
}

.modal-select, .yeni-not-input {
    border-radius: 14px;
}

.modal-select {
    padding: 12px 14px;
    border: 1px solid rgba(148,163,184,0.24);
    background: linear-gradient(180deg, #f8fafc, #f3f6fa);
}

.gecmis-kutu {
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,0.2);
    background: linear-gradient(180deg, #f8fafc, #f2f6fa);
    padding: 14px;
}

.yeni-not-input {
    padding: 12px 14px;
    border: 1px solid rgba(247,108,13,0.34);
}

.btn-modal-iptal, .btn-onay-iptal {
    border-radius: 12px;
    border: 1px solid rgba(148,163,184,0.22);
    background: #f8fafc;
    font-weight: 700;
}

.btn-modal-kaydet, .btn-onay-sil {
    border-radius: 12px;
    font-weight: 800;
}

.btn-modal-kaydet {
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    box-shadow: 0 12px 24px rgba(247,108,13,0.2);
}

.toast {
    min-width: 220px;
    padding: 13px 18px;
    border-radius: 16px;
    font-weight: 700;
    backdrop-filter: blur(10px);
}

.evrak-kart {
    padding: 12px;
    border: 1px solid rgba(148,163,184,0.2);
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fafc, #f2f6fa);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8);
}

.evrak-kart:hover {
    border-color: rgba(247,108,13,0.28);
    box-shadow: 0 16px 26px rgba(15,23,42,0.08);
}

.ldm-kart {
    border-radius: 26px;
    border: 1px solid rgba(255,255,255,0.75);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(251,252,254,0.96));
}

.db-kpi-kart {
    position: relative;
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    overflow: hidden;
    padding: var(--density-card-pad);
}

.db-kpi-kart::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(247,108,13,0.9), rgba(247,108,13,0.2), transparent);
}

.db-kpi-ikon {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
}

.db-kpi-etiket {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.09em;
    color: var(--metin-soluk);
    margin-bottom: 6px;
}

.db-kpi-deger {
    font-size: 28px;
    line-height: 1.05;
    letter-spacing: -0.03em;
    margin-top: 2px;
}

.db-kpi-alt {
    color: var(--metin-soluk);
    font-size: 11px;
    line-height: 1.45;
    margin-top: 6px;
}

.db-chart-grid > div {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(148,163,184,0.18) !important;
    border-radius: 22px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.96)) !important;
    box-shadow: 0 18px 34px rgba(15,23,42,0.07) !important;
}

.db-chart-grid > div::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(247,108,13,0.85), rgba(247,108,13,0.18), transparent);
}

.db-chart-grid > div > div:first-child {
    margin-bottom: 18px !important;
}

.db-panel-kart {
    position: relative;
    overflow: hidden;
}

.db-panel-header {
    position: relative;
    z-index: 1;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(226,232,240,0.82);
}

.db-panel-baslik,
.db-cari-baslik {
    color: #162131;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.25;
}

.db-panel-alt {
    margin-top: 4px;
    color: #6b7280;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.45;
}

.db-acilir-panel {
    margin-bottom: 18px;
    border-radius: 18px;
    border: 1px solid rgba(226,232,240,0.9);
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.97));
    box-shadow: 0 14px 34px rgba(15,23,42,0.05);
    overflow: hidden;
}

.db-acilir-aksiyon {
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 800;
    color: var(--turuncu);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

#dbMusteriBasliklar th {
    background: linear-gradient(180deg, #f8fafc, #f2f5f9) !important;
    color: #5f6b7d !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
    letter-spacing: 0.08em !important;
}

#dbMusteriBasliklar th:hover {
    background: linear-gradient(180deg, #f6f8fb, #eef2f7) !important;
    color: #243041 !important;
}

.db-chart-grid canvas {
    filter: saturate(1.02);
}

.mobile-nav {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 68px;
    justify-content: space-around;
    align-items: center;
    z-index: 1000;
    background: rgba(255,255,255,0.94);
    border-top: 1px solid rgba(148,163,184,0.18);
    backdrop-filter: blur(16px);
    box-shadow: 0 -12px 30px rgba(15,23,42,0.08);
}

.mobile-nav button {
    background: none;
    border: none;
    font-size: 20px;
}

.mobile-nav button.aktif {
    color: var(--turuncu);
}

.mobile-nav button.aktif small {
    color: var(--turuncu-koyu);
}

.mobile-nav button:nth-child(3) {
    width: 52px;
    height: 52px;
    margin-top: -22px;
    border-radius: 50%;
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    color: white;
    box-shadow: 0 18px 30px rgba(247,108,13,0.28);
}

.mobile-fab-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(15,23,42,0.24);
    backdrop-filter: blur(4px);
    z-index: 1090;
}

.mobile-fab-backdrop.acik {
    display: block;
}

.mobile-fab-menu {
    display: none;
    position: fixed;
    right: 16px;
    bottom: 92px;
    z-index: 1100;
    gap: 10px;
    flex-direction: column;
}

.mobile-fab-menu.acik {
    display: flex;
}

.mobile-fab-menu button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 168px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(148,163,184,0.18);
    background: rgba(255,255,255,0.98);
    color: #1f2937;
    box-shadow: 0 18px 32px rgba(15,23,42,0.12);
    font-family: inherit;
    cursor: pointer;
}

.mobile-fab-menu button span {
    font-size: 18px;
}

.mobile-fab-menu button small {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mobile-saha-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 1110;
    background: rgba(15,23,42,0.32);
    backdrop-filter: blur(5px);
}

.mobile-saha-backdrop.acik {
    display: block;
}

.mobile-saha-panel {
    display: none;
    position: fixed;
    left: 10px;
    right: 10px;
    bottom: 78px;
    z-index: 1120;
    max-height: min(68vh, 560px);
    overflow: hidden;
    border: 1px solid rgba(148,163,184,0.24);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15,23,42,0.28);
}

.mobile-saha-panel.acik {
    display: flex;
    flex-direction: column;
}

.mobile-saha-panel-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px;
    border-bottom: 1px solid rgba(226,232,240,0.9);
}

.mobile-saha-panel-ust strong {
    display: block;
    color: #0f172a;
    font-size: 14px;
    font-weight: 800;
}

.mobile-saha-panel-ust span {
    display: block;
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.mobile-saha-panel-ust button,
.mobile-saha-kart button {
    border-radius: 8px;
    font-family: inherit;
    cursor: pointer;
}

.mobile-saha-panel-ust button {
    border: 1px solid rgba(148,163,184,0.28);
    background: #f8fafc;
    color: #334155;
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 800;
}

.mobile-saha-panel-listesi {
    overflow: auto;
    padding: 10px;
    display: grid;
    gap: 10px;
}

.mobile-saha-kart {
    border: 1px solid rgba(148,163,184,0.20);
    border-radius: 8px;
    background: #fff;
    padding: 12px;
}

.mobile-saha-kart strong {
    display: block;
    color: #0f172a;
    font-size: 13px;
    line-height: 1.3;
}

.mobile-saha-kart span,
.mobile-saha-kart small {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.mobile-saha-kart small {
    margin-top: 5px;
    color: #9a3412;
}

.mobile-saha-kart-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 10px;
}

.mobile-saha-kart button {
    border: 1px solid rgba(226,232,240,0.92);
    background: #f8fafc;
    color: #334155;
    min-height: 38px;
    font-size: 12px;
    font-weight: 800;
}

.mobile-saha-bos {
    border: 1px dashed rgba(148,163,184,0.38);
    border-radius: 8px;
    padding: 18px;
    text-align: center;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 1180px) {
    .header {
        align-items: flex-start;
        gap: 14px;
    }

    .header-sag {
        width: 100%;
        justify-content: flex-start;
    }

    .arama-bari,
    .toplu-bari,
    .sayfalama {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .icerik {
        padding: 16px 14px 92px;
    }

    .header {
        min-height: auto !important;
        gap: 12px;
    }

    .header-sag {
        gap: 8px;
        margin-top: 0;
    }

    .form-panel,
    .arama-bari,
    .toplu-bari,
    .tablo-kart,
    .sayfalama {
        border-radius: 18px !important;
    }

    .input-satiri {
        gap: 12px;
    }

    .form-mod-bar {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-grid,
    .form-grid.hizli,
    .form-row.yedi,
    .form-row.alti,
    .form-row.ikili,
    .form-tek-ust {
        grid-template-columns: 1fr;
    }

    .input-grup.genis {
        grid-column: span 2;
    }

    .input-grup.tam,
    .form-grid.hizli .input-grup.genis {
        grid-column: 1 / -1;
    }

    .genel-arama-input {
        width: 100%;
    }

    .modal-kart,
    .onay-kart,
    .ldm-kart {
        width: min(94vw, 700px) !important;
        border-radius: 22px;
    }

    .ldm-analiz-grid {
        grid-template-columns: 1fr;
    }
}

.hizli-filtreler {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

.hizli-filtre {
    border: 1px solid rgba(148,163,184,0.2);
    background: rgba(255,255,255,0.86);
    color: var(--metin-ikincil);
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--gecis);
}

.hizli-filtre:hover {
    border-color: rgba(247,108,13,0.28);
    color: var(--turuncu);
    background: #fff7f2;
}

.hizli-filtre.aktif {
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    color: white;
    border-color: transparent;
    box-shadow: 0 10px 20px rgba(247,108,13,0.18);
}

.arama-bari {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: nowrap; /* Stabilitenin korunması için tek satırda tut */
    margin-bottom: 12px;
}

.arama-bari-sol {
    flex: 1 1 auto;
    min-width: 0;
}

.arama-bari-sag {
    flex: 1 0 auto; /* Sağ tarafın da esnemesine izin ver */
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap; /* Butonların sıkışmasını önle */
}

.arama-bari-sag > .sutun-menu-kap,
.arama-bari-sag > .btn-sutunlar {
    flex: 0 0 auto;
}

.arama-bari-sag > .btn-excel-yukle {
    order: 3;
}

.arama-bari-sag > .genel-arama-input {
    order: 4;
    flex: 0 1 clamp(240px, 22vw, 320px);
    width: clamp(240px, 22vw, 320px);
    min-width: 220px;
}

.hizli-filtreler-ust {
    width: auto;
    display: flex;
    gap: 6px;
    flex-wrap: nowrap; /* Tek satır kuralı */
    overflow-x: auto; /* Gerektiğinde yatay kaydır */
    scrollbar-width: thin;
    padding-bottom: 4px;
}

.hizli-filtreler-ust::-webkit-scrollbar {
    height: 4px;
}

.hizli-filtreler-ust::-webkit-scrollbar-thumb {
    background: rgba(148,163,184,0.35);
    border-radius: 999px;
}

.hizli-filtreler-ust .hizli-filtre {
    flex: 0 0 auto;
    white-space: nowrap;
}

@media (max-width: 1500px) {
    .arama-bari {
        flex-wrap: wrap;
        overflow: visible;
    }

    .arama-bari-sol,
    .arama-bari-sag {
        flex: 1 1 100%;
    }

    .arama-bari-sag {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

.dashboard-panel {
    display: grid;
    gap: 0;
}

.db-filtre-kart {
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.98));
    border: 1.5px solid rgba(247,108,13,0.22);
    border-radius: 0 16px 16px 16px;
    padding: 12px 16px;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    box-shadow: var(--golge);
}

.db-filtre-etiket {
    font-size: 11px;
    font-weight: 800;
    color: var(--turuncu);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.db-filtre-grup {
    display: flex;
    align-items: center;
    gap: 8px;
}

.db-hazir-filtreler {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.db-chip-btn {
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    border: 1px solid rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.9);
    color: #475569;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

.db-chip-btn:hover {
    border-color: rgba(247,108,13,0.3);
    color: var(--turuncu);
    background: #fff8f3;
}

.db-aksiyon-btn {
    height: 30px;
    padding: 0 12px;
    border-radius: 7px;
    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--gecis);
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1.5px solid transparent;
}

.db-aksiyon-btn-excel {
    border-color: #16a34a;
    background: #f0fdf4;
    color: #16a34a;
}

.db-aksiyon-btn-excel:hover {
    background: #16a34a;
    color: white;
}

.db-aksiyon-btn-pdf {
    border-color: var(--hata);
    background: #fef2f2;
    color: var(--hata);
}

.db-aksiyon-btn-pdf:hover {
    background: var(--hata);
    color: white;
}

.db-filtre-label {
    font-size: 10px;
    font-weight: 700;
    color: var(--metin-ikincil);
    text-transform: uppercase;
}

.db-filtre-aksiyonlar {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto;
    flex-wrap: wrap;
}

.db-filtre-son {
    font-size: 11px;
    color: var(--metin-ikincil);
}

.db-filtre-saat {
    font-size: 11px;
    font-weight: 600;
    color: var(--metin);
    font-family: 'DM Mono', monospace;
}

.db-filtre-ayrac {
    width: 1px;
    height: 20px;
    background: var(--kenarlik);
    margin: 0 4px;
}

.db-bolum-baslik {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.db-bolum-cizgi {
    width: 4px;
    height: 18px;
    border-radius: 2px;
    display: inline-block;
    background: var(--turuncu);
}

.db-bolum-baslik.ukt .db-bolum-cizgi {
    background: #3b82f6;
}

.db-bolum-metin {
    font-size: 11px;
    font-weight: 800;
    color: var(--metin-ikincil);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.db-kpi-grid-dashboard {
    margin-bottom: 24px !important;
}

.db-chart-card {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.96)) !important;
}

.db-musteri-rapor-kart {
    margin-bottom: 22px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(226,232,240,0.84);
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.97));
}

.db-musteri-rapor-kontroller {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.db-musteri-rapor-bant {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid rgba(226,232,240,0.88);
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
}

.db-musteri-rapor-bilgi {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.db-musteri-rapor-etiket {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(251,146,60,0.22);
    background: rgba(255,247,237,0.95);
    color: #c2410c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.db-musteri-rapor-bilgi strong {
    color: #162131;
    font-size: 14px;
    font-weight: 800;
}

.db-mini-select {
    width: 120px;
    height: 34px;
    font-size: 11px;
}

.db-genis-select {
    min-width: 240px;
    height: 34px;
    font-size: 11px;
}

.db-musteri-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.db-musteri-kpi-grid-uc {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.db-musteri-kpi {
    border: 1px solid rgba(226,232,240,0.88);
    border-radius: 16px;
    padding: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.db-musteri-kpi-etiket {
    font-size: 10px;
    font-weight: 800;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.db-musteri-kpi-deger {
    font-size: 24px;
    line-height: 1.1;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.03em;
    margin-bottom: 6px;
}

.db-musteri-kpi-alt {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

.db-musteri-meta-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.db-musteri-meta-grid-ikili {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.db-musteri-meta-kart {
    display: grid;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 16px;
    border: 1px solid rgba(226,232,240,0.88);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
}

.db-musteri-meta-kart-baslik {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

.db-musteri-meta-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.db-musteri-meta-satir span {
    font-size: 11px;
    color: #64748b;
    font-weight: 700;
}

.db-musteri-meta-satir strong {
    font-size: 13px;
    line-height: 1.25;
    color: #162131;
    font-weight: 800;
    text-align: right;
}

.db-musteri-meta-satir-alt {
    justify-content: flex-start;
    padding-top: 2px;
    border-top: 1px dashed rgba(226,232,240,0.9);
}

.db-musteri-meta-satir-alt small {
    font-size: 11px;
    color: #8a97ab;
    font-weight: 600;
}

.admin-section-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: 8px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(15,23,42,0.04);
    border: 1px solid rgba(148,163,184,0.18);
    color: #64748b;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.admin-section-toggle {
    min-height: 34px;
    padding: 0 13px;
    border-radius: 8px;
    border: 1px solid var(--kenarlik);
    background: var(--beyaz);
    color: var(--metin-ikincil);
    font-family: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

.admin-section-toggle.aktif {
    background: var(--turuncu-hafif);
    color: #9a3412;
    border-color: rgba(247,108,13,0.22);
}

.admin-health-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 10px;
    margin-top: 6px;
}

.admin-overview-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 7px;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.92);
    background: linear-gradient(180deg, rgba(255,255,255,0.97), rgba(248,250,252,0.94));
    box-shadow: 0 10px 24px rgba(15,23,42,0.04);
}

.admin-overview-card::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(247,108,13,0.92), rgba(247,108,13,0.20), transparent);
}

.admin-status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    border: 1px solid transparent;
    white-space: nowrap;
}

.admin-status-chip.success {
    color: #166534;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.admin-status-chip.warn {
    color: #9a3412;
    background: #fff7ed;
    border-color: #fed7aa;
}

.admin-status-chip.danger {
    color: #991b1b;
    background: #fef2f2;
    border-color: #fecaca;
}

.admin-status-chip.info {
    color: #1d4ed8;
    background: #eff6ff;
    border-color: #bfdbfe;
}

.admin-settings-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-settings-item {
    display: grid;
    gap: 6px;
    font-size: 11px;
    color: #475569;
}

.admin-settings-item span {
    font-size: 10px;
    color: #64748b;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-settings-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.admin-settings-hint {
    font-size: 10px;
    line-height: 1.45;
    color: #94a3b8;
}

.admin-card-gizli {
    display: none !important;
}

.admin-section-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 0;
}

.admin-section-collapsed {
    padding-bottom: 14px !important;
}

.admin-section-open {
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(250,251,253,0.97)) !important;
}

.admin-section-body {
    display: grid;
    gap: 20px;
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(226,232,240,0.72);
}

.admin-section-body[hidden] {
    display: none !important;
}

.admin-input-compact,
.admin-select-compact {
    font-size: 11px !important;
    padding: 6px 10px !important;
}

.admin-role-select {
    width: 90px;
}

.admin-action-btn {
    border: none;
    border-radius: 8px;
    padding: 8px 12px;
    cursor: pointer;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    transition: var(--gecis);
}

.admin-action-btn-primary {
    background: var(--turuncu);
    color: white;
    box-shadow: 0 8px 20px rgba(247,108,13,0.22);
}

.admin-action-btn-success {
    background: linear-gradient(180deg, #243041, #1f2937);
    color: white;
}

.admin-action-btn-danger {
    background: linear-gradient(180deg, #dc2626, #b91c1c);
    color: white;
    box-shadow: 0 8px 20px rgba(220,38,38,0.18);
}

.admin-action-btn-soft {
    background: rgba(255,255,255,0.92);
    color: #475569;
    border: 1px solid rgba(226,232,240,0.8);
}

.admin-action-btn-block {
    width: 100%;
    justify-content: center;
}

.admin-portal-container {
    background:
        radial-gradient(circle at top left, rgba(247,108,13,0.07), transparent 30%),
        linear-gradient(180deg, #f8fafc, #eef2f7);
}

/* 12 Admin / Hub ------------------------------------------------------ */
.admin-hub-sidebar {
    width: 214px;
    flex: 0 0 214px;
    padding: 18px 14px;
    border-right: 1px solid rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(14px);
}

.admin-hub-sidebar-header h2 {
    margin: 0 0 18px;
    color: #0f172a;
    font-size: 18px;
    letter-spacing: -0.02em;
}

.admin-hub-nav {
    display: grid;
    gap: 8px;
}

.admin-hub-nav-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: #64748b;
    font: inherit;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
    transition: var(--gecis);
}

.admin-hub-nav-item:hover {
    background: rgba(255,255,255,0.88);
    color: #1f2937;
}

.admin-hub-nav-item.aktif {
    color: #c2410c;
    background: linear-gradient(180deg, #fff7ed, #ffffff);
    border-color: rgba(247,108,13,0.16);
    box-shadow: 0 12px 26px rgba(247,108,13,0.10);
}

.admin-hub-main {
    min-width: 0;
    flex: 1;
}

.admin-hub-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px;
    border-bottom: 1px solid rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.72);
    backdrop-filter: blur(14px);
}

.admin-hub-title-wrap h1 {
    margin: 0;
    color: #0f172a;
    font-size: 22px;
    letter-spacing: -0.03em;
}

.admin-hub-title-wrap p {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 650;
}

.admin-hub-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.admin-hub-content {
    padding: 18px 22px 32px;
    display: grid;
    gap: 18px;
}

.admin-hub-card {
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 22px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 18px 45px rgba(15,23,42,0.06);
    overflow: hidden;
}

.admin-hub-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 17px 18px;
    border-bottom: 1px solid rgba(226,232,240,0.78);
    background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(255,255,255,0.92));
}

.admin-hub-card-header h3 {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    letter-spacing: -0.01em;
}

.admin-card-subtitle {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 10px;
    line-height: 1.45;
    font-weight: 650;
}

.admin-hub-card-body {
    padding: 18px;
}

.admin-section-stack {
    display: grid;
    gap: 22px;
}

.admin-tools-body,
.admin-config-body,
.admin-integrations-body {
    padding: 20px;
}

.admin-split-layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr);
    gap: 20px;
    align-items: start;
}

.admin-split-list,
.admin-split-detail {
    min-width: 0;
}

.admin-split-detail {
    position: sticky;
    top: 18px;
    padding: 18px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(15,23,42,0.04), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));
    box-shadow: 0 18px 44px rgba(15,23,42,0.06);
}

.admin-users-layout {
    grid-template-columns: minmax(380px, 430px) minmax(0, 1fr);
}

.admin-users-layout > .admin-split-detail {
    padding: 18px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(247,108,13,0.08), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));
    box-shadow: 0 18px 44px rgba(15,23,42,0.06);
}

.admin-user-auth-card {
    border-color: rgba(247,108,13,0.16);
    background: radial-gradient(circle at top left, rgba(247,108,13,0.10), transparent 38%), rgba(255,255,255,0.94);
}

.user-email {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-transform: none;
}

.user-last-seen {
    display: block;
    color: #94a3b8;
    font-size: 10px;
    font-weight: 600;
    line-height: 1.4;
}

.admin-list-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 165px;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 12px;
    background: rgba(255,255,255,0.82);
}

.admin-user-toolbar {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.96));
}

.admin-user-summary {
    justify-content: flex-start;
}

.admin-user-search-input {
    width: 100%;
}

.admin-user-filter-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

.admin-user-summary-strip {
    margin-bottom: 14px;
    padding: 0 2px;
}

.admin-user-list {
    display: grid;
    gap: 8px;
    padding: 4px;
    border: none;
    background: transparent;
}

.admin-user-list-shell {
    display: grid;
    gap: 10px;
}

.admin-user-list-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2px;
}

.admin-user-list-head strong {
    display: block;
    color: #0f172a;
    font-size: 12px;
    letter-spacing: -0.01em;
}

.admin-user-list-head span {
    display: block;
    margin-top: 2px;
    color: #64748b;
    font-size: 10px;
}

.admin-user-list-grid {
    display: grid;
    gap: 8px;
}

.admin-user-item {
    display: grid;
    grid-template-columns: 3px 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    padding: 11px 12px;
    border: 1px solid rgba(226,232,240,0.86);
    border-radius: 15px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    cursor: pointer;
    transition: var(--gecis);
    box-shadow: 0 7px 16px rgba(15,23,42,0.03);
}

.admin-user-item-accent {
    width: 3px;
    align-self: stretch;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(203,213,225,0.2), rgba(203,213,225,0.7));
}

.admin-user-item:hover {
    transform: translateY(-1px);
    border-color: rgba(148,163,184,0.42);
    box-shadow: 0 14px 28px rgba(15,23,42,0.065);
}

.admin-user-item.aktif {
    border-color: rgba(247,108,13,0.34);
    background: linear-gradient(180deg, #fff7ed, #ffffff);
    box-shadow: 0 16px 34px rgba(247,108,13,0.13);
}

.admin-user-item.aktif .admin-user-item-accent {
    background: linear-gradient(180deg, #fb923c, #f76c0d);
}

.user-avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #c2410c;
    background: linear-gradient(180deg, #ffedd5, #ffffff);
    border: 1px solid rgba(247,108,13,0.18);
    font-size: 15px;
    font-weight: 900;
}

.user-info {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.user-info-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.user-info strong {
    min-width: 0;
    color: #111827;
    font-size: 12px;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-row-arrow {
    color: #cbd5e1;
    font-size: 20px;
    line-height: 1;
}

.admin-user-item.aktif .user-row-arrow {
    color: #f76c0d;
}

.user-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}

.admin-quick-filter-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-quick-filter-btn {
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.9);
    color: #64748b;
    font: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

.admin-quick-filter-btn:hover {
    border-color: rgba(247,108,13,0.22);
    color: #9a3412;
}

.admin-quick-filter-btn.aktif {
    color: #c2410c;
    border-color: rgba(247,108,13,0.18);
    background: linear-gradient(180deg, #fff7ed, #ffffff);
    box-shadow: 0 10px 20px rgba(247,108,13,0.10);
}

.admin-user-editor {
    gap: 14px;
}

.admin-user-hero {
    border-radius: 20px;
    background:
        radial-gradient(circle at top left, rgba(15,23,42,0.06), transparent 34%),
        linear-gradient(180deg, #ffffff, #f8fafc);
}

.admin-user-hero-avatar {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    color: #c2410c;
    background: linear-gradient(180deg, #ffedd5, #ffffff);
    border-color: rgba(247,108,13,0.20);
}

.admin-trash-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 0.9fr);
    gap: 16px;
    align-items: start;
}

.admin-scroll-box {
    overflow-y: auto;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid rgba(226,232,240,0.72);
}

.admin-info-box {
    font-size: 10px;
    line-height: 1.6;
    border-radius: 8px;
    padding: 10px 12px;
    margin-bottom: 10px;
}

.admin-info-box-amber {
    color: #9a3412;
    background: rgba(255,247,237,0.78);
    border: 1px solid rgba(247,108,13,0.16);
}

.admin-info-box-blue {
    color: #1e3a8a;
    background: rgba(239,246,255,0.82);
    border: 1px solid rgba(47,111,221,0.16);
}

.admin-info-box-slate {
    color: #334155;
    background: rgba(255,255,255,0.86);
    border: 1px solid rgba(15,23,42,0.08);
}

.admin-info-box-green {
    color: #166534;
    background: rgba(240,253,244,0.84);
    border: 1px solid rgba(31,143,95,0.16);
    margin-bottom: 0;
}

.admin-plan-text {
    font-size: 10px;
    color: #475569;
    line-height: 1.65;
}

.admin-helper-text {
    margin: 0 0 12px;
    font-size: 10px;
    color: #64748b;
    line-height: 1.5;
}

.admin-alert-list {
    display: grid;
    gap: 8px;
}

.admin-security-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.admin-live-health-shell {
    display: grid;
    gap: 14px;
}

.admin-day-end-shell {
    display: grid;
    gap: 14px;
}

.admin-day-end-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(203,213,225,0.78);
    border-radius: 8px;
    background: rgba(248,250,252,0.9);
}

.admin-day-end-head strong,
.admin-day-end-head span {
    display: block;
}

.admin-day-end-head strong {
    color: #0f172a;
    font-size: 14px;
}

.admin-day-end-head span {
    margin-top: 3px;
    color: #64748b;
    font-size: 12px;
}

.admin-day-end-grid,
.admin-day-end-finance {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.admin-day-end-finance {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-day-end-metric,
.admin-day-end-finance > div {
    padding: 12px;
    border: 1px solid rgba(203,213,225,0.78);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 18px rgba(15,23,42,0.04);
}

.admin-day-end-metric {
    border-left: 4px solid #3b82f6;
}

.admin-day-end-metric.warn {
    border-left-color: #f59e0b;
}

.admin-day-end-metric.risk {
    border-left-color: #ef4444;
}

.admin-day-end-metric span,
.admin-day-end-finance span {
    display: block;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-day-end-metric strong,
.admin-day-end-finance strong {
    display: block;
    margin-top: 5px;
    color: #0f172a;
    font-size: 20px;
    line-height: 1.15;
}

.admin-day-end-finance strong {
    font-size: 18px;
}

.admin-day-end-metric small,
.admin-day-end-finance small {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 11px;
}

.admin-day-end-finance > div[data-ton="success"] {
    border-color: rgba(16,185,129,0.28);
    background: #f0fdf4;
}

.admin-day-end-finance > div[data-ton="danger"] {
    border-color: rgba(239,68,68,0.28);
    background: #fff5f5;
}

.admin-day-end-risks {
    display: grid;
    gap: 8px;
}

.admin-day-end-section-title {
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.admin-day-end-risk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 10px 12px;
    border: 1px solid rgba(203,213,225,0.78);
    border-radius: 8px;
    background: #fff;
    color: #334155;
    cursor: pointer;
    text-align: left;
    transition: var(--gecis);
}

.admin-day-end-risk:hover {
    border-color: rgba(247,108,13,0.35);
    background: #fff7ed;
}

.admin-day-end-risk.kritik {
    border-left: 4px solid #ef4444;
}

.admin-day-end-risk.uyari {
    border-left: 4px solid #f59e0b;
}

.admin-day-end-risk strong,
.admin-day-end-risk span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-day-end-risk strong {
    flex: 0 0 auto;
    max-width: 38%;
    font-size: 12px;
}

.admin-day-end-risk span {
    flex: 1 1 auto;
    color: #64748b;
    font-size: 12px;
}

.admin-live-health-toolbar,
.admin-section-head-compact {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
}

.admin-live-health-toolbar > div,
.admin-section-head-compact > div:first-child {
    display: grid;
    gap: 4px;
}

.admin-live-health-toolbar span,
.admin-section-head-compact span {
    font-size: 11px;
    color: #64748b;
}

.admin-live-health-toolbar-actions,
.admin-queue-summary {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-live-health-mini-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-live-health-mini-stats span,
.admin-queue-summary span {
    padding: 7px 10px;
    border-radius: 999px;
    border: 1px solid rgba(226,232,240,0.94);
    background: #f8fafc;
    color: #475569;
    font-size: 11px;
    font-weight: 700;
}

.admin-live-health-mini-stats strong,
.admin-queue-summary strong {
    color: #0f172a;
}

.admin-live-health-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.admin-live-health-card {
    display: grid;
    gap: 8px;
    min-height: 170px;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(226,232,240,0.88);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.admin-live-health-card[data-ton="success"] {
    border-color: rgba(16,185,129,0.24);
    box-shadow: inset 0 0 0 1px rgba(16,185,129,0.04);
}

.admin-live-health-card[data-ton="warn"] {
    border-color: rgba(245,158,11,0.24);
    box-shadow: inset 0 0 0 1px rgba(245,158,11,0.04);
}

.admin-live-health-card[data-ton="danger"] {
    border-color: rgba(239,68,68,0.22);
    box-shadow: inset 0 0 0 1px rgba(239,68,68,0.04);
}

.admin-live-health-card[data-ton="info"] {
    border-color: rgba(59,130,246,0.22);
    box-shadow: inset 0 0 0 1px rgba(59,130,246,0.04);
}

.admin-live-health-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.admin-live-health-card strong {
    color: #0f172a;
    font-size: 16px;
    line-height: 1.3;
}

.admin-live-health-card small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.6;
}

.admin-live-health-action {
    margin-top: auto;
}

.admin-integration-center,
.admin-integration-layout {
    display: grid;
    gap: 14px;
}

.admin-integration-layout {
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
}

.admin-queue-list,
.admin-permission-profile-grid {
    display: grid;
    gap: 10px;
}

.admin-queue-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(226,232,240,0.88);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.admin-queue-row[data-ton="success"] {
    border-left: 4px solid rgba(16,185,129,0.88);
}

.admin-queue-row[data-ton="warn"] {
    border-left: 4px solid rgba(245,158,11,0.92);
}

.admin-queue-row[data-ton="danger"] {
    border-left: 4px solid rgba(239,68,68,0.88);
}

.admin-queue-main,
.admin-queue-side,
.admin-permission-profile-card {
    display: grid;
    gap: 4px;
}

.admin-queue-main {
    min-width: 0;
}

.admin-queue-title-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-queue-main strong,
.admin-permission-profile-head strong {
    color: #0f172a;
    font-size: 13px;
}

.admin-queue-main span,
.admin-permission-profile-head span {
    color: #334155;
    font-size: 11px;
    font-weight: 700;
}

.admin-queue-main small,
.admin-queue-side span {
    color: #64748b;
    font-size: 11px;
    line-height: 1.55;
}

.admin-queue-side {
    min-width: 120px;
    justify-items: end;
    text-align: right;
}

.admin-queue-side strong {
    color: #0f172a;
    font-size: 11px;
}

.admin-permission-profile-card {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(226,232,240,0.88);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.admin-permission-profile-head {
    display: grid;
    gap: 3px;
}

.admin-permission-profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-permission-profile-tag {
    padding: 6px 9px;
    border-radius: 999px;
    background: #fff7ed;
    color: #9a3412;
    border: 1px solid rgba(247,108,13,0.15);
    font-size: 10px;
    font-weight: 800;
}

.admin-security-hero {
    grid-column: span 4;
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 18px;
    border: 1px solid rgba(226,232,240,0.92);
    background: radial-gradient(circle at top left, rgba(247,108,13,0.12), transparent 34%), linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 18px 40px rgba(15,23,42,0.07);
}

.admin-security-hero strong {
    display: block;
    margin-top: 4px;
    font-size: 36px;
    line-height: 1;
    color: #0f172a;
}

.admin-security-hero small,
.admin-security-card small,
.admin-security-check small,
.admin-config-summary-card small {
    display: block;
    color: #64748b;
    font-size: 10px;
    line-height: 1.5;
}

.admin-security-meter {
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #e2e8f0;
}

.admin-security-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f76c0d, #fb923c);
}

.admin-security-hero-success .admin-security-meter span {
    background: linear-gradient(90deg, #16a34a, #86efac);
}

.admin-security-hero-danger .admin-security-meter span {
    background: linear-gradient(90deg, #dc2626, #fb7185);
}

.admin-security-card {
    display: grid;
    gap: 7px;
    min-height: 132px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(226,232,240,0.92);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
    box-shadow: 0 12px 26px rgba(15,23,42,0.045);
}

.admin-security-card strong {
    font-size: 18px;
    line-height: 1.1;
    color: #0f172a;
}

.admin-security-card-success {
    border-color: #bbf7d0;
    background: linear-gradient(180deg, #f0fdf4, #ffffff);
}

.admin-security-card-warn {
    border-color: #fed7aa;
    background: linear-gradient(180deg, #fff7ed, #ffffff);
}

.admin-security-card-danger {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fef2f2, #ffffff);
}

.admin-security-card-info {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #eff6ff, #ffffff);
}

.admin-security-action {
    margin-top: auto;
}

.admin-security-checklist {
    grid-column: span 4;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.admin-security-check {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.9);
}

.admin-security-check > span {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    font-size: 11px;
    font-weight: 900;
}

.admin-security-check strong {
    display: block;
    color: #0f172a;
    font-size: 11px;
    margin-bottom: 2px;
}

.admin-security-check-success > span {
    background: #dcfce7;
    color: #166534;
}

.admin-security-check-warn > span {
    background: #ffedd5;
    color: #9a3412;
}

.admin-security-check-danger > span {
    background: #fee2e2;
    color: #991b1b;
}

.admin-config-summary-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-config-summary-card {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(226,232,240,0.92);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.admin-config-summary-card.risk {
    border-color: #fed7aa;
    background: linear-gradient(180deg, #fff7ed, #ffffff);
}

.admin-config-summary-card span {
    display: block;
    margin-bottom: 6px;
    font-size: 9px;
    color: #64748b;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.admin-config-summary-card strong {
    display: block;
    margin-bottom: 4px;
    color: #0f172a;
    font-size: 16px;
}

.admin-backup-action-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.admin-cloud-backup-btn {
    background: linear-gradient(180deg, #16a34a, #15803d) !important;
    box-shadow: 0 12px 24px rgba(22,163,74,0.18) !important;
}

.admin-backup-status-box {
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 14px;
    padding: 12px;
    background: rgba(248,250,252,0.78);
}

.admin-backup-status-box .status-header,
.admin-backup-status-box .status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-backup-status-box .status-header {
    margin-bottom: 10px;
}

.admin-backup-status-box .status-row {
    padding: 8px 0;
    border-top: 1px solid rgba(226,232,240,0.78);
    font-size: 10px;
    color: #64748b;
}

.admin-backup-status-box .status-row strong {
    color: #0f172a;
    text-align: right;
}

.status-pill.status-success {
    background: #dcfce7;
    color: #166534;
}

.status-pill.status-warn {
    background: #ffedd5;
    color: #9a3412;
}

@media (max-width: 1100px) {
    .admin-security-grid,
    .admin-security-checklist,
    .admin-config-summary-grid,
    .admin-maintenance-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-security-hero,
    .admin-security-checklist {
        grid-column: span 2;
    }
}

@media (max-width: 720px) {
    .admin-security-grid,
    .admin-security-checklist,
    .admin-config-summary-grid,
    .admin-maintenance-grid {
        grid-template-columns: 1fr;
    }

    .admin-security-hero,
    .admin-security-checklist {
        grid-column: span 1;
    }
}

.admin-alert-item {
    display: grid;
    gap: 5px;
    padding: 11px 12px;
    border-radius: 10px;
    border: 1px solid rgba(247,108,13,0.10);
    background: rgba(255,255,255,0.92);
}

.admin-alert-item.warn {
    border-color: #fed7aa;
    background: linear-gradient(180deg, #fff7ed, #fffbeb);
}

.admin-alert-item.danger {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fef2f2, #fff7f7);
}

.admin-alert-item strong {
    font-size: 11px;
    color: #0f172a;
}

.admin-alert-item p {
    margin: 0;
    font-size: 10px;
    line-height: 1.55;
    color: #475569;
}

.admin-health-score {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.admin-health-score.compact {
    gap: 10px;
}

.admin-health-score-main {
    display: grid;
    gap: 2px;
}

.admin-health-score strong {
    font-size: 34px;
    color: #0f172a;
    line-height: 1;
}

.admin-health-score span {
    display: block;
    font-size: 10px;
    color: #64748b;
    margin-bottom: 4px;
}

.admin-health-bar {
    width: 100%;
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: #e2e8f0;
}

.admin-health-bar > div {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #f76c0d, #ff9b54);
}

.admin-health-breakdown {
    display: grid;
    gap: 8px;
}

.admin-health-breakdown.compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.admin-health-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 10px;
    color: #475569;
}

.admin-health-row.compact {
    display: grid;
    gap: 2px;
    padding: 8px 10px;
    border-radius: 10px;
    border: 1px solid rgba(247,108,13,0.08);
    background: rgba(255,255,255,0.78);
}

.admin-summary-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 10px;
    font-weight: 700;
}

.admin-summary-chip span {
    color: #64748b;
}

.admin-summary-chip strong {
    color: #0f172a;
    font-size: 11px;
}

.admin-maintenance-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.admin-maintenance-card {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(226,232,240,0.92);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 12px 24px rgba(15,23,42,0.04);
}

.admin-maintenance-card strong {
    color: #0f172a;
    font-size: 15px;
    letter-spacing: -0.02em;
}

.admin-maintenance-card small {
    color: #64748b;
    font-size: 11px;
    line-height: 1.5;
}

.admin-maintenance-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.admin-empty-state {
    text-align: center;
    color: #64748b;
    font-size: 11px;
    line-height: 1.6;
    padding: 20px 16px;
    border: 1px dashed rgba(203,213,225,0.96);
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.93));
}

.admin-trash-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 12px;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(226,232,240,0.78);
    border-radius: 10px;
    transition: var(--gecis);
    cursor: pointer;
}

.admin-trash-row:hover {
    background: rgba(255,255,255,0.82);
}

.admin-trash-row.secili {
    background: linear-gradient(180deg, rgba(255,247,237,0.88), rgba(248,250,252,0.96));
    border-radius: 12px;
    border-bottom-color: transparent;
    border: 1px solid rgba(247,108,13,0.18);
}

.admin-trash-row:last-child {
    border-bottom: none;
}

.admin-trash-main {
    min-width: 0;
    display: grid;
    gap: 5px;
}

.admin-trash-head strong {
    color: var(--metin);
    font-size: 12px;
}

.admin-user-hero-avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-weight: 800;
    color: #64748b;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    flex-shrink: 0;
}

.admin-user-hero-avatar {
    width: 54px;
    height: 54px;
    font-size: 18px;
}

.admin-trash-head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-trash-sub {
    color: #64748b;
    font-size: 10px;
}

.admin-user-editor {
    display: grid;
    gap: 16px;
}

.admin-user-hero {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 16px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.72);
    background: rgba(255,255,255,0.9);
}

.admin-user-hero-main {
    display: flex;
    align-items: center;
    gap: 12px;
}

.admin-user-hero-side {
    display: grid;
    gap: 10px;
    justify-items: end;
}

.admin-user-editor-title {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

.admin-user-editor-sub {
    margin-top: 4px;
    font-size: 11px;
    color: #64748b;
}

.admin-user-editor-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.admin-user-hero-stat {
    min-width: 170px;
    display: grid;
    gap: 4px;
    padding: 12px 13px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.82);
    background: linear-gradient(180deg, rgba(248,250,252,0.95), rgba(255,255,255,0.98));
}

.admin-user-hero-stat span {
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.admin-user-hero-stat strong {
    color: #0f172a;
    font-size: 13px;
}

.admin-user-status-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.admin-user-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.admin-user-overview-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.admin-user-overview-card {
    display: grid;
    gap: 4px;
    padding: 12px 13px;
    border-radius: 15px;
    border: 1px solid rgba(226,232,240,0.86);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
}

.admin-user-overview-card span {
    color: #64748b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.admin-user-overview-card strong {
    color: #0f172a;
    font-size: 12px;
    line-height: 1.35;
}

.admin-user-panel-section-title {
    display: grid;
    gap: 2px;
    padding: 2px 2px 0;
}

.admin-user-panel-section-title strong {
    color: #0f172a;
    font-size: 12px;
    letter-spacing: -0.01em;
}

.admin-user-panel-section-title span {
    color: #64748b;
    font-size: 10px;
    line-height: 1.45;
}

.admin-users-layout .admin-user-hero {
    border-radius: 20px;
    padding: 16px 18px;
    border-color: rgba(226,232,240,0.86);
    background:
        radial-gradient(circle at top right, rgba(247,108,13,0.07), transparent 32%),
        linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.admin-users-layout .admin-hub-card {
    border-radius: 22px;
    border-color: rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.92);
    box-shadow: 0 18px 45px rgba(15,23,42,0.06);
}

.admin-users-layout .admin-hub-card-header {
    align-items: flex-start;
    gap: 14px;
    padding: 17px 18px;
    background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(255,255,255,0.92));
}

.admin-users-layout .admin-hub-card-body {
    padding: 18px;
}

.admin-users-layout .admin-user-auth-card {
    border-color: rgba(247,108,13,0.16);
    background: radial-gradient(circle at top left, rgba(247,108,13,0.10), transparent 38%), rgba(255,255,255,0.94);
}

.admin-users-layout .admin-user-item {
    display: grid;
    grid-template-columns: 3px 42px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    margin: 0;
    padding: 11px 12px;
    border: 1px solid rgba(226,232,240,0.86);
    border-radius: 15px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 7px 16px rgba(15,23,42,0.03);
}

.admin-users-layout .admin-user-item:hover {
    transform: translateY(-1px);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    border-color: rgba(148,163,184,0.42);
    box-shadow: 0 14px 28px rgba(15,23,42,0.065);
}

.admin-users-layout .admin-user-item.aktif {
    border-color: rgba(247,108,13,0.34);
    background: linear-gradient(180deg, #fff7ed, #ffffff);
    box-shadow: 0 16px 34px rgba(247,108,13,0.13);
}

.admin-users-layout .user-avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    color: #c2410c;
    background: linear-gradient(180deg, #ffedd5, #ffffff);
    border: 1px solid rgba(247,108,13,0.18);
}

.admin-users-layout .user-meta {
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 2px;
}

.admin-users-layout .admin-user-hero-avatar {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    color: #c2410c;
    background: linear-gradient(180deg, #ffedd5, #ffffff);
    border-color: rgba(247,108,13,0.20);
    box-shadow: 0 12px 24px rgba(247,108,13,0.10);
}

.admin-users-layout .admin-user-editor-title {
    letter-spacing: -0.02em;
}

.admin-users-layout .admin-mini-tab-bar {
    padding: 6px;
    border: 1px solid rgba(226,232,240,0.8);
    border-radius: 16px;
    background: rgba(248,250,252,0.92);
}

.admin-users-layout .admin-mini-tab-btn {
    flex: 1 1 120px;
    justify-content: center;
    border-radius: 12px;
}

.admin-users-layout .admin-mini-panel {
    border-radius: 18px;
    background: rgba(255,255,255,0.92);
}

.admin-users-layout .admin-detail-block {
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.admin-users-layout .admin-user-overview-card,
.admin-users-layout .admin-detail-block,
.admin-users-layout .admin-role-summary-box,
.admin-users-layout .admin-info-box {
    box-shadow: none;
}

.admin-mini-tab-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-mini-tab-btn {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 8px;
    border: 1px solid rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.84);
    color: #6b7280;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

.admin-mini-tab-btn.aktif {
    background: linear-gradient(180deg, rgba(247,108,13,0.16), rgba(247,108,13,0.08));
    color: #9a3412;
    border-color: rgba(247,108,13,0.18);
    box-shadow: inset 0 0 0 1px rgba(247,108,13,0.08);
}

.admin-layer-tab-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-layer-tab-btn {
    min-height: 32px;
    padding: 0 11px;
    border-radius: 8px;
    border: 1px solid rgba(226,232,240,0.8);
    background: rgba(255,255,255,0.84);
    color: #64748b;
    font: inherit;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

.admin-layer-tab-btn.aktif {
    color: #9a3412;
    border-color: rgba(247,108,13,0.18);
    background: linear-gradient(180deg, rgba(255,247,237,0.86), rgba(255,255,255,0.98));
}

.admin-mini-panel {
    display: grid;
    gap: 12px;
}

.admin-role-summary-box {
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 12px;
    padding: 14px;
    background: rgba(255,255,255,0.84);
}

.admin-role-summary-box strong {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    color: #0f172a;
}

.admin-role-summary-list {
    display: grid;
    gap: 6px;
    font-size: 11px;
    color: #475569;
    line-height: 1.55;
}

.admin-permission-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.admin-permission-summary-card {
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(226,232,240,0.92);
    background: rgba(255,255,255,0.9);
}

.admin-permission-summary-card span {
    display: block;
    font-size: 10px;
    color: #64748b;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 800;
}

.admin-permission-summary-card strong {
    font-size: 16px;
    color: #0f172a;
    line-height: 1.2;
}

.admin-permission-toolbar {
    display: grid;
    grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid rgba(226,232,240,0.72);
    border-radius: 14px;
    background: rgba(255,255,255,0.86);
}

.admin-permission-role-box {
    display: grid;
    gap: 6px;
}

.admin-permission-zone-head {
    display: grid;
    gap: 4px;
    padding: 0 2px;
}

.admin-permission-zone-head strong {
    font-size: 13px;
    color: #0f172a;
}

.admin-permission-zone-head span {
    font-size: 11px;
    color: #64748b;
    line-height: 1.55;
}

.admin-permission-layout {
    display: grid;
    gap: 16px;
}

.admin-permission-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.admin-permission-grid-layered {
    grid-template-columns: minmax(0, 1fr);
}

.admin-permission-group {
    border: 1px solid rgba(226,232,240,0.72);
    border-radius: 14px;
    padding: 14px;
    background: rgba(255,255,255,0.96);
}

.admin-log-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 16px;
    align-items: start;
}

.admin-log-main {
    min-width: 0;
}

.admin-log-side-shell {
    display: grid;
    gap: 12px;
}

.admin-log-side-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.admin-log-toolbar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.admin-card-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 0;
}

.admin-pill {
    font-size: 10px;
    color: #64748b;
    background: #f3f4f6;
    padding: 3px 8px;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
}

.admin-toolbar-box {
    background: rgba(248,250,252,0.86);
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.92);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
}

.admin-modal-kart {
    width: min(980px, calc(100vw - 32px));
    max-height: min(88vh, 980px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.admin-modal-icerik {
    overflow: auto;
    padding-right: 4px;
}

.admin-permission-quick {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.admin-permission-group strong {
    font-size: 11px;
    color: #0f172a;
}

.admin-permission-group-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 2px;
    border: none;
    background: transparent;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

.admin-permission-group-toggle.aktif .admin-permission-group-state {
    color: #9a3412;
}

.admin-permission-group-head {
    display: grid;
    gap: 4px;
}

.admin-permission-group-head span {
    font-size: 10px;
    color: #64748b;
    line-height: 1.45;
}

.admin-permission-group-meta {
    display: grid;
    justify-items: end;
    gap: 6px;
    flex-shrink: 0;
}

.admin-permission-group-state {
    font-size: 10px;
    font-weight: 800;
    color: #64748b;
}

.admin-permission-checks {
    display: grid;
    gap: 10px;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgba(226,232,240,0.72);
}

.admin-check-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 48px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(226,232,240,0.7);
    background: rgba(250,250,251,0.94);
    font-size: 11px;
    color: #334155;
}

.admin-check-row-copy {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.admin-check-row-copy strong {
    font-size: 11px;
    color: #0f172a;
    line-height: 1.45;
}

.admin-check-row-switch {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 24px;
    flex-shrink: 0;
}

.admin-check-row input {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.admin-check-row-slider {
    position: relative;
    display: block;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: rgba(247,108,13,0.18);
    transition: var(--gecis);
}

.admin-check-row-slider::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(15,23,42,0.12);
    transition: var(--gecis);
}

.admin-check-row input:checked + .admin-check-row-slider {
    background: linear-gradient(180deg, #f76c0d, #e85f04);
}

.admin-check-row input:checked + .admin-check-row-slider::after {
    transform: translateX(18px);
}

.admin-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.admin-detail-block {
    border: 1px solid rgba(226,232,240,0.72);
    border-radius: 12px;
    padding: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(250,250,251,0.94));
}

.admin-settings-stack {
    display: grid;
    gap: 16px;
}

.admin-settings-card {
    border: 1px solid rgba(226,232,240,0.72);
    border-radius: 14px;
    background: rgba(255,255,255,0.96);
    overflow: hidden;
}

.admin-settings-card[open] {
    box-shadow: 0 10px 22px rgba(15,23,42,0.04);
}

.admin-settings-summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    cursor: pointer;
}

.admin-settings-summary::-webkit-details-marker {
    display: none;
}

.admin-settings-summary strong {
    display: block;
    font-size: 12px;
    color: #0f172a;
    margin-bottom: 3px;
}

.admin-settings-summary span {
    font-size: 10px;
    color: #64748b;
    line-height: 1.45;
}

.admin-settings-summary-state {
    flex-shrink: 0;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(247,108,13,0.08);
    color: #9a3412 !important;
    border: 1px solid rgba(247,108,13,0.12);
    font-weight: 800;
}

.admin-settings-card[open] .admin-settings-summary-state {
    background: rgba(15,23,42,0.05);
    color: #334155 !important;
    border-color: rgba(15,23,42,0.08);
}

.admin-settings-card[open] .admin-settings-summary-state::before {
    content: "Kapat";
}

.admin-settings-card:not([open]) .admin-settings-summary-state::before {
    content: "Aç";
}

.admin-settings-card-body {
    padding: 0 16px 16px;
}

.admin-detail-block.genis {
    grid-column: span 2;
}

.admin-detail-block span {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
    color: #64748b;
    text-transform: uppercase;
    font-weight: 800;
}

.admin-detail-block strong,
.admin-detail-block pre {
    margin: 0;
    font-size: 11px;
    color: #0f172a;
    line-height: 1.55;
    white-space: pre-wrap;
    word-break: break-word;
}

.admin-log-head {
    background: rgba(255,247,241,0.92);
    position: sticky;
    top: 0;
    z-index: 1;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.admin-log-row {
    cursor: pointer;
    transition: var(--gecis);
}

.admin-log-row:hover {
    background: rgba(255,247,241,0.74);
}

.admin-log-row.secili {
    background: rgba(255,244,238,0.96);
}

.admin-log-field-list {
    display: grid;
    gap: 8px;
}

.admin-log-field-item {
    display: grid;
    grid-template-columns: minmax(120px, 0.9fr) 1fr 1fr;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid rgba(247,108,13,0.08);
    background: rgba(255,255,255,0.9);
}

.admin-log-field-item strong {
    font-size: 11px;
    color: #0f172a;
}

.admin-log-field-item span {
    font-size: 11px;
    color: #475569;
    line-height: 1.5;
}

@media (max-width: 1180px) {
    .admin-settings-grid,
    .admin-day-end-grid,
    .admin-day-end-finance,
    .admin-log-layout,
    .admin-trash-layout {
        grid-template-columns: 1fr;
    }

    .admin-health-breakdown.compact {
        grid-template-columns: 1fr;
    }

    .admin-log-field-item {
        grid-template-columns: 1fr;
    }

    .admin-integration-layout {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .admin-live-health-toolbar,
    .admin-section-head-compact,
    .admin-day-end-head,
    .admin-queue-row {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-day-end-risk {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-day-end-risk strong {
        max-width: 100%;
    }

    .admin-queue-side {
        min-width: 0;
        justify-items: start;
        text-align: left;
    }
}

.admin-log-detay-ozet {
    font-size: 11px;
    line-height: 1.5;
    color: #334155;
}

.admin-log-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 6px;
}

.admin-log-meta-chip {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    font-size: 10px;
    font-weight: 700;
}

.admin-log-degisim-listesi {
    display: grid;
    gap: 6px;
    margin-top: 8px;
}

.admin-log-degisim-satiri {
    display: grid;
    gap: 2px;
    padding: 7px 8px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.admin-log-degisim-satiri strong {
    font-size: 10px;
    color: #0f172a;
}

.admin-log-degisim-satiri span {
    font-size: 10px;
    color: #475569;
    line-height: 1.45;
}

.admin-surum-gecmis {
    display: grid;
    gap: 8px;
}

.admin-surum-gecmis-item {
    padding: 9px 10px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #e2e8f0;
}

.admin-surum-gecmis-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
}

.admin-surum-gecmis-ust strong {
    font-size: 11px;
    color: #0f172a;
}

.admin-surum-gecmis-ust span,
.admin-surum-gecmis-baslik {
    font-size: 10px;
    color: #64748b;
}

.admin-surum-gecmis-notlar {
    margin: 6px 0 0;
    padding-left: 16px;
    color: #334155;
    font-size: 10px;
    line-height: 1.5;
}

.admin-yetki-matrisi {
    display: grid;
    gap: 10px;
}

.admin-yetki-satiri {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

.admin-yetki-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}

.admin-yetki-baslik strong {
    font-size: 12px;
    color: #0f172a;
}

.admin-yetki-baslik span,
.admin-yetki-alanlar {
    font-size: 10px;
    color: #64748b;
    line-height: 1.5;
}

.admin-yetki-chip-grup {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.admin-yetki-chip {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    color: #3730a3;
    background: #eef2ff;
    border: 1px solid #c7d2fe;
}

.mail-grid-ikili { display: flex; gap: 10px; }
.mail-grid-wrap { display: flex; flex-wrap: wrap; gap: 10px; }
.mail-gap-alt { margin-bottom: 15px; }
.mail-gizli { display: none; }
.mail-flex-item { flex: 1; }
.mail-min-120 { min-width: 120px; }
.mail-min-150 { min-width: 150px; }
.mail-full-row { flex: 100%; min-width: 100%; }
.mail-onizleme-kutu { border: 1.5px solid var(--kenarlik); padding: 0; border-radius: 8px; background: #fff; max-height: 400px; overflow-y: auto; }
.mail-durum-notu { margin-top: 10px; }

@media (max-width: 1180px) {
    .admin-health-grid {
        grid-template-columns: 1fr !important;
    }

    .admin-master-hub-grid {
        grid-template-columns: 1fr;
    }

    .admin-split-layout,
    .admin-users-layout,
    .admin-list-toolbar {
        grid-template-columns: 1fr;
    }

    .admin-split-detail,
    .admin-users-layout > .admin-split-detail {
        position: static;
        top: auto;
    }

    .admin-permission-summary,
    .admin-permission-grid,
    .admin-permission-toolbar,
    .admin-detail-grid,
    .admin-user-status-grid {
        grid-template-columns: 1fr;
    }

    .admin-user-overview-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .admin-user-hero,
    .admin-user-hero-main {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-user-hero-side {
        width: 100%;
        justify-items: stretch;
    }

    .admin-user-editor-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .admin-detail-block.genis {
        grid-column: span 1;
    }
}

@media (max-width: 900px) {
    .admin-hub-header,
    .admin-users-layout .admin-hub-card-header,
    .admin-log-layout .admin-hub-card-header,
    .admin-archive-layout .admin-hub-card-header,
    .admin-users-layout .admin-user-hero,
    .admin-users-layout .admin-user-hero-main {
        flex-direction: column;
        align-items: flex-start;
    }

    .admin-users-layout .admin-user-summary,
    .admin-users-layout .admin-user-editor-actions {
        justify-content: flex-start;
    }

    .admin-users-layout .admin-user-hero-side {
        width: 100%;
        justify-items: stretch;
    }

    .admin-users-layout .admin-user-toolbar,
    .admin-users-layout .admin-user-filter-row,
    .admin-log-toolbar {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    #adminPortalHub .admin-hub-content {
        padding: 16px;
    }

    .admin-users-layout > .admin-split-detail,
    .admin-users-layout .admin-hub-card-body,
    .admin-log-layout .admin-hub-card-body,
    .admin-archive-layout .admin-hub-card-body,
    .admin-tools-body,
    .admin-config-body,
    .admin-integrations-body {
        padding: 14px;
    }

    .admin-users-layout .admin-user-item {
        grid-template-columns: 3px 38px minmax(0, 1fr);
        padding: 10px;
    }

    .admin-users-layout .user-avatar {
        width: 38px;
        height: 38px;
    }

    .admin-user-overview-strip {
        grid-template-columns: 1fr;
    }

    .admin-live-health-grid {
        grid-template-columns: 1fr;
    }
}

body.dar-ekran-modu.admin-lite-mode #adminPortalHub {
    flex-direction: column !important;
    min-height: auto !important;
}

body.dar-ekran-modu.admin-lite-mode .admin-hub-sidebar {
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 14px;
    border-radius: 0 0 18px 18px;
}

body.dar-ekran-modu.admin-lite-mode .admin-hub-sidebar-header p,
body.dar-ekran-modu.admin-lite-mode .admin-hub-sidebar-footer {
    display: none;
}

body.dar-ekran-modu.admin-lite-mode .admin-hub-nav {
    display: flex;
    overflow-x: auto;
    padding-bottom: 2px;
}

body.dar-ekran-modu.admin-lite-mode .admin-hub-nav-item {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
}

body.dar-ekran-modu.admin-lite-mode .admin-hub-main,
body.dar-ekran-modu.admin-lite-mode .admin-hub-content {
    padding: 14px;
}

body.dar-ekran-modu.admin-lite-mode .admin-hub-header {
    padding: 16px;
    border-radius: 18px;
}

body.dar-ekran-modu.operasyon-lite-mode .tab-sarici,
body.dar-ekran-modu.operasyon-lite-mode .arama-bari .hizli-filtreler {
    gap: 8px;
}

body.dar-ekran-modu.operasyon-lite-mode .form-panel,
body.dar-ekran-modu.operasyon-lite-mode .tablo-kart,
body.dar-ekran-modu.operasyon-lite-mode #finansMerkeziPanel .gider-form-kart,
body.dar-ekran-modu.operasyon-lite-mode #finansMerkeziPanel .gider-komut-karti,
body.dar-ekran-modu.operasyon-lite-mode #finansMerkeziPanel .gider-liste-kart {
    padding: 14px;
    border-radius: 18px;
    box-shadow: 0 10px 24px rgba(15,23,42,0.05);
}

body.dar-ekran-modu.operasyon-lite-mode .form-ozet-bar,
body.dar-ekran-modu.operasyon-lite-mode #finansMerkeziPanel .gider-liste-ust,
body.dar-ekran-modu.operasyon-lite-mode #finansMerkeziPanel .gider-panel-ust {
    gap: 10px;
}

body.dar-ekran-modu.operasyon-lite-mode .genel-arama-input,
body.dar-ekran-modu.operasyon-lite-mode .input-alan,
body.dar-ekran-modu.operasyon-lite-mode .select-alan {
    min-height: 42px;
}

.db-musteri-liste {
    border: 1px solid rgba(226,232,240,0.82);
    border-radius: 16px;
    padding: 14px;
    background: rgba(255,255,255,0.92);
}

.db-musteri-liste-baslik {
    font-size: 11px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 10px;
}

.db-musteri-liste-premium {
    padding: 16px;
}

.db-musteri-liste-baslik-satir {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.db-musteri-liste-alt {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.55;
    color: #7c8799;
}

.db-musteri-liste-rozet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(191,219,254,0.88);
    background: rgba(239,246,255,0.96);
    color: #1d4ed8;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.db-musteri-kayitlar {
    display: grid;
    gap: 6px;
}

.db-musteri-kayit-item {
    border: 1px solid rgba(226,232,240,0.78);
    border-radius: 14px;
    padding: 10px 12px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}

.db-musteri-kayit-item:hover {
    transform: translateY(-1px);
    border-color: rgba(148,163,184,0.42);
    box-shadow: 0 10px 18px rgba(15,23,42,0.05);
}

.db-musteri-kayit-ust {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 5px;
}

.db-musteri-kayit-ref {
    font-size: 11px;
    font-weight: 800;
    color: #0f172a;
}

.db-musteri-kayit-sag {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.db-musteri-kayit-ozet {
    display: grid;
    gap: 2px;
    text-align: right;
}

.db-musteri-kayit-ozet small {
    font-size: 10px;
    color: #94a3b8;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.db-musteri-kayit-ozet strong {
    font-size: 12px;
    color: #162131;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
}

.db-musteri-kayit-kaynak {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.db-musteri-kayit-alt {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    font-size: 10px;
    color: #64748b;
}

.db-musteri-bos {
    padding: 18px 16px;
    border-radius: 14px;
    border: 1px dashed rgba(203,213,225,0.88);
    background: linear-gradient(180deg, rgba(248,250,252,0.9), rgba(255,255,255,0.96));
    color: #64748b;
    font-size: 12px;
    line-height: 1.6;
}

.db-analiz-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 4px 0 16px;
}

.db-analiz-btn {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(203,213,225,0.88);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.db-analiz-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(148,163,184,0.46);
    box-shadow: 0 10px 18px rgba(15,23,42,0.05);
}

.db-analiz-btn.aktif {
    border-color: rgba(247,108,13,0.22);
    background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,237,213,0.9));
    color: #c2410c;
    box-shadow: 0 10px 18px rgba(247,108,13,0.08);
}

.db-dashboard-alt-panel {
    display: none;
    margin-bottom: 18px;
}

.db-dashboard-alt-panel.aktif {
    display: block;
}

.db-dikkat-item {
    display: grid;
    gap: 5px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.88);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
}

.db-dikkat-item strong {
    color: #172132;
    font-size: 12px;
    line-height: 1.5;
}

.db-dikkat-tip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.db-dikkat-item.risk .db-dikkat-tip {
    background: #fff1f2;
    color: #be123c;
}

.db-dikkat-item.uyari .db-dikkat-tip {
    background: #fff7ed;
    color: #c2410c;
}

.db-dikkat-item.bilgi .db-dikkat-tip {
    background: #eff6ff;
    color: #1d4ed8;
}

.db-dikkat-bos {
    padding: 18px;
    text-align: center;
    border-radius: 16px;
    border: 1px dashed rgba(148,163,184,0.24);
    color: #64748b;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.92));
    font-size: 12px;
    line-height: 1.6;
}

@media (max-width: 1180px) {
    .db-musteri-meta-grid,
    .db-musteri-kpi-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .db-musteri-meta-grid,
    .db-musteri-kpi-grid {
        grid-template-columns: 1fr;
    }

    .db-musteri-rapor-bant,
    .db-musteri-rapor-kontroller {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
    }

    .db-musteri-liste-baslik-satir {
        flex-direction: column;
        align-items: flex-start;
    }

    .db-mini-select,
    .db-genis-select {
        width: 100%;
        min-width: 0;
    }
}

.db-musteri-kayit-alt strong {
    color: #0f172a;
    font-weight: 700;
}

.db-musteri-bos {
    padding: 20px 16px;
    border: 1px dashed rgba(148,163,184,0.26);
    border-radius: 14px;
    text-align: center;
    color: #64748b;
    font-size: 12px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));
}

.detay-kart {
    width: min(820px, 94vw);
    background: linear-gradient(180deg, #fcfdff, #f8fafc);
    border-color: rgba(203,213,225,0.76);
    box-shadow: 0 28px 60px rgba(15,23,42,0.09);
}

.detay-ust {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 14px;
}

.detay-kart .modal-baslik {
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -0.03em;
}

.detay-alt {
    font-size: 11px;
    color: #8a94a6;
    font-weight: 700;
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.detay-uyari-alan {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}

.detay-eksik-alanlar {
    display: none;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.detay-eksik-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(247,108,13,0.18);
    color: #c2410c;
    font-size: 11px;
    font-weight: 700;
}

.detay-uyari {
    padding: 10px 12px;
    border-radius: 12px;
    background: #fff7ed;
    border: 1px solid #fed7aa;
    color: #c2410c;
    font-size: 12px;
    font-weight: 600;
}

.detay-uyari-ok {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
}

.detay-grid {
    display: grid;
    gap: 10px;
    margin-bottom: 16px;
}

.detay-satir {
    display: grid;
    gap: 8px;
}

.detay-satir-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detay-satir-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detay-satir-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.detay-satir-5 {
    grid-template-columns: minmax(96px, 0.9fr) minmax(156px, 1.2fr) minmax(96px, 0.9fr) minmax(156px, 1.2fr) minmax(170px, 1.35fr);
}

.detay-item {
    border: 1px solid rgba(226,232,240,0.82);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(249,251,253,0.93));
    border-radius: 14px;
    padding: 12px 13px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
    position: relative;
    overflow: hidden;
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.detay-item-genis {
    min-width: 0;
}

.detay-item-dar .detay-deger {
    white-space: nowrap;
}

.detay-item-kod .detay-deger {
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detay-item::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, rgba(247,108,13,0.5), rgba(247,108,13,0.08), transparent);
}

.detay-etiket {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 800;
    color: #94a3b8;
    margin-bottom: 7px;
}

.detay-deger {
    font-size: 13px;
    color: #172033;
    font-weight: 750;
    line-height: 1.35;
    word-break: break-word;
}

.detay-rozet {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 6px 10px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.detay-rozet.basari { background: #eefaf4; color: #1e7f58; }
.detay-rozet.uyari { background: #fff7ec; color: #9a6700; }
.detay-rozet.bilgi { background: #eef6ff; color: #1d4ed8; }
.detay-rozet.nötr { background: #f8fafc; color: #475569; }

.detay-bolum-grid {
    display: grid;
    gap: 12px;
    margin-bottom: 12px;
}

.detay-bolum-grid-ikili {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.detay-bolum-grid-ana {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
}

.detay-bolum {
    margin-bottom: 0;
    border: 1px solid rgba(226,232,240,0.78);
    border-radius: 16px;
    padding: 13px;
    background: rgba(255,255,255,0.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.detay-kart .modal-aksiyonlar {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(226,232,240,0.9);
    justify-content: flex-end;
    gap: 10px;
}

.detay-kart .modal-aksiyonlar .btn-modal-iptal,
.detay-kart .modal-aksiyonlar .btn-modal-kaydet {
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 12px;
    letter-spacing: 0.01em;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    vertical-align: middle;
}

.detay-kart .modal-aksiyonlar .detay-aksiyon-btn {
    gap: 8px;
    padding: 0 14px;
    min-width: 0;
}

.detay-aksiyon-ikon {
    width: 22px;
    height: 22px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: rgba(248,250,252,0.96);
    border: 1px solid rgba(226,232,240,0.96);
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.05em;
}

.detay-kart .modal-aksiyonlar .btn-modal-iptal {
    border: 1px solid rgba(203,213,225,0.88);
    background: #ffffff;
    color: #475569;
}

.detay-kart .modal-aksiyonlar .btn-modal-iptal:hover {
    border-color: rgba(148,163,184,0.52);
    background: #f8fafc;
    color: #1f2937;
}

.detay-kart .modal-aksiyonlar .btn-modal-iptal:hover .detay-aksiyon-ikon {
    border-color: rgba(148,163,184,0.42);
    color: #334155;
}

.detay-kart .modal-aksiyonlar #detayEvrakBtn {
    border-color: rgba(247,108,13,0.22);
    color: #c2410c;
    background: #fff7ed;
}

.detay-kart .modal-aksiyonlar #detayDuzenleBtn {
    min-width: 122px;
    background: linear-gradient(180deg, #f76c0d, #dc5f08);
    box-shadow: 0 14px 24px rgba(247,108,13,0.18);
}

.detay-kart .modal-aksiyonlar .detay-aksiyon-btn-birincil .detay-aksiyon-ikon {
    background: rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.28);
    color: #fff;
}

.detay-bolum-baslik {
    font-size: 11px;
    font-weight: 800;
    color: var(--metin-ikincil);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 10px;
}

.detay-son-islem-grid {
    display: grid;
    gap: 10px;
}

.detay-son-islem-ust {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.detay-audit-mini {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.detay-audit-kutu {
    border: 1px solid rgba(203,213,225,0.72);
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(248,250,252,0.78));
    border-radius: 12px;
    padding: 11px 12px;
    min-width: 0;
}

.detay-audit-kutu span {
    display: block;
    color: var(--metin-ikincil);
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 5px;
}

.detay-audit-kutu strong {
    display: block;
    color: var(--metin);
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detay-son-islem-aciklama {
    min-height: auto;
}

.detay-not-kutu,
.detay-evrak-bilgi {
    border: 1px solid rgba(226,232,240,0.78);
    background: rgba(248,250,252,0.72);
    border-radius: 14px;
    padding: 13px;
    color: var(--metin);
    font-size: 12px;
    line-height: 1.6;
    white-space: pre-wrap;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.detay-checklist {
    display: grid;
    gap: 7px;
}

.detay-check-item {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 11px 12px;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.78);
    background: rgba(248,250,252,0.76);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.detay-check-item span {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 800;
    flex: 0 0 22px;
}

.detay-check-item strong {
    display: block;
    font-size: 12px;
    color: var(--metin);
    margin-bottom: 2px;
}

.detay-check-item small {
    display: block;
    font-size: 11px;
    color: var(--metin-ikincil);
    line-height: 1.5;
}

.detay-check-item.tamam {
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.detay-check-item.tamam span {
    background: #16a34a;
    color: #fff;
}

.detay-check-item.bekliyor {
    border-color: #fed7aa;
    background: #fff7ed;
}

.detay-check-item.bekliyor span {
    background: #fdba74;
    color: #7c2d12;
}

.master-kart {
    border: 1px solid rgba(148,163,184,0.16);
    border-radius: 16px;
    padding: 12px;
    background: linear-gradient(180deg, #fbfcfe, #f6f9fc);
}

.master-baslik {
    font-size: 11px;
    font-weight: 800;
    color: var(--metin);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 8px;
}

.master-form {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    padding: 8px;
    border-radius: 14px;
    background: rgba(248,250,252,0.92);
    border: 1px solid rgba(226,232,240,0.92);
}

.master-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.master-blok {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94));
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 12px 24px rgba(15,23,42,0.04);
}

.master-baslik {
    font-size: 10px;
    font-weight: 800;
    color: #334155;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.master-form .input-alan {
    flex: 1;
    min-width: 0;
}

.master-form .btn-ana {
    padding: 10px 14px;
    white-space: nowrap;
}

.master-liste {
    max-height: 176px;
    overflow-y: auto;
    display: grid;
    gap: 6px;
}

.admin-master-hub-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.admin-master-card {
    min-height: 100%;
}

.admin-log-layout > .admin-split-list .admin-hub-card,
.admin-archive-layout > .admin-split-list .admin-hub-card {
    min-height: 100%;
}

.admin-log-layout .admin-hub-card-header,
.admin-archive-layout .admin-hub-card-header {
    align-items: center;
}

.admin-log-layout .admin-hub-card-body,
.admin-archive-layout .admin-hub-card-body {
    padding: 20px;
}

.admin-empty-state strong {
    display: block;
    margin-bottom: 6px;
    color: #0f172a;
    font-size: 13px;
    letter-spacing: -0.02em;
}

.admin-empty-state span {
    display: block;
}

.admin-empty-state .admin-action-btn {
    margin-top: 12px;
}

.master-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255,255,255,0.82);
    border: 1px solid rgba(148,163,184,0.14);
    font-size: 11px;
    font-weight: 600;
}

.master-item button {
    border: none;
    background: transparent;
    color: var(--hata);
    cursor: pointer;
    font-size: 12px;
}

/* 09 Card Management ------------------------------------------------- */
.cari-panel {
    padding: 0 24px 24px;
}

.cari-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin-bottom: 18px;
}

.cari-kpi-kart,
.cari-liste-kart,
.cari-form-kart,
.cari-detay-kart {
    background: var(--beyaz);
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 18px;
    box-shadow: var(--golge);
    padding: var(--density-card-pad);
}

.cari-panel-musteriler .cari-kpi-kart:nth-child(1),
.cari-panel-tedarikciler .cari-kpi-kart:nth-child(1) {
    border-top: 3px solid rgba(247, 108, 13, 0.82);
}

.cari-panel-musteriler .cari-kpi-kart:nth-child(2),
.cari-panel-tedarikciler .cari-kpi-kart:nth-child(2) {
    border-top: 3px solid rgba(14, 165, 233, 0.72);
}

.cari-panel-musteriler .cari-kpi-kart:nth-child(3),
.cari-panel-tedarikciler .cari-kpi-kart:nth-child(3) {
    border-top: 3px solid rgba(16, 185, 129, 0.72);
}

.cari-panel-musteriler .cari-kpi-kart:nth-child(4) {
    border-top: 3px solid rgba(220, 38, 38, 0.68);
}

.cari-panel-tedarikciler .cari-kpi-kart:nth-child(4) {
    border-top: 3px solid rgba(239, 68, 68, 0.68);
}

.cari-kpi-etiket {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: var(--metin-soluk);
    margin-bottom: 8px;
}

.cari-kpi-deger {
    font-size: 26px;
    font-weight: 800;
    color: var(--metin);
}

.cari-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 18px;
}

.cari-detay-kart {
    background: linear-gradient(180deg, #fbfcfe, #f8fafc);
    border-color: rgba(203,213,225,0.88);
    box-shadow: 0 18px 34px rgba(15,23,42,0.07);
}

.cari-detay-kolon {
    display: grid;
    gap: 14px;
}

.cari-hareket-kart {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(148,163,184,0.16);
}

.cari-hareket-form {
    display: grid;
    grid-template-columns: 140px 120px 1fr auto;
    gap: 8px;
}

.cari-kart-baslik {
    font-size: 13px;
    font-weight: 800;
    color: var(--metin);
    margin-bottom: 14px;
}

.cari-kart-baslik-grup {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.cari-kart-baslik-grup .cari-kart-baslik {
    margin-bottom: 0;
}

.cari-kart-aciklama {
    font-size: 11px;
    line-height: 1.45;
    color: var(--metin-soluk);
}

.cari-form-kart > .cari-kart-baslik-grup,
.cari-detay-kart > .cari-kart-baslik-grup {
    margin-bottom: 14px;
}

.cari-form-durum {
    margin-bottom: 12px;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid rgba(148,163,184,0.16);
    color: var(--metin-ikincil);
    font-size: 11px;
    line-height: 1.5;
}

.cari-liste {
    display: grid;
    gap: 10px;
    max-height: 720px;
    overflow-y: auto;
}

.cari-liste-item {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(148,163,184,0.16);
    background: linear-gradient(180deg, #fcfdff, #f8fafc);
    cursor: pointer;
    transition: var(--gecis);
    position: relative;
    overflow: hidden;
}

.cari-liste-item::before {
    content: "";
    position: absolute;
    inset: 10px auto 10px 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(247, 108, 13, 0.22), rgba(247, 108, 13, 0.78));
    opacity: 0;
    transition: var(--gecis);
}

.cari-liste-item:hover,
.cari-liste-item.aktif {
    border-color: rgba(247,108,13,0.24);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px rgba(15,23,42,0.06);
}

.cari-liste-item:hover::before,
.cari-liste-item.aktif::before {
    opacity: 1;
}

.cari-liste-item-kompakt {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 11px 14px;
}

.cari-kompakt-sol,
.cari-kompakt-sag {
    display: grid;
    gap: 5px;
    min-width: 0;
}

.cari-kompakt-orta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 12px;
    align-items: center;
    min-width: 0;
}

.cari-kompakt-metrik {
    font-size: 11px;
    color: #64748b;
    white-space: nowrap;
}

.cari-kompakt-metrik strong {
    color: #0f172a;
    font-weight: 800;
}

.cari-kompakt-sag {
    justify-items: end;
}

.cari-liste-ust {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
}

.cari-liste-baslik-grup {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.cari-liste-ad {
    font-size: 14px;
    font-weight: 800;
    color: var(--metin);
}

.cari-liste-ikincil {
    font-size: 11px;
    color: var(--metin-soluk);
    line-height: 1.45;
}

.cari-liste-alt {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--metin-ikincil);
    font-size: 11px;
}

.cari-liste-chip-satir {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.cari-liste-chip {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(203, 213, 225, 0.92);
    background: rgba(248, 250, 252, 0.92);
    color: #64748b;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
}

.cari-liste-metrik-satir {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.cari-liste-metrik-kutu {
    display: grid;
    gap: 4px;
    padding: 10px 11px;
    border-radius: 12px;
    border: 1px solid rgba(226, 232, 240, 0.96);
    background: rgba(255, 255, 255, 0.92);
}

.cari-liste-metrik-etiket {
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
}

.cari-liste-metrik-deger {
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    color: #0f172a;
}

.cari-liste-dip-bilgi {
    color: #64748b;
    font-size: 10.5px;
}

.cari-liste-aksiyon-satiri {
    justify-content: flex-end;
    padding-top: 2px;
}

.cari-satir-buton {
    padding: 6px 10px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    box-shadow: none !important;
}

.cari-satir-buton-tehlike {
    color: var(--hata) !important;
    border-color: #fecaca !important;
    background: #fff7f7 !important;
}

.cari-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.cari-badge.aktif {
    background: #f0fdf4;
    color: #15803d;
}

.cari-badge.pasif {
    background: #f3f4f6;
    color: #6b7280;
}

@media (max-width: 860px) {
    .cari-liste-metrik-satir {
        grid-template-columns: 1fr;
    }

    .cari-liste-item-kompakt {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .cari-kompakt-sag {
        justify-items: start;
    }
}

.cari-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 14px;
}

.cari-textarea {
    min-height: 92px;
    resize: vertical;
    text-transform: none;
}

.cari-detay-icerik {
    display: grid;
    gap: 10px;
    color: var(--metin);
}

.cari-detay-bos {
    color: var(--metin-ikincil);
    font-size: 12px;
    padding: 18px;
    border-radius: 16px;
    border: 1px dashed rgba(148,163,184,0.22);
    background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.9));
    text-align: center;
}

.cari-detay-blok {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(226,232,240,0.96);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(247,250,252,0.94));
    padding: 15px 16px;
    box-shadow: 0 14px 28px rgba(15,23,42,0.05), inset 0 1px 0 rgba(255,255,255,0.95);
}

.cari-detay-blok::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(247,108,13,0.88), rgba(247,108,13,0.2), transparent);
}

.cari-detay-blok strong {
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #7b8798;
    margin-bottom: 12px;
}

.cari-detay-satir {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: flex-start;
    font-size: 11px;
    padding: 9px 0;
    border-bottom: 1px solid rgba(226,232,240,0.94);
}

.cari-detay-satir:last-child {
    border-bottom: none;
}

.cari-detay-satir span:first-child {
    color: #7b8798;
    font-weight: 700;
}

.cari-detay-satir span:last-child {
    color: #182334;
    font-weight: 700;
    text-align: right;
}

.cari-baglanti-oneri-blok {
    border-color: rgba(247,108,13,0.20);
    background: linear-gradient(180deg, #fffaf6, #ffffff);
}

.cari-baglanti-oneri-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.cari-baglanti-oneri-baslik strong {
    margin-bottom: 0;
}

.cari-baglanti-oneri-baslik span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 3px 8px;
    border: 1px solid rgba(247,108,13,0.18);
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 10px;
    font-weight: 820;
}

.cari-baglanti-oneri-listesi {
    display: grid;
    gap: 8px;
}

.cari-baglanti-oneri-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 12px;
    background: rgba(255,255,255,0.86);
}

.cari-baglanti-oneri-satir > div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.cari-baglanti-oneri-satir strong {
    margin-bottom: 0;
    color: #202939;
    font-size: 11px;
    letter-spacing: 0;
    text-transform: none;
}

.cari-baglanti-oneri-satir span {
    color: #667085;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.35;
}

.evrak-modal-kart {
    width: min(860px, 94vw);
}

.evrak-yonetim-satir {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 14px;
}

.evrak-durum-panel {
    display: grid;
    gap: 12px;
}

.evrak-uyari-band {
    display: grid;
    gap: 4px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,0.18);
}

.evrak-uyari-band strong {
    font-size: 12px;
    font-weight: 800;
    color: var(--metin);
}

.evrak-uyari-band span {
    font-size: 11px;
    color: var(--metin-ikincil);
}

.evrak-uyari-band.tamam {
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.evrak-uyari-band.eksik {
    background: #fff7ed;
    border-color: #fed7aa;
}

.evrak-uyari-band.muaf {
    background: #f8fafc;
    border-color: #cbd5e1;
}

.evrak-ozet-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.evrak-ozet-kart {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid rgba(148,163,184,0.16);
    background: #fff;
}

.evrak-ozet-kart span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
}

.evrak-ozet-kart strong {
    font-size: 14px;
    font-weight: 800;
    color: var(--metin);
}

.evrak-ozet-kart small {
    font-size: 10px;
    color: var(--metin-ikincil);
    line-height: 1.4;
}

.evrak-durum-not {
    font-size: 11px;
    color: var(--metin-ikincil);
}

.cari-gecmis-tablosu {
    width: 100%;
    border-collapse: collapse;
    font-size: 11px;
}

.cari-gecmis-tablosu th,
.cari-gecmis-tablosu td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(148,163,184,0.14);
    text-align: left;
}

.cari-gecmis-tablosu th {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--metin-soluk);
    background: #f8fafc;
}

.parasut-fatura-ustbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.parasut-fatura-baslik {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.parasut-fatura-mini-btn,
.parasut-fatura-yenile-btn {
    padding: 4px 10px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    box-shadow: none !important;
}

.parasut-fatura-listesi {
    margin-top: 0;
}

.parasut-fatura-tablo-wrap {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    overflow-x: auto;
    border: 1px solid rgba(226, 232, 240, 0.96);
    border-radius: 14px;
    background: #fff;
}

.parasut-fatura-tablosu {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.parasut-fatura-tablosu th:nth-child(1),
.parasut-fatura-tablosu td:nth-child(1) {
    width: 18%;
}

.parasut-fatura-tablosu th:nth-child(2),
.parasut-fatura-tablosu td:nth-child(2) {
    width: 46%;
}

.parasut-fatura-tablosu th:nth-child(3),
.parasut-fatura-tablosu td:nth-child(3) {
    width: 18%;
    text-align: right;
    white-space: nowrap;
}

.parasut-fatura-tablosu th:nth-child(4),
.parasut-fatura-tablosu td:nth-child(4) {
    width: 18%;
    text-align: center;
}

.parasut-fatura-tablosu td:nth-child(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parasut-fatura-tablosu td:nth-child(4) .admin-status-chip {
    max-width: 100%;
}

@media (max-width: 860px) {
    .parasut-fatura-ustbar {
        flex-direction: column;
        align-items: stretch;
    }
}

.db-cari-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 18px;
}

.db-cari-kart {
    background: var(--beyaz);
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 16px;
    padding: 18px;
    box-shadow: var(--golge);
}

.db-cari-baslik {
    font-size: 12px;
    font-weight: 800;
    color: var(--metin);
    margin-bottom: 12px;
}

.db-cari-liste {
    display: grid;
    gap: 10px;
}

.db-cari-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid rgba(148,163,184,0.14);
    font-size: 11px;
}

.db-cari-sol {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.db-cari-sag {
    font-weight: 800;
    color: var(--metin);
    white-space: nowrap;
}

.db-mini-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
}

.db-mini-badge.lider {
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    color: #fff;
}

.db-mini-badge.normal {
    background: #f3f4f6;
    color: #475569;
}

.db-cari-item strong {
    display: block;
    color: var(--metin);
    margin-bottom: 2px;
}

.db-cari-item span {
    color: var(--metin-ikincil);
}

.detay-timeline {
    display: grid;
    gap: 8px;
}

.detay-timeline-item {
    display: grid;
    grid-template-columns: 24px 1fr;
    gap: 10px;
    align-items: start;
}

.detay-timeline-dot {
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(255,247,237,0.96);
    color: #c2410c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 11px;
}

.detay-timeline-card {
    border: 1px solid rgba(226,232,240,0.78);
    border-radius: 14px;
    background: rgba(248,250,252,0.76);
    padding: 11px 12px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.cari-detay-bos {
    position: relative;
    color: #64748b;
    font-size: 12px;
    line-height: 1.65;
    padding: 22px 18px;
    border-radius: 18px;
    border: 1px dashed rgba(148,163,184,0.24);
    background:
        radial-gradient(circle at top right, rgba(247,108,13,0.08), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.92));
    text-align: center;
}

.cari-detay-bos::before {
    content: "Hazır";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #fff7ed;
    border: 1px solid rgba(247,108,13,0.16);
    color: #c2410c;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bos-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 12px;
    padding: 9px 14px;
    border-radius: 999px;
    border: 1px solid rgba(247,108,13,0.18);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,247,237,0.92));
    color: #c2410c;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
    box-shadow: 0 8px 18px rgba(247,108,13,0.08);
}

.bos-cta-btn:hover {
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    border-color: transparent;
    color: #fff;
    box-shadow: 0 14px 26px rgba(247,108,13,0.18);
    transform: translateY(-1px);
}

.cari-bos-yonlendirme {
    display: grid;
    justify-items: center;
    gap: 5px;
}

.cari-bos-yonlendirme strong {
    color: #0f172a;
    font-size: 13px;
    line-height: 1.25;
}

.cari-bos-yonlendirme span {
    max-width: 420px;
    color: #64748b;
    font-size: 11.5px;
    line-height: 1.45;
}

.detay-timeline-card strong {
    display: block;
    font-size: 12px;
    color: var(--metin);
    margin-bottom: 3px;
}

.detay-timeline-card span {
    display: block;
    font-size: 11px;
    color: var(--metin-ikincil);
    line-height: 1.45;
}

@media (max-width: 1440px) {
    .detay-satir-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .detay-satir-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-tek-ust {
        grid-template-columns: 1fr;
    }

    .form-row.yedi {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .form-row.alti {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1180px) {
    .form-row.yedi {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .form-row.alti {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .form-row.ikili {
        grid-template-columns: 1fr;
    }

    .evrak-ozet-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .detay-grid {
        grid-template-columns: 1fr;
    }

    .evrak-form-satir {
        flex-direction: column;
        align-items: stretch;
    }

    .cari-grid {
        grid-template-columns: 1fr;
        display: grid;
    }

    .cari-kpi-grid,
    .cari-form-grid,
    .db-cari-grid,
    .cari-hareket-form {
        grid-template-columns: 1fr;
    }

    .evrak-yonetim-satir {
        flex-direction: column;
        align-items: stretch;
    }

    .evrak-ozet-grid,
    .evrak-check-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    :root {
        --density-font: 12px;
        --density-header-h: 56px;
        --density-header-pad-x: 14px;
        --density-content-pad-x: 12px;
        --density-content-pad-y: 12px;
        --density-panel-pad: 10px;
        --density-panel-radius: 18px;
        --density-input-h: 38px;
        --density-input-py: 8px;
        --density-input-px: 10px;
        --density-grid-gap: 8px;
        --density-table-font: 10px;
        --density-table-pad-y: 8px;
        --density-table-pad-x: 10px;
    }

    body {
        background:
            radial-gradient(circle at top center, rgba(247,108,13,0.09), transparent 26%),
            linear-gradient(180deg, #fbfcfe 0%, #f4f7fb 100%);
    }

    body::before {
        background-size: 24px 24px;
        mask-image: linear-gradient(180deg, rgba(0,0,0,0.08), transparent 34%);
    }

    .icerik {
        padding: 14px 12px 98px;
    }

    .header {
        padding: 10px 12px !important;
        gap: 10px;
        border-radius: 0 0 18px 18px;
    }

    .header-sol {
        width: 100%;
        justify-content: center;
        gap: 8px;
    }

    .header-logo-image {
        width: 148px;
        height: auto;
        max-height: none;
    }

    .gorunum-secici-header {
        width: 100%;
        justify-content: center;
        margin-left: 0;
    }

    .header-sag {
        width: 100%;
        justify-content: space-between;
        gap: 6px;
    }

    .kullanici-rozeti {
        flex: 1;
        min-width: 0;
        justify-content: center;
        padding: 6px 10px;
    }

    .kullanici-mail {
        max-width: 155px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .form-panel {
        padding: 12px;
        border-width: 1px;
        border-radius: 20px !important;
    }

    .form-baslik {
        margin-bottom: 10px;
    }

    .form-mod-bar {
        gap: 8px;
        align-items: stretch;
    }

    .form-mod-sekmeler {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .form-mod-btn {
        justify-content: center;
        padding: 10px 12px;
    }

    .form-mod-aciklama {
        font-size: 10px;
        line-height: 1.45;
    }

    .arama-bari {
        align-items: stretch;
        gap: 10px;
    }

    .hizli-filtreler-ust {
        order: 3;
        width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
    }

    .hizli-filtreler-ust .hizli-filtre {
        flex: 0 0 auto;
        padding: 8px 11px;
    }

    .sutun-menu-kap {
        order: 1;
    }

    .gorunum-secici {
        order: 2;
        width: 100%;
        justify-content: center;
        overflow-x: auto;
        padding: 4px;
    }

    .genel-arama-input {
        order: 3;
        width: 100%;
        min-width: 0;
    }

    .aktif-filtre-ozeti {
        margin-bottom: 10px;
        overflow-x: auto;
        flex-wrap: nowrap;
        padding-bottom: 4px;
    }

    .aktif-filtre-chip {
        flex: 0 0 auto;
    }

    .toplu-bari,
    .sayfalama,
    .tablo-kart {
        border-radius: 20px !important;
    }

    .tablo-kart {
        overflow: hidden;
    }

    .tablo-sarici {
        max-height: none;
        border-radius: 18px;
        border: 1px solid rgba(226,232,240,0.82);
        background: rgba(255,255,255,0.9);
    }

    .mobil-kayit-listesi {
        display: none;
        gap: 12px;
        padding: 12px;
    }

    .tablo-sarici {
        display: block;
    }

    table {
        min-width: 960px;
    }

    thead th {
        font-size: 9px;
    }

    tbody td {
        font-size: 10px;
    }

    .sayfalama {
        gap: 8px;
        padding: 12px;
    }

    .sayfa-bilgi {
        width: 100%;
        justify-content: center;
        text-align: center;
        flex-wrap: wrap;
        row-gap: 6px;
    }

    .db-kpi-kart,
    .db-cari-kart,
    .cari-liste-kart,
    .cari-form-kart,
    .cari-detay-kart,
    .cari-kpi-kart {
        border-radius: 20px;
        padding: 14px !important;
    }

    .db-kpi-grid,
    .db-cari-grid,
    .db-chart-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .db-kpi-ikon {
        width: 38px;
        height: 38px;
        border-radius: 12px;
    }

    .db-kpi-deger,
    .cari-kpi-deger {
        font-size: 24px;
    }

    .mobil-kayit-grid {
        grid-template-columns: 1fr 1fr;
    }

    .mobil-kayit-ust,
    .mobil-kayit-alt {
        align-items: flex-start;
    }

    .detay-kart,
    .modal-kart,
    .onay-kart,
    .evrak-modal-kart {
        width: 94vw !important;
        max-height: 88vh;
        padding: 18px !important;
        border-radius: 22px;
    }

    .detay-ust {
        gap: 12px;
        margin-bottom: 12px;
    }

    .detay-grid {
        gap: 8px;
    }

    .detay-satir-2,
    .detay-satir-3,
    .detay-satir-4,
    .detay-satir-5,
    .detay-son-islem-ust,
    .detay-audit-mini {
        grid-template-columns: 1fr;
    }

    .detay-bolum-grid-ikili,
    .detay-bolum-grid-ana {
        grid-template-columns: 1fr;
    }

    .detay-bolum {
        margin-bottom: 12px;
    }

    .cari-panel {
        padding: 0 12px 96px;
    }

    .cari-grid,
    .cari-kpi-grid,
    .cari-form-grid,
    .cari-hareket-form {
        grid-template-columns: 1fr !important;
    }

    .cari-liste {
        max-height: none;
    }

    .mobile-nav {
        display: flex !important;
        height: 72px;
        padding: 0 8px;
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
        background: rgba(255,255,255,0.97);
    }

    .mobile-nav button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        color: #64748b;
        min-width: 56px;
        font-size: 18px;
        font-weight: 700;
    }

    .mobile-nav button span {
        line-height: 1;
    }

    .mobile-nav button small {
        font-size: 9px;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }

    .mobile-nav .mobile-nav-plus {
        width: 58px;
        height: 58px;
        margin-top: -26px;
        border-radius: 18px;
        background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
        color: white;
        box-shadow: 0 18px 30px rgba(247,108,13,0.28);
    }

    .mobile-nav .mobile-nav-plus small {
        color: rgba(255,255,255,0.92);
    }

    .excel-filtre-popup {
        left: 0 !important;
        right: 0 !important;
        top: auto !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100%;
        border-radius: 22px 22px 0 0;
        border-left: none;
        border-right: none;
        border-bottom: none;
        max-height: 78vh;
        overflow: hidden;
        box-shadow: 0 -24px 48px rgba(15,23,42,0.2);
        animation: bottomSheetIn 0.22s ease;
    }

    .filtre-backdrop {
        background: rgba(15,23,42,0.28);
        backdrop-filter: blur(6px);
    }

    .filtre-popup-liste {
        max-height: calc(78vh - 170px);
    }

    #detayOverlay {
        align-items: flex-end;
        padding: 0;
    }

    #detayOverlay .detay-kart {
        width: 100% !important;
        max-width: none;
        max-height: 86vh;
        margin: 0;
        border-radius: 24px 24px 0 0;
        padding: 20px 18px 22px !important;
        animation: bottomSheetIn 0.22s ease;
    }

    .mobile-fab-menu {
        left: 16px;
        right: 16px;
        bottom: 94px;
    }

    .mobile-fab-menu button {
        width: 100%;
    }
}

@keyframes bottomSheetIn {
    from {
        transform: translateY(28px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
    }

    #girisEkrani {
        padding: 18px;
        align-items: flex-start !important;
    }

    #girisEkrani .giris-kart {
        width: 100% !important;
        max-width: none !important;
        margin-top: 28px;
        padding: 28px 18px 22px !important;
        border-radius: 22px !important;
    }

    #girisEkrani img {
        height: 132px !important;
        margin-bottom: 18px !important;
    }

    .header {
        height: auto !important;
        align-items: stretch !important;
        gap: 10px;
        padding: 12px 12px 10px !important;
    }

    .header-sol {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
    }

    .gorunum-secici-header {
        width: auto;
        max-width: 58%;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .header-sag {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 8px;
        overflow-x: auto;
        justify-content: flex-start !important;
        padding-bottom: 4px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .header-sag::-webkit-scrollbar,
    .tab-sarici::-webkit-scrollbar,
    .db-filtre-kart::-webkit-scrollbar {
        display: none;
    }

    .header-sag > * {
        flex: 0 0 auto;
    }

    .btn-ldm-header,
    .btn-cikis {
        min-height: 38px;
        padding: 0 12px;
        border-radius: 12px;
    }

    .btn-ldm-header .btn-label,
    .btn-cikis .btn-label {
        display: none;
    }

    .kullanici-rozeti {
        min-width: 150px;
        justify-content: flex-start;
    }

    .icerik,
    #dashboardPanel,
    #adminPanel {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .tab-sarici {
        display: flex;
        gap: 8px;
        overflow-x: auto;
        align-items: stretch;
        padding-bottom: 4px;
        margin-bottom: 2px;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .tab-btn {
        flex: 0 0 auto;
        padding: 10px 14px;
        font-size: 11px;
        border-radius: 14px 14px 0 0;
        white-space: nowrap;
    }

    .tab-btn-import {
        order: 98;
    }

    #tabAdmin {
        order: 99;
    }

    .form-panel {
        padding: 12px !important;
        border-radius: 18px !important;
        margin-bottom: 14px;
    }

    .form-baslik-toggle {
        align-items: flex-start;
    }

    .form-baslik-metin {
        font-size: 11px;
        line-height: 1.35;
    }

    .form-toggle-ikon {
        min-height: 34px;
        padding: 0 12px;
        font-size: 10px;
    }

    .form-mod-bar {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .form-mod-sekmeler {
        width: 100%;
    }

    .form-mod-sekmeler {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .form-mod-btn,
    .form-aksiyonlar .btn-ana,
    .form-aksiyonlar .btn-iptal {
        min-height: 40px;
        justify-content: center;
    }

    .form-mod-aciklama {
        max-width: none;
        text-align: left;
        font-size: 10px;
        line-height: 1.45;
    }

    .input-satiri,
    .form-grid,
    .form-grid.hizli,
    .form-row.yedi,
    .form-row.alti,
    .form-row.ikili,
    .form-row.finans-ukt,
    .form-tek-ust {
        grid-template-columns: 1fr !important;
    }

    .input-grup.genis,
    .input-grup.tam,
    .input-grup.orta,
    .input-grup.dar,
    .input-grup.mini-doviz {
        grid-column: 1 / -1 !important;
    }

    .input-grup {
        width: 100%;
    }

    .input-alan,
    .select-alan {
        width: 100%;
        min-height: 40px;
        font-size: 13px;
    }

    .form-aksiyonlar {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .arama-bari,
    .toplu-bari,
    .sayfalama {
        padding: 12px !important;
        border-radius: 18px !important;
    }

    .sutun-menu-kap,
    .genel-arama-input,
    .gorunum-secici,
    .hizli-filtreler-ust {
        width: 100%;
    }

    .genel-arama-input {
        min-width: 0;
    }

    .toplu-bari {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .toplu-butonlar {
        display: grid;
        grid-template-columns: 1fr;
    }

    .mobil-kayit-listesi {
        padding: 10px;
    }

    .mobil-kayit-grid {
        grid-template-columns: 1fr !important;
    }

    .mobil-kayit-aksiyonlar {
        flex-wrap: wrap;
    }

    .mobil-kayit-btn {
        flex: 1 1 calc(50% - 4px);
        justify-content: center;
    }

    #dashboardPanel {
        padding-top: 4px !important;
        padding-bottom: 90px !important;
    }

    .db-filtre-kart {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        padding: 14px !important;
        border-radius: 20px;
    }

    .db-filtre-grup,
    .db-filtre-aksiyonlar,
    .db-hazir-filtreler {
        width: 100%;
    }

    .db-filtre-aksiyonlar {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        align-items: center;
    }

    .db-filtre-ayrac,
    .db-filtre-son,
    .db-filtre-saat {
        grid-column: 1 / -1;
    }

    .db-chip-btn,
    .db-filtre-aksiyonlar button {
        min-height: 38px;
    }

    .db-kpi-grid-dashboard,
    .db-kpi-grid,
    .db-chart-grid,
    .db-cari-grid,
    .db-musteri-kpi-grid,
    .db-musteri-kpi-grid {
        grid-template-columns: 1fr !important;
    }

    .db-musteri-rapor-kart,
    .db-cari-kart,
    .db-kpi-kart {
        padding: 14px !important;
        border-radius: 20px;
    }

    .db-panel-header {
        flex-direction: column;
        align-items: stretch !important;
        gap: 10px;
    }

    .db-panel-header-metni {
        width: 100%;
    }

    .db-musteri-rapor-kontroller {
        width: 100%;
        display: grid !important;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .db-mini-select,
    .db-genis-select {
        width: 100% !important;
        min-width: 0 !important;
    }

    #adminPanel {
        padding-bottom: 96px !important;
    }

    #adminPanel > div {
        padding: 14px !important;
        border-radius: 20px !important;
    }

    #adminPanel > div > div[style*="grid-template-columns"] {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .admin-log-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .admin-card-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .mail-grid-ikili,
    .mail-grid-wrap {
        flex-direction: column;
    }

    #adminPanel input,
    #adminPanel select,
    #adminPanel button {
        min-height: 38px;
    }

    #adminPanel div[style*="display:flex; gap:5px"],
    #adminPanel div[style*="display:flex; gap:10px"] {
        flex-wrap: wrap;
    }

    #adminPanel div[style*="width:180px"] {
        width: 100% !important;
    }

    #adminLogTabloGovde {
        font-size: 10px;
    }

    #belgeOverlay,
    #ldmOverlay,
    #evrakOverlay,
    #takipOverlay,
    #mailOverlay,
    #backupReminderOverlay,
    #onayOverlay,
    #hizliFinansOverlay {
        align-items: flex-end;
        padding: 0;
    }

    #belgeKart,
    #ldmKart,
    .modal-kart,
    .onay-kart,
    .evrak-modal-kart,
    #detayOverlay .detay-kart {
        width: 100% !important;
        max-width: none !important;
        max-height: 88vh !important;
        border-radius: 24px 24px 0 0 !important;
        margin: 0 !important;
        padding: 16px !important;
    }

    .ldm-header,
    .ldm-govde {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #ldmKart {
        max-height: 92dvh !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    #ldmKart .ldm-header {
        padding: 14px 16px 12px !important;
        border-radius: 24px 24px 0 0 !important;
    }

    #ldmKart .ldm-header-sol {
        min-width: 0;
        gap: 10px;
    }

    #ldmKart .ldm-header-ikon {
        width: 34px;
        height: 34px;
        font-size: 17px;
        flex: 0 0 auto;
    }

    #ldmKart .ldm-header-baslik {
        font-size: 14px;
        line-height: 1.25;
    }

    #ldmKart .ldm-header-alt {
        font-size: 10px;
        line-height: 1.35;
    }

    #ldmKart .ldm-kapat {
        width: 32px;
        height: 32px;
    }

    #ldmKart .ldm-govde {
        max-height: calc(92dvh - 63px);
        overflow-y: auto;
        padding: 14px 14px 96px !important;
        -webkit-overflow-scrolling: touch;
    }

    .ldm-arac-satiri {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
        gap: 8px !important;
        padding: 12px !important;
        margin-bottom: 12px !important;
        border-radius: 16px !important;
    }

    .ldm-arac-etiket {
        font-size: 10px !important;
    }

    .ldm-arac-select {
        width: 100% !important;
        height: 42px !important;
        min-width: 0 !important;
        font-size: 12px !important;
    }

    .ldm-bilgi-karti {
        padding: 12px !important;
        border-radius: 16px !important;
        margin-bottom: 12px !important;
    }

    .ldm-bilgi-ust {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    .ldm-bilgi-baslik {
        font-size: 14px !important;
    }

    .ldm-bilgi-alt,
    .ldm-bilgi-not {
        font-size: 10px !important;
    }

    .ldm-bilgi-rozet {
        width: fit-content;
        padding: 7px 10px !important;
        font-size: 10px !important;
    }

    .ldm-bilgi-grid {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .ldm-bilgi-item {
        padding: 9px 10px !important;
        gap: 4px !important;
    }

    .ldm-ayar-satiri {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .ldm-ayar-kart,
    .ldm-ayar-notu {
        padding: 10px !important;
    }

    .ldm-tablo-sarici {
        border: 0 !important;
        overflow: visible !important;
        margin-bottom: 12px !important;
    }

    .ldm-tablo,
    .ldm-tablo tbody,
    .ldm-tablo tr,
    .ldm-tablo td {
        display: block;
        width: 100% !important;
    }

    .ldm-tablo {
        border-collapse: separate !important;
        border-spacing: 0 !important;
        font-size: 12px !important;
    }

    .ldm-tablo thead {
        display: none;
    }

    .ldm-tablo tbody {
        display: grid;
        gap: 10px;
    }

    .ldm-tablo tr {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
        padding: 12px;
        border: 1px solid #e2e8f0;
        border-radius: 16px;
        background: #ffffff;
        box-shadow: 0 8px 18px rgba(15,23,42,0.06);
    }

    .ldm-tablo tbody td {
        display: flex !important;
        flex-direction: column;
        gap: 5px;
        border: 0 !important;
        padding: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .ldm-tablo tbody td::before {
        display: block;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--metin-ikincil);
    }

    .ldm-tablo tbody td:nth-child(1)::before { content: "Adet"; }
    .ldm-tablo tbody td:nth-child(2)::before { content: "Preset"; }
    .ldm-tablo tbody td:nth-child(3)::before { content: "Ürün / Renk"; }
    .ldm-tablo tbody td:nth-child(4)::before { content: "Boy (cm)"; }
    .ldm-tablo tbody td:nth-child(5)::before { content: "En (cm)"; }
    .ldm-tablo tbody td:nth-child(6)::before { content: "Yükseklik"; }
    .ldm-tablo tbody td:nth-child(7)::before { content: "Brüt kg"; }
    .ldm-tablo tbody td:nth-child(8)::before { content: "İstif"; }

    .ldm-tablo tbody td:nth-child(9) {
        grid-column: 1 / -1;
        align-items: stretch;
    }

    .ldm-tablo tbody td:nth-child(9)::before {
        content: "";
        display: none;
    }

    .ldm-input,
    .ldm-select {
        height: 40px !important;
        padding: 8px 10px !important;
        font-size: 13px !important;
        border-radius: 10px !important;
        text-align: left !important;
        background: #f8fafc !important;
    }

    .ldm-sil-btn {
        width: 100% !important;
        height: 34px !important;
        border-radius: 10px !important;
    }

    .ldm-buton-sira {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    .ldm-btn-ekle,
    .ldm-btn-temizle,
    .ldm-btn-yazdir {
        width: 100%;
        justify-content: center;
        min-height: 40px;
        margin-left: 0 !important;
        padding: 9px 10px !important;
    }

    .ldm-btn-yazdir {
        grid-column: 1 / -1;
    }

    .ldm-sekme-sira {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ldm-plan-toolbar {
        flex-direction: column;
        padding: 12px !important;
    }

    .ldm-plan-toolbar-butonlar {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }

    .ldm-plan-layout {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .ldm-plan-icerik {
        padding: 10px;
        gap: 10px;
    }

    .ldm-plan-ozet-serit {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ldm-plan-ozet-serit-kart.ana,
    .ldm-plan-ozet-serit-kart.vurgu {
        grid-column: span 2;
    }

    .ldm-plan-yan-2d,
    .ldm-plan-yan-3d {
        grid-template-columns: 1fr;
    }

    .ldm-plan-kap,
    .ldm-plan-ozet-kart {
        padding: 12px !important;
        border-radius: 16px !important;
    }

    .ldm-plan-kap-baslik {
        flex-direction: column;
        align-items: flex-start;
    }

    .ldm-plan-canvas {
        min-height: 680px;
        border-radius: 16px !important;
    }

    .ldm-plan-dorse-wrap {
        padding-right: 28px;
    }

    .ldm-plan-sahne {
        inset: auto;
    }

    .ldm-plan-3d-stage,
    .ldm-plan-3d-canvas {
        min-height: 760px;
        border-radius: 16px !important;
    }

    .ldm-plan-3d-hizli-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ldm-plan-3d-overlay {
        left: 10px;
        right: 10px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .ldm-plan-3d-nav {
        left: 10px;
        right: 10px;
        bottom: 54px;
    }

    .ldm-plan-3d-nav-panel {
        width: 100%;
        padding: 10px;
    }

    .ldm-plan-3d-nav-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    .ldm-plan-3d-nav-btn {
        min-height: 36px;
        padding: 8px 6px;
        font-size: 9px;
    }

    .ldm-plan-3d-chip {
        font-size: 8px;
        padding: 6px 8px;
    }

    .ldm-plan-3d-hizli-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ldm-plan-3d-hizli-kart {
        min-height: 74px;
        padding: 10px 11px;
    }

    .ldm-btn-3d-reset {
        justify-self: stretch;
    }

    .ldm-plan-3d-bilgi-grid {
        grid-template-columns: 1fr;
    }

    .ldm-plan-3d-kontrol-list div {
        flex-direction: column;
        align-items: flex-start;
    }

    .ldm-plan-sahne {
        inset: 10px;
        grid-template-columns: 60px minmax(0, 1fr);
        gap: 10px;
    }

    .ldm-plan-kabin-dis {
        min-height: 94px;
        border-radius: 18px 12px 12px 18px;
    }

    .ldm-plan-kabin-camlar {
        inset: 28px 10px auto 10px;
        gap: 6px;
    }

    .ldm-plan-kabin-camlar span {
        height: 14px;
    }

    .ldm-plan-kabin-etiket {
        left: 8px;
        right: 8px;
        bottom: 10px;
        font-size: 8px;
    }

    .ldm-plan-dorse {
        padding: 7px;
        border-radius: 16px;
    }

    .ldm-plan-bolge-ozet {
        grid-template-columns: 1fr;
        gap: 6px;
        padding-right: 2px;
    }

    .ldm-plan-olcek-ust-bilgi {
        margin: 0 8px 6px 8px;
        font-size: 8px;
    }

    .ldm-plan-en-olcek {
        right: -26px;
        top: 34px;
        width: 22px;
    }

    .ldm-plan-en-olcek strong {
        font-size: 8px;
        padding: 6px 2px;
    }

    .ldm-plan-dorse-ic {
        min-height: 156px;
        border-radius: 14px;
    }

    .ldm-plan-olcek-x {
        margin: 0 6px 0 10px;
        height: 24px;
    }

    .ldm-plan-olcek-etiket {
        font-size: 8px;
        padding: 2px 8px;
    }

    .ldm-plan-olcek-tik small,
    .ldm-plan-alt-bilgi,
    .ldm-plan-alt-bilgi strong {
        font-size: 9px;
    }

    .ldm-plan-tekerler {
        gap: 8px;
        padding-right: 18px;
    }

    .ldm-plan-tekerler span {
        width: 24px;
        height: 8px;
    }

    .ldm-plan-tekerler span::after {
        inset: 2px 6px;
    }

    .ldm-plan-item {
        min-width: 46px;
        min-height: 38px;
        padding: 5px;
    }

    .ldm-plan-item strong {
        font-size: 10px;
    }

    .ldm-plan-item small,
    .ldm-plan-item-no {
        font-size: 8px;
    }

    .ldm-plan-item-badge,
    .ldm-plan-item-olcu {
        font-size: 7px;
    }

    .ldm-plan-secili-grid {
        grid-template-columns: 1fr;
    }

    .ldm-urun-hucre {
        min-width: 180px;
    }

    .ldm-plan-denge-detay {
        grid-template-columns: 1fr;
    }

    .ldm-plan-denge-etiketler {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .ldm-plan-aks-grid {
        grid-template-columns: 1fr;
    }

    .ldm-analiz-grid {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .ldm-analiz-kart {
        padding: 14px !important;
        border-radius: 16px !important;
    }

    .ldm-yuzde {
        font-size: 23px !important;
    }

    #belgeIcerik {
        padding: 16px 10px 24px !important;
    }

    .belge-container,
    .contract-doc .belge-container,
    .doif-doc .page {
        width: 100% !important;
        max-width: 100% !important;
        min-height: auto !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .doif-kurum-bandi,
    .doif-hero,
    .doif-meta-ikili,
    .doif-grid,
    .doif-grid-2,
    .doif-imza-grid,
    .doif-sonuc-grid,
    .doif-aksiyon-baslik,
    .doif-aksiyon-satir {
        grid-template-columns: 1fr !important;
    }

    .doif-hero {
        gap: 12px;
    }

    .doif-meta-panel,
    .doif-hero-logo,
    .doif-hero-title {
        width: 100%;
    }

    .doif-aksiyon-no {
        width: 100%;
        min-height: 34px;
        justify-content: flex-start;
        padding-left: 12px;
    }
}

@media (max-width: 480px) {
    .header-logo-image {
        width: 132px;
        height: auto;
        max-width: 132px;
        object-fit: contain;
    }

    .gorunum-secici-header {
        max-width: 62%;
    }

    .kullanici-rozeti {
        min-width: 132px;
    }

    .kullanici-mail {
        max-width: 88px;
    }

    .tab-btn {
        padding: 10px 12px;
        font-size: 10px;
    }

    .mobil-kayit-btn {
        flex-basis: 100%;
    }

    .db-filtre-aksiyonlar {
        grid-template-columns: 1fr;
    }

    .db-kpi-deger,
    .cari-kpi-deger {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .tablo-sarici {
        display: block !important;
    }

    .tablo-scroll-yardimci {
        gap: 5px;
        width: calc(100vw - 10px);
        bottom: calc(5px + env(safe-area-inset-bottom, 0px));
        padding: 4px 6px;
    }

    .tablo-scroll-yardimci-track::before {
        content: "";
    }

    .mobil-kayit-listesi {
        display: none !important;
        gap: 12px !important;
        padding: 10px !important;
    }

    .mobil-kayit-kart {
        display: grid !important;
        gap: 12px !important;
        padding: 14px !important;
        border-radius: 18px !important;
        border: 1px solid rgba(226,232,240,0.92) !important;
        background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)) !important;
        box-shadow: 0 14px 28px rgba(15,23,42,0.06) !important;
    }

    .mobil-kayit-ust,
    .mobil-kayit-alt {
        display: flex !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }

    .mobil-kayit-ref {
        display: block !important;
        font-family: 'DM Mono', monospace !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: var(--turuncu) !important;
        margin-bottom: 4px !important;
    }

    .mobil-kayit-musteri {
        display: block !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #172132 !important;
        line-height: 1.35 !important;
    }

    .mobil-kayit-durum,
    .mobil-kayit-chip {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 30px !important;
        padding: 6px 10px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
    }

    .mobil-kayit-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .mobil-kayit-meta {
        display: grid !important;
        gap: 4px !important;
        padding: 10px 11px !important;
        border-radius: 14px !important;
        background: #f8fafc !important;
        border: 1px solid rgba(226,232,240,0.86) !important;
    }

    .mobil-kayit-meta span {
        display: block !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        color: #7b8798 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.08em !important;
    }

    .mobil-kayit-meta strong {
        display: block !important;
        font-size: 12px !important;
        line-height: 1.45 !important;
        color: #172132 !important;
        font-weight: 700 !important;
        word-break: break-word !important;
    }

    .mobil-kayit-rota {
        display: block !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        background: linear-gradient(180deg, rgba(255,247,239,0.92), rgba(255,252,248,0.96)) !important;
        border: 1px solid rgba(247,108,13,0.14) !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        color: #8f6117 !important;
        line-height: 1.45 !important;
    }

    .mobil-kayit-aksiyonlar {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        justify-content: flex-end !important;
    }

    .mobil-kayit-btn {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 34px !important;
        padding: 8px 12px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(226,232,240,0.92) !important;
        background: linear-gradient(180deg, #fff, #f8fafc) !important;
        color: #334155 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
    }

    .db-kpi-kart::after {
        display: none !important;
    }

    .db-mini-trend {
        height: 34px !important;
        margin-top: 6px !important;
        margin-bottom: 2px !important;
    }

    .db-mini-sparkline {
        display: block !important;
        width: 100% !important;
        height: 34px !important;
    }

    .db-kpi-alt {
        max-width: 100% !important;
    }
}


/* Durum basligi artik metin olarak gosterilir. */
th.durum-hucre .baslik-metin-kap {
    font-size: inherit;
}

/* 2026-04-10 UI modernizasyon katmanı */
:root {
    --arka-katman: #eef2f7;
    --panel-border: rgba(148, 163, 184, 0.18);
    --panel-shadow: 0 18px 38px rgba(15, 23, 42, 0.08);
    --panel-shadow-soft: 0 10px 24px rgba(15, 23, 42, 0.05);
    --radius-lg: 22px;
    --radius-md: 16px;
    --radius-sm: 12px;
}

body {
    background:
        radial-gradient(circle at top left, rgba(247,108,13,0.08), transparent 22%),
        linear-gradient(180deg, #f7f9fc 0%, var(--arka-katman) 100%);
    color: #172132;
}

.header,
.form-panel,
.tablo-kart,
.db-filtre-kart,
.db-chart-card,
.db-kpi-kart,
.db-musteri-rapor-kart,
.db-cari-kart,
.cari-kpi-kart,
.cari-liste-kart,
.cari-form-kart,
.cari-detay-kart,
.toplu-bari,
.sayfalama {
    border-color: var(--panel-border) !important;
    box-shadow: var(--panel-shadow-soft) !important;
}

.header {
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(18px);
}

.form-panel {
    border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg) !important;
    padding: 20px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
}

.form-baslik {
    font-size: 12px;
    letter-spacing: 0.12em;
}

.input-grup {
    gap: 6px;
}

.input-etiket {
    font-size: 10px;
    margin-bottom: 0;
    color: #64748b;
}

.input-alan,
.select-alan,
.genel-arama-input,
.giris-field-input {
    border-radius: 14px !important;
    border: 1px solid rgba(203,213,225,0.92) !important;
    background: rgba(248,250,252,0.96) !important;
    min-height: 42px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95);
}

.input-alan,
.select-alan,
.genel-arama-input {
    font-size: 12.5px !important;
    color: #172132 !important;
}

.input-alan:focus,
.select-alan:focus,
.genel-arama-input:focus,
.giris-field-input:focus {
    border-color: rgba(247,108,13,0.52) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(247,108,13,0.10) !important;
}

.input-alan::placeholder,
.genel-arama-input::placeholder {
    color: #94a3b8;
}

.alan-gecersiz {
    border-color: rgba(194,65,75,0.55) !important;
    background: #fff6f7 !important;
    box-shadow: 0 0 0 4px rgba(194,65,75,0.08) !important;
}

.input-grup.hata-var .input-etiket {
    color: var(--hata);
}

.alan-hata {
    min-height: 15px;
    font-size: 10px;
    line-height: 1.4;
    color: var(--hata);
    padding-left: 2px;
}

.form-durum-mesaji {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 14px;
    border: 1px solid transparent;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
}

.form-durum-mesaji.bilgi {
    background: #f4f8ff;
    border-color: rgba(47,111,221,0.14);
    color: #2859b8;
}

.form-durum-mesaji.basari {
    background: #eefaf4;
    border-color: rgba(31,143,95,0.18);
    color: #1e7f58;
}

.form-durum-mesaji.hata {
    background: #fff4f5;
    border-color: rgba(194,65,75,0.18);
    color: #a93740;
}

.btn-ana,
.btn-iptal,
.btn-sutunlar,
.db-aksiyon-btn,
.db-chip-btn,
.mobil-kayit-btn,
.btn-toplu,
.giris-btn-buyuk {
    min-height: 40px;
    border-radius: 14px !important;
    font-weight: 800 !important;
}

.btn-ana,
.giris-btn-buyuk {
    background: linear-gradient(180deg, #f97d26, #e85f06) !important;
    box-shadow: 0 8px 16px rgba(247,108,13,0.18);
}

.btn-ana:hover,
.giris-btn-buyuk:hover {
    transform: translateY(-1px);
}

.btn-iptal,
.btn-sutunlar,
.mobil-kayit-btn {
    background: rgba(255,255,255,0.88) !important;
}

.toplu-bari,
.arama-bari,
.sayfalama {
    background: rgba(255,255,255,0.86);
    backdrop-filter: blur(12px);
}

.arama-bari,
.toplu-bari {
    padding: 14px 16px;
    border: 1px solid var(--panel-border);
    border-radius: 18px;
}

.tablo-kart {
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
}

.tablo-sarici {
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,248,251,0.96)) !important;
}

table {
    min-width: 1600px;
}

thead th {
    background: linear-gradient(180deg, #243447, #1f2b3a) !important;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

tbody td {
    text-transform: none;
    line-height: 1.45;
}

tbody tr:nth-child(even) td {
    background: rgba(248,250,252,0.88);
}

tbody tr:hover td {
    background: #fff7ef !important;
}

.dashboard-panel {
    gap: 16px;
}

.db-filtre-kart {
    border-radius: 0 var(--radius-lg) var(--radius-lg) var(--radius-lg) !important;
}

.db-musteri-rapor-kart,
.db-chart-card,
.db-kpi-kart,
.db-cari-kart {
    border-radius: var(--radius-lg) !important;
}

.db-kpi-kart,
.cari-kpi-kart {
    min-height: 138px;
    justify-content: space-between;
}

.db-kpi-deger,
.db-musteri-kpi-deger,
.cari-kpi-deger {
    letter-spacing: -0.04em;
}

.db-dikkat-item,
.db-musteri-kayit-item,
.cari-liste-item,
.mobil-kayit-kart {
    border-radius: 18px !important;
}

.cari-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.cari-textarea {
    min-height: 108px;
}

.toast-kap {
    top: 18px;
    right: 18px;
}

.toast {
    min-width: 260px;
    border-radius: 16px;
    padding: 14px 16px;
    backdrop-filter: blur(12px);
}

.yukleniyor-overlay {
    background: rgba(241,245,249,0.72);
    backdrop-filter: blur(8px);
}

.spinner {
    width: 48px;
    height: 48px;
    border-width: 4px;
}

.mobil-kayit-durum,
.mobil-kayit-chip,
.cari-badge {
    letter-spacing: 0.04em;
}

.mobil-kayit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mobil-kayit-meta {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

@media (max-width: 1024px) {
    .header {
        gap: 10px;
    }

    .header-sag {
        flex-wrap: wrap;
        justify-content: flex-end;
    }

    .cari-grid {
        grid-template-columns: 1fr !important;
    }

    .cari-kpi-grid,
    .db-musteri-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .akilli-bildirim-merkezi {
        top: var(--bildirim-panel-ust, 58px);
        left: var(--bildirim-panel-sol, 8px);
        right: auto;
        width: var(--bildirim-panel-genislik, calc(100vw - 16px));
        max-height: var(--bildirim-panel-maks-yukseklik, calc(100dvh - 66px));
        padding: 0;
        border-radius: 18px;
    }

    .akilli-bildirim-ust {
        align-items: center;
        min-height: 68px;
        padding: 12px 13px;
        border-radius: 18px 18px 0 0;
    }

    .akilli-bildirim-baslik-ikonu {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        border-radius: 11px;
    }

    .akilli-bildirim-listesi {
        padding: 12px 12px 20px;
        scroll-padding-block: 12px 20px;
    }

    .akilli-bildirim-araclari {
        top: -12px;
        margin: -12px -12px 2px;
        padding: 10px 12px;
    }

    .akilli-bildirim-filtreler {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: visible;
    }

    .akilli-bildirim-filtreler button {
        width: 100%;
        min-width: 0;
        text-align: center;
    }

    .akilli-bildirim-islemler {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .akilli-bildirim-islemler button.tamamla {
        grid-column: 1 / -1;
    }

    .akilli-bildirim-kisayol-yuvasi {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 2;
        padding: 0;
    }

    .akilli-bildirim-geri-ac {
        gap: 5px;
        padding: 7px 7px;
    }

    .akilli-bildirim-geri-ac .btn-label {
        display: none;
    }

    body {
        font-size: 13px;
    }

    .header {
        border-radius: 0 0 20px 20px;
    }

    .form-panel,
    .tablo-kart,
    .db-musteri-rapor-kart,
    .cari-kpi-kart,
    .cari-liste-kart,
    .cari-form-kart,
    .cari-detay-kart,
    .arama-bari,
    .toplu-bari,
    .sayfalama {
        border-radius: 20px !important;
    }

    .input-alan,
    .select-alan,
    .genel-arama-input {
        min-height: 44px;
        font-size: 14px !important;
    }

    .form-durum-mesaji {
        font-size: 12px;
    }

    .cari-form-grid,
    .cari-kpi-grid,
    .db-musteri-kpi-grid,
    .mobil-kayit-grid {
        grid-template-columns: 1fr !important;
    }

    .toast-kap {
        left: 12px;
        right: 12px;
        top: 12px;
    }

    .toast {
        min-width: 0;
        width: 100%;
    }
}

/* Sadece büyük ikonu gösterir */
th.durum-hucre .baslik-metin-kap::before {
    content: none;
    display: none;
}

/* Sekme Çubuğu — ana tab-sarici ile aynı görünüm */
.finans-sekme-bar {
    display: flex;
    gap: 4px;
    padding: 12px var(--density-content-pad-x, 24px) 0;
    background: transparent;
    border-bottom: 2px solid var(--kenarlik);
    margin-bottom: 20px;
}

/* Sekme Butonu — .tab-btn ile birebir aynı davranış */
.finans-sekme-btn {
    padding: 10px 20px;
    border: 1.5px solid var(--kenarlik);
    border-bottom: none;
    background: var(--beyaz);
    border-radius: 10px 10px 0 0;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    cursor: pointer;
    color: var(--metin-ikincil);
    transition: var(--gecis);
    white-space: nowrap;
    position: relative;
    bottom: -2px;
}
.finans-sekme-btn:not(.aktif):hover {
    background: var(--turuncu-hafif);
    color: var(--turuncu);
    border-color: rgba(247,108,13,0.3);
}
.finans-sekme-btn.aktif {
    background: var(--turuncu);
    color: white;
    border-color: var(--turuncu);
}

/* Alt Panel Container */
.finans-alt-panel {
    display: flex;
    flex-direction: column;
    gap: 16px;
}


/* ======================================================
   FİNANS TABLOLARI — Badge, KPI renkleri, Tablo stilleri
   ====================================================== */

.finans-satir:hover td { background: var(--hover-renk, rgba(0,0,0,0.025)); }
.tutar-hucre { font-variant-numeric: tabular-nums; font-weight: 500; }
.aksiyon-hucre { white-space: nowrap; text-align: right; }

/* Ödeme Durumu Badge */
.finans-badge {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
}
.finans-badge.odendi   { background: #d1fae5; color: #065f46; }
.finans-badge.bekliyor { background: #fef3c7; color: #92400e; }
.finans-badge.hata     { background: #fee2e2; color: #991b1b; }

/* Satır kırmızısı (kalan > 0) */
.kalan-var > td:first-child { border-left: 3px solid #f59e0b; }

/* Boş/yükleniyor satır */
.finans-bos, .finans-yukleniyor, .finans-hata {
    text-align: center;
    padding: 32px 0;
    font-size: 13px;
    color: var(--text-secondary, #6b7280);
}
.finans-hata { color: #dc2626; }

.finans-empty-state-card {
    display: grid;
    gap: 6px;
    max-width: 520px;
    margin: 0 auto;
    padding: 14px 16px;
    border: 1px dashed rgba(203,213,225,0.92);
    border-radius: 14px;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.96));
    text-align: center;
}

.finans-empty-state-card strong {
    font-size: 12px;
    font-weight: 700;
    color: #334155;
}

.finans-empty-state-card span {
    font-size: 11px;
    line-height: 1.55;
    color: #64748b;
}

/* Aksiyon butonları */
.finans-btn-duz, .finans-btn-sil {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 15px;
    padding: 2px 4px;
    border-radius: 4px;
    transition: background 0.15s;
}
.finans-btn-duz:hover { background: #dbeafe; }
.finans-btn-sil:hover { background: #fee2e2; }

/* 10 Finance / Module Panel ----------------------------------------- */
/* Finans Merkezi gorsel uyum katmani */
#finansMerkeziPanel {
    width: min(1680px, 100%);
    margin: 0 auto;
    padding: 0 var(--density-content-pad-x) var(--density-content-pad-y);
}

#finansMerkeziPanel .gider-panel-ust {
    align-items: center;
    gap: 12px;
    margin: 0 0 var(--finans-panel-gap);
    padding: 12px 14px;
    border: 1px solid var(--panel-border, rgba(148,163,184,0.18));
    border-radius: var(--radius-lg, 22px);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));
    box-shadow: var(--panel-shadow-soft, 0 10px 24px rgba(15,23,42,0.05));
}

#finansMerkeziPanel .gider-panel-etiket {
    margin-bottom: 5px;
    color: var(--turuncu-koyu);
    font-size: 10px;
    letter-spacing: 0.1em;
}

#finansMerkeziPanel .gider-panel-baslik {
    margin-bottom: 4px;
    font-size: 19px;
}

#finansMerkeziPanel .gider-panel-alt {
    max-width: 520px;
    font-size: 11px;
}

#finansMerkeziPanel .finans-sekme-bar {
    flex: 0 0 auto;
    align-items: center;
    gap: 4px;
    margin: 0 0 0 auto;
    padding: 3px;
    border: 1px solid rgba(203,213,225,0.82);
    border-radius: 16px;
    background: rgba(248,250,252,0.88);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

#finansMerkeziPanel .finans-sekme-btn {
    bottom: auto;
    min-height: var(--finans-tab-h);
    padding: 0 var(--finans-tab-pad-x);
    border: 1px solid transparent;
    border-radius: 14px;
    background: transparent;
    color: #64748b;
    font-size: var(--finans-tab-font);
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
    box-shadow: none;
}

#finansMerkeziPanel .finans-sekme-btn:not(.aktif):hover {
    background: rgba(255,255,255,0.88);
    border-color: rgba(247,108,13,0.18);
    color: var(--turuncu-koyu);
}

#finansMerkeziPanel .finans-sekme-btn.aktif {
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    color: #fff;
    border-color: transparent;
    box-shadow: 0 10px 20px rgba(247,108,13,0.22);
}

#finansMerkeziPanel .finans-alt-panel {
    gap: var(--finans-panel-gap);
}

#finansMerkeziPanel .finans-bildirim-merkezi {
    display: grid;
    gap: 10px;
    margin-bottom: var(--finans-panel-gap);
    padding: 12px 14px;
    border: 1px solid var(--panel-border, rgba(148,163,184,0.18));
    border-radius: var(--radius-md, 16px);
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.94));
    box-shadow: var(--panel-shadow-soft, 0 10px 24px rgba(15,23,42,0.05));
}

#finansMerkeziPanel .finans-bildirim-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#finansMerkeziPanel .finans-bildirim-baslik {
    font-size: 12px;
    font-weight: 700;
    color: #172132;
}

#finansMerkeziPanel .finans-bildirim-alt {
    margin-top: 2px;
    font-size: 10.5px;
    line-height: 1.5;
    color: #64748b;
}

#finansMerkeziPanel .finans-bildirim-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 8px;
}

#finansMerkeziPanel .finans-bildirim-kart {
    text-align: left;
    display: grid;
    gap: 3px;
    min-height: 74px;
    padding: 12px 13px;
    border-radius: 14px;
    border: 1px solid rgba(203,213,225,0.9);
    background: rgba(255,255,255,0.92);
    cursor: pointer;
    transition: var(--gecis);
}

#finansMerkeziPanel .finans-bildirim-kart:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(15,23,42,0.06);
}

#finansMerkeziPanel .finans-bildirim-kart span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #8a97aa;
}

#finansMerkeziPanel .finans-bildirim-kart strong {
    font-size: 14px;
    line-height: 1.3;
    color: #172132;
}

#finansMerkeziPanel .finans-bildirim-kart small {
    font-size: 10.5px;
    line-height: 1.45;
    color: #64748b;
}

#finansMerkeziPanel .finans-bildirim-kart.warn {
    border-color: rgba(245,158,11,0.24);
    background: linear-gradient(180deg, rgba(255,251,235,0.96), rgba(255,255,255,0.96));
}

#finansMerkeziPanel .finans-bildirim-kart.info {
    border-color: rgba(59,130,246,0.18);
    background: linear-gradient(180deg, rgba(239,246,255,0.92), rgba(255,255,255,0.96));
}

#finansMerkeziPanel .finans-bildirim-kart.danger {
    border-color: rgba(239,68,68,0.22);
    background: linear-gradient(180deg, rgba(254,242,242,0.92), rgba(255,255,255,0.96));
}

#finansMerkeziPanel .gider-kpi-grid {
    min-width: 0;
    gap: var(--finans-panel-gap);
}

#finansMerkeziPanel .gider-kpi-kart {
    padding: var(--finans-card-pad);
    border-color: var(--panel-border, rgba(148,163,184,0.18));
    border-radius: var(--radius-md, 16px);
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
    box-shadow: var(--panel-shadow-soft, 0 10px 24px rgba(15,23,42,0.05));
}

#finansMerkeziPanel .gider-kpi-kart span {
    margin-bottom: 6px;
    font-size: 9.5px;
    letter-spacing: 0.1em;
    color: #8a97aa;
}

#finansMerkeziPanel .gider-kpi-kart strong {
    font-size: var(--finans-kpi-font);
    line-height: 1.15;
}

#finansMerkeziPanel .gider-form-kart,
#finansMerkeziPanel .gider-komut-karti,
#finansMerkeziPanel .gider-liste-kart,
#finansMerkeziPanel .tablo-kart {
    border-color: var(--panel-border, rgba(148,163,184,0.18)) !important;
    border-radius: var(--radius-lg, 22px) !important;
    box-shadow: var(--panel-shadow-soft, 0 10px 24px rgba(15,23,42,0.05)) !important;
    overflow: hidden;
}

#finansMerkeziPanel .gider-form-kart {
    display: block !important;
    padding: 0 !important;
}

#finansMerkeziPanel .gider-form-baslik-bar {
    min-height: 50px;
    padding: 12px 16px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
}

#finansMerkeziPanel .gider-form-mini-ikon {
    width: 30px;
    height: 30px;
    border-radius: 12px;
}

#finansMerkeziPanel .gider-form-icerik {
    padding: 0 16px 16px;
}

#finansMerkeziPanel .harcama-form-icerik {
    padding-top: 14px;
}

#finansMerkeziPanel .harcama-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 340px);
    gap: 16px;
    align-items: start;
}

#finansMerkeziPanel .harcama-form-ana,
#finansMerkeziPanel .harcama-form-yan {
    min-width: 0;
}

#finansMerkeziPanel .harcama-form-satir {
    grid-template-columns: repeat(5, minmax(130px, 1fr)) !important;
}

#finansMerkeziPanel .harcama-aciklama-alani {
    margin-top: 12px;
}

#finansMerkeziPanel .harcama-aciklama-alani textarea.input-alan {
    min-height: 86px;
    height: auto !important;
    resize: vertical;
}

#finansMerkeziPanel .harcama-form-yan {
    display: grid;
    gap: 12px;
    align-content: start;
}

#finansMerkeziPanel .harcama-odendi-kutu {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(203,213,225,0.92);
    border-radius: 14px;
    background: rgba(248,250,252,0.96);
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

#finansMerkeziPanel .harcama-odendi-kutu input {
    width: 16px;
    height: 16px;
    accent-color: var(--turuncu);
}

#finansMerkeziPanel .harcama-form-aksiyonlar {
    justify-content: stretch;
    margin-top: 0;
}

#finansMerkeziPanel .harcama-form-aksiyonlar .btn-ana,
#finansMerkeziPanel .harcama-form-aksiyonlar .btn-iptal {
    flex: 1;
}

#finansMerkeziPanel .gider-form-grid {
    gap: var(--finans-panel-gap);
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-standart {
    display: grid;
    gap: 16px;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 18px;
    background:
        radial-gradient(circle at top right, rgba(247,108,13,0.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.96));
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-sol {
    display: grid;
    gap: 5px;
    min-width: 0;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-kicker {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #94a3b8;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-aciklama {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
    color: #172132;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-meta-item {
    font-size: 10.5px;
    color: #64748b;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-meta-item:not(:last-child)::after {
    content: "•";
    margin-left: 8px;
    color: #cbd5e1;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-chipler {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(226,232,240,0.96);
    background: rgba(255,255,255,0.96);
    color: #475569;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-chip.vurgu {
    background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,255,255,0.98));
    border-color: rgba(247,108,13,0.24);
    color: #c2410c;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-chip.ok {
    background: #f0fdf4;
    border-color: rgba(34,197,94,0.18);
    color: #15803d;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-chip.uyari {
    background: #fff7ed;
    border-color: rgba(249,115,22,0.2);
    color: #c2410c;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-chip.nötr {
    background: #f8fafc;
    border-color: rgba(203,213,225,0.92);
    color: #475569;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-bolum {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96));
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-bolum-ust {
    display: grid;
    gap: 3px;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-bolum-baslik {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #475569;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-bolum-alt {
    font-size: 10.5px;
    line-height: 1.5;
    color: #64748b;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik-grid,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-grid-ortak {
    display: grid;
    gap: 8px;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik-grid {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan {
    display: grid;
    gap: 4px;
    padding: 11px 12px;
    border-radius: 12px;
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(226,232,240,0.86);
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik {
    position: relative;
    overflow: hidden;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, rgba(247,108,13,0.8), rgba(251,191,36,0.34));
    opacity: 0.8;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik span,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan span {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik strong,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan strong {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
    color: #0f172a;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik.vurgu {
    background: linear-gradient(180deg, rgba(255,247,237,0.98), rgba(255,255,255,0.96));
    border-color: rgba(247,108,13,0.18);
    box-shadow: 0 10px 20px rgba(247,108,13,0.08);
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik small,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan small {
    font-size: 10px;
    color: #64748b;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-grid-ortak {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan.genis {
    grid-column: span 2;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan a {
    color: #0f172a;
    text-decoration: none;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan a:hover {
    text-decoration: underline;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-liste {
    display: grid;
    gap: 8px;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    padding: 10px 11px;
    border-radius: 12px;
    border: 1px solid rgba(226,232,240,0.86);
    background: rgba(255,255,255,0.92);
    text-align: left;
    cursor: pointer;
    transition: var(--gecis);
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-item:hover {
    border-color: rgba(247,108,13,0.24);
    background: #fffaf5;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-sol,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-sag {
    display: grid;
    gap: 2px;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-sol strong,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-sag strong {
    font-size: 12px;
    line-height: 1.4;
    color: #172132;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-sol span,
:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-sag small {
    font-size: 10.5px;
    color: #64748b;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-gecmis-sag {
    text-align: right;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-kisi-ozet-vitrin {
    display: grid;
    gap: 10px;
    padding: 13px;
    border-radius: 16px;
    background:
        radial-gradient(circle at top right, rgba(247,108,13,0.08), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95));
    border: 1px solid rgba(226,232,240,0.92);
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-kisi-ozet-baslik {
    display: flex;
    align-items: center;
    gap: 12px;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-kisi-ozet-avatar {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(247,108,13,0.14), rgba(255,255,255,0.98));
    border: 1px solid rgba(247,108,13,0.18);
    color: #c2410c;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.06em;
    flex: 0 0 auto;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-kisi-ozet-baslik-metin {
    display: grid;
    gap: 3px;
    min-width: 0;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-kisi-ozet-baslik strong {
    font-size: 14px;
    line-height: 1.3;
    color: #172132;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-kisi-ozet-baslik span {
    font-size: 10.5px;
    line-height: 1.45;
    color: #64748b;
}

:is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-kisi-ozet-istatistikler .finans-detay-metrik-grid {
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}

#finansMerkeziPanel .gider-form-grid label,
#finansMerkeziPanel .gider-filtre-grup label {
    font-size: 9.5px;
    color: #64748b;
}

#finansMerkeziPanel .gider-belge-yukleme {
    border-radius: 14px;
    background: rgba(248,250,252,0.96);
}

#finansMerkeziPanel .gider-komut-karti,
#finansMerkeziPanel #finansAlt_harcamalar > .arama-bari,
#finansMerkeziPanel #finansAlt_maaslar > .arama-bari {
    padding: 12px 14px;
    margin-bottom: 0;
    background: rgba(255,255,255,0.9);
    backdrop-filter: blur(12px);
}

#finansMerkeziPanel #finansAlt_harcamalar > .arama-bari .hizli-filtreler,
#finansMerkeziPanel #finansAlt_maaslar > .arama-bari .hizli-filtreler {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

#finansMerkeziPanel .hrc-filtre-btn {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(203,213,225,0.92);
    border-radius: 14px;
    background: rgba(255,255,255,0.88);
    color: #64748b;
    font-family: inherit;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: var(--gecis);
}

#finansMerkeziPanel .hrc-filtre-btn:hover {
    border-color: rgba(247,108,13,0.28);
    color: var(--turuncu-koyu);
    background: var(--turuncu-hafif);
}

#finansMerkeziPanel .hrc-filtre-btn.aktif {
    border-color: transparent;
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu));
    color: #fff;
    box-shadow: 0 10px 20px rgba(247,108,13,0.2);
}

#finansMerkeziPanel .hrc-toplu-sil {
    min-height: 40px;
    border-radius: 14px;
}

#finansMerkeziPanel .hrc-sutun-reset {
    min-height: 40px;
    border-radius: 14px;
}

#finansMerkeziPanel .finans-modern-tablosu th.secim-hucre,
#finansMerkeziPanel .finans-modern-tablosu td.secim-hucre {
    width: 48px;
    min-width: 48px;
    text-align: center;
}

#finansMerkeziPanel .finans-modern-tablosu {
    table-layout: fixed;
}

#finansMerkeziPanel .finans-modern-tablosu th,
#finansMerkeziPanel .finans-modern-tablosu td {
    overflow: hidden;
    text-overflow: ellipsis;
}

#finansMerkeziPanel .finans-modern-tablosu th[data-kolon] {
    position: sticky;
    top: 0;
}

#finansMerkeziPanel .finans-modern-tablosu th[data-kolon].kolon-resize-hedef {
    box-shadow:
        inset 2px 0 0 rgba(247,108,13,0.95),
        inset -2px 0 0 rgba(247,108,13,0.95),
        inset 0 1px 0 rgba(255,255,255,0.12);
}

#finansMerkeziPanel .hrc-kolon-resizer {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 45;
    width: 9px;
    height: 100%;
    cursor: col-resize;
    touch-action: none;
}

#finansMerkeziPanel .hrc-kolon-resizer::after {
    content: "";
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: 3px;
    width: 2px;
    border-radius: 999px;
    background: rgba(255,255,255,0.28);
    opacity: 0;
    transition: opacity 0.16s ease, background 0.16s ease;
}

#finansMerkeziPanel th[data-kolon]:hover .hrc-kolon-resizer::after,
#finansMerkeziPanel th[data-kolon].kolon-resize-hedef .hrc-kolon-resizer::after {
    opacity: 1;
    background: rgba(247,108,13,0.95);
}

#finansMerkeziPanel .finans-modern-tablosu td[data-hrc-edit] {
    cursor: cell;
}

#finansMerkeziPanel .finans-modern-tablosu tr.secili td {
    background: rgba(247,108,13,0.07);
}

.hrc-filtre-popup {
    position: fixed;
    z-index: 300000;
    width: 270px;
    max-height: 320px;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    border: 1px solid rgba(148,163,184,0.22);
    border-radius: 16px;
    background: rgba(255,255,255,0.98);
    box-shadow: 0 26px 48px rgba(15,23,42,0.22);
    overflow: hidden;
}

.hrc-filtre-popup-baslik {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(226,232,240,0.9);
    color: #172132;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hrc-filtre-popup-liste {
    max-height: 210px;
    overflow: auto;
    padding: 8px;
}

.hrc-filtre-item {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 7px 6px;
    border-radius: 10px;
    color: #334155;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.hrc-filtre-item:hover {
    background: #f8fafc;
}

.hrc-filtre-item input {
    margin-top: 2px;
    accent-color: var(--turuncu);
}

.hrc-filtre-item span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.hrc-filtre-popup-alt {
    display: flex;
    gap: 8px;
    padding: 10px;
    border-top: 1px solid rgba(226,232,240,0.9);
    background: #f8fafc;
}

.hrc-filtre-popup-alt .btn-ana,
.hrc-filtre-popup-alt .btn-iptal {
    flex: 1;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 10px;
    border-radius: 10px !important;
    font-size: 11px;
}

#finansMerkeziPanel .finans-badge {
    border-radius: 999px;
    padding: 4px 9px;
    font-size: 10.5px;
    font-weight: 800;
}

#finansMerkeziPanel .finans-badge.link {
    text-decoration: none;
}

#finansMerkeziPanel .finans-btn-duz,
#finansMerkeziPanel .finans-btn-sil {
    min-width: 30px;
    height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(203,213,225,0.82);
    border-radius: 10px;
    background: rgba(255,255,255,0.88);
    color: #475569;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 800;
}

#finansMerkeziPanel .finans-btn-duz:hover {
    border-color: rgba(47,111,221,0.28);
    background: #eef4ff;
}

#finansMerkeziPanel .finans-btn-sil:hover {
    border-color: rgba(194,65,75,0.26);
    background: #fff4f5;
}

#finansMerkeziPanel table {
    min-width: 980px;
}

#finansMerkeziPanel #finansAlt_harcamalar .tablo-kart,
#finansMerkeziPanel #finansAlt_maaslar .tablo-kart {
    overflow-x: auto;
}

#finansMerkeziPanel #finansAlt_harcamalar .harcama-liste-kart {
    overflow: hidden !important;
}

#finansMerkeziPanel #finansAlt_harcamalar .harcama-tablo-sarici {
    max-height: min(58vh, 560px);
    overflow: auto;
}

#finansMerkeziPanel #finansAlt_harcamalar .ana-tab,
#finansMerkeziPanel #finansAlt_maaslar .ana-tab {
    min-width: 980px;
}

#finansMerkeziPanel .gider-tablo-sarici {
    max-height: min(58vh, 560px);
    overflow: auto;
}

body.operasyon-mod #finansMerkeziPanel .gider-panel-ust {
    padding: 9px 10px;
    gap: 10px;
}

body.operasyon-mod #finansMerkeziPanel .gider-panel-etiket {
    font-size: 8.5px;
    margin-bottom: 3px;
}

body.operasyon-mod #finansMerkeziPanel .gider-panel-baslik {
    font-size: 16px;
    margin-bottom: 2px;
}

body.operasyon-mod #finansMerkeziPanel .gider-panel-alt {
    font-size: 9.5px;
    line-height: 1.35;
}

body.operasyon-mod #finansMerkeziPanel .finans-sekme-bar {
    gap: 3px;
    padding: 3px;
    border-radius: 14px;
}

body.operasyon-mod #finansMerkeziPanel .finans-sekme-btn {
    border-radius: 11px;
}

@media (max-width: 900px) {
    :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-grid-ortak {
        grid-template-columns: 1fr;
    }

    :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-alan.genis {
        grid-column: span 1;
    }

    #finansMerkeziPanel .finans-detay-gecmis-item,
    #finansMerkeziPanel .finans-bildirim-ust {
        flex-direction: column;
        align-items: stretch;
    }

    #finansMerkeziPanel .finans-detay-gecmis-sag {
        text-align: left;
    }

    :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero {
        flex-direction: column;
    }

    :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-hero-chipler {
        justify-content: flex-start;
    }
}

@media (max-width: 640px) {
    #finansMerkeziPanel .finans-bildirim-grid,
    :is(#finansMerkeziPanel, #giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .finans-detay-metrik-grid {
        grid-template-columns: 1fr;
    }

    #giderFisDetayOverlay .modal-aksiyonlar,
    #harcamaDetayOverlay .modal-aksiyonlar,
    #maasDetayOverlay .modal-aksiyonlar {
        flex-wrap: wrap;
        justify-content: stretch;
    }

    #giderFisDetayOverlay .modal-aksiyonlar button,
    #harcamaDetayOverlay .modal-aksiyonlar button,
    #maasDetayOverlay .modal-aksiyonlar button {
        flex: 1 1 calc(50% - 8px);
    }

    :is(#giderFisDetayOverlay, #harcamaDetayOverlay, #maasDetayOverlay) .gider-detay-overlay-kart {
        padding: 16px;
    }
}

body.operasyon-mod #finansMerkeziPanel .gider-kpi-grid {
    grid-template-columns: repeat(5, minmax(90px, 1fr));
}

body.operasyon-mod #finansMerkeziPanel .gider-form-baslik-bar {
    min-height: 40px;
    padding: 8px 10px;
}

body.operasyon-mod #finansMerkeziPanel .gider-form-mini-ikon {
    width: 24px;
    height: 24px;
    font-size: 11px;
}

body.operasyon-mod #finansMerkeziPanel .gider-form-icerik {
    padding: 0 10px 10px;
}

body.operasyon-mod #finansMerkeziPanel .harcama-form-icerik {
    padding-top: 10px;
}

body.operasyon-mod #finansMerkeziPanel .harcama-form-grid {
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
}

body.operasyon-mod #finansMerkeziPanel .harcama-form-satir {
    grid-template-columns: repeat(5, minmax(110px, 1fr)) !important;
}

body.operasyon-mod #finansMerkeziPanel .harcama-odendi-kutu {
    min-height: 30px;
    border-radius: 11px;
    font-size: 9.5px;
}

body.operasyon-mod #finansMerkeziPanel .harcama-aciklama-alani textarea.input-alan {
    min-height: 64px;
    height: auto !important;
}

body.operasyon-mod #finansMerkeziPanel .gider-komut-karti,
body.operasyon-mod #finansMerkeziPanel #finansAlt_harcamalar > .arama-bari,
body.operasyon-mod #finansMerkeziPanel #finansAlt_maaslar > .arama-bari {
    padding: 8px 10px;
}

body.operasyon-mod #finansMerkeziPanel .gider-tablo-sarici {
    max-height: min(62vh, 500px);
}

body.operasyon-mod #finansMerkeziPanel .hrc-filtre-btn,
body.operasyon-mod #finansMerkeziPanel .hrc-sutun-reset,
body.operasyon-mod #finansMerkeziPanel .hrc-toplu-sil,
body.operasyon-mod #finansMerkeziPanel .gider-toolbar-sag .btn-ana,
body.operasyon-mod #finansMerkeziPanel .gider-toolbar-sag .btn-iptal,
body.operasyon-mod #finansMerkeziPanel .gider-toolbar-sag .btn-toplu,
body.operasyon-mod #finansMerkeziPanel .gider-toolbar-sag .btn-sutunlar {
    min-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 9.5px;
    border-radius: 11px !important;
}

body.operasyon-mod #finansMerkeziPanel .input-alan,
body.operasyon-mod #finansMerkeziPanel .select-alan,
body.operasyon-mod #finansMerkeziPanel .genel-arama-input {
    min-height: 30px;
    height: 30px;
    font-size: 10px !important;
    border-radius: 11px !important;
}

@media (max-width: 1180px) {
    #finansMerkeziPanel .gider-panel-ust {
        align-items: stretch;
    }

    #finansMerkeziPanel .finans-sekme-bar {
        width: 100%;
        margin-left: 0;
        overflow-x: auto;
    }

    #finansMerkeziPanel .finans-sekme-btn {
        flex: 1 0 max-content;
    }

    #finansMerkeziPanel .harcama-form-grid {
        grid-template-columns: 1fr;
    }

    #finansMerkeziPanel .harcama-form-satir {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
    }
}

/* 11 Company Center -------------------------------------------------- */
#companyCenterPanel {
    padding: 0 24px 24px;
}

.company-center-root {
    min-height: 360px;
}

.company-shell {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.company-hero,
.company-content-shell,
.company-nav-shell {
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.055);
}

.company-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.06), transparent 28%),
        linear-gradient(135deg, rgba(255, 250, 245, 0.9), rgba(255, 255, 255, 0.98) 56%, rgba(246, 248, 252, 0.94)),
        #fff;
}

.company-hero::after {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.55), rgba(251, 191, 36, 0.25), transparent 78%);
}

.company-hero-main {
    min-width: 0;
    max-width: 700px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.company-hero-inline {
    display: flex;
    align-items: baseline;
    gap: 10px;
    flex-wrap: wrap;
}

.company-kicker,
.company-section-kicker {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #c2410c;
    margin-bottom: 0;
}

.company-title {
    margin: 0;
    font-size: clamp(16px, 1.1vw, 18px);
    font-weight: 700;
    line-height: 1.2;
    color: #0f172a;
}

.company-section-sub {
    margin: 2px 0 0;
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
    max-width: 680px;
}

.company-hero-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.company-hero-meta.bos {
    display: none;
}

.company-hero-meta span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: rgba(255, 255, 255, 0.66);
    color: #64748b;
    font-size: 10.5px;
    font-weight: 600;
}

.company-hero-note {
    font-size: 10.5px;
    color: #64748b;
    white-space: nowrap;
}

.company-detail-grid,
.company-bank-grid {
    display: grid;
    gap: 10px;
}

.company-detail-grid,
.company-bank-grid {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.company-info-card,
.company-detail-card,
.company-bank-card,
.company-note-card,
.company-timeline-card,
.company-doc-card,
.company-side-shell,
.company-section-surface,
.company-list-shell {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: 14px;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.026);
}

.company-info-card,
.company-detail-card,
.company-bank-card,
.company-note-card {
    padding: 12px 14px;
}

.company-section-surface,
.company-list-shell {
    padding: 12px;
}

.company-info-card {
    position: relative;
    overflow: hidden;
    min-height: 64px;
}

.company-info-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: linear-gradient(180deg, rgba(249, 115, 22, 0.46), rgba(251, 191, 36, 0.18));
}

.company-info-card span,
.company-detail-card span,
.company-bank-card span,
.company-note-meta,
.company-doc-meta,
.company-upload-meta,
.company-timeline-card small {
    display: block;
    color: #64748b;
    font-size: 11px;
    line-height: 1.45;
}

.company-info-card strong,
.company-detail-card strong,
.company-bank-card strong,
.company-note-top strong,
.company-doc-card-top strong,
.company-side-title {
    color: #0f172a;
    font-size: 12px;
    line-height: 1.45;
    font-weight: 600;
}

.company-info-card small,
.company-detail-card small {
    color: #94a3b8;
    font-size: 10px;
    margin-top: 2px;
}

.company-info-card.inline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "label meta"
        "value value";
    align-items: start;
    gap: 5px 10px;
    min-height: 52px;
    padding: 10px 12px;
    box-shadow: none;
    background: rgba(250, 250, 252, 0.76);
}

.company-info-card.inline::before {
    display: none;
}

.company-info-card.inline span,
.company-info-card.inline strong,
.company-info-card.inline small {
    display: block;
    margin: 0;
    min-width: 0;
}

.company-info-card.inline span {
    grid-area: label;
    font-size: 10.5px;
    color: #94a3b8;
}

.company-info-card.inline strong {
    grid-area: value;
    font-size: 12px;
    font-weight: 600;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.35;
}

.company-info-card.inline small {
    grid-area: meta;
    font-size: 10px;
    color: #94a3b8;
    white-space: nowrap;
    text-align: right;
}

.company-main-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.company-nav-shell,
.company-content-shell {
    padding: 16px;
}

.company-nav-shell {
    background: linear-gradient(180deg, rgba(255, 250, 245, 0.96), rgba(255, 255, 255, 0.96));
}

.company-nav {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.company-nav-btn,
.company-inline-btn,
.company-action-btn,
.company-upload-btn {
    min-height: 38px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.96);
    color: #475569;
    font: inherit;
    transition: 0.18s ease;
}

.company-nav-btn {
    width: 100%;
    min-height: 40px;
    padding: 0 14px;
    text-align: left;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px;
}

.company-nav-btn-icon,
.company-section-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.14), rgba(251, 191, 36, 0.08));
    border: 1px solid rgba(249, 115, 22, 0.16);
    color: #c2410c;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    flex: 0 0 auto;
}

.company-nav-btn-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.company-nav-btn-copy strong {
    color: inherit;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 700;
}

.company-nav-btn-copy small {
    color: #94a3b8;
    font-size: 10px;
    line-height: 1.35;
}

.company-nav-btn.aktif .company-nav-btn-icon {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.company-nav-btn.aktif .company-nav-btn-copy small {
    color: rgba(255, 255, 255, 0.78);
}

.company-nav-btn:hover,
.company-inline-btn:hover,
.company-action-btn:hover,
.company-upload-btn:hover {
    border-color: rgba(148, 163, 184, 0.26);
    color: #334155;
    background: rgba(248, 250, 252, 0.98);
}

.company-nav-btn.aktif,
.company-action-btn.primary {
    background: linear-gradient(135deg, #f97316, #ea580c);
    border-color: rgba(234, 88, 12, 0.4);
    color: #fff;
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.16);
}

.company-upload-btn {
    background: rgba(255, 255, 255, 0.96);
    color: #475569;
    box-shadow: none;
}

.company-content-shell {
    min-height: 420px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 250, 252, 0.98));
}

.company-section-shell {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.company-section-head,
.company-head-actions,
.company-doc-card-top,
.company-bank-card-top,
.company-note-top,
.company-side-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.company-head-actions {
    flex-wrap: wrap;
}

.company-section-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.company-section-copy {
    display: flex;
    flex-direction: column;
    min-width: 0;
    gap: 2px;
}

.company-section-title-line {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    flex-wrap: wrap;
}

.company-section-title {
    margin: 0;
    color: #0f172a;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 600;
}

.company-section-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
}

.company-subsection-head {
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.company-subsection-copy strong {
    display: block;
    color: #0f172a;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

.company-subsection-copy.inline {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.company-subsection-copy span {
    display: block;
    margin-top: 0;
    color: #64748b;
    font-size: 10.5px;
    line-height: 1.45;
}

.company-card-headline,
.company-alert-card-top,
.company-alert-strip-head,
.company-calendar-month-head,
.company-calendar-item,
.company-calendar-item-side {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.company-form-shell {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(180deg, rgba(250, 250, 252, 0.96), rgba(255, 255, 255, 0.98));
}

.company-form-workspace {
    position: relative;
    overflow: hidden;
}

.company-form-workspace::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, rgba(249, 115, 22, 0.95), rgba(251, 191, 36, 0.75));
}

.company-form-head {
    padding-bottom: 12px;
    margin-bottom: 14px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92);
}

.company-form-kicker {
    color: #f97316;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.company-form-title {
    margin-top: 6px;
    color: #0f172a;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.2;
}

.company-form-sub {
    margin-top: 4px;
    color: #64748b;
    font-size: 11px;
    line-height: 1.5;
}

.company-form-section + .company-form-section {
    margin-top: 14px;
}

.company-form-section-title {
    margin-bottom: 10px;
    color: #0f172a;
    font-size: 12px;
    font-weight: 700;
}

.company-form-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
}

.company-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.company-field label,
.company-checkbox-field span {
    font-size: 11px;
    font-weight: 600;
    color: #475569;
}

.company-field input,
.company-field textarea,
.company-field select {
    width: 100%;
    min-height: 40px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #fff;
    color: #0f172a;
    padding: 10px 12px;
    font: inherit;
}

.company-field textarea {
    min-height: 96px;
    resize: vertical;
}

.company-field input:focus,
.company-field textarea:focus,
.company-field select:focus {
    outline: none;
    border-color: rgba(249, 115, 22, 0.45);
    box-shadow: 0 0 0 4px rgba(249, 115, 22, 0.12);
}

.company-checkbox-field {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: rgba(255, 255, 255, 0.92);
}

.company-form-actions,
.company-doc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.company-action-btn,
.company-inline-btn,
.company-upload-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    font-weight: 500;
    cursor: pointer;
}

.company-copy-btn {
    min-height: 28px;
    min-width: 28px;
    padding: 0;
    border-radius: 8px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(255, 255, 255, 0.96);
    color: #475569;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.18s ease;
}

.company-copy-btn:hover {
    border-color: rgba(148, 163, 184, 0.28);
    color: #334155;
    background: rgba(248, 250, 252, 0.98);
}

.company-copy-btn.compact {
    min-height: 26px;
    min-width: 26px;
    padding: 0;
    font-size: 12px;
}

.company-action-btn.danger {
    border-color: rgba(239, 68, 68, 0.18);
    color: #b91c1c;
    background: #fff;
}

.company-action-btn.danger:hover,
.company-inline-btn.danger:hover {
    border-color: rgba(239, 68, 68, 0.3);
    background: rgba(254, 242, 242, 0.88);
    color: #b91c1c;
}

.company-inline-btn.danger {
    border-color: rgba(239, 68, 68, 0.18);
    color: #b91c1c;
}

.company-upload-meta {
    margin-top: 8px;
}

.company-alert-strip {
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: linear-gradient(135deg, rgba(250, 250, 252, 0.98), rgba(255, 255, 255, 0.98));
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035);
}

.company-alert-strip-note {
    font-size: 11px;
    color: #64748b;
    font-weight: 600;
}

.company-alert-grid {
    display: grid;
    gap: 12px;
}

.company-alert-grid {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin-top: 12px;
}

.company-alert-card {
    text-align: left;
    padding: 14px;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(255, 255, 255, 0.92);
    cursor: pointer;
    transition: 0.18s ease;
}

.company-alert-card:hover,
.company-calendar-item:hover {
    border-color: rgba(148, 163, 184, 0.22);
    box-shadow: 0 10px 20px rgba(15, 23, 42, 0.05);
}

.company-alert-card.warn {
    border-color: rgba(245, 158, 11, 0.26);
}

.company-alert-card.danger {
    border-color: rgba(239, 68, 68, 0.24);
}

.company-alert-card-meta,
.company-alert-card-foot {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #64748b;
}

.company-alert-card-foot {
    color: #0f172a;
    font-weight: 600;
}

.company-calendar {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.company-calendar-month {
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, 0.14);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.95));
    overflow: hidden;
}

.company-calendar-month-head {
    padding: 12px 14px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.company-calendar-month-head span {
    font-size: 12px;
    color: #64748b;
}

.company-calendar-list {
    display: flex;
    flex-direction: column;
}

.company-calendar-item {
    padding: 12px 14px;
    border: 0;
    border-top: 1px solid rgba(148, 163, 184, 0.08);
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: 0.18s ease;
}

.company-calendar-item:first-child {
    border-top: 0;
}

.company-calendar-item strong {
    display: block;
    font-size: 12px;
    color: #0f172a;
}

.company-calendar-item span,
.company-calendar-item-side small {
    display: block;
    font-size: 11px;
    color: #64748b;
}

.company-calendar-item-side {
    align-items: flex-end;
    min-width: 120px;
}

.company-doc-layout,
.company-note-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
    gap: 16px;
}

.company-doc-list,
.company-note-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.company-doc-card {
    padding: 14px;
    cursor: pointer;
    transition: 0.18s ease;
}

.company-doc-card:hover,
.company-doc-card.aktif {
    border-color: rgba(249, 115, 22, 0.28);
    box-shadow: 0 10px 20px rgba(249, 115, 22, 0.08);
}

.company-doc-card.aktif {
    background: linear-gradient(180deg, rgba(255, 250, 245, 0.92), rgba(255, 255, 255, 0.98));
}

.company-side-panel {
    min-width: 0;
}

.company-side-shell {
    padding: 14px;
    position: sticky;
    top: 18px;
}

.company-side-sub,
.company-note-body {
    color: #475569;
    font-size: 12px;
    line-height: 1.6;
}

.company-bank-card,
.company-note-card {
    min-height: 148px;
}

.company-bank-grid {
    gap: 10px;
}

.company-status-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    border: 1px solid currentColor;
    font-size: 9.5px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.company-status-chip.success {
    background: rgba(220, 252, 231, 0.3);
    color: #166534;
}

.company-status-chip.warn {
    background: rgba(254, 243, 199, 0.3);
    color: #92400e;
}

.company-status-chip.danger {
    background: rgba(254, 226, 226, 0.3);
    color: #b91c1c;
}

.company-status-chip.info {
    background: rgba(224, 242, 254, 0.28);
    color: #0369a1;
}

.company-empty-state {
    padding: 22px 18px;
    border-radius: 16px;
    border: 1px dashed rgba(148, 163, 184, 0.24);
    background: linear-gradient(180deg, rgba(255, 248, 240, 0.72), rgba(248, 250, 252, 0.9));
    color: #64748b;
    text-align: center;
    font-size: 12px;
    line-height: 1.55;
}

.company-section-sub {
    color: #94a3b8;
    font-size: 10.5px;
    line-height: 1.35;
}

.company-timeline {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.company-timeline-item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.company-timeline-dot {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f97316, #ea580c);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 16px rgba(249, 115, 22, 0.14);
}

.company-timeline-card {
    padding: 12px 14px;
}

.company-timeline-card strong,
.company-timeline-card span {
    display: block;
}

.company-timeline-card span {
    color: #475569;
    margin-top: 3px;
}

body.operasyon-mod #companyCenterPanel {
    padding-left: var(--density-content-pad-x);
    padding-right: var(--density-content-pad-x);
}

body.operasyon-mod .company-shell {
    gap: 12px;
}

body.operasyon-mod .company-hero,
body.operasyon-mod .company-content-shell,
body.operasyon-mod .company-nav-shell,
body.operasyon-mod .company-section-surface,
body.operasyon-mod .company-list-shell {
    border-radius: 14px;
}

body.operasyon-mod .company-hero {
    padding: 10px 14px;
}

body.operasyon-mod .company-nav-btn,
body.operasyon-mod .company-inline-btn,
body.operasyon-mod .company-action-btn,
body.operasyon-mod .company-upload-btn,
body.operasyon-mod .company-copy-btn,
body.operasyon-mod .company-field input,
body.operasyon-mod .company-field textarea,
body.operasyon-mod .company-field select {
    min-height: 34px;
    border-radius: 10px;
    font-size: 12px;
}

body.operasyon-mod .company-field textarea {
    min-height: 84px;
}

body.operasyon-mod .company-title {
    font-size: 17px;
}

@media (max-width: 1200px) {
    .company-main-layout,
    .company-doc-layout,
    .company-note-layout {
        grid-template-columns: 1fr;
    }

    .company-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .company-nav-btn {
        width: auto;
    }

    .company-side-shell {
        position: static;
    }
}

@media (max-width: 900px) {
    .company-hero {
        flex-direction: column;
        align-items: stretch;
    }
}

@media (max-width: 640px) {
    #companyCenterPanel {
        padding: 0 14px 18px;
    }

    .company-detail-grid,
    .company-bank-grid,
    .company-form-grid {
        grid-template-columns: 1fr;
    }

    .company-nav {
        flex-direction: column;
    }

    .company-section-surface,
    .company-list-shell {
        padding: 12px;
    }

    .company-head-actions,
    .company-section-head,
    .company-doc-card-top,
    .company-bank-card-top,
    .company-note-top,
    .company-side-head,
    .company-alert-strip-head,
    .company-calendar-item {
        flex-direction: column;
        align-items: stretch;
    }

    .company-calendar-item-side,
    .company-card-headline {
        align-items: flex-start;
    }

    .company-hero-inline {
        align-items: flex-start;
    }

    .company-hero-note {
        white-space: normal;
    }
}

#finansMerkeziPanel .vergi-tahmin-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding-bottom: 8px;
}

#finansMerkeziPanel .vergi-hesap-karti {
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 16px;
    background: linear-gradient(145deg, #ffffff, rgba(248, 250, 252, 0.6));
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03);
    display: flex;
    flex-direction: column;
    gap: 16px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#finansMerkeziPanel .vergi-hesap-karti:hover {
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    transform: translateY(-2px);
    border-color: rgba(249, 115, 22, 0.2);
}

#finansMerkeziPanel .vergi-hesap-baslik {
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #1e293b;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

#finansMerkeziPanel .vergi-hesap-form {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 1;
}

#finansMerkeziPanel .vergi-sonuc-grid {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid rgba(148, 163, 184, 0.1);
}

#finansMerkeziPanel .vergi-sonuc-karti {
    padding: 12px 14px;
    border-radius: 12px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(248, 250, 252, 0.6);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#finansMerkeziPanel .vergi-sonuc-karti.vurgu {
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.96), rgba(255, 255, 255, 0.98));
    border-color: rgba(249, 115, 22, 0.25);
    box-shadow: 0 2px 8px rgba(249, 115, 22, 0.05);
}

#finansMerkeziPanel .vergi-sonuc-karti span {
    font-size: 10px;
    font-weight: 700;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

#finansMerkeziPanel .vergi-sonuc-karti strong {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

#finansMerkeziPanel .vergi-sonuc-karti.vurgu strong {
    color: #ea580c;
}

#finansMerkeziPanel .vergi-yardimci-metin {
    margin-top: 4px;
    font-size: 10px;
    color: #64748b;
}

#finansMerkeziPanel .vergi-toolbar {
    justify-content: space-between;
    width: 100%;
}

#finansMerkeziPanel .vergi-tablosu td strong {
    font-size: 12px;
}

#finansMerkeziPanel .vergi-tablo-aksiyonlari {
    display: flex;
    gap: 6px;
}

#finansMerkeziPanel .vergi-kpi-grid .gider-kpi-kart strong {
    font-size: 18px;
}

@media (max-width: 1180px) {
    #finansMerkeziPanel .vergi-tahmin-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    #finansMerkeziPanel .vergi-hesap-form,
    #finansMerkeziPanel .vergi-sonuc-grid {
        grid-template-columns: 1fr;
    }
}

#finansMerkeziPanel .vergi-hesap-baslik {
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.6);
}

.finans-btn-otomatik {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 6px 14px;
    background: linear-gradient(135deg, #F76C0D 0%, #d95c08 100%);
    color: white !important;
    border: none;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 12px rgba(247, 108, 13, 0.25);
    white-space: nowrap;
    text-transform: none;
    line-height: 1;
}

.finans-btn-otomatik:hover {
    transform: translateY(-1.5px) scale(1.02);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.18);
    filter: brightness(1.1);
}

.finans-btn-otomatik:active {
    transform: translateY(0.5px) scale(0.98);
}

.finans-btn-otomatik::before {
    content: "";
    width: 8px;
    height: 12px;
    display: inline-block;
    clip-path: polygon(56% 0, 18% 52%, 48% 52%, 34% 100%, 82% 38%, 52% 38%);
    background: currentColor;
    filter: drop-shadow(0 0 2px rgba(255,255,255,0.5));
}
.admin-status-chip.paid { color: #166534; background: #f0fdf4; border-color: #bbf7d0; }
.admin-status-chip.unpaid { color: #854d0e; background: #fefce8; border-color: #fef08a; }
.admin-status-chip.overdue { color: #991b1b; background: #fef2f2; border-color: #fecaca; }
.admin-status-chip.partial { color: #1e40af; background: #eff6ff; border-color: #bfdbfe; }

.detay-hatirlatici-bilgi {
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: linear-gradient(135deg, #fffdf9, #f8fafc);
    border-radius: 16px;
    padding: 14px 16px;
    font-size: 13px;
    line-height: 1.55;
    color: #334155;
}

.detay-hatirlatici-bilgi.aktif {
    border-color: rgba(247, 108, 13, 0.2);
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.96), rgba(255, 255, 255, 0.98));
    color: #9a3412;
}

.detay-hatirlatici-bilgi.gecikti {
    border-color: rgba(220, 38, 38, 0.18);
    background: linear-gradient(135deg, rgba(254, 242, 242, 0.96), rgba(255, 255, 255, 0.98));
    color: #991b1b;
}

.komut-paleti-overlay {
    align-items: flex-start;
    padding-top: min(11vh, 84px);
}

.komut-paleti-kart {
    width: min(680px, calc(100vw - 28px));
    padding: 18px;
    border-radius: 24px;
}

.komut-paleti-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.komut-paleti-input {
    width: 100%;
    border-radius: 18px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    background: #fff;
    padding: 15px 18px;
    font-size: 15px;
    font-weight: 600;
    color: #0f172a;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}

.komut-paleti-input:focus {
    border-color: rgba(247, 108, 13, 0.35);
    box-shadow: 0 0 0 4px rgba(247, 108, 13, 0.08);
}

.komut-paleti-liste {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: min(52vh, 420px);
    overflow: auto;
}

.komut-paleti-item {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 12px;
    align-items: center;
    border: 1px solid rgba(226, 232, 240, 0.9);
    background: #fff;
    border-radius: 18px;
    padding: 12px 14px;
    cursor: pointer;
    transition: all 0.18s ease;
}

.komut-paleti-item:hover,
.komut-paleti-item.aktif {
    border-color: rgba(247, 108, 13, 0.22);
    background: linear-gradient(135deg, rgba(255, 247, 237, 0.98), rgba(255, 255, 255, 1));
    transform: translateY(-1px);
}

.komut-paleti-item[aria-disabled="true"] {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

.komut-paleti-item-sol {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.komut-paleti-item-baslik {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.komut-paleti-item-aciklama {
    font-size: 12px;
    color: #64748b;
}

.komut-paleti-item-sag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.komut-paleti-etiket {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, 0.92);
    color: #475569;
    font-size: 11px;
    font-weight: 700;
}

.komut-paleti-bos {
    border: 1px dashed rgba(203, 213, 225, 0.95);
    border-radius: 18px;
    padding: 20px 16px;
    text-align: center;
    font-size: 13px;
    color: #64748b;
    background: rgba(248, 250, 252, 0.88);
}

.komut-paleti-dip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
    color: #64748b;
    font-size: 12px;
}

.komut-paleti-dip span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid rgba(226, 232, 240, 0.92);
}

@media (max-width: 700px) {
    .komut-paleti-overlay {
        padding: 16px 12px;
        align-items: center;
    }

    .komut-paleti-kart {
        width: calc(100vw - 24px);
        padding: 14px;
        border-radius: 20px;
    }

    .komut-paleti-item {
        grid-template-columns: 1fr;
    }

    .komut-paleti-item-sag {
        justify-content: flex-start;
    }
}

/* Gorunum modu esitleme: tum sekmeler secili modun yogunlugunu kullansin */
body.rahat-mod .cari-panel,
body.rahat-mod #dashboardPanel,
body.rahat-mod #adminPanel,
body.rahat-mod #companyCenterPanel,
body.rahat-mod #finansMerkeziPanel,
body.operasyon-mod .cari-panel,
body.operasyon-mod #dashboardPanel,
body.operasyon-mod #adminPanel,
body.operasyon-mod #companyCenterPanel,
body.operasyon-mod #finansMerkeziPanel {
    padding-left: var(--density-content-pad-x) !important;
    padding-right: var(--density-content-pad-x) !important;
}

body.rahat-mod .db-kpi-kart,
body.rahat-mod .db-cari-kart,
body.rahat-mod .db-chart-card,
body.rahat-mod .db-panel-kart,
body.rahat-mod .db-musteri-rapor-kart,
body.rahat-mod .cari-kpi-kart,
body.rahat-mod .cari-liste-kart,
body.rahat-mod .cari-form-kart,
body.rahat-mod .cari-detay-kart,
body.rahat-mod .company-hero,
body.rahat-mod .company-content-shell,
body.rahat-mod .company-nav-shell,
body.rahat-mod .company-section-surface,
body.rahat-mod .company-list-shell,
body.rahat-mod .admin-hub-card,
body.rahat-mod .admin-split-detail,
body.rahat-mod .admin-users-layout > .admin-split-detail,
body.operasyon-mod .db-kpi-kart,
body.operasyon-mod .db-cari-kart,
body.operasyon-mod .db-chart-card,
body.operasyon-mod .db-panel-kart,
body.operasyon-mod .db-musteri-rapor-kart,
body.operasyon-mod .cari-kpi-kart,
body.operasyon-mod .cari-liste-kart,
body.operasyon-mod .cari-form-kart,
body.operasyon-mod .cari-detay-kart,
body.operasyon-mod .company-hero,
body.operasyon-mod .company-content-shell,
body.operasyon-mod .company-nav-shell,
body.operasyon-mod .company-section-surface,
body.operasyon-mod .company-list-shell,
body.operasyon-mod .admin-hub-card,
body.operasyon-mod .admin-split-detail,
body.operasyon-mod .admin-users-layout > .admin-split-detail {
    border-radius: var(--density-panel-radius) !important;
}

body.rahat-mod .db-kpi-kart,
body.rahat-mod .db-cari-kart,
body.rahat-mod .db-chart-card,
body.rahat-mod .db-panel-kart,
body.rahat-mod .db-musteri-rapor-kart,
body.rahat-mod .cari-kpi-kart,
body.rahat-mod .cari-liste-kart,
body.rahat-mod .cari-form-kart,
body.rahat-mod .cari-detay-kart,
body.rahat-mod .company-content-shell,
body.rahat-mod .company-nav-shell,
body.rahat-mod .company-section-surface,
body.rahat-mod .company-list-shell,
body.rahat-mod .admin-hub-card-body,
body.rahat-mod .admin-tools-body,
body.rahat-mod .admin-config-body,
body.rahat-mod .admin-integrations-body,
body.operasyon-mod .db-kpi-kart,
body.operasyon-mod .db-cari-kart,
body.operasyon-mod .db-chart-card,
body.operasyon-mod .db-panel-kart,
body.operasyon-mod .db-musteri-rapor-kart,
body.operasyon-mod .cari-kpi-kart,
body.operasyon-mod .cari-liste-kart,
body.operasyon-mod .cari-form-kart,
body.operasyon-mod .cari-detay-kart,
body.operasyon-mod .company-content-shell,
body.operasyon-mod .company-nav-shell,
body.operasyon-mod .company-section-surface,
body.operasyon-mod .company-list-shell,
body.operasyon-mod .admin-hub-card-body,
body.operasyon-mod .admin-tools-body,
body.operasyon-mod .admin-config-body,
body.operasyon-mod .admin-integrations-body {
    padding: var(--density-card-pad) !important;
}

body.rahat-mod .company-hero,
body.rahat-mod .gider-panel-ust,
body.rahat-mod .admin-hub-card-header,
body.rahat-mod .admin-hub-header,
body.operasyon-mod .company-hero,
body.operasyon-mod .gider-panel-ust,
body.operasyon-mod .admin-hub-card-header,
body.operasyon-mod .admin-hub-header {
    padding: var(--density-card-pad) !important;
}

body.rahat-mod .db-kpi-deger,
body.rahat-mod .db-musteri-kpi-deger,
body.rahat-mod .cari-kpi-deger,
body.operasyon-mod .db-kpi-deger,
body.operasyon-mod .db-musteri-kpi-deger,
body.operasyon-mod .cari-kpi-deger {
    font-size: calc(var(--density-font) * 2) !important;
}

body.rahat-mod .company-title,
body.operasyon-mod .company-title {
    font-size: calc(var(--density-font) * 1.55) !important;
    line-height: 1.15;
}

body.rahat-mod .company-section-sub,
body.operasyon-mod .company-section-sub {
    font-size: calc(var(--density-font) * 0.95) !important;
}

body.rahat-mod .cari-grid,
body.operasyon-mod .cari-grid {
    gap: var(--density-grid-gap) !important;
}

body.rahat-mod .cari-kpi-grid,
body.operasyon-mod .cari-kpi-grid,
body.rahat-mod .db-musteri-kpi-grid,
body.operasyon-mod .db-musteri-kpi-grid,
body.rahat-mod .db-kpi-grid-dashboard,
body.operasyon-mod .db-kpi-grid-dashboard,
body.rahat-mod .db-cari-grid,
body.operasyon-mod .db-cari-grid {
    gap: var(--density-grid-gap) !important;
}

body.rahat-mod .cari-liste-item,
body.rahat-mod .db-musteri-kpi,
body.rahat-mod .db-musteri-liste,
body.rahat-mod .db-cari-item,
body.rahat-mod .company-info-card,
body.rahat-mod .company-detail-card,
body.rahat-mod .company-bank-card,
body.rahat-mod .company-note-card,
body.rahat-mod .company-doc-card,
body.rahat-mod .company-side-shell,
body.rahat-mod .company-alert-card,
body.rahat-mod .company-calendar-month-head,
body.rahat-mod .company-calendar-item,
body.rahat-mod .company-timeline-card,
body.operasyon-mod .cari-liste-item,
body.operasyon-mod .db-musteri-kpi,
body.operasyon-mod .db-musteri-liste,
body.operasyon-mod .db-cari-item,
body.operasyon-mod .company-info-card,
body.operasyon-mod .company-detail-card,
body.operasyon-mod .company-bank-card,
body.operasyon-mod .company-note-card,
body.operasyon-mod .company-doc-card,
body.operasyon-mod .company-side-shell,
body.operasyon-mod .company-alert-card,
body.operasyon-mod .company-calendar-month-head,
body.operasyon-mod .company-calendar-item,
body.operasyon-mod .company-timeline-card {
    padding: calc(var(--density-card-pad) * 0.8) !important;
    border-radius: var(--density-panel-radius) !important;
}

body.rahat-mod .admin-hub-content,
body.operasyon-mod .admin-hub-content {
    padding: var(--density-content-pad-y) var(--density-content-pad-x) calc(var(--density-content-pad-y) * 1.5) !important;
    gap: calc(var(--density-grid-gap) * 2);
}

body.rahat-mod .admin-hub-sidebar,
body.operasyon-mod .admin-hub-sidebar {
    width: 220px;
    flex-basis: 220px;
    padding: var(--density-card-pad) calc(var(--density-card-pad) * 0.8);
}

body.rahat-mod .company-shell,
body.operasyon-mod .company-shell,
body.rahat-mod .company-section-shell,
body.operasyon-mod .company-section-shell {
    gap: calc(var(--density-grid-gap) * 2);
}

body.rahat-mod #finansMerkeziPanel,
body.operasyon-mod #finansMerkeziPanel {
    --finans-tab-h: calc(var(--density-input-h) + 6px);
    --finans-tab-pad-x: calc(var(--density-input-px) + 5px);
    --finans-tab-font: calc(var(--density-font) * 0.85);
    --finans-panel-gap: calc(var(--density-grid-gap) * 1.5);
    --finans-card-pad: var(--density-card-pad);
    --finans-kpi-font: calc(var(--density-font) * 1.45);
}

body.rahat-mod .db-kpi-etiket,
body.rahat-mod .db-kpi-alt,
body.rahat-mod .db-bolum-metin,
body.rahat-mod .db-panel-alt,
body.rahat-mod .db-musteri-kpi-etiket,
body.rahat-mod .db-musteri-kpi-alt,
body.rahat-mod .cari-kpi-etiket,
body.rahat-mod .cari-liste-alt,
body.rahat-mod .cari-form-durum,
body.rahat-mod .company-kicker,
body.rahat-mod .company-section-kicker,
body.rahat-mod .company-section-sub,
body.rahat-mod .company-info-card span,
body.rahat-mod .company-detail-card span,
body.rahat-mod .company-bank-card span,
body.rahat-mod .company-note-meta,
body.rahat-mod .company-doc-meta,
body.rahat-mod .company-upload-meta,
body.rahat-mod .company-timeline-card small,
body.rahat-mod .admin-card-subtitle,
body.operasyon-mod .db-kpi-etiket,
body.operasyon-mod .db-kpi-alt,
body.operasyon-mod .db-bolum-metin,
body.operasyon-mod .db-panel-alt,
body.operasyon-mod .db-musteri-kpi-etiket,
body.operasyon-mod .db-musteri-kpi-alt,
body.operasyon-mod .cari-kpi-etiket,
body.operasyon-mod .cari-liste-alt,
body.operasyon-mod .cari-form-durum,
body.operasyon-mod .company-kicker,
body.operasyon-mod .company-section-kicker,
body.operasyon-mod .company-section-sub,
body.operasyon-mod .company-info-card span,
body.operasyon-mod .company-detail-card span,
body.operasyon-mod .company-bank-card span,
body.operasyon-mod .company-note-meta,
body.operasyon-mod .company-doc-meta,
body.operasyon-mod .company-upload-meta,
body.operasyon-mod .company-timeline-card small,
body.operasyon-mod .admin-card-subtitle {
    font-size: calc(var(--density-font) * 0.82) !important;
    line-height: 1.45 !important;
}

body.rahat-mod .db-panel-baslik,
body.rahat-mod .db-bolum-baslik,
body.rahat-mod .cari-kart-baslik,
body.rahat-mod .company-section-title,
body.rahat-mod .company-side-title,
body.rahat-mod .admin-hub-card-header h3,
body.operasyon-mod .db-panel-baslik,
body.operasyon-mod .db-bolum-baslik,
body.operasyon-mod .cari-kart-baslik,
body.operasyon-mod .company-section-title,
body.operasyon-mod .company-side-title,
body.operasyon-mod .admin-hub-card-header h3 {
    font-size: calc(var(--density-font) * 1.02) !important;
}

body.rahat-mod .company-nav-btn,
body.rahat-mod .company-inline-btn,
body.rahat-mod .company-action-btn,
body.rahat-mod .company-upload-btn,
body.rahat-mod .company-copy-btn,
body.rahat-mod .company-field input,
body.rahat-mod .company-field textarea,
body.rahat-mod .company-field select,
body.rahat-mod .admin-section-toggle,
body.rahat-mod .admin-action-btn,
body.rahat-mod #finansMerkeziPanel .finans-sekme-btn,
body.rahat-mod #finansMerkeziPanel .gider-panel-ust .btn-ana,
body.rahat-mod #finansMerkeziPanel .gider-panel-ust .btn-iptal,
body.operasyon-mod .company-nav-btn,
body.operasyon-mod .company-inline-btn,
body.operasyon-mod .company-action-btn,
body.operasyon-mod .company-upload-btn,
body.operasyon-mod .company-copy-btn,
body.operasyon-mod .company-field input,
body.operasyon-mod .company-field textarea,
body.operasyon-mod .company-field select,
body.operasyon-mod .admin-section-toggle,
body.operasyon-mod .admin-action-btn,
body.operasyon-mod #finansMerkeziPanel .finans-sekme-btn,
body.operasyon-mod #finansMerkeziPanel .gider-panel-ust .btn-ana,
body.operasyon-mod #finansMerkeziPanel .gider-panel-ust .btn-iptal {
    min-height: var(--density-input-h) !important;
    font-size: calc(var(--density-font) * 0.84) !important;
    border-radius: 8px !important;
}

body.rahat-mod .company-nav-btn-icon,
body.rahat-mod .company-section-icon,
body.operasyon-mod .company-nav-btn-icon,
body.operasyon-mod .company-section-icon {
    width: calc(var(--density-input-h) + 8px) !important;
    height: calc(var(--density-input-h) + 8px) !important;
    border-radius: 8px !important;
    font-size: calc(var(--density-font) * 0.82) !important;
}

body.rahat-mod #finansMerkeziPanel .finans-sekme-bar,
body.operasyon-mod #finansMerkeziPanel .finans-sekme-bar,
body.rahat-mod .company-nav-shell,
body.operasyon-mod .company-nav-shell {
    padding: calc(var(--density-grid-gap) * 0.9) !important;
    border-radius: var(--density-panel-radius) !important;
}

body.rahat-mod .admin-overview-card,
body.operasyon-mod .admin-overview-card,
body.rahat-mod .gider-kpi-kart,
body.operasyon-mod .gider-kpi-kart {
    padding: calc(var(--density-card-pad) * 0.78) !important;
    border-radius: var(--density-panel-radius) !important;
}

body.rahat-mod .admin-split-layout,
body.operasyon-mod .admin-split-layout {
    gap: calc(var(--density-grid-gap) * 2) !important;
}

body.rahat-mod .company-main-layout,
body.operasyon-mod .company-main-layout {
    gap: calc(var(--density-grid-gap) * 2) !important;
    grid-template-columns: 220px minmax(0, 1fr) !important;
}

body.rahat-mod .company-content-shell,
body.operasyon-mod .company-content-shell {
    min-height: 0 !important;
}

body.rahat-mod .cari-liste,
body.operasyon-mod .cari-liste {
    gap: var(--density-grid-gap) !important;
    max-height: calc(100vh - 220px);
}

body.rahat-mod .cari-hareket-form,
body.operasyon-mod .cari-hareket-form,
body.rahat-mod .cari-form-grid,
body.operasyon-mod .cari-form-grid,
body.rahat-mod #finansMerkeziPanel .harcama-form-grid,
body.operasyon-mod #finansMerkeziPanel .harcama-form-grid,
body.rahat-mod #finansMerkeziPanel .harcama-form-satir,
body.operasyon-mod #finansMerkeziPanel .harcama-form-satir {
    gap: var(--density-grid-gap) !important;
}

/* Tablo disi sayfalarda ust paneli sekme satirina yaklastir */
body.rahat-mod #dashboardPanel .db-filtre-kart,
body.operasyon-mod #dashboardPanel .db-filtre-kart,
body.rahat-mod #finansMerkeziPanel .gider-panel-ust,
body.operasyon-mod #finansMerkeziPanel .gider-panel-ust,
body.rahat-mod #companyCenterPanel .company-hero,
body.operasyon-mod #companyCenterPanel .company-hero {
    margin-top: -10px !important;
}

body.rahat-mod #adminPortalHub .admin-hub-sidebar,
body.operasyon-mod #adminPortalHub .admin-hub-sidebar {
    margin-top: 8px !important;
}

body.rahat-mod #adminPortalHub .admin-hub-content,
body.operasyon-mod #adminPortalHub .admin-hub-content {
    padding-top: 12px !important;
}

body.rahat-mod #dashboardPanel,
body.operasyon-mod #dashboardPanel,
body.rahat-mod #musterilerPanel,
body.operasyon-mod #musterilerPanel,
body.rahat-mod #tedarikcilerPanel,
body.operasyon-mod #tedarikcilerPanel,
body.rahat-mod #finansMerkeziPanel,
body.operasyon-mod #finansMerkeziPanel,
body.rahat-mod #companyCenterPanel,
body.operasyon-mod #companyCenterPanel,
body.rahat-mod #adminPortalHub,
body.operasyon-mod #adminPortalHub {
    margin-top: -14px !important;
    padding-top: 0 !important;
}

body.tablo-disi-sayfa-aktif .tab-sarici {
    margin-bottom: -14px !important;
}

body.sirket-sayfasi-aktif .tab-sarici {
    margin-bottom: -14px !important;
}

body.rahat-mod.sirket-sayfasi-aktif #companyCenterPanel,
body.operasyon-mod.sirket-sayfasi-aktif #companyCenterPanel {
    margin-top: -14px !important;
    padding-top: 0 !important;
}

body.rahat-mod.sirket-sayfasi-aktif #companyCenterPanel .company-hero,
body.operasyon-mod.sirket-sayfasi-aktif #companyCenterPanel .company-hero {
    margin-top: 0 !important;
}

/* Genel gorunum roetuslari */
body .tab-sarici {
    justify-content: flex-start !important;
}

body .tab-btn.aktif {
    box-shadow: 0 8px 16px rgba(247,108,13,0.14) !important;
}

body .btn-ana,
body .giris-btn-buyuk {
    box-shadow: 0 8px 16px rgba(247,108,13,0.18) !important;
}

body #dashboardPanel .db-filtre-kart {
    padding: 12px 16px !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

body #dashboardPanel .db-chip-btn,
body #dashboardPanel .db-aksiyon-btn {
    min-height: 30px !important;
    height: 30px !important;
}

body #finansMerkeziPanel .gider-panel-ust {
    padding: 12px 14px !important;
    gap: 12px !important;
}

body #finansMerkeziPanel .gider-panel-baslik {
    font-size: 19px !important;
}

body #finansMerkeziPanel .gider-panel-alt {
    font-size: 11px !important;
}

body #finansMerkeziPanel .finans-sekme-bar {
    gap: 4px !important;
    padding: 3px !important;
    border-radius: 16px !important;
    background: rgba(248,250,252,0.88) !important;
}

body #companyCenterPanel .company-hero {
    display: flex !important;
    flex-direction: column !important;
    padding: 14px 18px !important;
    gap: 14px !important;
    align-items: stretch !important;
}

body #companyCenterPanel .company-hero-top,
body #companyCenterPanel .company-hero-bottom {
    width: 100% !important;
}

body #companyCenterPanel .company-hero-main {
    width: 100% !important;
    max-width: none !important;
    gap: 6px !important;
}

body #companyCenterPanel .company-hero-inline {
    align-items: center !important;
    gap: 12px !important;
}

body #companyCenterPanel .company-title {
    font-size: clamp(18px, 1.35vw, 22px) !important;
    line-height: 1.18 !important;
}

body #companyCenterPanel .company-kicker {
    font-size: 11px !important;
}

body #companyCenterPanel .company-hero-note {
    font-size: 11px !important;
    white-space: normal !important;
}

body #companyCenterPanel .company-hero-meta {
    gap: 10px !important;
    margin-top: 8px !important;
}

body #companyCenterPanel .company-hero-meta span {
    min-height: 28px !important;
    padding: 0 11px !important;
    font-size: 11px !important;
}

body #companyCenterPanel .company-nav-shell {
    padding: 10px !important;
}

@media (min-width: 1280px) {
    body #companyCenterPanel .company-hero {
        padding: 16px 20px !important;
    }
}

body #adminPortalHub .admin-hub-sidebar {
    width: 214px !important;
    flex-basis: 214px !important;
    padding: 18px 14px !important;
    background: rgba(255,255,255,0.9) !important;
}

body #adminPortalHub .admin-hub-header {
    padding: 18px 22px !important;
}

body #adminPortalHub .admin-hub-content {
    padding: 18px 22px 32px !important;
    gap: 18px !important;
}

/* Ust sekmeler sabit kalsin: sirket/admin hep sagda dursun, yazilar oynamasin */
body .tab-sarici > #tabSirketMerkezi {
    margin-left: auto !important;
}

body .tab-sarici > #tabAdmin {
    margin-left: 0 !important;
}

body .tab-sarici > .tab-btn.gizli-sabit {
    display: inline-flex !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body .tab-btn,
body .tab-btn:hover,
body .tab-btn.aktif {
    transform: none !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
}

body.rahat-mod .tab-btn,
body.rahat-mod .tab-btn:hover,
body.rahat-mod .tab-btn.aktif {
    min-height: 40px !important;
    font-size: 12px !important;
    box-shadow: none !important;
}

body.operasyon-mod .tab-btn,
body.operasyon-mod .tab-btn:hover,
body.operasyon-mod .tab-btn.aktif {
    min-height: 36px !important;
    font-size: 10px !important;
    box-shadow: none !important;
}

/* Admin panelini tekrar okunur ve dengeli hale getir */
body #adminPortalHub {
    margin-top: -10px !important;
}

body #adminPortalHub .admin-hub-sidebar {
    width: 232px !important;
    flex-basis: 232px !important;
    padding: 18px 14px !important;
    background:
        radial-gradient(circle at top left, rgba(247,108,13,0.16), transparent 32%),
        linear-gradient(180deg, #0f172a, #152238 62%, #1a2740) !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-right: 1px solid rgba(255,255,255,0.08) !important;
    color: #f8fafc !important;
    box-shadow: 0 18px 34px rgba(15,23,42,0.18) !important;
}

body #adminPortalHub .admin-hub-sidebar-header h2 {
    color: #f8fafc !important;
    margin: 0 0 12px !important;
    font-size: 17px !important;
}

body #adminPortalHub .admin-hub-sidebar-header p,
body #adminPortalHub .admin-hub-sidebar-kicker {
    color: #cbd5e1 !important;
}

body #adminPortalHub .admin-hub-nav {
    gap: 6px !important;
}

body #adminPortalHub .admin-hub-nav-item {
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 12px !important;
    color: #d8e2ee !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    background: rgba(255,255,255,0.03) !important;
}

body #adminPortalHub .admin-hub-nav-item:hover {
    background: rgba(255,255,255,0.08) !important;
    color: #ffffff !important;
}

body #adminPortalHub .admin-hub-nav-item.aktif {
    background: linear-gradient(180deg, rgba(247,108,13,0.24), rgba(247,108,13,0.12)) !important;
    color: #fff7ed !important;
    border-color: rgba(247,108,13,0.22) !important;
    box-shadow: inset 0 0 0 1px rgba(247,108,13,0.12) !important;
}

body #adminPortalHub .admin-hub-header {
    padding: 20px 24px !important;
    background: rgba(255,255,255,0.92) !important;
}

body #adminPortalHub .admin-hub-title-wrap h1 {
    font-size: 24px !important;
    line-height: 1.1 !important;
}

body #adminPortalHub .admin-hub-title-wrap p {
    font-size: 13px !important;
    color: #64748b !important;
}

body #adminPortalHub .admin-hub-content {
    padding: 20px 24px 32px !important;
    gap: 20px !important;
}

body #adminPortalHub .admin-hub-card {
    border-radius: 18px !important;
    box-shadow: 0 12px 24px rgba(15,23,42,0.06) !important;
}

body #adminPortalHub .admin-hub-card-header {
    padding: 15px 16px !important;
}

body #adminPortalHub .admin-hub-card-header h3 {
    font-size: 15px !important;
}

body #adminPortalHub .admin-hub-card-body {
    padding: 16px !important;
}

body #adminPortalHub .btn-ldm-header,
body #adminPortalHub .admin-action-btn {
    min-height: 36px !important;
    font-size: 11px !important;
}

body #adminPortalHub .admin-hub-actions {
    flex-wrap: nowrap !important;
    gap: 12px !important;
    padding: 8px !important;
}

body #adminPortalHub .admin-hub-actions .btn-ldm-header {
    min-width: 168px !important;
    min-height: 44px !important;
    padding: 0 16px !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    flex: 0 0 auto !important;
}

body #adminPortalHub .admin-hub-actions .btn-ldm-header .btn-label {
    display: inline !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-actions .btn-ldm-header {
    min-width: 172px !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    gap: 8px !important;
    font-size: 12px !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-actions .btn-ldm-header .btn-label {
    display: inline !important;
    font-size: 12px !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-actions .btn-ldm-header .btn-ikon {
    font-size: 13px !important;
}

@media (max-width: 1380px) {
    body #companyCenterPanel .company-hero {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    body #adminPortalHub .admin-hub-actions {
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }
}

/* Module standardization layer */
:root {
    --module-surface: rgba(255,255,255,0.96);
    --module-border: rgba(226,232,240,0.92);
    --module-radius: 10px;
    --module-shadow: 0 10px 24px rgba(15,23,42,0.055);
    --module-pad-y: 14px;
    --module-pad-x: 18px;
    --module-gap: 12px;
    --module-action-h: 36px;
    --module-action-radius: 8px;
    --module-title-size: 20px;
    --module-copy-size: 12px;
}

body.operasyon-mod {
    --module-pad-y: 11px;
    --module-pad-x: 14px;
    --module-gap: 9px;
    --module-action-h: 32px;
    --module-title-size: 18px;
    --module-copy-size: 11px;
}

body .tab-sarici {
    gap: 8px !important;
    align-items: stretch !important;
}

body .tab-btn,
body .tab-btn:hover,
body .tab-btn.aktif {
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 10px 10px 0 0 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.operasyon-mod .tab-btn,
body.operasyon-mod .tab-btn:hover,
body.operasyon-mod .tab-btn.aktif {
    min-height: 36px !important;
    font-size: 11px !important;
}

body .arama-bari,
body #dashboardPanel .db-filtre-kart,
body #finansMerkeziPanel .gider-panel-ust,
body #companyCenterPanel .company-hero,
body #adminPortalHub .admin-hub-header {
    background: var(--module-surface) !important;
    border: 1px solid var(--module-border) !important;
    border-radius: var(--module-radius) !important;
    box-shadow: var(--module-shadow) !important;
    padding: var(--module-pad-y) var(--module-pad-x) !important;
    gap: var(--module-gap) !important;
}

body #dashboardPanel .db-filtre-kart,
body #finansMerkeziPanel .gider-panel-ust,
body #companyCenterPanel .company-hero,
body #adminPortalHub .admin-hub-header {
    min-height: 74px !important;
    margin-bottom: 14px !important;
}

body.operasyon-mod #dashboardPanel .db-filtre-kart,
body.operasyon-mod #finansMerkeziPanel .gider-panel-ust,
body.operasyon-mod #companyCenterPanel .company-hero,
body.operasyon-mod #adminPortalHub .admin-hub-header {
    min-height: 62px !important;
    margin-bottom: 10px !important;
}

body #finansMerkeziPanel .gider-panel-baslik,
body #companyCenterPanel .company-title,
body #adminPortalHub .admin-hub-title-wrap h1 {
    font-size: var(--module-title-size) !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    font-weight: 800 !important;
}

body #finansMerkeziPanel .gider-panel-alt,
body #companyCenterPanel .company-hero-note,
body #companyCenterPanel .company-hero-meta span,
body #adminPortalHub .admin-hub-title-wrap p {
    font-size: var(--module-copy-size) !important;
    line-height: 1.45 !important;
}

body .btn-sutunlar,
body .btn-yeni-kayit,
body .btn-excel-yukle,
body .db-chip-btn,
body .db-aksiyon-btn,
body #finansMerkeziPanel .finans-sekme-btn,
body #finansMerkeziPanel .gider-toolbar-sag .btn-sutunlar,
body #adminPortalHub .btn-ldm-header,
body #adminPortalHub .admin-action-btn,
body #adminPortalHub .admin-hub-actions .btn-ldm-header {
    min-height: var(--module-action-h) !important;
    height: var(--module-action-h) !important;
    border-radius: var(--module-action-radius) !important;
    padding: 0 13px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    white-space: nowrap !important;
}

body.operasyon-mod .btn-sutunlar,
body.operasyon-mod .btn-yeni-kayit,
body.operasyon-mod .btn-excel-yukle,
body.operasyon-mod .db-chip-btn,
body.operasyon-mod .db-aksiyon-btn,
body.operasyon-mod #finansMerkeziPanel .finans-sekme-btn,
body.operasyon-mod #finansMerkeziPanel .gider-toolbar-sag .btn-sutunlar,
body.operasyon-mod #adminPortalHub .btn-ldm-header,
body.operasyon-mod #adminPortalHub .admin-action-btn,
body.operasyon-mod #adminPortalHub .admin-hub-actions .btn-ldm-header {
    font-size: 11px !important;
    padding: 0 11px !important;
}

body #finansMerkeziPanel .finans-sekme-bar,
body #adminPortalHub .admin-hub-actions {
    border-radius: var(--module-radius) !important;
    padding: 4px !important;
    gap: 6px !important;
    background: rgba(248,250,252,0.9) !important;
    border: 1px solid var(--module-border) !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-hub-sidebar,
body #adminPortalHub .admin-hub-card,
body #companyCenterPanel .company-content-shell,
body #companyCenterPanel .company-nav-shell,
body .cari-panel .cari-kart,
body .db-acilir-panel,
body .db-kpi-kart {
    border-radius: var(--module-radius) !important;
}

body #adminPortalHub .admin-hub-content,
body #companyCenterPanel .company-shell,
body .cari-panel .cari-grid,
body #finansMerkeziPanel .gider-panel-icerik {
    gap: var(--module-gap) !important;
}

/* Non-table module rail alignment */
body.tablo-disi-sayfa-aktif .icerik {
    padding-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif .tab-sarici,
body.sirket-sayfasi-aktif .tab-sarici {
    margin-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(
    #dashboardPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #finansMerkeziPanel,
    #companyCenterPanel
) {
    width: min(1680px, 100%) !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    padding: 0 var(--density-content-pad-x) var(--density-content-pad-y) !important;
    box-sizing: border-box !important;
}

body.operasyon-mod.tablo-disi-sayfa-aktif :is(
    #dashboardPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #finansMerkeziPanel,
    #companyCenterPanel
) {
    margin-top: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(
    #dashboardPanel > .db-filtre-kart,
    #finansMerkeziPanel > .gider-panel-ust,
    #companyCenterPanel .company-hero
) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

body.tablo-disi-sayfa-aktif :is(
    #dashboardPanel > .db-filtre-kart,
    #finansMerkeziPanel > .gider-panel-ust,
    #companyCenterPanel .company-hero,
    #adminPortalHub .admin-hub-header
) {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    column-gap: 14px !important;
    row-gap: 10px !important;
}

body.tablo-disi-sayfa-aktif :is(
    #dashboardPanel > .db-filtre-kart,
    #finansMerkeziPanel > .gider-panel-ust,
    #companyCenterPanel .company-hero
) > * {
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(
    .db-filtre-aksiyonlar,
    .gider-toolbar-sag,
    .admin-hub-actions
) {
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
}

body.tablo-disi-sayfa-aktif #dashboardPanel .db-filtre-aksiyonlar {
    margin-left: auto !important;
    justify-content: flex-end !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .gider-panel-baslik {
    min-width: 0 !important;
    flex: 1 1 420px !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-bar {
    flex: 0 1 540px !important;
    max-width: 100% !important;
}

body.tablo-disi-sayfa-aktif #companyCenterPanel .company-hero-main {
    min-width: 0 !important;
    flex: 1 1 620px !important;
}

body.tablo-disi-sayfa-aktif #adminPortalHub {
    width: min(1680px, 100%) !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif #adminPortalHub .admin-hub-main,
body.tablo-disi-sayfa-aktif #adminPortalHub .admin-hub-header {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    body.tablo-disi-sayfa-aktif :is(
        #dashboardPanel,
        #musterilerPanel,
        #tedarikcilerPanel,
        #finansMerkeziPanel,
        #companyCenterPanel
    ) {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.tablo-disi-sayfa-aktif :is(
        #dashboardPanel > .db-filtre-kart,
        #finansMerkeziPanel > .gider-panel-ust,
        #companyCenterPanel .company-hero
    ) {
        align-items: stretch !important;
    }

    body.tablo-disi-sayfa-aktif :is(
        .db-filtre-aksiyonlar,
        .gider-toolbar-sag,
        #finansMerkeziPanel .finans-sekme-bar
    ) {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}

/* Company and admin stabilization */
body #companyCenterPanel,
body #adminPortalHub {
    box-sizing: border-box !important;
    max-width: 100% !important;
}

body.sirket-sayfasi-aktif #companyCenterPanel,
body.tablo-disi-sayfa-aktif #adminPortalHub {
    width: min(1680px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--density-content-pad-x) !important;
    padding-right: var(--density-content-pad-x) !important;
    overflow-x: hidden !important;
}

body.sirket-sayfasi-aktif #companyCenterPanel {
    padding-top: 0 !important;
    padding-bottom: var(--density-content-pad-y) !important;
}

body #companyCenterPanel :is(
    .company-center-root,
    .company-shell,
    .company-hero,
    .company-hero-main,
    .company-main-layout,
    .company-nav-shell,
    .company-content-shell,
    .company-section-head,
    .company-head-actions
),
body #adminPortalHub :is(
    .admin-hub-main,
    .admin-hub-header,
    .admin-hub-content,
    .admin-hub-card,
    .admin-module-section
) {
    min-width: 0 !important;
    max-width: 100% !important;
}

body #companyCenterPanel .company-hero {
    width: 100% !important;
    margin-top: 0 !important;
}

body #companyCenterPanel .company-info-card,
body #companyCenterPanel .company-nav-btn,
body #companyCenterPanel .company-nav-btn-copy {
    min-width: 0 !important;
}

body #companyCenterPanel .company-main-layout {
    width: 100% !important;
    grid-template-columns: minmax(200px, 220px) minmax(0, 1fr) !important;
}

body.tablo-disi-sayfa-aktif #adminPortalHub {
    padding-top: 0 !important;
    padding-bottom: var(--density-content-pad-y) !important;
}

body #adminPortalHub .admin-hub-sidebar {
    flex: 0 0 232px !important;
    width: 232px !important;
    max-width: 232px !important;
    min-width: 0 !important;
    margin-top: 0 !important;
}

body #adminPortalHub .admin-hub-main {
    flex: 1 1 0 !important;
}

body #adminPortalHub .admin-hub-header {
    width: 100% !important;
    flex-wrap: wrap !important;
}

body #adminPortalHub .admin-hub-title-wrap {
    min-width: 0 !important;
    flex: 1 1 360px !important;
}

body #adminPortalHub .admin-hub-actions {
    max-width: 100% !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
}

body #adminPortalHub .admin-hub-actions .btn-ldm-header {
    min-width: 160px !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
}

body #adminPortalHub .admin-hub-card-body {
    max-width: 100% !important;
    overflow-x: auto !important;
}

body #adminPortalHub .admin-hub-metrics {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
}

body #companyCenterPanel :is(
    .company-title,
    .company-hero-note,
    .company-section-title,
    .company-section-sub
),
body #adminPortalHub :is(
    .admin-hub-title-wrap h1,
    .admin-hub-title-wrap p,
    .admin-hub-card-header h3
) {
    overflow-wrap: anywhere !important;
}

@media (max-width: 1180px) {
    body #companyCenterPanel .company-main-layout {
        grid-template-columns: 1fr !important;
    }

    body #companyCenterPanel .company-nav {
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    }

    body.tablo-disi-sayfa-aktif #adminPortalHub {
        flex-direction: column !important;
    }

    body #adminPortalHub .admin-hub-sidebar {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }
}

@media (max-width: 780px) {
    body.sirket-sayfasi-aktif #companyCenterPanel,
    body.tablo-disi-sayfa-aktif #adminPortalHub {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body #adminPortalHub .admin-hub-actions,
    body #adminPortalHub .admin-hub-actions .btn-ldm-header {
        width: 100% !important;
    }
}

/* Flat module headers: customers, suppliers, finance, company */
body.tablo-disi-sayfa-aktif :is(
    #finansMerkeziPanel > .gider-panel-ust,
    #companyCenterPanel .company-hero
) {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 0 12px !important;
    margin: 0 0 14px !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif :is(
    #finansMerkeziPanel > .gider-panel-ust
) {
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
}

/* Admin stabilization after simplification */
body #adminPortalHub,
body.tablo-disi-sayfa-aktif #adminPortalHub {
    margin-top: 0 !important;
}

body #adminPortalHub .admin-hub-header {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body #adminPortalHub .admin-hub-card,
body #adminPortalHub .admin-module-section > .admin-hub-card {
    margin-top: 0 !important;
}

body #adminPortalHub .admin-hub-card {
    overflow: hidden !important;
}

body #adminPortalHub .admin-hub-card-body {
    overflow: visible !important;
}

body #adminPortalHub .admin-hub-metrics {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 14px !important;
}

body #adminPortalHub .admin-split-layout {
    align-items: start !important;
    gap: 18px !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .gider-panel-etiket,
body.tablo-disi-sayfa-aktif #companyCenterPanel .company-kicker {
    margin-bottom: 5px !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .gider-panel-baslik,
body.tablo-disi-sayfa-aktif #companyCenterPanel .company-title {
    font-size: 20px !important;
    line-height: 1.16 !important;
}

/* Admin final stabilization */
body #adminPortalHub,
body.tablo-disi-sayfa-aktif #adminPortalHub {
    margin-top: 0 !important;
    padding-top: 0 !important;
    align-items: flex-start !important;
}

body #adminPortalHub .admin-hub-main {
    min-width: 0 !important;
}

body #adminPortalHub .admin-hub-header {
    margin-top: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    overflow: hidden !important;
}

body #adminPortalHub .admin-hub-content {
    display: block !important;
    padding-top: 16px !important;
}

body #adminPortalHub .admin-module-section {
    display: none !important;
    gap: 16px !important;
}

body #adminPortalHub .admin-module-section:not(.admin-section-active) {
    display: none !important;
}

body #adminPortalHub .admin-module-section.admin-section-active {
    display: flex !important;
    flex-direction: column !important;
}

body #adminPortalHub .admin-module-section[hidden]:not(.admin-section-active) {
    display: none !important;
}

body #adminPortalHub .admin-hub-sidebar {
    position: sticky !important;
    top: 72px !important;
    z-index: 2 !important;
}

body #adminPortalHub .admin-hub-title-wrap {
    min-width: 0 !important;
    flex: 1 1 320px !important;
}

body #adminPortalHub .admin-hub-title-wrap h1,
body #adminPortalHub .admin-hub-title-wrap p,
body #adminPortalHub .admin-hub-title-chip {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-hub-title-wrap h1,
body #adminPortalHub .admin-hub-title-wrap p {
    white-space: nowrap !important;
}

body #adminPortalHub .admin-hub-actions {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
}

body #adminPortalHub .admin-hub-actions .btn-ldm-header {
    min-width: 150px !important;
    max-width: 190px !important;
}

body #adminPortalHub .admin-split-layout,
body #adminPortalHub .admin-users-layout,
body #adminPortalHub .admin-trash-layout {
    align-items: start !important;
}

body #adminPortalHub .admin-hub-card,
body #adminPortalHub .admin-hub-card-body,
body #adminPortalHub .admin-split-detail,
body #adminPortalHub .admin-split-list {
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .gider-panel-alt,
body.tablo-disi-sayfa-aktif #companyCenterPanel .company-hero-note {
    max-width: 720px !important;
    color: #64748b !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .gider-panel-ust {
    align-items: flex-end !important;
    display: flex !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    column-gap: 18px !important;
    row-gap: 10px !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .gider-panel-ust > div:first-child {
    flex: 1 1 420px !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-bar {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    margin-left: auto !important;
    padding: 0 !important;
    gap: 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-btn {
    min-height: 36px !important;
    height: 36px !important;
    border: 1px solid rgba(203, 213, 225, 0.92) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.86) !important;
    color: #475569 !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-btn.aktif {
    border-color: rgba(234, 88, 12, 0.48) !important;
    background: linear-gradient(180deg, #f97316, #ea580c) !important;
    color: #fff !important;
}

body.tablo-disi-sayfa-aktif #companyCenterPanel .company-hero {
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif #companyCenterPanel .company-hero::after {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #companyCenterPanel .company-hero-inline {
    align-items: center !important;
}

body.tablo-disi-sayfa-aktif #companyCenterPanel .company-hero-meta span {
    background: rgba(255, 255, 255, 0.78) !important;
}

@media (max-width: 980px) {
    body.tablo-disi-sayfa-aktif #finansMerkeziPanel .gider-panel-ust {
        align-items: stretch !important;
    }

    body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-bar {
        width: 100% !important;
        justify-content: flex-start !important;
        margin-left: 0 !important;
    }
}

@media (max-width: 640px) {
    body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-btn {
        width: 100% !important;
        max-width: none !important;
    }
}

/* Company premium refresh */
body #companyCenterPanel .company-hero {
    display: block !important;
    padding: 18px 20px !important;
    margin: 0 0 14px !important;
    background:
        radial-gradient(circle at top right, rgba(249, 115, 22, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)) !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05) !important;
}

body #companyCenterPanel .company-shell {
    gap: 14px !important;
}

body #companyCenterPanel .company-hero-top {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 640px) !important;
    align-items: start !important;
    gap: 16px !important;
}

body #companyCenterPanel .company-hero-main {
    gap: 8px !important;
}

body #companyCenterPanel .company-hero-inline {
    justify-content: flex-start !important;
}

body #companyCenterPanel .company-title {
    margin: 0 !important;
    font-size: clamp(22px, 1.9vw, 28px) !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

body #companyCenterPanel .company-hero-meta {
    margin-top: 2px !important;
    gap: 8px !important;
}

body #companyCenterPanel .company-hero-meta span {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    background: rgba(255,255,255,0.88) !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body #companyCenterPanel .company-hero-status-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-self: stretch !important;
}

body #companyCenterPanel .company-hero-status-card {
    min-height: 78px !important;
    padding: 12px 14px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

body #companyCenterPanel .company-hero-status-card span,
body #companyCenterPanel .company-hero-status-card small {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

body #companyCenterPanel .company-hero-status-card strong {
    display: block !important;
    margin-top: 6px !important;
    color: #0f172a !important;
    font-size: 30px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

body #companyCenterPanel .company-hero-status-card small {
    margin-top: 5px !important;
}

body #companyCenterPanel .company-hero-status-card.warn {
    border-color: rgba(245, 158, 11, 0.28) !important;
}

body #companyCenterPanel .company-hero-status-card.success {
    border-color: rgba(34, 197, 94, 0.22) !important;
}

body #companyCenterPanel .company-nav-shell {
    padding: 12px !important;
    position: sticky !important;
    top: 12px !important;
}

body #companyCenterPanel .company-nav-head {
    padding: 4px 4px 10px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
}

body #companyCenterPanel .company-nav-head-kicker {
    color: #f97316 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

body #companyCenterPanel .company-nav-head-title {
    margin-top: 6px !important;
    color: #0f172a !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

body #companyCenterPanel .company-nav-head-sub {
    margin-top: 4px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

body #companyCenterPanel .company-nav {
    gap: 7px !important;
}

body #companyCenterPanel .company-nav-btn {
    min-height: 58px !important;
    padding: 0 13px !important;
    border-radius: 12px !important;
    align-items: center !important;
    box-shadow: none !important;
}

body #companyCenterPanel .company-nav-btn-icon {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
}

body #companyCenterPanel .company-nav-btn-copy strong {
    font-size: 12px !important;
    line-height: 1.25 !important;
}

body #companyCenterPanel .company-nav-btn-copy small {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10px !important;
}

body #companyCenterPanel .company-nav-btn.aktif {
    background: linear-gradient(180deg, rgba(249,115,22,0.11), rgba(249,115,22,0.06)) !important;
    border-color: rgba(249,115,22,0.26) !important;
    color: #9a3412 !important;
    box-shadow: inset 0 0 0 1px rgba(249,115,22,0.08) !important;
}

body #companyCenterPanel .company-nav-btn.aktif .company-nav-btn-icon {
    background: linear-gradient(135deg, rgba(249,115,22,0.16), rgba(251,191,36,0.12)) !important;
    border-color: rgba(249,115,22,0.22) !important;
    color: #c2410c !important;
}

body #companyCenterPanel .company-nav-btn.aktif .company-nav-btn-copy small {
    color: #b45309 !important;
}

body #companyCenterPanel .company-content-shell,
body #companyCenterPanel .company-section-surface,
body #companyCenterPanel .company-list-shell,
body #companyCenterPanel .company-side-shell,
body #companyCenterPanel .company-bank-card,
body #companyCenterPanel .company-note-card,
body #companyCenterPanel .company-doc-card {
    border-radius: 14px !important;
    border-color: rgba(226, 232, 240, 0.92) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.035) !important;
}

body #companyCenterPanel .company-content-shell {
    padding: 18px !important;
}

body #companyCenterPanel .company-section-shell {
    gap: 16px !important;
}

body #companyCenterPanel .company-profile-sheet {
    padding: 18px !important;
}

body #companyCenterPanel .company-profile-sheet-head {
    padding-bottom: 14px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
}

body #companyCenterPanel .company-profile-sheet-kicker {
    color: #f97316 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
}

body #companyCenterPanel .company-profile-sheet-title {
    margin-top: 6px !important;
    color: #0f172a !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
}

body #companyCenterPanel .company-profile-sheet-sub {
    margin-top: 5px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

body #companyCenterPanel .company-profile-groups {
    display: grid !important;
    gap: 16px !important;
}

body #companyCenterPanel .company-profile-group {
    display: grid !important;
    gap: 10px !important;
}

body #companyCenterPanel .company-profile-group-title {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
}

body #companyCenterPanel .company-profile-rows {
    display: grid !important;
    gap: 8px !important;
}

body #companyCenterPanel .company-info-row {
    display: grid !important;
    grid-template-columns: 148px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 12px !important;
    background: rgba(248, 250, 252, 0.72) !important;
}

body #companyCenterPanel .company-info-row.wide {
    align-items: start !important;
}

body #companyCenterPanel .company-info-row-label {
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.02em !important;
}

body #companyCenterPanel .company-info-row-value {
    min-width: 0 !important;
}

body #companyCenterPanel .company-info-row-value strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    overflow-wrap: anywhere !important;
}

body #companyCenterPanel .company-info-row-value strong.empty {
    color: #94a3b8 !important;
    font-weight: 600 !important;
}

body #companyCenterPanel .company-info-row-value small {
    display: block !important;
    margin-top: 3px !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
}

body #companyCenterPanel .company-info-row-action {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

body #companyCenterPanel .company-section-head {
    padding-bottom: 10px !important;
    margin-bottom: 2px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
}

body #companyCenterPanel .company-section-title {
    font-size: 18px !important;
    font-weight: 700 !important;
}

body #companyCenterPanel .company-section-sub {
    font-size: 11px !important;
    line-height: 1.45 !important;
}

body #companyCenterPanel .company-form-shell {
    border-radius: 14px !important;
    border-color: rgba(249, 115, 22, 0.18) !important;
    background: linear-gradient(180deg, rgba(255,249,245,0.92), rgba(255,255,255,0.98)) !important;
    box-shadow: 0 10px 22px rgba(249, 115, 22, 0.06) !important;
    padding: 16px !important;
    margin-bottom: 14px !important;
}

body #companyCenterPanel .company-overview-surface {
    padding: 14px !important;
}

body #companyCenterPanel .company-overview-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

body #companyCenterPanel .company-overview-card {
    min-height: 72px !important;
    padding: 11px 13px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.98)) !important;
}

body #companyCenterPanel .company-overview-card span,
body #companyCenterPanel .company-overview-card small {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
}

body #companyCenterPanel .company-overview-card strong {
    display: block !important;
    margin-top: 5px !important;
    color: #0f172a !important;
    font-size: 24px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
}

body #companyCenterPanel .company-overview-card small {
    margin-top: 6px !important;
}

body #companyCenterPanel .company-overview-card.warn {
    border-color: rgba(245, 158, 11, 0.26) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,251,235,0.98)) !important;
}

body #companyCenterPanel .company-overview-card.success {
    border-color: rgba(34, 197, 94, 0.22) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(240,253,244,0.96)) !important;
}

body #companyCenterPanel .company-overview-list {
    border-top: 1px solid rgba(226, 232, 240, 0.92) !important;
    padding-top: 12px !important;
}

body #companyCenterPanel .company-overview-list-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
}

body #companyCenterPanel .company-overview-list-head strong {
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body #companyCenterPanel .company-overview-list-head span {
    color: #94a3b8 !important;
    font-size: 11px !important;
}

body #companyCenterPanel .company-overview-item {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    margin-top: 8px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.88) !important;
    background: rgba(248,250,252,0.72) !important;
    text-align: left !important;
    transition: 0.18s ease !important;
}

body #companyCenterPanel .company-overview-item:hover {
    border-color: rgba(249,115,22,0.22) !important;
    background: rgba(255,247,237,0.82) !important;
}

body #companyCenterPanel .company-overview-item strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

body #companyCenterPanel .company-overview-item small {
    display: block !important;
    margin-top: 2px !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
}

body #companyCenterPanel .company-doc-card {
    padding: 14px !important;
}

body #companyCenterPanel .company-doc-card-top {
    align-items: flex-start !important;
    margin-bottom: 10px !important;
}

body #companyCenterPanel .company-doc-card-title-group {
    min-width: 0 !important;
}

body #companyCenterPanel .company-doc-card-title-group strong {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
}

body #companyCenterPanel .company-doc-inline-strip {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
}

body #companyCenterPanel .company-doc-inline-strip span:last-child {
    white-space: nowrap !important;
}

body #companyCenterPanel .company-doc-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

body #companyCenterPanel .company-doc-meta-grid-compact .company-doc-meta-item {
    background: rgba(255, 255, 255, 0.88) !important;
}

body #companyCenterPanel .company-doc-meta-item {
    min-width: 0 !important;
    padding: 8px 10px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    background: rgba(248, 250, 252, 0.8) !important;
}

body #companyCenterPanel .company-doc-meta-item span {
    display: block !important;
    font-size: 10px !important;
    color: #94a3b8 !important;
    line-height: 1.3 !important;
    margin-bottom: 4px !important;
}

body #companyCenterPanel .company-doc-meta-item strong {
    display: block !important;
    font-size: 12px !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
}

body #companyCenterPanel .company-doc-card-foot {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

body #companyCenterPanel .company-doc-card-foot .company-doc-meta {
    flex: 1 1 180px !important;
    min-width: 0 !important;
}

body #companyCenterPanel .company-doc-actions {
    margin-top: 0 !important;
    justify-content: flex-end !important;
}

body #companyCenterPanel .company-inline-btn {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 9px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

body #companyCenterPanel .company-side-shell {
    padding: 16px !important;
}

body #companyCenterPanel .company-doc-detail-summary {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 14px 0 12px !important;
}

body #companyCenterPanel .company-doc-detail-summary .company-info-card.inline {
    min-height: 52px !important;
    padding: 10px 12px !important;
    background: rgba(248, 250, 252, 0.84) !important;
}

body #companyCenterPanel .company-doc-detail-grid {
    gap: 10px !important;
}

body #companyCenterPanel .company-finance-blocks {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
}

body #companyCenterPanel .company-finance-surface,
body #companyCenterPanel .company-bank-list-shell {
    padding: 16px !important;
}

body #companyCenterPanel .company-bank-card {
    min-height: 0 !important;
    padding: 15px !important;
}

body #companyCenterPanel .company-bank-main {
    min-width: 0 !important;
}

body #companyCenterPanel .company-bank-card-top {
    align-items: flex-start !important;
    margin-bottom: 10px !important;
}

body #companyCenterPanel .company-bank-main strong {
    display: block !important;
    color: #0f172a !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

body #companyCenterPanel .company-bank-subtitle {
    margin-top: 4px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

body #companyCenterPanel .company-bank-card-status {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

body #companyCenterPanel .company-bank-iban-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    background: rgba(248, 250, 252, 0.8) !important;
}

body #companyCenterPanel .company-bank-iban-row span {
    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
}

body #companyCenterPanel .company-bank-iban-row strong {
    min-width: 0 !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    overflow-wrap: anywhere !important;
}

body #companyCenterPanel .company-bank-meta-grid {
    margin-top: 10px !important;
}

body #companyCenterPanel .company-bank-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 12px !important;
}

body #companyCenterPanel .company-bank-footnote {
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(226, 232, 240, 0.86) !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.5 !important;
}

body #companyCenterPanel .company-note-layout {
    grid-template-columns: minmax(0, 1.18fr) minmax(280px, 0.82fr) !important;
    gap: 14px !important;
}

body #companyCenterPanel .company-side-shell-muted {
    background: linear-gradient(180deg, rgba(250,252,255,0.92), rgba(255,255,255,0.97)) !important;
    border-color: rgba(226, 232, 240, 0.86) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.02) !important;
}

body #companyCenterPanel .company-side-shell-muted .company-side-title {
    color: #1e293b !important;
}

body #companyCenterPanel .company-side-shell-muted .company-side-sub {
    color: #94a3b8 !important;
}

body #companyCenterPanel .company-side-shell-muted .company-timeline {
    gap: 10px !important;
}

body #companyCenterPanel .company-side-shell-muted .company-timeline-item {
    grid-template-columns: 26px minmax(0, 1fr) !important;
    gap: 10px !important;
}

body #companyCenterPanel .company-side-shell-muted .company-timeline-dot {
    width: 26px !important;
    height: 26px !important;
    background: rgba(241, 245, 249, 0.96) !important;
    border: 1px solid rgba(203, 213, 225, 0.92) !important;
    color: #64748b !important;
    box-shadow: none !important;
    font-size: 10px !important;
}

body #companyCenterPanel .company-side-shell-muted .company-timeline-card {
    padding: 10px 12px !important;
    background: rgba(248, 250, 252, 0.72) !important;
    border: 1px solid rgba(226, 232, 240, 0.78) !important;
    box-shadow: none !important;
}

body #companyCenterPanel .company-side-shell-muted .company-timeline-card strong {
    font-size: 12px !important;
}

body #companyCenterPanel .company-side-shell-muted .company-timeline-card span {
    color: #64748b !important;
    font-size: 11px !important;
}

body.rahat-mod #companyCenterPanel .company-content-shell,
body.rahat-mod #companyCenterPanel .company-nav-shell,
body.rahat-mod #companyCenterPanel .company-section-surface,
body.rahat-mod #companyCenterPanel .company-list-shell {
    padding: 20px !important;
}

body.rahat-mod #companyCenterPanel .company-section-shell {
    gap: 18px !important;
}

body.rahat-mod #companyCenterPanel .company-nav-btn {
    min-height: 62px !important;
    padding: 0 14px !important;
}

body.rahat-mod #companyCenterPanel .company-nav-btn-icon {
    width: 30px !important;
    height: 30px !important;
    font-size: 9.5px !important;
}

body.rahat-mod #companyCenterPanel .company-form-shell {
    padding: 18px !important;
}

body.rahat-mod #companyCenterPanel .company-info-row {
    grid-template-columns: 156px minmax(0, 1fr) auto !important;
    padding: 13px 15px !important;
}

body.rahat-mod #companyCenterPanel .company-profile-sheet {
    padding: 20px !important;
}

body.rahat-mod #companyCenterPanel .company-section-title {
    font-size: 19px !important;
}

body.rahat-mod #companyCenterPanel .company-section-sub,
body.rahat-mod #companyCenterPanel .company-nav-head-sub,
body.rahat-mod #companyCenterPanel .company-doc-meta,
body.rahat-mod #companyCenterPanel .company-note-meta,
body.rahat-mod #companyCenterPanel .company-upload-meta,
body.rahat-mod #companyCenterPanel .company-side-sub,
body.rahat-mod #companyCenterPanel .company-timeline-card small {
    font-size: 11px !important;
    line-height: 1.55 !important;
}

body.rahat-mod #companyCenterPanel .company-info-card,
body.rahat-mod #companyCenterPanel .company-detail-card,
body.rahat-mod #companyCenterPanel .company-bank-card,
body.rahat-mod #companyCenterPanel .company-note-card,
body.rahat-mod #companyCenterPanel .company-doc-card,
body.rahat-mod #companyCenterPanel .company-side-shell,
body.rahat-mod #companyCenterPanel .company-timeline-card {
    padding: 15px !important;
}

body.rahat-mod #companyCenterPanel .company-doc-detail-summary {
    gap: 12px !important;
}

body.rahat-mod #companyCenterPanel .company-doc-layout,
body.rahat-mod #companyCenterPanel .company-note-layout {
    gap: 18px !important;
}

body.rahat-mod #companyCenterPanel .company-doc-layout {
    grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr) !important;
}

body.rahat-mod #companyCenterPanel .company-note-layout {
    grid-template-columns: minmax(0, 1.24fr) minmax(300px, 0.76fr) !important;
}

body.rahat-mod #companyCenterPanel .company-detail-grid,
body.rahat-mod #companyCenterPanel .company-bank-grid,
body.rahat-mod #companyCenterPanel .company-doc-list,
body.rahat-mod #companyCenterPanel .company-note-list {
    gap: 12px !important;
}

body.rahat-mod #companyCenterPanel .company-overview-surface,
body.rahat-mod #companyCenterPanel .company-finance-surface,
body.rahat-mod #companyCenterPanel .company-bank-list-shell {
    padding: 16px !important;
}

body.rahat-mod #companyCenterPanel .company-side-shell-muted {
    padding: 14px !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.018) !important;
}

body.operasyon-mod #companyCenterPanel .company-hero {
    padding: 14px 16px !important;
}

body.operasyon-mod #companyCenterPanel .company-hero-top {
    gap: 12px !important;
}

body.operasyon-mod #companyCenterPanel .company-hero-status-card {
    min-height: 68px !important;
    padding: 10px 12px !important;
}

body.operasyon-mod #companyCenterPanel .company-hero-status-card strong {
    font-size: 24px !important;
}

body.operasyon-mod #companyCenterPanel .company-content-shell {
    padding: 14px !important;
}

body.operasyon-mod #companyCenterPanel .company-nav-btn {
    min-height: 52px !important;
}

body.operasyon-mod #companyCenterPanel .company-overview-card {
    min-height: 68px !important;
    padding: 10px 12px !important;
}

body.operasyon-mod #companyCenterPanel .company-overview-card strong {
    font-size: 24px !important;
}

body.operasyon-mod #companyCenterPanel .company-doc-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 1220px) {
    body #companyCenterPanel .company-nav-shell {
        position: static !important;
    }

    body #companyCenterPanel .company-doc-detail-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body #companyCenterPanel .company-doc-meta-grid,
    body #companyCenterPanel .company-overview-grid,
    body #companyCenterPanel .company-doc-detail-summary {
        grid-template-columns: 1fr !important;
    }

    body #companyCenterPanel .company-doc-inline-strip {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    body #companyCenterPanel .company-bank-iban-row {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    body #companyCenterPanel .company-info-row {
        grid-template-columns: 1fr !important;
        align-items: start !important;
        gap: 8px !important;
    }

    body #companyCenterPanel .company-info-row-action {
        justify-content: flex-start !important;
    }
}

/* Company panel must start below the top tabs, not over them */
body.rahat-mod.sirket-sayfasi-aktif #companyCenterPanel,
body.operasyon-mod.sirket-sayfasi-aktif #companyCenterPanel {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.sirket-sayfasi-aktif #companyCenterPanel .company-center-root,
body.sirket-sayfasi-aktif #companyCenterPanel .company-shell {
    margin-top: 0 !important;
}

/* Customer/supplier actions live inside the list card header */
body .cari-liste-ustbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92);
}

body .cari-liste-ustbar .cari-kart-baslik-grup {
    min-width: 0;
}

body .cari-liste-ustbar .cari-kart-baslik {
    margin: 0;
}

body .cari-liste-ustbar .cari-kart-aciklama {
    max-width: 540px;
}

body .cari-liste-aksiyonlar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    min-width: 0;
    max-width: 100%;
    flex: 1 1 auto;
}

body .cari-liste-aksiyonlar .input-alan {
    width: 280px;
    min-width: 220px;
    max-width: min(340px, 44vw);
    height: 36px;
    min-height: 36px;
}

body .cari-liste-aksiyonlar :is(.btn-ana, .btn-iptal) {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

body .cari-liste-aksiyonlar .cari-mini-aksiyon {
    color: #64748b !important;
    background: rgba(248, 250, 252, 0.88) !important;
    border-color: rgba(203, 213, 225, 0.92) !important;
}

@media (max-width: 1100px) {
    body .cari-liste-ustbar {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    body .cari-liste-aksiyonlar {
        justify-content: flex-start;
    }

    body .cari-liste-aksiyonlar .input-alan {
        flex: 1 1 220px;
        width: auto;
        max-width: none;
    }
}

@media (max-width: 620px) {
    body .cari-liste-aksiyonlar {
        display: grid;
        grid-template-columns: 1fr;
    }

body .cari-liste-aksiyonlar .input-alan,
body .cari-liste-aksiyonlar :is(.btn-ana, .btn-iptal) {
    width: 100% !important;
    max-width: none !important;
    }
}

/* Compact customer/supplier KPI strip */
body.tablo-disi-sayfa-aktif .cari-panel .cari-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-kpi-kart {
    min-height: 58px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.035) !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-kpi-etiket {
    margin-bottom: 4px !important;
    font-size: 9.5px !important;
    line-height: 1.15 !important;
    letter-spacing: 0.04em !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-kpi-deger {
    font-size: 19px !important;
    line-height: 1.1 !important;
}

@media (max-width: 900px) {
    body.tablo-disi-sayfa-aktif .cari-panel .cari-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    body.tablo-disi-sayfa-aktif .cari-panel .cari-kpi-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Finance page starts with a clean tab row */
body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 40px !important;
    padding: 0 0 10px !important;
    margin: 0 0 12px !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-left: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-yeni-kayit-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.16) !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 4px !important;
    background: rgba(241, 245, 249, 0.82) !important;
    border: 1px solid rgba(203, 213, 225, 0.78) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px 0 8px !important;
    border-radius: 8px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn.aktif {
    border-color: rgba(234, 88, 12, 0.48) !important;
    background: linear-gradient(180deg, #f97316, #ea580c) !important;
    color: #fff !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn:not(.aktif):hover {
    border-color: rgba(203, 213, 225, 0.9) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #1f2937 !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-kod {
    width: 24px !important;
    height: 22px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(203, 213, 225, 0.72) !important;
    color: #64748b !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif #finansMerkeziPanel .finans-sekme-btn.aktif .finans-sekme-kod {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #fff !important;
}

@media (max-width: 620px) {
    body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar {
        width: 100% !important;
        margin-left: 0 !important;
        justify-content: stretch !important;
    }

    body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-yeni-kayit-btn,
    body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
    body.tablo-disi-sayfa-aktif #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn {
        width: 100% !important;
    }
}

/* Finance action click shield: later overrides must not cover these controls */
body #finansMerkeziPanel,
body #finansMerkeziPanel > .gider-panel-ust,
body #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
body #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar {
    position: relative !important;
    pointer-events: auto !important;
}

body #finansMerkeziPanel > .gider-panel-ust {
    z-index: 80 !important;
    overflow: visible !important;
}

body #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
body #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar {
    z-index: 90 !important;
}

body #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn,
body #finansMerkeziPanel > .gider-panel-ust #finansYeniKayitBtn {
    position: relative !important;
    z-index: 100 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

body #finansMerkeziPanel > .gider-panel-ust::before,
body #finansMerkeziPanel > .gider-panel-ust::after,
body #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar::before,
body #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar::after,
body #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar::before,
body #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar::after {
    pointer-events: none !important;
}

/* Finance workspace cleanup: quiet first screen, consistent sections */
body #finansMerkeziPanel .finans-alt-panel {
    margin-top: 0 !important;
}

body #finansMerkeziPanel .gider-kpi-grid.finans-kpi-kompakt,
body #finansMerkeziPanel .gider-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    min-width: 0 !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
}

body #finansAlt_gider_fisleri .gider-kpi-grid .gider-kpi-kart:nth-child(n+5),
body #finansAlt_harcamalar .gider-kpi-grid .gider-kpi-kart:nth-child(n+5),
body #finansAlt_vergiler .gider-kpi-grid .gider-kpi-kart:nth-child(n+5) {
    display: none !important;
}

body #finansMerkeziPanel .gider-kpi-kart {
    min-height: 58px !important;
    padding: 9px 12px !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.035) !important;
    border-left: 3px solid rgba(203, 213, 225, 0.9) !important;
}

body #finansMerkeziPanel .gider-kpi-kart.finans-kpi-notr {
    border-left-color: rgba(100, 116, 139, 0.48) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
}

body #finansMerkeziPanel .gider-kpi-kart.finans-kpi-pozitif {
    border-left-color: rgba(22, 163, 74, 0.68) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(240,253,244,0.78)) !important;
}

body #finansMerkeziPanel .gider-kpi-kart.finans-kpi-risk {
    border-left-color: rgba(220, 38, 38, 0.64) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(254,242,242,0.78)) !important;
}

body #finansMerkeziPanel .gider-kpi-kart.finans-kpi-plan {
    border-left-color: rgba(234, 88, 12, 0.68) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,247,237,0.84)) !important;
}

body #finansMerkeziPanel .gider-kpi-kart span {
    margin-bottom: 4px !important;
    font-size: 9.2px !important;
    letter-spacing: 0.04em !important;
}

body #finansMerkeziPanel .gider-kpi-kart strong {
    font-size: 18px !important;
    line-height: 1.1 !important;
}

body #finansMerkeziPanel .gider-form-kart.gider-form-kapali {
    display: none !important;
}

body #finansMerkeziPanel .gider-form-kart:not(.gider-form-kapali) {
    display: block !important;
    margin: 8px 0 10px !important;
    border-radius: 12px !important;
    border-top: 3px solid var(--turuncu) !important;
    box-shadow: 0 16px 34px rgba(234, 88, 12, 0.10), 0 10px 24px rgba(15,23,42,0.05) !important;
}

body #finansMerkeziPanel .gider-form-kart:not(.gider-form-kapali) .gider-form-baslik-bar {
    background: linear-gradient(180deg, #fff7ed, #fff) !important;
    border-bottom: 1px solid rgba(251, 146, 60, 0.18) !important;
}

body #finansMerkeziPanel .gider-form-kart:not(.gider-form-kapali) .gider-kart-baslik {
    margin-bottom: 2px !important;
    color: #9a3412 !important;
}

body #finansMerkeziPanel .gider-form-kart:not(.gider-form-kapali) .gider-form-toggle-btn {
    min-width: 58px !important;
    height: 30px !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid rgba(251, 146, 60, 0.34) !important;
    color: #9a3412 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

body #finansMerkeziPanel .gider-panel-ust {
    margin-bottom: 10px !important;
}

body #finansMerkeziPanel .gider-komut-karti,
body #finansMerkeziPanel #finansAlt_harcamalar > .arama-bari,
body #finansMerkeziPanel #finansAlt_maaslar > .arama-bari,
body #finansMerkeziPanel #finansAlt_vergiler > .arama-bari {
    position: relative !important;
    z-index: 260 !important;
    overflow: visible !important;
    margin-bottom: 10px !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.92) !important;
    border: 1px solid rgba(226,232,240,0.86) !important;
    box-shadow: 0 8px 18px rgba(15,23,42,0.035) !important;
}

body #finansAlt_gider_fisleri .gider-komut-karti,
body #finansAlt_vergiler .gider-komut-karti {
    padding-right: 178px !important;
}

body #finansMerkeziPanel .gider-filtre-toolbar,
body #finansMerkeziPanel #finansAlt_harcamalar .hizli-filtreler,
body #finansMerkeziPanel #finansAlt_maaslar .hizli-filtreler {
    position: relative !important;
    z-index: 270 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}

body #finansMerkeziPanel .gider-toolbar-sol,
body #finansMerkeziPanel .gider-toolbar-sag {
    position: relative !important;
    z-index: 280 !important;
    overflow: visible !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body #finansMerkeziPanel .gider-toolbar-sag,
body #finansMerkeziPanel #finansAlt_harcamalar .hizli-filtreler,
body #finansMerkeziPanel #finansAlt_maaslar .hizli-filtreler {
    flex: 1 1 auto !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
}

body #finansMerkeziPanel .finans-toolbar-arama,
body #finansMerkeziPanel .finans-toolbar-arama-grup .finans-toolbar-arama {
    width: clamp(220px, 24vw, 320px) !important;
    max-width: 100% !important;
    order: 80 !important;
}

body #finansMerkeziPanel .finans-toolbar-arama-grup {
    order: 80 !important;
    margin-left: auto !important;
}

body #finansMerkeziPanel .finans-inline-yeni-gizli {
    display: none !important;
}

body #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar:empty {
    display: none !important;
}

body #finansMerkeziPanel .finans-toolbar-yeni-kayit-btn {
    order: 999 !important;
    margin-left: auto !important;
    flex: 0 0 auto !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.14) !important;
}

body #finansMerkeziPanel .finans-yeni-kayit-sag-slot {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
    z-index: 420 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 152px !important;
    pointer-events: auto !important;
}

body #finansMerkeziPanel .finans-yeni-kayit-sag-slot > .finans-toolbar-yeni-kayit-btn {
    width: 100% !important;
    margin-left: 0 !important;
}

body #finansMerkeziPanel .gider-filtre-toolbar > .finans-toolbar-yeni-kayit-btn {
    margin-left: auto !important;
}

body #finansMerkeziPanel .gider-filtre-toolbar > .gider-toolbar-sag {
    flex: 0 1 auto !important;
}

body #finansMerkeziPanel.finans-kayit-ekrani .finans-bildirim-merkezi {
    display: none !important;
}

body #finansMerkeziPanel.finans-kayit-ekrani .finans-kayit-aktif-panel > :not(.finans-kayit-form-aktif) {
    display: none !important;
}

body #finansMerkeziPanel.finans-kayit-ekrani .finans-kayit-form-aktif {
    display: block !important;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2000 !important;
    width: min(1040px, calc(100vw - 64px)) !important;
    max-width: none !important;
    max-height: min(90vh, 900px) !important;
    margin: 0 !important;
    padding: 24px 28px !important;
    overflow-y: auto !important;
    border-radius: 24px !important;
    border: 1px solid rgba(251, 146, 60, 0.28) !important;
    border-top: 3px solid var(--turuncu) !important;
    background: rgba(255,255,255,0.99) !important;
    box-shadow: 0 50px 120px rgba(15,23,42,0.35) !important;
}

body #finansMerkeziPanel.finans-kayit-ekrani .finans-kayit-form-aktif.finans-kayit-modal-olcu-kilit {
    width: min(1380px, calc(100vw - 330px)) !important;
    min-width: 760px !important;
    max-width: 1380px !important;
}

@media (max-width: 1180px) {
    body #finansMerkeziPanel.finans-kayit-ekrani .finans-kayit-form-aktif.finans-kayit-modal-olcu-kilit {
        width: calc(100vw - 48px) !important;
        min-width: 0 !important;
    }
}

body #finansMerkeziPanel.finans-kayit-ekrani .finans-kayit-form-aktif .gider-form-icerik {
    display: block !important;
}

body #finansMerkeziPanel.finans-kayit-ekrani .finans-kayit-form-aktif .gider-form-grid,
body #finansMerkeziPanel.finans-kayit-ekrani .finans-kayit-form-aktif .harcama-form-grid {
    max-width: 100% !important;
}

body #finansMerkeziPanel .finans-kayit-geri-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important;
    min-height: 32px !important;
    margin: 10px 12px 0 auto !important;
    padding: 0 12px !important;
    border: 1px solid rgba(203,213,225,0.95) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

body #finansMerkeziPanel .finans-kayit-geri-btn:hover {
    border-color: rgba(247,108,13,0.34) !important;
    color: #c2410c !important;
    background: #fff7ed !important;
}

body.finans-kayit-katmani-acik {
    overflow: hidden !important;
}

body.finans-kayit-katmani-acik #yeniKayitBackdrop.acik {
    z-index: 1190 !important;
}

body #finansMerkeziPanel .finans-araclar-menusu {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 2px !important;
    z-index: 240 !important;
    order: 90 !important;
}

body #finansMerkeziPanel .finans-araclar-menusu[open] {
    z-index: 5000 !important;
}

body #finansMerkeziPanel .finans-araclar-menusu > summary {
    list-style: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #fff, #f8fafc) !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

body #finansMerkeziPanel .finans-araclar-menusu > summary::-webkit-details-marker {
    display: none !important;
}

body #finansMerkeziPanel .finans-araclar-menusu > summary::after {
    content: "▾";
    margin-left: 8px;
    font-size: 10px;
    color: #94a3b8;
}

body #finansMerkeziPanel .finans-araclar-menusu[open] > summary {
    border-color: rgba(247,108,13,0.35) !important;
    color: var(--turuncu) !important;
    background: linear-gradient(180deg, #fff7ed, #fff) !important;
}

body #finansMerkeziPanel .finans-araclar-icerik {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    display: grid !important;
    gap: 7px !important;
    min-width: 220px !important;
    padding: 10px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 20px 42px rgba(15,23,42,0.16) !important;
    z-index: 5001 !important;
}

body #finansMerkeziPanel .tablo-kart,
body #finansMerkeziPanel .gider-liste-kart {
    position: relative !important;
    z-index: 1 !important;
}

body #finansMerkeziPanel .finans-araclar-icerik > * {
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
}

body #finansMerkeziPanel .finans-arac-ogesi {
    position: relative !important;
    min-height: 34px !important;
    padding-left: 38px !important;
    text-align: center !important;
}

body #finansMerkeziPanel .finans-arac-ogesi::before {
    content: none;
    display: none;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(241, 245, 249, 0.96);
    color: #475569;
    font-size: 9px;
    font-weight: 900;
    border: 1px solid rgba(203, 213, 225, 0.82);
}

body #finansMerkeziPanel .finans-araclar-icerik .input-alan,
body #finansMerkeziPanel .finans-araclar-icerik .select-alan {
    height: 34px !important;
}

body #finansMerkeziPanel .gider-secili-ozet {
    min-height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

body #finansMerkeziPanel .finans-empty-state-card {
    display: grid !important;
    gap: 10px !important;
    justify-items: center !important;
}

body #finansMerkeziPanel .finans-empty-state-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(251, 146, 60, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #fff7ed, #fff) !important;
    color: #c2410c !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

body #finansMerkeziPanel .finans-toplu-cubuk {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    margin: 0 0 10px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)) !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.04) !important;
}

body #finansMerkeziPanel .finans-toplu-cubuk > strong {
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body #finansMerkeziPanel .finans-toplu-cubuk > span {
    color: #64748b !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}

body #finansMerkeziPanel .finans-toplu-aksiyonlar {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
    margin-left: auto !important;
}

body #finansMerkeziPanel .finans-toplu-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(203, 213, 225, 0.92) !important;
    background: #fff !important;
    color: #475569 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

body #finansMerkeziPanel .finans-toplu-btn.ok {
    border-color: rgba(22, 163, 74, 0.26) !important;
    background: #f0fdf4 !important;
    color: #15803d !important;
}

body #finansMerkeziPanel .finans-toplu-btn.danger {
    border-color: rgba(220, 38, 38, 0.24) !important;
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

body #finansMerkeziPanel .finans-para-hucre,
body #finansMerkeziPanel .finans-para-hucre strong,
body #finansMerkeziPanel .finans-para-hucre .finans-hucre-tutar {
    text-align: right !important;
    justify-content: flex-end !important;
    font-variant-numeric: tabular-nums !important;
}

body #finansMerkeziPanel .finans-tahmin-btn {
    min-height: 34px !important;
    height: 34px !important;
}

body #finansMerkeziPanel .finans-vergi-tahmin-karti {
    border-color: rgba(234, 88, 12, 0.22) !important;
    background: linear-gradient(180deg, rgba(255,247,237,0.78), rgba(255,255,255,0.98)) !important;
}

body #finansMerkeziPanel .finans-vergi-tahmin-karti:not(.gider-form-kapali) {
    border-top-color: #f97316 !important;
}

body #finansMerkeziPanel .finans-vergi-liste-karti {
    border-top: 3px solid rgba(100, 116, 139, 0.22) !important;
}

body #finansMerkeziPanel .finans-vergi-kayit-karti:not(.gider-form-kapali) {
    border-top-color: #f97316 !important;
}

@media (max-width: 900px) {
    body #finansMerkeziPanel .gider-kpi-grid.finans-kpi-kompakt,
    body #finansMerkeziPanel .gider-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    body #finansMerkeziPanel .gider-kpi-grid.finans-kpi-kompakt,
    body #finansMerkeziPanel .gider-kpi-grid {
        grid-template-columns: 1fr !important;
    }

    body #finansMerkeziPanel .finans-araclar-menusu,
    body #finansMerkeziPanel .finans-araclar-menusu > summary {
        width: 100% !important;
    }

    body #finansMerkeziPanel .finans-araclar-icerik {
        left: 0 !important;
        right: auto !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body #finansMerkeziPanel .finans-toplu-cubuk,
    body #finansMerkeziPanel .finans-toplu-aksiyonlar {
        grid-template-columns: 1fr !important;
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* Dashboard KPI sadeleştirme */
body #dashboardPanel .db-kpi-kart {
    gap: 0 !important;
    min-height: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(249,250,251,0.96)) !important;
    border-color: rgba(203,213,225,0.34) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,0.05) !important;
    padding: 16px 18px !important;
}

body #dashboardPanel .db-kpi-kart::after {
    display: none !important;
}

body #dashboardPanel .db-kpi-kart::before {
    height: 2px !important;
    background: linear-gradient(90deg, rgba(148,163,184,0.8), rgba(148,163,184,0.2), transparent) !important;
}

body #dashboardPanel .db-kpi-ikon {
    margin-bottom: 8px !important;
    background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(241,245,249,0.96)) !important;
    color: #475569 !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
    font-size: 13px !important;
}

body #dashboardPanel .db-kpi-etiket {
    margin-bottom: 4px !important;
    color: #64748b !important;
    font-size: 9px !important;
    letter-spacing: 0.11em !important;
}

body #dashboardPanel .db-kpi-deger {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    font-size: 28px !important;
    line-height: 0.98 !important;
    letter-spacing: -0.045em !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
}

body #dashboardPanel .db-kpi-trend-rozet {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 22px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    background: rgba(248, 250, 252, 0.92) !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

body #dashboardPanel .db-kpi-trend-rozet.pozitif {
    background: rgba(240, 253, 244, 0.98) !important;
    border-color: rgba(34, 197, 94, 0.28) !important;
    color: #15803d !important;
}

body #dashboardPanel .db-kpi-trend-rozet.negatif {
    background: rgba(254, 242, 242, 0.98) !important;
    border-color: rgba(239, 68, 68, 0.26) !important;
    color: #b91c1c !important;
}

body #dashboardPanel .db-kpi-trend-rozet.notr {
    background: rgba(248, 250, 252, 0.96) !important;
    border-color: rgba(203, 213, 225, 0.88) !important;
    color: #64748b !important;
}

body #dashboardPanel .db-mini-trend {
    height: 28px !important;
    margin-top: 1px !important;
    margin-bottom: 3px !important;
}

body #dashboardPanel .db-mini-sparkline {
    height: 28px !important;
}

body #dashboardPanel .db-mini-line {
    stroke-width: 2.2 !important;
}

body #dashboardPanel .db-mini-area {
    opacity: 0.12 !important;
}

body #dashboardPanel .db-mini-nokta {
    stroke-width: 1px !important;
}

body #dashboardPanel .db-kpi-alt {
    max-width: 100% !important;
    margin-top: 2px !important;
    line-height: 1.2 !important;
    color: #7c8799 !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #dashboardPanel .db-kpi-kart-yardimci {
    background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(249,250,251,0.92)) !important;
    border-color: rgba(203, 213, 225, 0.28) !important;
}

body #dashboardPanel .db-kpi-kart-yardimci::before {
    opacity: 0.34 !important;
}

body #dashboardPanel .db-kpi-kart-yardimci .db-kpi-deger {
    font-size: 22px !important;
}

body #dashboardPanel .db-kpi-kart-yardimci .db-kpi-alt {
    color: #8a97ab !important;
}

@media (max-width: 1280px) {
    body #dashboardPanel .db-kpi-grid-dashboard {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    body #dashboardPanel .db-kpi-grid-dashboard {
        grid-template-columns: 1fr !important;
    }
}

body #dashboardPanel .db-chart-grid {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
}

body #dashboardPanel .db-chart-card {
    display: flex !important;
    flex-direction: column !important;
}

body #dashboardPanel .db-chart-hero {
    gap: 0 !important;
    padding: 22px !important;
}

body #dashboardPanel .db-analiz-bar {
    gap: 9px !important;
    margin: 2px 0 14px !important;
}

body #dashboardPanel .db-analiz-btn {
    min-height: 36px !important;
    padding: 0 13px !important;
    font-size: 10px !important;
}

body #dashboardPanel .db-trend-hero-ozet {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 0 18px !important;
}

body #dashboardPanel .db-trend-hero-chip {
    display: grid !important;
    gap: 4px !important;
    padding: 11px 13px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
}

body #dashboardPanel .db-trend-hero-chip span,
body #dashboardPanel .db-trend-hero-chip span {
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
}

body #dashboardPanel .db-trend-hero-chip strong,
body #dashboardPanel .db-trend-hero-chip strong {
    font-family: "DM Mono", monospace !important;
    color: #0f172a !important;
    line-height: 1.05 !important;
}

body #dashboardPanel .db-trend-hero-chip strong {
    font-size: 20px !important;
    font-weight: 800 !important;
    font-variant-numeric: tabular-nums !important;
}

body #dashboardPanel .db-trend-hero-chip.gelir {
    border-color: rgba(226,232,240,0.92) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
}

body #dashboardPanel .db-trend-hero-chip.gider {
    border-color: rgba(226,232,240,0.92) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
}

body #dashboardPanel .db-trend-hero-chip.sonuc {
    border-color: rgba(226,232,240,0.92) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
}

body #dashboardPanel .db-trend-hero-chip.karlilik {
    border-color: rgba(226,232,240,0.92) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
}

body #dashboardPanel .db-trend-hero-chip.gelir strong { color: #c2410c !important; }
body #dashboardPanel .db-trend-hero-chip.gider strong { color: #b91c1c !important; }
body #dashboardPanel .db-trend-hero-chip.sonuc strong { color: #15803d !important; }
body #dashboardPanel .db-trend-hero-chip.karlilik strong { color: #1d4ed8 !important; }

body #dashboardPanel .db-acilir-aksiyon {
    color: #64748b !important;
    letter-spacing: 0.06em !important;
}

body #dashboardPanel .db-musteri-rapor-bant {
    border-color: rgba(226,232,240,0.9) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.95)) !important;
}

body #dashboardPanel .db-musteri-rapor-bilgi strong {
    color: #162131 !important;
}

body #dashboardPanel .db-musteri-liste-premium {
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.96)) !important;
}

body #dashboardPanel .db-musteri-liste-alt {
    color: #7c8799 !important;
}

body #dashboardPanel .db-cari-kart {
    border-radius: 18px !important;
    border-color: rgba(203,213,225,0.34) !important;
    box-shadow: 0 14px 28px rgba(15,23,42,0.045) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(249,250,251,0.97)) !important;
    padding: 16px !important;
}

body #dashboardPanel .db-cari-ust {
    display: grid !important;
    gap: 4px !important;
    margin-bottom: 12px !important;
}

body #dashboardPanel .db-cari-alt {
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #8a97ab !important;
    line-height: 1.45 !important;
}

body #dashboardPanel .db-cari-liste {
    gap: 8px !important;
}

body #dashboardPanel .db-cari-item {
    padding: 12px 13px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(248,250,252,0.98), rgba(255,255,255,0.96)) !important;
    border-color: rgba(226,232,240,0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8) !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease !important;
    outline: none !important;
}

body #dashboardPanel .db-cari-item:hover,
body #dashboardPanel .db-cari-item:focus-visible {
    transform: translateY(-1px) !important;
    border-color: rgba(148,163,184,0.42) !important;
    box-shadow: 0 10px 20px rgba(15,23,42,0.06), inset 0 1px 0 rgba(255,255,255,0.82) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.97)) !important;
}

body #dashboardPanel .db-cari-item.lider-kart {
    border-color: rgba(247,108,13,0.24) !important;
    box-shadow: 0 10px 18px rgba(247,108,13,0.07), inset 0 1px 0 rgba(255,255,255,0.84) !important;
}

body #dashboardPanel .db-cari-item.lider-kart:hover,
body #dashboardPanel .db-cari-item.lider-kart:focus-visible {
    border-color: rgba(247,108,13,0.34) !important;
    box-shadow: 0 12px 24px rgba(247,108,13,0.1), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

body #dashboardPanel .db-cari-metin {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

body #dashboardPanel .db-cari-metin strong {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #162131 !important;
}

body #dashboardPanel .db-cari-metin span {
    font-size: 10px !important;
    color: #8a97ab !important;
}

body #dashboardPanel .db-cari-sag {
    display: grid !important;
    justify-items: end !important;
    gap: 3px !important;
    text-align: right !important;
}

body #dashboardPanel .db-cari-sag small {
    font-size: 9px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: #94a3b8 !important;
}

body #dashboardPanel .db-cari-sag strong {
    font-size: 12px !important;
    font-family: "DM Mono", monospace !important;
    color: #0f172a !important;
    font-variant-numeric: tabular-nums !important;
}

body #dashboardPanel .db-chart-grid canvas {
    filter: none !important;
}

body #dashboardPanel #dbTrendChart {
    min-height: 250px !important;
}

body #dashboardPanel .db-chart-hero > div[style*="height:220px"] {
    height: 250px !important;
    margin-top: 2px !important;
}

@media (max-width: 1280px) {
    body #dashboardPanel .db-trend-hero-ozet {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    body #dashboardPanel .db-trend-hero-ozet {
        grid-template-columns: 1fr !important;
    }
}

/* Dashboard operasyon modu dengeleme */
body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard {
    gap: 8px !important;
    margin-bottom: 12px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-yi {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-ukt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-kart {
    padding: 12px 13px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-ikon {
    width: 28px !important;
    height: 28px !important;
    margin-bottom: 6px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-deger {
    font-size: 20px !important;
    margin-bottom: 4px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-etiket,
body.operasyon-mod #dashboardPanel .db-kpi-alt {
    font-size: 8.5px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-alt {
    margin-top: 1px !important;
    line-height: 1.1 !important;
}

body.operasyon-mod #dashboardPanel .db-chart-card,
body.operasyon-mod #dashboardPanel .db-chart-hero {
    padding: 12px !important;
}

body.operasyon-mod #dashboardPanel .db-trend-hero-ozet {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 14px !important;
}

body.operasyon-mod #dashboardPanel .db-trend-hero-chip {
    padding: 8px 10px !important;
}

body.operasyon-mod #dashboardPanel .db-trend-hero-chip strong {
    font-size: 15px !important;
}

body.operasyon-mod #dashboardPanel .db-chart-hero > div[style*="height:220px"] {
    height: 150px !important;
}

body.operasyon-mod #dashboardPanel #dbTrendChart {
    min-height: 150px !important;
}

body.operasyon-mod #dashboardPanel .db-cari-grid {
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
}

body.operasyon-mod #dashboardPanel .db-cari-kart {
    padding: 10px !important;
}

body.operasyon-mod #dashboardPanel .db-cari-ust {
    margin-bottom: 10px !important;
}

body.operasyon-mod #dashboardPanel .db-cari-item {
    padding: 8px 10px !important;
}

body.operasyon-mod #dashboardPanel .db-cari-metin strong,
body.operasyon-mod #dashboardPanel .db-cari-sag strong {
    font-size: 11px !important;
}

body.operasyon-mod #dashboardPanel .db-cari-metin span,
body.operasyon-mod #dashboardPanel .db-cari-sag small,
body.operasyon-mod #dashboardPanel .db-cari-alt {
    font-size: 8.5px !important;
}

@media (max-width: 1100px) {
    body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-yi,
    body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-ukt,
    body.operasyon-mod #dashboardPanel .db-cari-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Admin header visual polish */
body #adminPortalHub .admin-hub-header {
    min-height: 82px !important;
    padding: 14px 16px 14px 18px !important;
    border-radius: 12px !important;
    border: 1px solid rgba(226,232,240,0.96) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.94)) !important;
    box-shadow:
        0 10px 22px rgba(15,23,42,0.055),
        inset 0 1px 0 rgba(255,255,255,0.94) !important;
    overflow: visible !important;
}

body #adminPortalHub .admin-hub-title-wrap {
    display: grid !important;
    align-content: center !important;
    gap: 6px !important;
}

body #adminPortalHub .admin-hub-title-chip {
    width: max-content !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(255,247,237,0.9) !important;
    border: 1px solid rgba(251,146,60,0.22) !important;
    color: #c2410c !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-hub-title-wrap h1 {
    margin: 0 !important;
    font-size: 19px !important;
    line-height: 1.12 !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-hub-title-wrap p {
    display: none !important;
}

body #adminPortalHub .admin-hub-actions {
    padding: 0 !important;
    gap: 8px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

body #adminPortalHub .admin-hub-actions .btn-ldm-header {
    width: auto !important;
    min-width: 148px !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 18px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #101827 !important;
    box-shadow:
        0 8px 16px rgba(15,23,42,0.045),
        inset 0 1px 0 rgba(255,255,255,0.94) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body #adminPortalHub .admin-hub-actions .btn-ldm-header:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(148,163,184,0.95) !important;
    box-shadow:
        0 10px 20px rgba(15,23,42,0.075),
        inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body #adminPortalHub .admin-hub-actions .admin-cloud-backup-btn {
    border-color: rgba(22,163,74,0.42) !important;
    background: linear-gradient(180deg, #22c55e, #15803d) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(22,163,74,0.18) !important;
}

body #adminPortalHub .admin-hub-actions .admin-cloud-backup-btn:hover {
    border-color: rgba(22,163,74,0.56) !important;
    box-shadow: 0 12px 24px rgba(22,163,74,0.24) !important;
}

body #adminPortalHub .admin-hub-actions .akilli-bildirim-admin-yuvasi {
    align-self: center !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-header {
    min-height: 70px !important;
    padding: 11px 13px 11px 15px !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-title-wrap h1 {
    font-size: 17px !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-actions .btn-ldm-header {
    min-width: 144px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 15px !important;
    font-size: 11px !important;
}

@media (max-width: 900px) {
    body #adminPortalHub .admin-hub-header {
        align-items: flex-start !important;
    }

    body #adminPortalHub .admin-hub-actions {
        width: 100% !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

/* Admin overview premium layout */
body #adminPortalHub #adminTabOzet {
    gap: 14px !important;
}

body #adminPortalHub .admin-overview-kpi-shell {
    width: 100% !important;
}

body #adminPortalHub .admin-overview-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

body #adminPortalHub .admin-overview-kpi-card {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 11px !important;
    min-height: 96px !important;
    padding: 14px 15px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: 0 10px 20px rgba(15,23,42,0.045), inset 0 1px 0 rgba(255,255,255,0.95) !important;
    overflow: hidden !important;
}

body #adminPortalHub .admin-overview-kpi-card[data-ton="success"] {
    border-color: rgba(16,185,129,0.22) !important;
}

body #adminPortalHub .admin-overview-kpi-card[data-ton="warn"] {
    border-color: rgba(245,158,11,0.24) !important;
}

body #adminPortalHub .admin-overview-kpi-card[data-ton="danger"] {
    border-color: rgba(239,68,68,0.22) !important;
}

body #adminPortalHub .admin-overview-kpi-card[data-ton="info"] {
    border-color: rgba(59,130,246,0.2) !important;
}

body #adminPortalHub .admin-overview-kpi-card .admin-metric-icon-wrap {
    width: 38px !important;
    height: 38px !important;
    border-radius: 10px !important;
    display: grid !important;
    place-items: center !important;
}

body #adminPortalHub .admin-overview-kpi-card .admin-metric-icon-wrap svg {
    width: 18px !important;
    height: 18px !important;
}

body #adminPortalHub .admin-overview-kpi-card .admin-metric-content {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body #adminPortalHub .admin-overview-kpi-card .label {
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
}

body #adminPortalHub .admin-overview-kpi-card .value {
    font-size: 22px !important;
    line-height: 1.06 !important;
    font-weight: 850 !important;
    color: #101827 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-overview-kpi-card .trend {
    font-size: 11px !important;
    color: #64748b !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-overview-card {
    border-radius: 12px !important;
    border-color: rgba(226,232,240,0.95) !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body #adminPortalHub .admin-overview-card .admin-hub-card-header {
    min-height: 58px !important;
    padding: 13px 15px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-overview-card .admin-hub-card-header > div {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

body #adminPortalHub .admin-overview-card .admin-hub-card-header h3 {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.15 !important;
}

body #adminPortalHub .admin-overview-card .admin-hub-card-body {
    padding: 14px 15px !important;
}

body #adminPortalHub .admin-day-end-shell {
    gap: 12px !important;
}

body #adminPortalHub .admin-day-end-head {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-day-end-head .admin-action-btn {
    display: none !important;
}

body #adminPortalHub .admin-day-end-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body #adminPortalHub .admin-day-end-finance {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body #adminPortalHub .admin-day-end-metric,
body #adminPortalHub .admin-day-end-finance > div {
    min-height: 86px !important;
    padding: 12px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-day-end-metric strong,
body #adminPortalHub .admin-day-end-finance strong {
    font-size: 18px !important;
}

body #adminPortalHub .admin-day-end-finance strong {
    font-size: 16px !important;
}

body #adminPortalHub .admin-day-end-risks {
    gap: 7px !important;
}

body #adminPortalHub .admin-day-end-risk {
    min-height: 38px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
}

body #adminPortalHub .admin-overview-alert-card .admin-alert-list,
body #adminPortalHub .admin-overview-alert-card .admin-alert-list .admin-alert-list {
    gap: 8px !important;
}

body #adminPortalHub .admin-overview-alert-card .admin-alert-item {
    min-height: 76px !important;
    padding: 11px 12px !important;
    border-radius: 10px !important;
}

body #adminPortalHub .admin-overview-alert-card .admin-alert-content p {
    margin: 4px 0 0 !important;
    line-height: 1.35 !important;
}

body #adminPortalHub .admin-overview-health .admin-health-score-card {
    border-radius: 12px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body #adminPortalHub .admin-overview-health .admin-health-header {
    padding: 14px !important;
    gap: 12px !important;
}

body #adminPortalHub .admin-overview-health .admin-health-circle {
    width: 74px !important;
    height: 74px !important;
    flex: 0 0 74px !important;
}

body #adminPortalHub .admin-overview-health .admin-health-info h3 {
    font-size: 14px !important;
}

body #adminPortalHub .admin-overview-health .admin-health-desc {
    display: none !important;
}

body #adminPortalHub .admin-overview-health .admin-health-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    padding: 0 14px 14px !important;
    gap: 8px !important;
}

body #adminPortalHub .admin-overview-health .admin-health-stat {
    padding: 9px 10px !important;
    border-radius: 8px !important;
}

body #adminPortalHub .admin-live-health-details {
    overflow: hidden !important;
}

body #adminPortalHub .admin-live-health-details > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 64px !important;
    padding: 14px 16px !important;
    cursor: pointer !important;
    list-style: none !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-live-health-details > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-live-health-details > summary > div {
    display: grid !important;
    gap: 4px !important;
}

body #adminPortalHub .admin-live-health-details > summary strong {
    font-size: 15px !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-live-health-details > summary small {
    font-size: 11px !important;
    color: #64748b !important;
}

body #adminPortalHub .admin-live-health-details > summary > span {
    min-height: 32px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    color: #334155 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body #adminPortalHub .admin-live-health-details[open] > summary > span {
    color: #c2410c !important;
    border-color: rgba(251,146,60,0.35) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-live-health-card {
    min-height: 132px !important;
    border-radius: 10px !important;
}

@media (max-width: 1300px) {
    body #adminPortalHub .admin-overview-kpi-grid,
    body #adminPortalHub .admin-day-end-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

}

@media (max-width: 780px) {
    body #adminPortalHub .admin-overview-kpi-grid,
    body #adminPortalHub .admin-day-end-grid,
    body #adminPortalHub .admin-day-end-finance,
    body #adminPortalHub .admin-overview-health .admin-health-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Admin user management premium layout */
body #adminPortalHub .admin-users-layout {
    grid-template-columns: minmax(340px, 390px) minmax(0, 1fr) !important;
    gap: 14px !important;
}

body #adminPortalHub .admin-user-directory-card {
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body #adminPortalHub .admin-user-directory-card .admin-hub-card-header {
    min-height: 58px !important;
    padding: 13px 15px !important;
    align-items: center !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-user-directory-card .admin-hub-card-header h3 {
    margin: 2px 0 0 !important;
    font-size: 15px !important;
}

body #adminPortalHub .admin-user-directory-card .admin-hub-card-body {
    padding: 14px !important;
}

body #adminPortalHub .admin-user-summary-strip {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

body #adminPortalHub .admin-user-summary-strip .admin-summary-chip {
    min-width: 0 !important;
    min-height: 50px !important;
    padding: 8px 9px !important;
    border-radius: 10px !important;
    display: grid !important;
    gap: 3px !important;
    justify-items: start !important;
    align-content: center !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-user-summary-strip .admin-summary-chip span {
    font-size: 8.5px !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

body #adminPortalHub .admin-user-summary-strip .admin-summary-chip strong {
    font-size: 15px !important;
    line-height: 1 !important;
}

body #adminPortalHub .admin-user-toolbar {
    margin-bottom: 10px !important;
    padding: 8px !important;
    gap: 8px !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}

body #adminPortalHub .admin-user-filter-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
    gap: 8px !important;
}

body #adminPortalHub .admin-user-add-panel {
    margin-bottom: 10px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    overflow: hidden !important;
}

body #adminPortalHub .admin-user-add-panel > summary {
    min-height: 42px !important;
    padding: 9px 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    cursor: pointer !important;
    list-style: none !important;
}

body #adminPortalHub .admin-user-add-panel > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-user-add-panel > summary span {
    color: #c2410c !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

body #adminPortalHub .admin-user-add-panel > summary small {
    color: #94a3b8 !important;
    font-size: 10px !important;
    text-align: right !important;
}

body #adminPortalHub .admin-user-add-panel[open] > summary {
    border-bottom: 1px solid rgba(226,232,240,0.95) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-user-add-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 118px auto !important;
    gap: 8px !important;
    padding: 10px !important;
    margin: 0 !important;
}

body #adminPortalHub .admin-user-list {
    max-height: 610px !important;
    gap: 7px !important;
    padding: 2px !important;
}

body #adminPortalHub .admin-user-item {
    grid-template-columns: 3px 34px minmax(0, 1fr) !important;
    min-height: 62px !important;
    padding: 8px 10px !important;
    gap: 9px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-user-item:hover {
    transform: none !important;
    box-shadow: 0 8px 18px rgba(15,23,42,0.055) !important;
}

body #adminPortalHub .admin-user-item.aktif {
    box-shadow: 0 10px 22px rgba(247,108,13,0.11) !important;
}

body #adminPortalHub .admin-user-item .user-avatar {
    width: 34px !important;
    height: 34px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
}

body #adminPortalHub .admin-user-item .user-info {
    gap: 2px !important;
}

body #adminPortalHub .admin-user-item .user-info-top {
    gap: 8px !important;
}

body #adminPortalHub .admin-user-item .user-info strong {
    font-size: 12px !important;
}

body #adminPortalHub .admin-user-item .user-email {
    font-size: 10px !important;
    color: #64748b !important;
}

body #adminPortalHub .admin-user-item .user-last-seen {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    min-width: 0 !important;
}

body #adminPortalHub .admin-user-item .user-last-seen .admin-status-chip {
    min-height: 19px !important;
    padding: 0 7px !important;
    font-size: 8.5px !important;
}

body #adminPortalHub .admin-user-item .user-last-seen small {
    min-width: 0 !important;
    color: #94a3b8 !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-role-chip {
    min-height: 22px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    border-radius: 999px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body #adminPortalHub .admin-role-chip-admin {
    color: #9a3412 !important;
    background: #fff7ed !important;
    border-color: #fed7aa !important;
}

body #adminPortalHub .admin-role-chip-yonetici {
    color: #1d4ed8 !important;
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

body #adminPortalHub .admin-role-chip-finans {
    color: #166534 !important;
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

body #adminPortalHub .admin-role-chip-operasyon {
    color: #6d28d9 !important;
    background: #f5f3ff !important;
    border-color: #ddd6fe !important;
}

body #adminPortalHub .admin-role-chip-teklif {
    color: #075985 !important;
    background: #f0f9ff !important;
    border-color: #bae6fd !important;
}

body #adminPortalHub .admin-role-chip-goruntuleme {
    color: #475569 !important;
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
}

body #adminPortalHub .admin-users-layout > .admin-split-detail {
    position: sticky !important;
    top: 72px !important;
    max-height: calc(100vh - 92px) !important;
    overflow: auto !important;
    padding: 14px !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body #adminPortalHub .admin-users-layout .admin-user-hero {
    padding: 14px !important;
    border-radius: 12px !important;
    gap: 12px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-users-layout .admin-user-hero-avatar {
    width: 52px !important;
    height: 52px !important;
    border-radius: 14px !important;
    font-size: 18px !important;
}

body #adminPortalHub .admin-user-chip-row {
    margin-top: 8px !important;
    gap: 6px !important;
}

body #adminPortalHub .admin-user-overview-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body #adminPortalHub .admin-user-overview-card {
    min-height: 62px !important;
    border-radius: 10px !important;
    padding: 10px 11px !important;
}

body #adminPortalHub .admin-mini-tab-bar {
    border-radius: 10px !important;
    padding: 4px !important;
    gap: 4px !important;
}

body #adminPortalHub .admin-mini-tab-btn {
    min-height: 32px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

body #adminPortalHub .admin-mini-panel {
    border-radius: 12px !important;
}

body #adminPortalHub .admin-permission-summary {
    gap: 8px !important;
}

body #adminPortalHub .admin-permission-toolbar,
body #adminPortalHub .admin-permission-zone-head,
body #adminPortalHub .admin-layer-tab-bar,
body #adminPortalHub .admin-permission-group {
    border-radius: 10px !important;
}

@media (max-width: 1260px) {
    body #adminPortalHub .admin-users-layout {
        grid-template-columns: 1fr !important;
    }

    body #adminPortalHub .admin-users-layout > .admin-split-detail {
        position: relative !important;
        top: auto !important;
        max-height: none !important;
    }
}

@media (max-width: 760px) {
    body #adminPortalHub .admin-user-summary-strip,
    body #adminPortalHub .admin-user-filter-row,
    body #adminPortalHub .admin-user-add-row,
    body #adminPortalHub .admin-user-overview-strip {
        grid-template-columns: 1fr !important;
    }

    body #adminPortalHub .admin-user-add-panel > summary {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

/* Admin simplification pass: collapsed panels by default */
body #adminPortalHub .admin-overview-collapsible-stack {
    display: grid !important;
    gap: 10px !important;
    width: 100% !important;
}

body #adminPortalHub .admin-overview-collapse {
    overflow: hidden !important;
}

body #adminPortalHub .admin-overview-collapse > summary,
body #adminPortalHub .admin-user-simple-details > summary,
body #adminPortalHub .admin-user-detail-panel > summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-height: 54px !important;
    padding: 12px 14px !important;
    list-style: none !important;
    cursor: pointer !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-overview-collapse > summary::-webkit-details-marker,
body #adminPortalHub .admin-user-simple-details > summary::-webkit-details-marker,
body #adminPortalHub .admin-user-detail-panel > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-overview-collapse > summary > div,
body #adminPortalHub .admin-user-simple-details > summary > div,
body #adminPortalHub .admin-user-detail-panel > summary > div {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

body #adminPortalHub .admin-overview-collapse > summary strong,
body #adminPortalHub .admin-user-detail-panel > summary strong,
body #adminPortalHub .admin-user-simple-details > summary span,
body #adminPortalHub .admin-user-add-panel > summary span {
    font-size: 13px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
    font-weight: 850 !important;
}

body #adminPortalHub .admin-overview-collapse > summary small,
body #adminPortalHub .admin-user-detail-panel > summary small,
body #adminPortalHub .admin-user-simple-details > summary small,
body #adminPortalHub .admin-user-add-panel > summary small {
    font-size: 10.5px !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-overview-collapse > summary > span,
body #adminPortalHub .admin-user-detail-panel > summary > span {
    min-height: 28px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body #adminPortalHub .admin-overview-collapse[open] > summary > span,
body #adminPortalHub .admin-user-detail-panel[open] > summary > span {
    color: #c2410c !important;
    border-color: rgba(251,146,60,0.35) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-overview-panel-actions,
body #adminPortalHub .admin-user-panel-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

body #adminPortalHub .admin-overview-two-col {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.7fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

body #adminPortalHub .admin-overview-panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-bottom: 10px !important;
}

body #adminPortalHub .admin-overview-panel-head strong {
    font-size: 13px !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-user-simple-details {
    margin-bottom: 10px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

body #adminPortalHub .admin-user-simple-details[open] > summary,
body #adminPortalHub .admin-user-add-panel[open] > summary,
body #adminPortalHub .admin-user-detail-panel[open] > summary {
    border-bottom: 1px solid rgba(226,232,240,0.95) !important;
}

body #adminPortalHub .admin-user-simple-details .admin-user-summary-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    margin: 10px !important;
}

body #adminPortalHub .admin-user-simple-details .admin-user-filter-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto !important;
    gap: 8px !important;
    margin: 0 10px 10px !important;
}

body #adminPortalHub .admin-user-toolbar {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

body #adminPortalHub .admin-user-search-input {
    width: 100% !important;
}

body #adminPortalHub .admin-user-list {
    max-height: 640px !important;
}

body #adminPortalHub .admin-user-item {
    grid-template-columns: 32px minmax(0, 1fr) auto !important;
    min-height: 54px !important;
    padding: 8px 9px !important;
}

body #adminPortalHub .admin-user-item-accent {
    display: none !important;
}

body #adminPortalHub .admin-user-item .user-last-seen {
    display: block !important;
    color: #94a3b8 !important;
    font-size: 9.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-user-mini-state {
    min-height: 24px !important;
    padding: 0 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    background: #f8fafc !important;
    color: #475569 !important;
}

body #adminPortalHub .admin-user-mini-state[data-ton="success"] {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #15803d !important;
}

body #adminPortalHub .admin-user-mini-state[data-ton="warn"] {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #c2410c !important;
}

body #adminPortalHub .admin-user-mini-state[data-ton="danger"] {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #b91c1c !important;
}

body #adminPortalHub .admin-user-editor-simple {
    display: grid !important;
    gap: 10px !important;
}

body #adminPortalHub .admin-user-profile-panel {
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body #adminPortalHub .admin-user-empty-panel {
    min-height: 260px !important;
}

body #adminPortalHub .admin-user-profile-head {
    min-height: 88px !important;
    padding: 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    border-bottom: 1px solid rgba(226,232,240,0.82) !important;
}

body #adminPortalHub .admin-user-profile-identity {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

body #adminPortalHub .admin-user-profile-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

body #adminPortalHub .admin-user-profile-copy strong {
    font-size: 17px !important;
    line-height: 1.12 !important;
    color: #101827 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-user-profile-copy small {
    font-size: 11px !important;
    color: #64748b !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-user-profile-badges {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

body #adminPortalHub .admin-user-profile-meta-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(226,232,240,0.82) !important;
    background: #ffffff !important;
}

body #adminPortalHub .admin-user-profile-meta-grid > div {
    min-height: 54px !important;
    padding: 9px 10px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
}

body #adminPortalHub .admin-user-profile-meta-grid span {
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
}

body #adminPortalHub .admin-user-profile-meta-grid strong {
    min-width: 0 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-user-accordion-stack {
    padding: 12px !important;
}

body #adminPortalHub .admin-user-accordion-stack > .admin-user-detail-panel + .admin-user-detail-panel {
    margin-top: 9px !important;
}

body #adminPortalHub .admin-user-right-shell {
    display: block !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body #adminPortalHub .admin-user-right-shell > summary {
    min-height: 76px !important;
    padding: 13px 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    list-style: none !important;
    cursor: pointer !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-user-right-shell > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-user-right-summary-main {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
}

body #adminPortalHub .admin-user-right-summary-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body #adminPortalHub .admin-user-right-summary-copy strong {
    font-size: 15px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-user-right-summary-copy small {
    font-size: 11px !important;
    color: #64748b !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-user-right-summary-meta {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

body #adminPortalHub .admin-user-right-toggle {
    min-height: 28px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body #adminPortalHub .admin-user-right-shell[open] .admin-user-right-toggle {
    color: #c2410c !important;
    border-color: rgba(251,146,60,0.35) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-user-right-shell[open] .admin-user-right-toggle {
    font-size: 0 !important;
}

body #adminPortalHub .admin-user-right-shell[open] .admin-user-right-toggle::after {
    content: "Detayı Kapat" !important;
    font-size: 10px !important;
}

body #adminPortalHub .admin-user-right-body {
    padding: 10px !important;
    border-top: 1px solid rgba(226,232,240,0.95) !important;
}

body #adminPortalHub .admin-user-workspace-head {
    min-height: 42px !important;
    padding: 0 2px 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(226,232,240,0.72) !important;
}

body #adminPortalHub .admin-user-workspace-head > div {
    display: grid !important;
    gap: 3px !important;
}

body #adminPortalHub .admin-user-workspace-head strong {
    font-size: 13px !important;
    color: #101827 !important;
    line-height: 1.15 !important;
}

body #adminPortalHub .admin-user-workspace-head small {
    font-size: 10.5px !important;
    color: #94a3b8 !important;
}

body #adminPortalHub .admin-users-layout .admin-mini-tab-bar {
    display: none !important;
}

body #adminPortalHub .admin-users-layout .admin-user-hero-simple {
    align-items: center !important;
}

body #adminPortalHub .admin-user-detail-panel {
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: none !important;
    position: relative !important;
}

body #adminPortalHub .admin-user-detail-panel::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #e2e8f0 !important;
}

body #adminPortalHub .admin-user-detail-panel-info::before {
    background: #fb923c !important;
}

body #adminPortalHub .admin-user-detail-panel-status::before {
    background: #22c55e !important;
}

body #adminPortalHub .admin-user-detail-panel-permissions::before {
    background: #3b82f6 !important;
}

body #adminPortalHub .admin-user-history-panel::before {
    background: #cbd5e1 !important;
}

body #adminPortalHub .admin-user-detail-panel > summary {
    padding-left: 16px !important;
    min-height: 58px !important;
}

body #adminPortalHub .admin-user-detail-panel > .admin-user-simple-grid,
body #adminPortalHub .admin-user-detail-panel > .admin-info-box,
body #adminPortalHub .admin-user-detail-panel > .admin-role-summary-box,
body #adminPortalHub .admin-user-detail-panel > .admin-mini-panel,
body #adminPortalHub .admin-user-detail-panel > .admin-user-panel-actions {
    margin: 10px !important;
}

body #adminPortalHub .admin-user-detail-panel > .admin-mini-panel {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    background: transparent !important;
}

body #adminPortalHub .admin-user-detail-panel .admin-permission-layout {
    gap: 10px !important;
}

body #adminPortalHub .admin-user-detail-panel .admin-permission-summary,
body #adminPortalHub .admin-user-detail-panel .admin-permission-quick {
    display: none !important;
}

body #adminPortalHub .admin-user-history-panel {
    background: #f8fafc !important;
}

body #adminPortalHub .admin-user-history-panel > summary {
    background: #f8fafc !important;
}

body #adminPortalHub .admin-user-history-panel > summary strong {
    color: #475569 !important;
}

body #adminPortalHub .admin-user-history-panel .admin-role-summary-box {
    background: #ffffff !important;
    border-radius: 9px !important;
}

/* Admin security section: compact overview + collapsed professional panels */
body #adminPortalHub .admin-security-shell {
    display: block !important;
    width: 100% !important;
}

body #adminPortalHub .admin-security-profile-panel {
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

/* Admin configuration section: compact overview + collapsed panels */
body #adminPortalHub .admin-config-profile-panel {
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body #adminPortalHub .admin-config-profile-head {
    min-height: 78px !important;
    padding: 15px 16px !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    border-bottom: 1px solid rgba(226,232,240,0.82) !important;
}

body #adminPortalHub .admin-config-profile-head strong {
    display: block !important;
    margin-top: 3px !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-config-profile-head small {
    display: block !important;
    margin-top: 5px !important;
    color: #64748b !important;
    font-size: 11px !important;
}

body #adminPortalHub .admin-config-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 12px 16px !important;
}

body #adminPortalHub .admin-config-summary-grid > div {
    min-height: 54px !important;
    padding: 9px 10px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
}

body #adminPortalHub .admin-config-summary-grid span {
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
}

body #adminPortalHub .admin-config-summary-grid strong {
    min-width: 0 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-config-collapse {
    position: relative !important;
    overflow: hidden !important;
    margin-top: 10px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.04) !important;
}

body #adminPortalHub .admin-config-collapse::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #fb923c !important;
}

body #adminPortalHub .admin-config-collapse > summary {
    min-height: 58px !important;
    padding: 12px 14px 12px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    list-style: none !important;
    cursor: pointer !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-config-collapse > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-config-collapse > summary > div {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body #adminPortalHub .admin-config-collapse > summary strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-config-collapse > summary small {
    font-size: 10.5px !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-config-collapse > summary > span {
    min-height: 28px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body #adminPortalHub .admin-config-collapse[open] > summary > span {
    color: #c2410c !important;
    border-color: rgba(251,146,60,0.35) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-config-collapse .admin-hub-card-body {
    padding: 12px !important;
}

body #adminPortalHub .admin-config-collapse .admin-master-hub-grid {
    gap: 10px !important;
}

body #adminPortalHub .admin-config-collapse .master-blok,
body #adminPortalHub .admin-config-collapse .admin-master-card {
    border-radius: 10px !important;
    box-shadow: none !important;
}

/* Admin remaining sections: alarm, logs, archive */
body #adminPortalHub .admin-section-profile-panel {
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
    margin-bottom: 10px !important;
}

body #adminPortalHub .admin-section-profile-head {
    min-height: 74px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-section-profile-head strong {
    display: block !important;
    margin-top: 3px !important;
    font-size: 19px !important;
    line-height: 1.1 !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-section-profile-head small {
    display: block !important;
    margin-top: 5px !important;
    color: #64748b !important;
    font-size: 11px !important;
}

body #adminPortalHub .admin-panel-collapse {
    position: relative !important;
    overflow: hidden !important;
    margin-bottom: 10px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-panel-collapse::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #fb923c !important;
}

body #adminPortalHub .admin-danger-collapse::before {
    background: #ef4444 !important;
}

body #adminPortalHub .admin-panel-collapse > summary {
    min-height: 52px !important;
    padding: 10px 13px 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    list-style: none !important;
    cursor: pointer !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-panel-collapse > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-panel-collapse > summary > div {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body #adminPortalHub .admin-panel-collapse > summary strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-panel-collapse > summary small {
    font-size: 10.5px !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-panel-collapse > summary > span {
    min-height: 28px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body #adminPortalHub .admin-panel-collapse[open] > summary > span {
    color: #c2410c !important;
    border-color: rgba(251,146,60,0.35) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-panel-collapse .admin-quick-filter-bar,
body #adminPortalHub .admin-toolbar-in-panel {
    margin: 10px !important;
}

body #adminPortalHub .admin-toolbar-in-panel {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body #adminPortalHub .admin-log-quick-bar {
    margin: 0 0 10px !important;
}

body #adminPortalHub .admin-side-empty-card {
    min-height: 180px !important;
    padding: 18px !important;
    display: grid !important;
    align-content: center !important;
    gap: 7px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.04) !important;
}

body #adminPortalHub .admin-side-empty-card strong {
    font-size: 17px !important;
    color: #101827 !important;
    line-height: 1.15 !important;
}

body #adminPortalHub .admin-side-empty-card small {
    max-width: 360px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}

body #adminPortalHub .admin-log-toolbar .input-alan,
body #adminPortalHub .admin-log-toolbar .select-alan {
    min-height: 38px !important;
}

@media (max-width: 900px) {
    body #adminPortalHub .admin-section-profile-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }
}

body #adminPortalHub .admin-security-profile-head {
    min-height: 76px !important;
    padding: 14px 16px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 260px) !important;
    gap: 16px !important;
    align-items: center !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    border-bottom: 1px solid rgba(226,232,240,0.82) !important;
}

body #adminPortalHub .admin-security-profile-head strong {
    display: block !important;
    margin-top: 3px !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-security-profile-head small {
    display: block !important;
    margin-top: 5px !important;
    color: #64748b !important;
    font-size: 11px !important;
}

body #adminPortalHub .admin-security-profile-head .admin-security-meter {
    height: 10px !important;
    margin: 0 !important;
    border-radius: 999px !important;
}

body #adminPortalHub .admin-security-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px 16px !important;
    border-bottom: 1px solid rgba(226,232,240,0.82) !important;
}

body #adminPortalHub .admin-security-summary-grid > div {
    min-height: 48px !important;
    padding: 8px 10px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
}

body #adminPortalHub .admin-security-summary-grid span {
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
}

body #adminPortalHub .admin-security-summary-grid strong {
    min-width: 0 !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-security-accordion-stack {
    padding: 10px 12px 12px !important;
}

body #adminPortalHub .admin-security-detail-panel,
body #adminPortalHub .admin-security-collapse {
    position: relative !important;
    overflow: hidden !important;
    border: 1px solid rgba(226,232,240,0.95) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.04) !important;
}

body #adminPortalHub .admin-security-detail-panel + .admin-security-detail-panel,
body #adminPortalHub .admin-security-collapse {
    margin-top: 8px !important;
}

body #adminPortalHub .admin-security-detail-panel::before,
body #adminPortalHub .admin-security-collapse::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background: #cbd5e1 !important;
}

body #adminPortalHub .admin-security-detail-panel-success::before {
    background: #22c55e !important;
}

body #adminPortalHub .admin-security-detail-panel-warn::before {
    background: #f59e0b !important;
}

body #adminPortalHub .admin-security-detail-panel-danger::before {
    background: #ef4444 !important;
}

body #adminPortalHub .admin-security-detail-panel-info::before,
body #adminPortalHub .admin-security-collapse::before {
    background: #3b82f6 !important;
}

body #adminPortalHub .admin-security-detail-panel > summary,
body #adminPortalHub .admin-security-collapse > summary {
    min-height: 52px !important;
    padding: 10px 13px 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    list-style: none !important;
    cursor: pointer !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-security-detail-panel > summary::-webkit-details-marker,
body #adminPortalHub .admin-security-collapse > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-security-detail-panel > summary > div,
body #adminPortalHub .admin-security-collapse > summary > div {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body #adminPortalHub .admin-security-detail-panel > summary strong,
body #adminPortalHub .admin-security-collapse > summary strong {
    font-size: 13px !important;
    line-height: 1.15 !important;
    color: #101827 !important;
}

body #adminPortalHub .admin-security-detail-panel > summary small,
body #adminPortalHub .admin-security-collapse > summary small {
    font-size: 10.5px !important;
    color: #94a3b8 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminPortalHub .admin-security-detail-panel > summary > span,
body #adminPortalHub .admin-security-collapse > summary > span {
    min-height: 28px !important;
    padding: 0 10px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body #adminPortalHub .admin-security-detail-panel[open] > summary > span,
body #adminPortalHub .admin-security-collapse[open] > summary > span {
    color: #c2410c !important;
    border-color: rgba(251,146,60,0.35) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-security-detail-panel > .admin-security-card,
body #adminPortalHub .admin-security-detail-panel > .admin-security-checklist {
    margin: 10px !important;
}

body #adminPortalHub .admin-security-detail-panel .admin-security-card {
    box-shadow: none !important;
}

body #adminPortalHub .admin-security-detail-panel .admin-security-checklist {
    grid-template-columns: 1fr !important;
}

@media (max-width: 900px) {
    body #adminPortalHub .admin-security-profile-head,
    body #adminPortalHub .admin-security-summary-grid,
    body #adminPortalHub .admin-config-summary-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1100px) {
    body #adminPortalHub .admin-overview-two-col,
    body #adminPortalHub .admin-user-simple-details .admin-user-filter-row {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 760px) {
    body #adminPortalHub .admin-user-profile-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body #adminPortalHub .admin-user-profile-badges {
        justify-content: flex-start !important;
    }

    body #adminPortalHub .admin-user-profile-meta-grid {
        grid-template-columns: 1fr !important;
    }

    body #adminPortalHub .admin-user-right-shell > summary {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    body #adminPortalHub .admin-user-right-summary-meta {
        justify-content: flex-start !important;
    }
}

/* 14 CSS Standards / shared module rhythm ---------------------------- */
:root {
    --ui-shell-x: 24px;
    --ui-shell-bottom: 24px;
    --ui-card-radius: var(--std-panel-radius);
    --ui-card-border: rgba(226, 232, 240, 0.94);
    --ui-card-bg: linear-gradient(180deg, rgba(255,255,255,0.99), rgba(248,250,252,0.96));
    --ui-card-shadow: 0 10px 22px rgba(15, 23, 42, 0.045), inset 0 1px 0 rgba(255,255,255,0.92);
    --ui-soft-bg: rgba(248, 250, 252, 0.92);
    --ui-title: #101827;
    --ui-muted: #64748b;
    --ui-faint: #94a3b8;
    --ui-control-radius: var(--std-radius-xs);
    --ui-input-radius: var(--std-radius-xs);
    --ui-table-radius: var(--std-panel-radius);
}

body.tablo-disi-sayfa-aktif :is(#dashboardPanel, #companyCenterPanel, #adminPanel, #finansMerkeziPanel, .cari-panel) {
    padding-left: var(--ui-shell-x) !important;
    padding-right: var(--ui-shell-x) !important;
    padding-bottom: var(--ui-shell-bottom) !important;
    padding-top: 0 !important;
}

body.operasyon-mod {
    --ui-shell-x: 18px;
    --ui-shell-bottom: 18px;
}

body.rahat-mod {
    --ui-shell-x: 28px;
    --ui-shell-bottom: 28px;
}

body.tablo-disi-sayfa-aktif :is(
    .tablo-kart,
    .gider-kart,
    .gider-form-kart,
    .gider-komut-karti,
    .gider-kpi-kart,
    .cari-kpi-kart,
    .cari-liste-kart,
    .cari-form-kart,
    .cari-detay-kart,
    .db-kpi-kart,
    .db-panel-kart,
    .db-cari-kart,
    .company-section-surface,
    .company-list-shell,
    .company-form-shell,
    .company-bank-card,
    .company-doc-card,
    .company-note-card,
    .company-side-shell,
    .admin-hub-card,
    .admin-section-profile-panel,
    .admin-security-profile-panel,
    .admin-config-profile-panel,
    .admin-side-empty-card
) {
    border-radius: var(--ui-card-radius) !important;
    border-color: var(--ui-card-border) !important;
    box-shadow: var(--ui-card-shadow) !important;
}

body.tablo-disi-sayfa-aktif :is(
    .cari-kart-baslik,
    .db-panel-baslik,
    .db-cari-baslik,
    .company-section-title,
    .admin-hub-card-header h3,
    .admin-hub-title-wrap h1
) {
    color: var(--ui-title) !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(
    .cari-kart-aciklama,
    .db-panel-alt,
    .db-cari-alt,
    .company-section-sub,
    .admin-hub-title-wrap p,
    .admin-hub-card-header p,
    .admin-side-empty-card small
) {
    color: var(--ui-muted) !important;
}

body.tablo-disi-sayfa-aktif :is(.cari-detay-bos, .company-empty-state, .admin-empty-state, .db-musteri-bos) {
    min-height: 116px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 20px !important;
    border: 1px dashed rgba(203, 213, 225, 0.92) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, rgba(248,250,252,0.96), rgba(255,255,255,0.92)) !important;
    color: var(--ui-muted) !important;
    text-align: center !important;
}

body.tablo-disi-sayfa-aktif :is(.btn-ana, .btn-iptal, .btn-sutunlar, .admin-action-btn, .company-action-btn, .db-aksiyon-btn, .db-chip-btn, .gider-sekme-btn) {
    border-radius: var(--ui-control-radius) !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(.input-alan, .select-alan, textarea.input-alan) {
    border-radius: var(--ui-input-radius) !important;
}

body.tablo-disi-sayfa-aktif :is(.tablo-sarici, .parasut-fatura-tablo-wrap, .ldm-tablo-sarici) {
    max-width: 100% !important;
    overflow-x: auto !important;
    border-radius: var(--ui-table-radius) !important;
}

body.tablo-disi-sayfa-aktif table {
    max-width: 100% !important;
}

body.tablo-disi-sayfa-aktif thead th {
    white-space: nowrap !important;
}

/* Customer and supplier: compact list-first working surface */
body.tablo-disi-sayfa-aktif #musterilerPanel[style*="display: block"],
body.tablo-disi-sayfa-aktif #tedarikcilerPanel[style*="display: block"] {
    display: grid !important;
    gap: 0 !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-grid {
    grid-template-columns: minmax(420px, 0.95fr) minmax(420px, 1.05fr) !important;
    gap: 14px !important;
    align-items: start !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-liste-kart {
    padding: 14px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-detay-kolon {
    gap: 12px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-form-kart,
body.tablo-disi-sayfa-aktif .cari-panel .cari-detay-kart {
    padding: 14px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-textarea {
    min-height: 72px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-liste {
    max-height: calc(100vh - 310px) !important;
    overflow: auto !important;
    padding-right: 4px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-liste-item {
    min-height: 0 !important;
    border-radius: 10px !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-liste-item-kompakt {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-kompakt-orta {
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif .cari-panel .cari-kompakt-orta strong,
body.tablo-disi-sayfa-aktif .cari-panel .cari-liste-ad {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif .cari-panel .cari-grid {
        grid-template-columns: 1fr !important;
    }

    body.tablo-disi-sayfa-aktif .cari-panel .cari-liste {
        max-height: 520px !important;
    }
}

/* Dashboard: calmer executive view */
body #dashboardPanel {
    display: grid;
    gap: 14px;
}

body #dashboardPanel .db-filtre-kart {
    margin-bottom: 0 !important;
    min-height: 58px !important;
    border-radius: 12px !important;
    border: 1px solid var(--ui-card-border) !important;
    box-shadow: var(--ui-card-shadow) !important;
}

body #dashboardPanel .db-bolum-baslik {
    margin: 4px 0 8px !important;
}

body #dashboardPanel .db-kpi-grid-dashboard {
    gap: 10px !important;
    margin-bottom: 8px !important;
}

body #dashboardPanel .db-kpi-grid-dashboard-ukt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body #dashboardPanel .db-kpi-kart-yardimci {
    display: none !important;
}

body #dashboardPanel .db-mini-trend {
    display: none !important;
}

body #dashboardPanel .db-chart-hero {
    padding: 16px !important;
}

body #dashboardPanel .db-trend-hero-ozet {
    margin-bottom: 12px !important;
}

body #dashboardPanel .db-chart-hero > div[style*="height:220px"] {
    height: 215px !important;
}

body #dashboardPanel #dbTrendChart {
    min-height: 215px !important;
}

body #dashboardPanel .db-analiz-bar {
    justify-content: flex-start !important;
    padding: 4px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 12px !important;
    background: rgba(248,250,252,0.86) !important;
    width: max-content !important;
    max-width: 100% !important;
}

body #dashboardPanel .db-analiz-btn {
    border-radius: 8px !important;
    box-shadow: none !important;
}

body #dashboardPanel .db-cari-grid {
    margin-top: 0 !important;
    gap: 12px !important;
}

@media (max-width: 1100px) {
    body #dashboardPanel .db-kpi-grid-dashboard-yi,
    body #dashboardPanel .db-kpi-grid-dashboard-ukt,
    body #dashboardPanel .db-cari-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    body #dashboardPanel .db-kpi-grid-dashboard-yi,
    body #dashboardPanel .db-kpi-grid-dashboard-ukt,
    body #dashboardPanel .db-cari-grid,
    body #dashboardPanel .db-trend-hero-ozet {
        grid-template-columns: 1fr !important;
    }
}

/* Company center: corporate file view */
body #companyCenterPanel .company-center-root,
body #companyCenterPanel .company-shell {
    display: grid !important;
    gap: 12px !important;
}

body #companyCenterPanel .company-hero {
    display: none !important;
}

body #companyCenterPanel .company-content-shell {
    gap: 14px !important;
    align-items: start !important;
}

body #companyCenterPanel .company-nav-shell {
    position: sticky !important;
    top: 86px !important;
    border-radius: 12px !important;
    box-shadow: var(--ui-card-shadow) !important;
}

body #companyCenterPanel .company-nav-btn {
    min-height: 58px !important;
    border-radius: 8px !important;
}

body #companyCenterPanel .company-nav-btn-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
}

body #companyCenterPanel .company-section-head {
    min-height: 56px !important;
    padding: 0 0 12px !important;
    margin-bottom: 12px !important;
    border-bottom: 1px solid rgba(226,232,240,0.88) !important;
}

body #companyCenterPanel .company-section-icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
}

body #companyCenterPanel .company-section-title {
    font-size: 18px !important;
    line-height: 1.15 !important;
}

body #companyCenterPanel .company-section-sub {
    max-width: 720px !important;
    line-height: 1.45 !important;
}

body #companyCenterPanel .company-section-surface,
body #companyCenterPanel .company-list-shell {
    padding: 16px !important;
}

body #companyCenterPanel .company-profile-rows {
    display: grid !important;
    gap: 8px !important;
}

body #companyCenterPanel .company-info-row,
body #companyCenterPanel .company-overview-item {
    min-height: 48px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

body #companyCenterPanel .company-info-row strong,
body #companyCenterPanel .company-info-card strong,
body #companyCenterPanel .company-doc-meta-item strong {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body #companyCenterPanel .company-bank-grid,
body #companyCenterPanel .company-doc-list,
body #companyCenterPanel .company-note-list {
    gap: 10px !important;
}

body #companyCenterPanel .company-bank-card,
body #companyCenterPanel .company-doc-card {
    padding: 14px !important;
}

body #companyCenterPanel .company-bank-iban-row strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Admin: consistent professional control room */
body #adminPortalHub {
    gap: 14px !important;
}

body #adminPortalHub .admin-hub-main {
    gap: 12px !important;
}

body #adminPortalHub .admin-module-section {
    gap: 12px !important;
}

body #adminPortalHub .admin-hub-card-header,
body #adminPortalHub .admin-section-profile-head,
body #adminPortalHub .admin-security-profile-head,
body #adminPortalHub .admin-config-profile-head {
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
}

body #adminPortalHub .admin-hub-card-body {
    background: #ffffff !important;
}

body #adminPortalHub .admin-split-layout {
    gap: 12px !important;
}

body #adminPortalHub .admin-split-list,
body #adminPortalHub .admin-split-detail {
    min-width: 0 !important;
}

body #adminPortalHub :is(.admin-scroll-box, .admin-user-list, .admin-master-grid, .master-liste) {
    scrollbar-width: thin;
}

body #adminPortalHub .admin-panel-collapse:not([open]) {
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035) !important;
}

body #adminPortalHub .admin-panel-collapse[open],
body #adminPortalHub .admin-config-collapse[open],
body #adminPortalHub .admin-security-collapse[open],
body #adminPortalHub .admin-security-detail-panel[open],
body #adminPortalHub .admin-user-right-shell[open],
body #adminPortalHub .admin-user-detail-panel[open] {
    box-shadow: 0 12px 24px rgba(15, 23, 42, 0.055) !important;
}

body #adminPortalHub .admin-user-profile-copy strong,
body #adminPortalHub .admin-user-profile-meta-grid strong,
body #adminPortalHub .admin-config-summary-grid strong,
body #adminPortalHub .admin-security-summary-grid strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Paraşüt and secondary tables: prevent horizontal spill */
body .parasut-fatura-listesi {
    min-width: 0 !important;
    max-width: 100% !important;
}

body .parasut-fatura-tablo-wrap {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

body .parasut-fatura-tablosu {
    width: 100% !important;
    min-width: 640px !important;
    table-layout: fixed !important;
}

body .parasut-fatura-tablosu th,
body .parasut-fatura-tablosu td {
    padding: 9px 10px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body .parasut-fatura-tablosu th:nth-child(1),
body .parasut-fatura-tablosu td:nth-child(1) {
    width: 120px !important;
}

body .parasut-fatura-tablosu th:nth-child(2),
body .parasut-fatura-tablosu td:nth-child(2) {
    width: auto !important;
}

body .parasut-fatura-tablosu th:nth-child(3),
body .parasut-fatura-tablosu td:nth-child(3) {
    width: 150px !important;
}

body .parasut-fatura-tablosu th:nth-child(4),
body .parasut-fatura-tablosu td:nth-child(4) {
    width: 130px !important;
}

/* Density mode balance */
body.operasyon-mod.tablo-disi-sayfa-aktif :is(.cari-liste-kart, .cari-form-kart, .cari-detay-kart, .company-section-surface, .company-list-shell, .admin-hub-card-body) {
    padding: 12px !important;
}

body.operasyon-mod #companyCenterPanel .company-nav-btn {
    min-height: 50px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-yi,
body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-ukt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

@media (max-width: 1180px) {
    body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-yi,
    body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-ukt {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Company/Admin left menu flush alignment */
body #companyCenterPanel .company-main-layout {
    align-items: start !important;
}

body #companyCenterPanel .company-nav-shell,
body #companyCenterPanel .company-content-shell {
    margin-top: 0 !important;
    transform: none !important;
}

body #companyCenterPanel .company-nav-shell {
    position: sticky !important;
    top: 0 !important;
    align-self: start !important;
}

body #companyCenterPanel .company-nav {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body #adminPortalHub {
    align-items: flex-start !important;
}

body #adminPortalHub .admin-hub-sidebar,
body #adminPortalHub .admin-hub-main {
    margin-top: 0 !important;
    transform: none !important;
}

body #adminPortalHub .admin-hub-sidebar {
    position: sticky !important;
    top: 0 !important;
    align-self: flex-start !important;
}

body #adminPortalHub .admin-hub-sidebar-header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 08 Quotes / Quote Center ------------------------------------------ */
#tekliflerPanel {
    padding: 0 24px 24px;
}

#tekliflerPanel .teklif-kpi-grid {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 7px;
    padding: 6px 8px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
    overflow-x: auto;
}

#tekliflerPanel .teklif-kpi-kart,
#tekliflerPanel .teklif-kart {
    background: #fff;
    border: 1px solid var(--cizgi, #e3e8f0);
    border-radius: 8px;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}

#tekliflerPanel .teklif-kpi-kart {
    min-height: 24px;
    padding: 0 8px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 0 0 auto;
    border: 0;
    background: transparent;
    box-shadow: none;
}

#tekliflerPanel .teklif-kpi-kart + .teklif-kpi-kart {
    border-left: 1px solid #edf1f7;
}

#tekliflerPanel .teklif-kpi-kart span,
#tekliflerPanel .teklif-eyebrow {
    color: #8a98ad;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-kpi-kart strong {
    color: #101827;
    font-size: 14px;
    line-height: 1;
}

#tekliflerPanel .teklif-uyari-panel {
    margin: 0 0 8px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
}

#tekliflerPanel .teklif-uyari-panel summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
    padding: 6px 9px;
    cursor: pointer;
    list-style: none;
}

#tekliflerPanel .teklif-uyari-panel summary::-webkit-details-marker {
    display: none;
}

#tekliflerPanel .teklif-uyari-panel summary strong {
    display: inline;
    margin-top: 0;
    color: #101827;
    font-size: 11px;
}

#tekliflerPanel .teklif-uyari-panel summary em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 9px;
    border-radius: 8px;
    background: #eef2f7;
    color: #667085;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

#tekliflerPanel .teklif-uyari-panel.uyari-var summary em {
    background: #fff0f0;
    color: #b42318;
}

#tekliflerPanel .teklif-uyari-panel[open] summary {
    border-bottom: 1px solid #edf1f7;
}

#tekliflerPanel .teklif-uyari-listesi {
    display: grid;
    gap: 6px;
    padding: 8px;
}

#tekliflerPanel .teklif-uyari-satir {
    display: grid;
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 3px 9px;
    width: 100%;
    padding: 8px 9px;
    border: 1px solid #e7edf5;
    border-left: 3px solid #f26a13;
    border-radius: 8px;
    background: #fbfdff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

#tekliflerPanel .teklif-uyari-satir:hover {
    border-color: #ffb27a;
    background: #fff8f2;
}

#tekliflerPanel .teklif-uyari-satir span {
    grid-row: span 2;
    align-self: center;
    color: #c35a12;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-uyari-satir strong {
    min-width: 0;
    color: #101827;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-uyari-satir small {
    min-width: 0;
    color: #7b88a0;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-uyari-bos {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px dashed #d7dfeb;
    border-radius: 8px;
    color: #7b88a0;
    background: #fbfdff;
}

#tekliflerPanel .teklif-uyari-bos strong {
    color: #101827;
}

#tekliflerPanel .teklif-grid {
    display: grid;
    grid-template-columns: minmax(680px, 1fr) minmax(390px, 0.56fr);
    gap: 14px;
    align-items: start;
    min-width: 0;
    overflow: visible;
}

#tekliflerPanel.form-acik::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 2147482500;
    background: rgba(15, 23, 42, 0.34);
    backdrop-filter: blur(3px);
}

#tekliflerPanel .teklif-kart {
    padding: 14px;
    min-width: 0;
}

#tekliflerPanel .teklif-kart-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

#tekliflerPanel .teklif-kart-ust h2 {
    margin: 4px 0 0;
    color: #101827;
    font-size: 16px;
    line-height: 1.15;
}

#tekliflerPanel .teklif-toolbar {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(120px, auto) minmax(112px, auto);
    gap: 8px;
    width: min(590px, 100%);
}

#tekliflerPanel .teklif-hizli-aksiyonlar,
#tekliflerPanel .teklif-hizli-filtreler {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

#tekliflerPanel .teklif-hizli-aksiyonlar {
    justify-content: flex-start;
}

#tekliflerPanel .teklif-hizli-aksiyonlar :is(.btn-ana, .btn-iptal) {
    min-height: 32px;
    padding: 0 12px;
    font-size: 11px;
}

#tekliflerPanel .teklif-hizli-filtreler button {
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid #e3e9f2;
    border-radius: 8px;
    background: #fff;
    color: #667085;
    font-family: inherit;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
}

#tekliflerPanel .teklif-hizli-filtreler button.aktif,
#tekliflerPanel .teklif-hizli-filtreler button:hover {
    border-color: #f26a13;
    background: #fff7f0;
    color: #c35a12;
}

#tekliflerPanel .teklif-satis-ozet {
    display: none;
    align-items: center;
    gap: 6px;
    margin: 0 0 8px;
    overflow-x: auto;
}

#tekliflerPanel .teklif-satis-ozet > div {
    min-width: 0;
    padding: 7px 9px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fbfdff;
    flex: 1 1 0;
}

#tekliflerPanel .teklif-satis-ozet span {
    display: block;
    color: #8a98ad;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-satis-ozet strong {
    display: block;
    margin-top: 2px;
    color: #101827;
    font-size: 11px;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel :is(.btn-iptal, .teklif-sil-btn) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
}

#tekliflerPanel .teklif-liste {
    display: grid;
    gap: 0;
    max-height: calc(100vh - 250px);
    overflow: auto;
    overflow-x: hidden;
    padding-right: 4px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fff;
}

#tekliflerPanel .teklif-liste-baslik {
    position: sticky;
    top: 0;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(112px, .72fr) minmax(160px, 1fr) minmax(240px, 1.55fr) minmax(112px, .72fr) minmax(132px, .84fr);
    gap: 6px 10px;
    margin: 0 4px 4px 0;
    padding: 6px 10px;
    border: 1px solid #e7edf5;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    background: #fbfdff;
    color: #8a98ad;
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-liste-baslik span:nth-child(4),
#tekliflerPanel .teklif-liste-baslik span:nth-child(5) {
    text-align: right;
}

#tekliflerPanel .teklif-satir {
    display: grid;
    grid-template-columns: minmax(112px, .72fr) minmax(160px, 1fr) minmax(240px, 1.55fr) minmax(112px, .72fr) minmax(132px, .84fr);
    gap: 6px 10px;
    align-items: center;
    min-height: 36px;
    padding: 5px 10px;
    border: 0;
    border-bottom: 1px solid #edf1f7;
    border-left: 2px solid transparent;
    border-radius: 0;
    cursor: pointer;
    background: #fff;
    transition: border-color .15s ease, background-color .15s ease;
}

#tekliflerPanel .teklif-satir:last-child {
    border-bottom: 0;
}

#tekliflerPanel .teklif-satir:hover,
#tekliflerPanel .teklif-satir.aktif {
    background: #fff;
    border-left-color: #f26a13;
}

#tekliflerPanel .teklif-satir.aktif {
    background: linear-gradient(90deg, #fff7f0, #fff 24%);
}

#tekliflerPanel .teklif-satir-ana,
#tekliflerPanel .teklif-satir-rota,
#tekliflerPanel .teklif-satir-fiyat,
#tekliflerPanel .teklif-satir-durum {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

#tekliflerPanel .teklif-satir-ana strong,
#tekliflerPanel .teklif-satir-rota strong,
#tekliflerPanel .teklif-satir-fiyat strong {
    color: #121827;
    font-size: 12px;
    line-height: 1.2;
}

#tekliflerPanel .teklif-satir-ana small,
#tekliflerPanel .teklif-satir-rota small,
#tekliflerPanel .teklif-satir-fiyat small {
    margin-top: 2px;
    color: #7b88a0;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tekliflerPanel .teklif-no {
    color: #f26a13;
    font-size: 10.5px;
    font-weight: 900;
}

#tekliflerPanel .teklif-satir-fiyat {
    align-items: flex-end;
    text-align: right;
}

#tekliflerPanel .teklif-satir-durum {
    align-items: flex-end;
    text-align: right;
    gap: 5px;
}

#tekliflerPanel .teklif-durum-sade {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
    color: #536176;
    font-size: 11px;
    font-weight: 900;
    line-height: 1.2;
    white-space: nowrap;
}

#tekliflerPanel .teklif-durum-sade i {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #98a2b3;
    flex: 0 0 auto;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-gonderildi i,
#tekliflerPanel .teklif-durum-sade.teklif-durum-takipte i {
    background: #2563eb;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-onaylandi i,
#tekliflerPanel .teklif-durum-sade.teklif-durum-siparise_dondu i {
    background: #1f9b52;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-reddedildi i,
#tekliflerPanel .teklif-durum-sade.teklif-durum-suresi_doldu i,
#tekliflerPanel .teklif-durum-sade.teklif-durum-kaybedildi i {
    background: #dc2626;
}

#tekliflerPanel .teklif-satir-durum {
    gap: 4px;
}

#tekliflerPanel .teklif-durum-sade {
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid #e4ebf5;
    border-radius: 999px;
    background: #f8fafc;
    color: #344054;
    font-size: 10.5px;
    letter-spacing: 0;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-gonderildi,
#tekliflerPanel .teklif-durum-sade.teklif-durum-takipte {
    border-color: #dbeafe;
    background: #eff6ff;
    color: #1d4ed8;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-onaylandi,
#tekliflerPanel .teklif-durum-sade.teklif-durum-siparise_dondu {
    border-color: #ccebd8;
    background: #f3fbf6;
    color: #16733a;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-reddedildi,
#tekliflerPanel .teklif-durum-sade.teklif-durum-suresi_doldu,
#tekliflerPanel .teklif-durum-sade.teklif-durum-kaybedildi {
    border-color: #fecaca;
    background: #fff0f0;
    color: #b42318;
}

#tekliflerPanel .teklif-durum-ozet {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 3px;
    min-width: 0;
    max-width: 100%;
    padding: 2px 0;
}

#tekliflerPanel .teklif-durum-ozet .teklif-durum-sade {
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 11px;
}

#tekliflerPanel .teklif-satir.aktif::after {
    content: "";
    display: none;
}

#tekliflerPanel .teklif-durum {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 8px;
    background: #eef2f7;
    color: #536176;
    font-size: 11px;
    font-weight: 800;
}

#tekliflerPanel .teklif-durum-onaylandi,
#tekliflerPanel .teklif-durum-siparise_dondu {
    background: #eaf7ef;
    color: #16733a;
}

#tekliflerPanel .teklif-durum-reddedildi,
#tekliflerPanel .teklif-durum-suresi_doldu,
#tekliflerPanel .teklif-durum-kaybedildi {
    background: #fff0f0;
    color: #b42318;
}

#tekliflerPanel .teklif-durum-gonderildi {
    background: #fff6e8;
    color: #b65a00;
}

#tekliflerPanel .teklif-durum-takipte {
    background: #eef6ff;
    color: #1d4ed8;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum {
    min-height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #344054;
    font-size: 11px;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-gonderildi,
#tekliflerPanel .teklif-durum-sade.teklif-durum-takipte {
    background: transparent;
    color: #1d4ed8;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-onaylandi,
#tekliflerPanel .teklif-durum-sade.teklif-durum-siparise_dondu {
    background: transparent;
    color: #16733a;
}

#tekliflerPanel .teklif-durum-sade.teklif-durum-reddedildi,
#tekliflerPanel .teklif-durum-sade.teklif-durum-suresi_doldu,
#tekliflerPanel .teklif-durum-sade.teklif-durum-kaybedildi {
    background: transparent;
    color: #b42318;
}

#tekliflerPanel .teklif-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#tekliflerPanel .teklif-form-karti {
    display: none;
}

#tekliflerPanel.form-acik .teklif-form-karti {
    position: fixed;
    z-index: 2147482600;
    top: 50%;
    left: 50%;
    display: block;
    width: min(960px, calc(100vw - 40px));
    max-height: calc(100vh - 48px);
    overflow: auto;
    overflow-x: hidden;
    transform: translate(-50%, -50%);
    border-color: rgba(242, 106, 19, 0.26);
    box-shadow: 0 34px 90px rgba(15, 23, 42, 0.28);
}

#tekliflerPanel .teklif-form-ust-aksiyon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

#tekliflerPanel .teklif-form-grid label,
#tekliflerPanel .teklif-form-bolum > span {
    display: grid;
    gap: 6px;
    color: #6f7d94;
    font-size: 12px;
    font-weight: 800;
}

#tekliflerPanel .teklif-form-grid .tam,
#tekliflerPanel .teklif-form-bolum {
    grid-column: 1 / -1;
}

#tekliflerPanel .teklif-form-bolum {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 10px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff, #fff);
}

#tekliflerPanel .teklif-form-bolum > span {
    grid-column: 1 / -1;
    color: #f26a13;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-form-bolum:has(label:nth-of-type(3)) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#tekliflerPanel .teklif-form-bolum:has(#teklifTuru) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#tekliflerPanel .teklif-donem-alani.gizli {
    display: none;
}

#tekliflerPanel .teklif-form-bolum:has(#teklifTuru):not(:has(.teklif-donem-alani:not(.gizli))) {
    grid-template-columns: minmax(0, 1fr);
}

#tekliflerPanel .teklif-form-bolum.teklif-cok-satir-bolum {
    grid-template-columns: 1fr !important;
    gap: 8px;
    padding: 10px;
    min-width: 0;
    overflow: hidden;
}

#tekliflerPanel .teklif-form-akordeon {
    grid-column: 1 / -1;
    min-width: 0;
    padding: 0;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff, #fff);
    overflow: hidden;
}

#tekliflerPanel .teklif-form-akordeon summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    color: #101827;
    cursor: pointer;
    list-style: none;
}

#tekliflerPanel .teklif-form-akordeon summary::-webkit-details-marker {
    display: none;
}

#tekliflerPanel .teklif-form-akordeon summary::after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    color: #f26a13;
    font-weight: 900;
    flex: 0 0 auto;
}

#tekliflerPanel .teklif-form-akordeon[open] summary {
    border-bottom: 1px solid #edf1f7;
}

#tekliflerPanel .teklif-form-akordeon[open] summary::after {
    content: "-";
}

#tekliflerPanel .teklif-form-akordeon summary span {
    color: #f26a13;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-form-akordeon summary strong {
    min-width: 0;
    margin-left: auto;
    color: #7b88a0;
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

#tekliflerPanel .teklif-form-akordeon > :not(summary) {
    margin: 10px;
}

#tekliflerPanel .teklif-form-panel-aksiyon {
    display: flex;
    justify-content: flex-end;
}

#tekliflerPanel .teklif-form-yardim {
    color: #7b88a0;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 2px;
}

#tekliflerPanel .teklif-ek-satir-listesi {
    display: grid;
    gap: 8px;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}

#tekliflerPanel .teklif-ek-satir-bos {
    display: grid;
    gap: 3px;
    padding: 11px 12px;
    border: 1px dashed #d7dfeb;
    border-radius: 8px;
    background: #fff;
    color: #7b88a0;
    font-size: 12px;
    font-weight: 800;
}

#tekliflerPanel .teklif-ek-satir-bos strong {
    color: #344054;
    font-size: 13px;
}

#tekliflerPanel .teklif-ek-satir-bos span {
    color: #8a98ad;
    font-size: 12px;
    font-weight: 700;
}

#tekliflerPanel .teklif-ek-satir-tablosu {
    display: grid;
    gap: 6px;
    min-width: 0;
}

#tekliflerPanel .teklif-ek-satir-baslik,
#tekliflerPanel .teklif-ek-satir {
    display: grid;
    grid-template-columns: minmax(105px, 1.15fr) minmax(105px, 1.15fr) 58px 70px minmax(90px, .9fr) 82px 62px 54px;
    align-items: center;
    gap: 5px;
    min-width: 0;
    max-width: 100%;
}

#tekliflerPanel .teklif-ek-satir-baslik {
    padding: 0 4px;
    color: #8a98ad;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-ek-satir {
    padding: 6px;
    border: 1px solid #e5ebf4;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff, #fbfdff);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035);
}

#tekliflerPanel .teklif-ek-satir :is(input, select) {
    min-width: 0;
    width: 100%;
    max-width: 100%;
    height: 36px;
    min-height: 36px;
    padding-left: 9px;
    padding-right: 9px;
}

#tekliflerPanel .teklif-ek-satir-sil {
    min-height: 30px;
    color: #b42318;
}

#tekliflerPanel .teklif-not-alani {
    padding: 12px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fbfdff;
}

#tekliflerPanel .teklif-form-grid textarea {
    min-height: 78px;
    resize: vertical;
}

#tekliflerPanel .teklif-form-aksiyon {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin-top: 12px;
}

#tekliflerPanel .teklif-form-aksiyon button:disabled {
    opacity: .42;
    cursor: not-allowed;
    box-shadow: none;
}

#tekliflerPanel .teklif-detay-karti {
    position: sticky;
    top: 86px;
    min-width: 0;
    z-index: 30;
    border-color: #dfe7f2;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.07);
    overflow: visible;
}

#tekliflerPanel .teklif-detay-karti > .teklif-kart-ust {
    align-items: center;
    margin-bottom: 8px;
    padding-bottom: 7px;
    border-bottom: 1px solid #edf1f7;
}

#tekliflerPanel .teklif-detay-karti > .teklif-kart-ust h2 {
    margin-top: 2px;
    font-size: 15px;
}

#tekliflerPanel .teklif-dosya-kapagi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

#tekliflerPanel .teklif-dosya-kapagi {
    display: grid;
    gap: 6px;
    margin-bottom: 8px;
    padding: 11px;
    border: 1px solid #e7edf5;
    border-left: 3px solid #f26a13;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff, #fffaf6);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .72);
    overflow: visible;
}

#tekliflerPanel .teklif-dosya-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

#tekliflerPanel .teklif-dosya-ust > span:first-child {
    color: #f26a13;
    font-size: 12px;
    font-weight: 900;
}

#tekliflerPanel .teklif-dosya-kapagi > strong {
    color: #101827;
    font-size: 16px;
    line-height: 1.15;
}

#tekliflerPanel .teklif-dosya-kapagi > small {
    min-width: 0;
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-dosya-tek-meta {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    margin: 2px 0 4px;
    padding: 6px 0;
    border-top: 1px solid #edf1f7;
    border-bottom: 1px solid #edf1f7;
}

#tekliflerPanel .teklif-dosya-tek-meta span {
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
    padding: 0 10px;
    border-right: 1px solid #edf1f7;
    color: #101827;
    font-size: 11.5px;
    font-weight: 900;
    white-space: nowrap;
}

#tekliflerPanel .teklif-dosya-tek-meta span:first-child {
    padding-left: 0;
}

#tekliflerPanel .teklif-dosya-tek-meta span:last-child {
    padding-right: 0;
    border-right: 0;
}

#tekliflerPanel .teklif-dosya-tek-meta b {
    color: #8a98ad;
    font-size: 9.5px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-musteri-baglanti {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(242, 106, 19, 0.22);
    border-radius: 8px;
    background: linear-gradient(180deg, #fffefd, #fff8f2);
}

#tekliflerPanel .teklif-musteri-baglanti div:first-child {
    display: grid;
    gap: 3px;
    min-width: 0;
}

#tekliflerPanel .teklif-musteri-baglanti span {
    color: #c4520b;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-musteri-baglanti strong {
    color: #101827;
    font-size: 13px;
    line-height: 1.2;
}

#tekliflerPanel .teklif-musteri-baglanti small {
    color: #7b88a0;
    font-size: 11px;
    font-weight: 750;
}

#tekliflerPanel .teklif-musteri-baglanti-aksiyon {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

#tekliflerPanel .teklif-musteri-baglanti-aksiyon .btn-iptal {
    min-height: 30px;
    padding: 0 10px;
    font-size: 10.5px;
}

#tekliflerPanel .teklif-detay-komutlar {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-top: 4px;
    border-top: 1px solid #edf1f7;
    border-radius: 8px;
    background: transparent;
    overflow: visible;
}

#tekliflerPanel .teklif-detay-komutlar :is(.btn-ana, .btn-iptal) {
    min-height: 32px;
    padding: 0 10px;
    font-size: 11px;
    white-space: nowrap;
    box-shadow: none;
}

#tekliflerPanel .teklif-aksiyon-menu {
    position: relative;
    z-index: 40;
    min-width: 0;
}

#tekliflerPanel .teklif-aksiyon-menu summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    min-width: 58px;
    padding: 0 10px;
    border: 1px solid #d7dfeb;
    border-radius: 8px;
    background: #fff;
    color: #344054;
    font-size: 11px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

#tekliflerPanel .teklif-aksiyon-menu summary::-webkit-details-marker {
    display: none;
}

#tekliflerPanel .teklif-aksiyon-menu[open] summary {
    border-color: #ffb27a;
    color: #c35a12;
}

#tekliflerPanel .teklif-aksiyon-menu[open] {
    z-index: 100000;
}

#tekliflerPanel .teklif-aksiyon-menu > div {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 100001;
    display: grid;
    gap: 4px;
    width: 210px;
    max-height: min(520px, calc(100vh - 170px));
    overflow: auto;
    padding: 8px;
    border: 1px solid #dfe7f2;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.14);
}

#tekliflerPanel .teklif-durum-komutlari {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    margin: 8px;
    padding: 7px;
    border: 1px solid #edf1f7;
    border-radius: 8px;
    background: #fbfdff;
}

#tekliflerPanel .teklif-durum-komutlari button {
    min-height: 26px;
    padding: 0 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #667085;
    font-family: inherit;
    font-size: 10.5px;
    font-weight: 900;
    cursor: pointer;
}

#tekliflerPanel .teklif-durum-komutlari button.aktif,
#tekliflerPanel .teklif-durum-komutlari button:hover {
    border-color: #ffd0ad;
    background: #fff7f0;
    color: #c35a12;
}

#tekliflerPanel .teklif-aksiyon-menu-baslik {
    display: block;
    margin: 4px 2px 2px;
    padding-top: 6px;
    border-top: 1px solid #edf1f7;
    color: #8a98ad;
    font-size: 9.5px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-aksiyon-menu-baslik:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

#tekliflerPanel .teklif-aksiyon-menu > div :is(.btn-ana, .btn-iptal) {
    width: 100%;
    justify-content: flex-start;
    min-height: 28px;
    padding: 0 9px;
    font-size: 11px;
    box-shadow: none;
}

#tekliflerPanel .teklif-akis {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    padding: 7px 8px;
    border: 1px solid #edf1f7;
    border-radius: 8px;
    background: #fff;
}

#tekliflerPanel .teklif-akis-adim {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 22px;
    padding: 0 5px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #667085;
    font-family: inherit;
    font-size: 9.5px;
    font-weight: 900;
    cursor: pointer;
}

#tekliflerPanel .teklif-akis-adim + .teklif-akis-adim {
    border-left: 0;
}

#tekliflerPanel .teklif-akis-adim:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    width: 18px;
    height: 1px;
    background: #d7dfeb;
    transform: translate(50%, -50%);
}

#tekliflerPanel .teklif-akis-adim span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 11px;
    height: 11px;
    border-radius: 999px;
    background: #eef2f7;
    color: #667085;
    font-size: 0;
}

#tekliflerPanel .teklif-akis-adim.aktif,
#tekliflerPanel .teklif-akis-adim:hover {
    background: transparent;
    color: #c35a12;
}

#tekliflerPanel .teklif-akis-adim.aktif span,
#tekliflerPanel .teklif-akis-adim:hover span {
    background: #f26a13;
}

#tekliflerPanel .teklif-akis-adim.tamam {
    background: transparent;
    color: #16733a;
}

#tekliflerPanel .teklif-akis-adim.tamam span {
    background: #1f9b52;
}

#tekliflerPanel .teklif-akis-adim.kayip.aktif,
#tekliflerPanel .teklif-akis-adim.kayip:hover {
    background: transparent;
    color: #b42318;
}

#tekliflerPanel .teklif-akis-adim.kayip.aktif span,
#tekliflerPanel .teklif-akis-adim.kayip:hover span {
    background: #b42318;
}

#tekliflerPanel .teklif-arsiv-uyari {
    margin-bottom: 12px;
    padding: 10px 12px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #f8fafc;
    color: #667085;
    font-size: 12px;
    font-weight: 800;
}

#tekliflerPanel .teklif-akordeon {
    display: block;
    margin-top: 6px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fff;
    box-shadow: none;
    overflow: hidden;
}

#tekliflerPanel .teklif-akordeon summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 38px;
    padding: 8px 10px;
    cursor: pointer;
    list-style: none;
}

#tekliflerPanel .teklif-akordeon summary::-webkit-details-marker {
    display: none;
}

#tekliflerPanel .teklif-akordeon summary::after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    color: #f26a13;
    font-weight: 900;
    flex: 0 0 auto;
}

#tekliflerPanel .teklif-akordeon[open] summary {
    border-bottom: 1px solid #edf1f7;
}

#tekliflerPanel .teklif-akordeon[open] summary::after {
    content: "-";
}

#tekliflerPanel .teklif-akordeon summary span {
    color: #667085;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-akordeon summary strong {
    min-width: 0;
    margin-left: auto;
    color: #344054;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
}

#tekliflerPanel .teklif-akordeon[open] summary span,
#tekliflerPanel .teklif-akordeon summary:hover span {
    color: #c35a12;
}

#tekliflerPanel .teklif-akordeon > :not(summary) {
    margin: 8px;
}

#tekliflerPanel .teklif-siparis-baglanti,
#tekliflerPanel .teklif-fiyat-hafiza,
#tekliflerPanel .teklif-gecmis-bos,
#tekliflerPanel .teklif-gecmis-listesi {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff, #fff);
}

#tekliflerPanel .teklif-siparis-baglanti {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px;
    padding: 10px;
    border-color: #ccebd8;
    background: #f5fbf7;
}

#tekliflerPanel .teklif-siparis-baglanti span,
#tekliflerPanel .teklif-fiyat-hafiza-ust span,
#tekliflerPanel .teklif-siparis-baglanti small,
#tekliflerPanel .teklif-fiyat-hafiza small {
    color: #8a98ad;
    font-size: 11px;
    font-weight: 800;
}

#tekliflerPanel .teklif-siparis-baglanti strong,
#tekliflerPanel .teklif-fiyat-hafiza-ust strong {
    display: block;
    margin-top: 3px;
    color: #101827;
    font-size: 14px;
}

#tekliflerPanel .teklif-siparis-ref {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
    padding: 7px 9px;
    border: 1px solid #ccebd8;
    border-radius: 8px;
    background: #fff;
    color: #101827;
    font-size: 12px;
    font-weight: 900;
}

#tekliflerPanel .teklif-siparis-ref em {
    color: #1f9b52;
    font-style: normal;
}

#tekliflerPanel .teklif-bagli-yukler {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}

#tekliflerPanel .teklif-bagli-yukler-bos {
    padding: 12px;
    border: 1px dashed #d8e1ee;
    border-radius: 8px;
    background: #fbfdff;
}

#tekliflerPanel .teklif-bagli-yukler-bos strong {
    display: block;
    color: #121827;
    font-size: 13px;
}

#tekliflerPanel .teklif-bagli-yukler-bos span {
    display: block;
    margin-top: 4px;
    color: #7b88a0;
    font-size: 12px;
    font-weight: 700;
}

#tekliflerPanel .teklif-bagli-yuk {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e7edf5;
    border-left: 2px solid #f26a13;
    border-radius: 8px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

#tekliflerPanel .teklif-bagli-yuk span {
    display: block;
    color: #8a98ad;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-bagli-yuk strong {
    display: block;
    margin-top: 3px;
    color: #101827;
    font-size: 13px;
    line-height: 1.2;
}

#tekliflerPanel .teklif-bagli-yuk small {
    display: block;
    margin-top: 4px;
    max-width: 360px;
    overflow: hidden;
    color: #667085;
    font-size: 11px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-bagli-yuk-sag {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
}

#tekliflerPanel .teklif-bagli-yuk-sag em {
    padding: 4px 8px;
    border: 1px solid #dbeafe;
    border-radius: 999px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

#tekliflerPanel .teklif-bagli-yuk-sag .btn-iptal {
    min-height: 28px;
    padding: 0 10px;
    font-size: 11px;
}

#tekliflerPanel .teklif-fiyat-hafiza {
    display: grid;
    gap: 8px;
}

#tekliflerPanel .teklif-gecmis-bos {
    display: grid;
    gap: 4px;
    border-style: dashed;
    color: #7b88a0;
}

#tekliflerPanel .teklif-gecmis-bos strong {
    color: #101827;
}

#tekliflerPanel .teklif-gecmis-listesi {
    display: grid;
    gap: 8px;
    background: #fff;
}

#tekliflerPanel .teklif-gecmis-satir {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 9px 10px;
    border: 1px solid #edf1f7;
    border-radius: 8px;
    background: #fbfdff;
}

#tekliflerPanel .teklif-gecmis-satir strong,
#tekliflerPanel .teklif-gecmis-satir span,
#tekliflerPanel .teklif-gecmis-satir small {
    display: block;
}

#tekliflerPanel .teklif-gecmis-satir strong {
    color: #101827;
    font-size: 12px;
}

#tekliflerPanel .teklif-gecmis-satir span {
    margin-top: 3px;
    color: #536176;
    font-size: 12px;
    font-weight: 700;
}

#tekliflerPanel .teklif-gecmis-satir small {
    margin-top: 5px;
    color: #8a98ad;
    font-size: 11px;
    line-height: 1.35;
}

#tekliflerPanel .teklif-gecmis-satir em {
    color: #7b88a0;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 800;
    line-height: 1.35;
    text-align: right;
    white-space: nowrap;
}

#tekliflerPanel .teklif-detay-satirlar,
#tekliflerPanel .teklif-revizyon-zinciri {
    margin-top: 10px;
    padding: 12px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: linear-gradient(180deg, #fbfdff, #fff);
    min-width: 0;
    overflow: hidden;
}

#tekliflerPanel .teklif-detay-satirlar-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}

#tekliflerPanel .teklif-detay-satirlar-ust span {
    color: #8a98ad;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-detay-satirlar-ust strong {
    color: #101827;
    font-size: 13px;
}

#tekliflerPanel .teklif-detay-satirlar table {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

#tekliflerPanel .teklif-detay-satirlar th,
#tekliflerPanel .teklif-detay-satirlar td {
    padding: 8px 7px;
    border-bottom: 1px solid #edf1f7;
    color: #344054;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-detay-satirlar th {
    color: #8a98ad;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

#tekliflerPanel .teklif-liste-karti {
    padding: 12px;
    background: linear-gradient(180deg, #ffffff, #fbfdff);
}

#tekliflerPanel .teklif-liste {
    gap: 0;
    padding: 0;
    border-color: #dfe7f2;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7);
}

#tekliflerPanel .teklif-liste-baslik,
#tekliflerPanel .teklif-satir {
    grid-template-columns: minmax(210px, 0.98fr) minmax(250px, 1.12fr) minmax(118px, 0.52fr) minmax(150px, 0.68fr);
    gap: 12px;
}

#tekliflerPanel .teklif-liste-baslik {
    margin: 0;
    padding: 9px 14px;
    border: 0;
    border-bottom: 1px solid #e7edf5;
    border-radius: 8px 8px 0 0;
    background: #fbfdff;
    color: #8a98ad;
    letter-spacing: .045em;
}

#tekliflerPanel .teklif-liste-baslik span:nth-child(3),
#tekliflerPanel .teklif-liste-baslik span:nth-child(4) {
    text-align: right;
}

#tekliflerPanel .teklif-satir {
    min-height: 54px;
    padding: 10px 14px;
    border: 0;
    border-bottom: 1px solid #edf1f7;
    border-left: 3px solid transparent;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

#tekliflerPanel .teklif-satir:last-child {
    border-bottom: 0;
}

#tekliflerPanel .teklif-satir-ana,
#tekliflerPanel .teklif-satir-rota,
#tekliflerPanel .teklif-satir-fiyat,
#tekliflerPanel .teklif-satir-durum {
    justify-content: center;
}

#tekliflerPanel .teklif-satir:hover {
    background: #fbfdff;
    border-left-color: #ffd0ad;
}

#tekliflerPanel .teklif-satir.aktif {
    background: linear-gradient(90deg, #fff7f0 0, #fff 26%);
    border-left-color: #f26a13;
}

#tekliflerPanel .teklif-satir :is(.teklif-no, strong),
#tekliflerPanel .teklif-satir-fiyat strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-satir .teklif-no {
    display: block;
    font-size: 11px;
    letter-spacing: 0;
}

#tekliflerPanel .teklif-satir-ana strong {
    display: block;
    margin-top: 4px;
    font-size: 12.5px;
}

#tekliflerPanel .teklif-satir-fiyat strong {
    font-size: 12.5px;
}

#tekliflerPanel .teklif-satir-rota strong {
    color: #344054;
    font-size: 12px;
    font-weight: 800;
}

#tekliflerPanel .teklif-satir-fiyat small {
    display: none;
}

#tekliflerPanel .teklif-dosya-kapagi {
    gap: 8px;
    padding: 14px;
    border-left-width: 2px;
    border-color: #dfe7f2;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.055);
}

#tekliflerPanel .teklif-dosya-kapagi > strong {
    font-size: 16px;
}

#tekliflerPanel .teklif-dosya-tek-meta {
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 5px 0;
}

#tekliflerPanel .teklif-dosya-tek-meta span {
    flex: 0 0 auto;
    font-size: 11px;
}

#tekliflerPanel .teklif-detay-komutlar {
    flex-wrap: nowrap;
    padding-top: 5px;
}

#tekliflerPanel .teklif-detay-komutlar :is(.btn-ana, .btn-iptal),
#tekliflerPanel .teklif-aksiyon-menu summary {
    min-height: 30px;
    padding: 0 9px;
    font-size: 10.5px;
}

#tekliflerPanel .teklif-aksiyon-menu > div .teklif-durum-komutlari {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

#tekliflerPanel .teklif-aksiyon-menu > div .teklif-durum-komutlari button {
    justify-content: flex-start;
    min-height: 28px;
    padding: 0 9px;
    border: 1px solid transparent;
    border-radius: 8px;
    font-size: 11px;
}

#tekliflerPanel .teklif-akordeon {
    margin-top: 7px;
    border-color: #dfe7f2;
    background: linear-gradient(180deg, #fff, #fbfdff);
}

#tekliflerPanel .teklif-akordeon summary {
    min-height: 36px;
    padding: 8px 10px;
    background: #fff;
}

#tekliflerPanel .teklif-detay-satirlar {
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

#tekliflerPanel .teklif-detay-satirlar-ust {
    margin: 0 0 8px;
    padding: 0 1px;
}

#tekliflerPanel .teklif-detay-kalem-tablosu {
    display: grid;
    gap: 8px;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
}

#tekliflerPanel .teklif-detay-kalem {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    gap: 14px;
    min-width: 0;
    min-height: 58px;
    padding: 11px 12px;
    border: 1px solid #e7edf5;
    border-left: 2px solid #f26a13;
    border-radius: 8px;
    background: #fff;
    color: #344054;
    font-size: 11.5px;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.035);
    transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}

#tekliflerPanel .teklif-detay-kalem:hover {
    border-color: #ffd0ad;
    background: #fffaf6;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.055);
}

#tekliflerPanel .teklif-detay-kalem-guzergah {
    display: grid;
    gap: 7px;
    min-width: 0;
}

#tekliflerPanel .teklif-detay-kalem-guzergah strong,
#tekliflerPanel .teklif-detay-kalem em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-detay-kalem-guzergah strong {
    color: #101827;
    font-size: 12.5px;
    line-height: 1.2;
}

#tekliflerPanel .teklif-detay-kalem-guzergah strong span {
    color: #94a3b8;
    margin: 0 3px;
}

#tekliflerPanel .teklif-detay-kalem em {
    color: #101827;
    font-style: normal;
    font-weight: 900;
    text-align: right;
    padding-left: 8px;
    font-size: 12.5px;
}

#tekliflerPanel .teklif-revizyon-listesi {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

#tekliflerPanel .teklif-revizyon-listesi button {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 134px;
    padding: 9px 10px;
    border: 1px solid #e5ebf4;
    border-radius: 8px;
    background: #fff;
    color: inherit;
    font-family: inherit;
    cursor: pointer;
}

#tekliflerPanel .teklif-revizyon-listesi button.aktif,
#tekliflerPanel .teklif-revizyon-listesi button:hover {
    border-color: #ffb27a;
    background: #fff8f2;
}

#tekliflerPanel .teklif-revizyon-listesi span {
    color: #f26a13;
    font-size: 11px;
    font-weight: 900;
}

#tekliflerPanel .teklif-revizyon-listesi strong {
    color: #101827;
    font-size: 12px;
}

#tekliflerPanel .teklif-fiyat-hafiza-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

#tekliflerPanel .teklif-hafiza-satir {
    display: grid;
    grid-template-columns: minmax(100px, 0.65fr) minmax(90px, auto);
    gap: 4px 8px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fff;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

#tekliflerPanel .teklif-hafiza-satir:hover {
    border-color: #ffb27a;
    background: #fff8f2;
}

#tekliflerPanel .teklif-hafiza-satir span {
    color: #f26a13;
    font-size: 11px;
    font-weight: 900;
}

#tekliflerPanel .teklif-hafiza-satir strong {
    color: #101827;
    font-size: 13px;
    text-align: right;
}

#tekliflerPanel .teklif-hafiza-satir small {
    grid-column: 1 / -1;
    color: #7b88a0;
    font-size: 11px;
}

.cari-teklif-ozeti {
    display: grid;
    gap: 10px;
}

.cari-teklif-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.cari-teklif-kpi-grid > div {
    min-width: 0;
    padding: 10px 11px;
    border: 1px solid #e5ebf4;
    border-radius: 8px;
    background: #fbfdff;
}

.cari-teklif-kpi-grid > div.genis {
    grid-column: span 2;
}

.cari-teklif-kpi-grid span {
    display: block;
    color: #8a98ad;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.cari-teklif-kpi-grid strong {
    display: block;
    margin-top: 4px;
    color: #101827;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cari-teklif-liste {
    display: grid;
    gap: 7px;
}

.cari-teklif-satir {
    display: grid;
    grid-template-columns: minmax(118px, .72fr) minmax(0, 1.3fr) auto auto;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.cari-teklif-satir:hover {
    border-color: #ffb27a;
    background: #fff8f2;
}

.cari-teklif-satir span {
    color: #f26a13;
    font-size: 11px;
    font-weight: 900;
}

.cari-teklif-satir strong {
    min-width: 0;
    color: #101827;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cari-teklif-satir em {
    padding: 4px 8px;
    border-radius: 8px;
    background: #eef2f7;
    color: #667085;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

.cari-teklif-satir small {
    color: #101827;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
    white-space: nowrap;
}

.cari-teklif-bos {
    display: grid;
    gap: 7px;
    padding: 12px;
    border: 1px dashed #d7dfeb;
    border-radius: 8px;
    background: #fbfdff;
    color: #7b88a0;
}

.cari-teklif-bos strong {
    color: #101827;
}

#tekliflerPanel .teklif-sil-btn {
    color: #b42318;
}

#tekliflerPanel .teklif-bos-durum {
    padding: 18px;
    border: 1px dashed #d7dfeb;
    border-radius: 8px;
    color: #6f7d94;
    background: #fbfdff;
}

#tekliflerPanel .teklif-bos-durum strong {
    display: block;
    color: #101827;
    margin-bottom: 6px;
}

#tekliflerPanel .teklif-bos-yonlendirme div {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.teklif-cikti-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: none;
    align-items: flex-start;
    justify-content: center;
    padding: 14px;
    background: rgba(31, 41, 55, 0.42);
    overflow: auto;
}

.teklif-cikti-overlay.acik {
    display: flex !important;
}

.teklif-cikti-kabuk {
    width: min(960px, 100%);
}

.teklif-cikti-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: min(210mm, 100%);
    margin: 0 auto 8px;
    padding: 8px 10px;
    border: 1px solid #e3e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.10);
}

.teklif-cikti-toolbar > div {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.teklif-cikti-toolbar > div:first-child {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

.teklif-cikti-toolbar strong {
    color: #111827;
    font-size: 13px;
}

.teklif-cikti-toolbar span {
    color: #667085;
    font-size: 11px;
}

.teklif-cikti-kapat {
    width: 30px;
    height: 30px;
    border: 1px solid #d7dfeb;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    cursor: pointer;
    font-size: 20px;
    font-weight: 800;
    line-height: 1;
}

.teklif-cikti-kapat:hover {
    border-color: #f26a13;
    color: #f26a13;
}

.teklif-cikti-diger {
    position: relative;
}

.teklif-cikti-diger summary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid #d7dfeb;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
    list-style: none;
}

.teklif-cikti-diger summary::-webkit-details-marker {
    display: none;
}

.teklif-cikti-diger[open] summary {
    border-color: #f26a13;
    color: #f26a13;
}

.teklif-cikti-diger button {
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 5;
    min-width: 138px;
    min-height: 36px;
    border: 1px solid #d7dfeb;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.14);
    color: #111827;
    font-size: 12px;
    font-weight: 800;
}

.teklif-cikti-icerik {
    display: flex;
    justify-content: center;
    padding-bottom: 18px;
}

.teklif-cikti-sayfa {
    width: 210mm;
    min-height: 297mm;
    padding: 17mm;
    color: #111827;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 22px 52px rgba(15, 23, 42, 0.20);
    font-family: Inter, Arial, sans-serif;
}

.teklif-cikti-header,
.teklif-cikti-title,
.teklif-cikti-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.teklif-cikti-header {
    padding-bottom: 12px;
    border-bottom: 1px solid #e7edf5;
}

.teklif-cikti-logo-blok {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.teklif-cikti-logo-blok img {
    width: 154px;
    height: 58px;
    object-fit: contain;
    object-position: left center;
}

.teklif-cikti-logo-blok strong {
    display: block;
    font-size: 16px;
    line-height: 1.2;
}

.teklif-cikti-logo-blok span,
.teklif-cikti-meta span,
.teklif-cikti-meta small,
.teklif-cikti-ozet span,
.teklif-cikti-fiyat span,
.teklif-cikti-footer span {
    color: #7b88a0;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0;
}

.teklif-cikti-meta {
    min-width: 126px;
    padding: 7px 10px;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    background: #fbfdff;
    text-align: right;
}

.teklif-cikti-meta span {
    font-size: 9.5px;
    text-transform: uppercase;
}

.teklif-cikti-meta strong {
    display: block;
    margin: 3px 0;
    color: #f26a13;
    font-size: 13.5px;
    line-height: 1.15;
}

.teklif-cikti-meta small {
    font-size: 10px;
    font-weight: 700;
}

.teklif-cikti-title {
    justify-content: flex-start;
    margin: 16px 0 11px;
}

.teklif-cikti-title span {
    color: #f26a13;
    font-size: 12px;
    font-weight: 900;
    display: block;
    margin-top: 5px;
}

.teklif-cikti-title h1 {
    margin: 0;
    font-size: 29px;
    line-height: 1;
}

.teklif-cikti-bilgi-seridi {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 0 0 11px;
    padding: 7px 0 9px;
    border-top: 1px solid #edf2f8;
    border-bottom: 1px solid #edf2f8;
    color: #7b88a0;
    font-size: 10.2px;
    font-weight: 800;
}

.teklif-cikti-musteri-band {
    margin: 0 0 10px;
    padding: 10px 12px;
    border-left: 3px solid #f26a13;
    border-radius: 8px;
    background: #fff7f2;
}

.teklif-cikti-musteri-band span,
.teklif-cikti-musteri-band strong {
    display: block;
}

.teklif-cikti-musteri-band span {
    margin-bottom: 3px;
    color: #7b88a0;
    font-size: 10.5px;
    font-weight: 900;
    text-transform: uppercase;
}

.teklif-cikti-musteri-band strong {
    color: #111827;
    font-size: 17px;
    line-height: 1.2;
}

.teklif-cikti-bilgi-seridi span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.teklif-cikti-bilgi-seridi strong {
    color: #111827;
    font-size: 10.8px;
}

.teklif-cikti-ozet {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #e5ebf4;
    border-radius: 8px;
    background: #fff;
}

.teklif-cikti-ozet > div {
    display: grid;
    grid-template-columns: 108px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 40px;
    padding: 8px 12px;
    border-right: 1px solid #edf2f8;
    border-bottom: 1px solid #edf2f8;
    background: #fbfdff;
}

.teklif-cikti-ozet > div:nth-child(2n) {
    border-right: 0;
}

.teklif-cikti-fiyat {
    padding: 11px 12px;
    border: 1px solid #e5ebf4;
    border-radius: 8px;
    background: #fbfdff;
}

.teklif-cikti-ozet strong {
    display: block;
    margin-top: 0;
    font-size: 13px;
    line-height: 1.25;
}

.teklif-cikti-hatlar {
    margin-bottom: 14px;
    padding: 0;
    border: 1px solid #dde6f1;
    border-radius: 8px;
    background: #fff;
    max-width: 100%;
    overflow: hidden;
}

.teklif-cikti-hatlar h2 {
    margin: 0;
    padding: 11px 14px;
    border-bottom: 1px solid #e5ebf4;
    border-top: 3px solid #f26a13;
    background: #fff;
    color: #111827;
    font-size: 15.5px;
}

.teklif-cikti-sayfa .teklif-cikti-hatlar table {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: fixed !important;
    border: 0;
}

.teklif-cikti-sayfa .teklif-cikti-hatlar th,
.teklif-cikti-sayfa .teklif-cikti-hatlar td {
    padding: 9px 12px;
    border-bottom: 1px solid #e5ebf4;
    color: #344054;
    font-size: 11.2px;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
    overflow: hidden;
}

.teklif-cikti-sayfa .teklif-cikti-hatlar thead th,
.teklif-cikti-hatlar th {
    border-bottom: 1px solid #e1e8f2 !important;
    background: #f8fafc !important;
    color: #344054 !important;
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.teklif-cikti-hatlar th:first-child,
.teklif-cikti-hatlar td:first-child {
    width: 42%;
    text-align: left;
}

.teklif-cikti-hatlar th:nth-child(2),
.teklif-cikti-hatlar td:nth-child(2) {
    width: 18%;
}

.teklif-cikti-hatlar td:last-child,
.teklif-cikti-hatlar th:last-child {
    text-align: right;
    white-space: nowrap;
    overflow-wrap: normal;
}

.teklif-cikti-hatlar td:last-child {
    color: #111827;
    font-weight: 900;
}

.teklif-cikti-rota strong,
.teklif-cikti-rota span {
    display: inline;
}

.teklif-cikti-rota strong {
    color: #111827;
    font-size: 11.7px;
}

.teklif-cikti-rota span {
    margin: 0 3px;
    color: #667085;
}

.teklif-cikti-not {
    margin: 0 0 14px;
    padding: 10px 12px;
    border-left: 3px solid #f26a13;
    border-radius: 8px;
    background: #fff7f2;
}

.teklif-cikti-not strong,
.teklif-cikti-not span {
    display: block;
}

.teklif-cikti-not strong {
    margin-bottom: 4px;
    color: #111827;
    font-size: 11px;
}

.teklif-cikti-not span {
    color: #667085;
    font-size: 10.8px;
    line-height: 1.45;
}

.teklif-cikti-sartlar {
    break-before: page;
    page-break-before: always;
    margin-top: 24mm;
    padding-top: 12mm;
    border-top: 1px solid #e4eaf3;
}

.teklif-cikti-sartlar h2 {
    margin: 0 0 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #e4eaf3;
    color: #111827;
    font-size: 18px;
}

.teklif-cikti-sartlar-baslik {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.teklif-cikti-sartlar-baslik span {
    color: #f26a13;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.teklif-cikti-sartlar-baslik h2 {
    margin: 0;
    padding: 0;
    border: 0;
}

.teklif-cikti-sart-bolum {
    break-inside: avoid;
    margin-bottom: 11px;
}

.teklif-cikti-sart-bolum h3 {
    margin: 0 0 5px;
    color: #f26a13;
    font-size: 13px;
}

.teklif-cikti-sart-bolum ol {
    margin: 0;
    padding-left: 18px;
}

.teklif-cikti-sart-bolum li {
    margin-bottom: 3px;
    color: #344054;
    font-size: 10.6px;
    line-height: 1.38;
}

.teklif-cikti-footer {
    margin-top: 18px;
    padding-top: 12px;
    border-top: 1px solid #e4eaf3;
}

.teklif-cikti-footer strong {
    display: block;
    font-size: 12px;
}

.teklif-imza-alani {
    width: 190px;
    height: 58px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding-bottom: 8px;
}

.teklif-mail-overlay {
    position: fixed;
    inset: 0;
    z-index: 2147483100;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 18px;
    background: rgba(15, 23, 42, 0.48);
}

.teklif-mail-overlay.acik {
    display: flex !important;
}

.teklif-mail-kutu {
    width: min(760px, 100%);
    max-height: calc(100vh - 48px);
    overflow: auto;
    padding: 12px;
    border: 1px solid #e3e8f0;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
}

.teklif-mail-ust,
.teklif-mail-aksiyon {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.teklif-mail-ust {
    margin-bottom: 10px;
}

.teklif-mail-ust span {
    color: #f26a13;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.teklif-mail-ust strong {
    display: block;
    margin-top: 3px;
    color: #111827;
    font-size: 16px;
}

.teklif-mail-konu {
    display: grid;
    gap: 6px;
    margin-bottom: 8px;
}

.teklif-mail-alici {
    grid-template-columns: 1fr;
}

.teklif-mail-takip {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 0 0 8px;
    padding: 7px 9px;
    border: 1px solid #e7edf5;
    border-radius: 8px;
    background: #fbfdff;
    color: #7b88a0;
    font-size: 11px;
    font-weight: 800;
}

.teklif-mail-takip strong {
    color: #101827;
}

.teklif-mail-konu span,
.teklif-mail-ipucu {
    color: #8a98ad;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.teklif-mail-ipucu {
    margin-bottom: 8px;
    letter-spacing: 0;
    text-transform: none;
}

.teklif-mail-onizleme {
    width: 100%;
    max-height: 48vh;
    overflow: auto;
    border: 1px solid #dde5f0;
    border-radius: 8px;
    background: #fff;
    padding: 10px;
}

.teklif-mail-onizleme > table {
    margin: 0 auto;
    max-width: 100% !important;
}

.teklif-mail-onizleme > div {
    margin: 0 auto;
    max-width: 100% !important;
}

.teklif-mail-aksiyon {
    justify-content: flex-end;
    margin-top: 10px;
}

body.operasyon-mod #tekliflerPanel {
    padding: 0 16px 16px;
}

body.operasyon-mod #tekliflerPanel .teklif-kpi-kart,
body.operasyon-mod #tekliflerPanel .teklif-kart {
    padding: 12px;
}

body.operasyon-mod #tekliflerPanel .teklif-kpi-kart {
    padding: 0 8px;
}

@media (max-width: 1320px) {
    #tekliflerPanel .teklif-grid {
        grid-template-columns: minmax(560px, 0.95fr) minmax(360px, 0.62fr);
    }
    #tekliflerPanel .teklif-toolbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: min(520px, 100%);
    }
    #tekliflerPanel .teklif-akis {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    #tekliflerPanel .teklif-grid {
        grid-template-columns: 1fr;
    }
    #tekliflerPanel .teklif-detay-karti {
        position: static;
    }
}

@media (max-width: 900px) {
    #tekliflerPanel {
        padding: 0 12px 16px;
    }
    #tekliflerPanel .teklif-grid,
    #tekliflerPanel .teklif-form-grid,
    #tekliflerPanel .teklif-satis-ozet {
        grid-template-columns: 1fr;
    }
    #tekliflerPanel .teklif-detay-komutlar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #tekliflerPanel .teklif-toolbar,
    #tekliflerPanel .teklif-satir {
        grid-template-columns: 1fr;
    }
    #tekliflerPanel .teklif-liste-baslik {
        display: none !important;
    }
    #tekliflerPanel .teklif-satir-fiyat,
    #tekliflerPanel .teklif-satir-durum {
        align-items: flex-start;
        text-align: left;
    }
    #tekliflerPanel .teklif-akis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    #tekliflerPanel .teklif-form-bolum,
    #tekliflerPanel .teklif-form-bolum:has(label:nth-of-type(3)),
    #tekliflerPanel .teklif-form-bolum:has(#teklifTuru) {
        grid-template-columns: 1fr;
    }
    .teklif-cikti-overlay,
    .teklif-mail-overlay {
        padding: 10px;
    }
    .teklif-cikti-toolbar,
    .teklif-mail-ust,
    .teklif-mail-aksiyon {
        align-items: flex-start;
        flex-direction: column;
    }
    .teklif-cikti-toolbar > div,
    .teklif-mail-aksiyon {
        width: 100%;
    }
}

@media print {
    body.teklif-print-mode {
        margin: 0 !important;
        padding: 0 !important;
        background: #fff !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body.teklif-print-mode > *:not(#teklifCiktiOverlay) {
        display: none !important;
    }

    body.teklif-print-mode #teklifCiktiOverlay {
        position: static !important;
        display: block !important;
        padding: 0 !important;
        background: #fff !important;
        overflow: visible !important;
    }

    body.teklif-print-mode .teklif-cikti-kabuk,
    body.teklif-print-mode .teklif-cikti-icerik {
        width: 100% !important;
        display: block !important;
    }

    body.teklif-print-mode .teklif-cikti-toolbar {
        display: none !important;
    }

    body.teklif-print-mode .teklif-cikti-sayfa {
        width: auto !important;
        min-height: auto !important;
        padding: 12mm !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    body.teklif-print-mode .teklif-cikti-sart-bolum {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    body.teklif-print-mode .teklif-cikti-sartlar {
        break-before: page;
        page-break-before: always;
    }
}

/* Quote center premium record-list pass */
#tekliflerPanel .teklif-liste-baslik,
#tekliflerPanel .teklif-satir {
    grid-template-columns:
        minmax(190px, .95fr)
        minmax(260px, 1.35fr)
        minmax(120px, .58fr)
        minmax(140px, .7fr) !important;
    gap: 12px !important;
}

#tekliflerPanel .teklif-liste-baslik {
    min-height: 34px;
    padding: 8px 12px !important;
    color: #8a98ad;
    font-size: 10px;
    letter-spacing: 0;
}

#tekliflerPanel .teklif-liste-baslik span:nth-child(3),
#tekliflerPanel .teklif-liste-baslik span:nth-child(4) {
    text-align: right;
}

#tekliflerPanel .teklif-satir {
    min-height: 46px !important;
    padding: 8px 12px !important;
    border-left-width: 2px !important;
}

#tekliflerPanel .teklif-satir.aktif {
    background: linear-gradient(90deg, #fff7f0 0, #fff 18%) !important;
}

#tekliflerPanel .teklif-satir-ana,
#tekliflerPanel .teklif-satir-rota,
#tekliflerPanel .teklif-satir-fiyat,
#tekliflerPanel .teklif-satir-durum {
    min-width: 0;
    justify-content: center;
}

#tekliflerPanel .teklif-satir-ana .teklif-no,
#tekliflerPanel .teklif-satir-ana strong,
#tekliflerPanel .teklif-satir-rota strong,
#tekliflerPanel .teklif-satir-fiyat strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-satir-ana strong {
    color: #101827;
    font-size: 12.5px;
}

#tekliflerPanel .teklif-satir-rota small {
    display: block;
    margin-top: 2px;
    color: #8a98ad;
    font-size: 10.5px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-dosya-kapagi {
    padding: 12px !important;
    gap: 7px !important;
}

#tekliflerPanel .teklif-dosya-kapagi > strong {
    font-size: 15px !important;
}

#tekliflerPanel .teklif-dosya-tek-meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    overflow: hidden;
    border-top: 1px solid #edf1f7;
    border-bottom: 1px solid #edf1f7;
    padding: 7px 0 !important;
}

#tekliflerPanel .teklif-dosya-tek-meta span {
    min-width: 0;
    padding: 0 8px !important;
    border: 0 !important;
    background: transparent !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#tekliflerPanel .teklif-dosya-tek-meta span + span {
    border-left: 1px solid #edf1f7 !important;
}

#tekliflerPanel .teklif-akis {
    display: flex !important;
    align-items: center;
    gap: 0;
    min-height: 32px;
    padding: 5px 7px !important;
    border-color: #edf1f7;
    background: #fbfdff !important;
}

#tekliflerPanel .teklif-akis-adim {
    flex: 1 1 0;
    min-width: 0;
    min-height: 22px !important;
    padding: 0 5px !important;
    color: #7b88a0;
    font-size: 9.5px !important;
}

#tekliflerPanel .teklif-akis-adim span {
    width: 8px !important;
    height: 8px !important;
}

#tekliflerPanel .teklif-detay-kalem-tablosu {
    gap: 0 !important;
    border: 1px solid #e7edf5 !important;
    border-radius: 8px !important;
    background: #fff !important;
    overflow: hidden !important;
}

#tekliflerPanel .teklif-detay-kalem {
    grid-template-columns: minmax(150px, 1.25fr) minmax(80px, .55fr) minmax(105px, .7fr) minmax(90px, .58fr) !important;
    gap: 10px !important;
    min-height: 42px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid #edf1f7 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

#tekliflerPanel .teklif-detay-kalem:last-child {
    border-bottom: 0 !important;
}

#tekliflerPanel .teklif-detay-kalem:hover {
    background: #fbfdff !important;
}

#tekliflerPanel .teklif-detay-kalem-guzergah {
    gap: 0 !important;
}

#tekliflerPanel .teklif-detay-kalem-guzergah strong,
#tekliflerPanel .teklif-detay-kalem-arac,
#tekliflerPanel .teklif-detay-kalem-yuk,
#tekliflerPanel .teklif-detay-kalem em {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

#tekliflerPanel .teklif-detay-kalem-arac,
#tekliflerPanel .teklif-detay-kalem-yuk {
    color: #536176;
    font-weight: 800;
}

#tekliflerPanel .teklif-detay-kalem em {
    text-align: right;
}

@media (max-width: 1280px) {
    #tekliflerPanel .teklif-liste-baslik,
    #tekliflerPanel .teklif-satir {
        grid-template-columns: minmax(170px, .95fr) minmax(180px, 1.1fr) minmax(105px, .58fr) !important;
    }

    #tekliflerPanel .teklif-liste-baslik span:nth-child(4),
    #tekliflerPanel .teklif-satir-durum {
        display: none;
    }
}

/* Quote center calm workflow pass */
#tekliflerPanel .teklif-uyari-panel {
    margin: 0 0 10px !important;
    border-color: #e8eef7 !important;
    background: #fbfdff !important;
}

#tekliflerPanel .teklif-uyari-panel summary {
    min-height: 32px !important;
    padding: 6px 10px !important;
}

#tekliflerPanel .teklif-uyari-panel summary .teklif-eyebrow {
    display: none;
}

#tekliflerPanel .teklif-uyari-panel summary strong {
    color: #536176 !important;
    font-size: 11px !important;
    font-weight: 900;
}

#tekliflerPanel .teklif-uyari-panel summary em {
    min-height: 20px !important;
    padding: 0 8px !important;
    border: 1px solid #e7edf5;
    border-radius: 999px !important;
    background: #fff !important;
    color: #667085 !important;
    font-size: 9.5px !important;
}

#tekliflerPanel .teklif-uyari-panel.uyari-var summary em {
    border-color: #fed7aa;
    background: #fff7f0 !important;
    color: #c35a12 !important;
}

#tekliflerPanel .teklif-uyari-listesi {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 7px !important;
}

#tekliflerPanel .teklif-uyari-satir {
    min-height: 42px;
    padding: 8px 10px !important;
    border-left-width: 2px !important;
    box-shadow: none !important;
}

#tekliflerPanel .teklif-satir {
    min-height: 48px !important;
}

#tekliflerPanel .teklif-satir-durum {
    gap: 0 !important;
}

#tekliflerPanel .teklif-durum-ozet {
    gap: 0 !important;
}

#tekliflerPanel .teklif-form-bolum {
    gap: 8px !important;
    padding: 10px !important;
    border-radius: 8px !important;
}

#tekliflerPanel .teklif-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#tekliflerPanel .teklif-form-bolum > span {
    font-size: 10.5px !important;
    letter-spacing: 0 !important;
}

#tekliflerPanel .teklif-detay-komutlar :is(.btn-ana, .btn-iptal),
#tekliflerPanel .teklif-aksiyon-menu summary {
    min-height: 30px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
}

#tekliflerPanel .teklif-akis {
    min-height: 30px !important;
    padding: 5px 6px !important;
}

#tekliflerPanel .teklif-akis-adim {
    min-height: 20px !important;
    color: #7b88a0 !important;
}

#tekliflerPanel .teklif-akis-adim.aktif span {
    background: #98a2b3 !important;
}

/* Teklif formu: sade tek sayfa kurumsal görünüm */
#tekliflerPanel.form-acik .teklif-form-karti {
    width: min(1060px, calc(100vw - 40px)) !important;
    padding: 14px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%) !important;
}

#tekliflerPanel .teklif-form-karti > .teklif-kart-ust {
    position: sticky;
    top: 0;
    z-index: 2;
    align-items: center;
    margin: -14px -14px 12px;
    padding: 13px 14px 11px;
    border-bottom: 1px solid #edf1f7;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
}

#tekliflerPanel .teklif-form-karti > .teklif-kart-ust h2 {
    margin: 2px 0 0;
    font-size: 18px;
    line-height: 1.15;
}

#tekliflerPanel .teklif-form-grid {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
}

#tekliflerPanel .teklif-form-bolum {
    display: grid !important;
    grid-template-columns: 132px repeat(4, minmax(0, 1fr)) !important;
    align-items: end;
    gap: 8px !important;
    padding: 10px !important;
    border: 1px solid #e5ebf4 !important;
    border-left: 3px solid rgba(242, 106, 19, 0.42) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.035);
}

#tekliflerPanel .teklif-form-bolum > span {
    grid-column: auto !important;
    align-self: center;
    color: #c35a12 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1.2;
    text-transform: none !important;
}

#tekliflerPanel .teklif-form-bolum label,
#tekliflerPanel .teklif-not-alani {
    min-width: 0;
    color: #75839a !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

#tekliflerPanel .teklif-form-bolum :is(.input-alan, .select-alan),
#tekliflerPanel .teklif-not-alani textarea {
    min-height: 34px !important;
    height: 34px;
    border-radius: 8px !important;
    background: #fbfdff;
    font-size: 12px !important;
    font-weight: 800;
}

#tekliflerPanel .teklif-form-bolum:has(#teklifTakipSaati) {
    grid-template-columns: 132px minmax(110px, 1fr) minmax(110px, 1fr) minmax(120px, 1fr) minmax(104px, .9fr) minmax(96px, .8fr) !important;
}

#tekliflerPanel .teklif-not-alani textarea,
#tekliflerPanel .teklif-form-grid textarea {
    height: auto !important;
    min-height: 72px !important;
}

#tekliflerPanel .teklif-form-akordeon {
    border-color: #e5ebf4 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15, 23, 42, 0.03);
}

#tekliflerPanel .teklif-form-akordeon summary {
    min-height: 42px;
    padding: 10px 12px !important;
}

#tekliflerPanel .teklif-form-akordeon summary span {
    color: #c35a12 !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

#tekliflerPanel .teklif-form-akordeon summary strong {
    color: #8a98ad !important;
    font-size: 10.5px !important;
}

#tekliflerPanel .teklif-form-yardim {
    margin: 10px 12px 6px !important;
    color: #8a98ad !important;
    font-size: 11px !important;
}

#tekliflerPanel .teklif-form-panel-aksiyon {
    justify-content: flex-start !important;
    margin: 0 12px 8px !important;
}

#tekliflerPanel .teklif-form-panel-aksiyon .btn-iptal {
    min-height: 32px;
    padding: 0 12px;
    border-color: #ffd0ad;
    color: #c35a12;
}

#tekliflerPanel .teklif-ek-satir-listesi {
    margin: 0 12px 12px !important;
}

#tekliflerPanel .teklif-ek-satir-baslik,
#tekliflerPanel .teklif-ek-satir {
    grid-template-columns: minmax(110px, 1.2fr) minmax(110px, 1.2fr) 58px 70px minmax(98px, .9fr) 86px 66px 56px !important;
}

#tekliflerPanel .teklif-ek-satir {
    padding: 7px !important;
    box-shadow: none !important;
}

#tekliflerPanel .teklif-not-alani {
    display: grid;
    gap: 6px;
    margin: 0 !important;
    padding: 12px !important;
    border: 0 !important;
    background: transparent !important;
}

#tekliflerPanel .teklif-form-aksiyon {
    position: sticky;
    bottom: -14px;
    z-index: 2;
    align-items: center;
    justify-content: space-between !important;
    margin: 12px -14px -14px !important;
    padding: 12px 14px;
    border-top: 1px solid #edf1f7;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(10px);
}

#tekliflerPanel .teklif-form-aksiyon .btn-ana,
#tekliflerPanel .teklif-form-aksiyon .btn-iptal {
    min-width: 132px;
    min-height: 36px;
}

@media (max-width: 1180px) {
    #tekliflerPanel .teklif-form-bolum {
        grid-template-columns: 120px repeat(2, minmax(0, 1fr)) !important;
    }

    #tekliflerPanel .teklif-form-bolum:has(#teklifTakipSaati) {
        grid-template-columns: 120px minmax(96px, 1fr) minmax(96px, 1fr) minmax(108px, 1fr) minmax(96px, .9fr) minmax(88px, .8fr) !important;
    }

    #tekliflerPanel .teklif-ek-satir-baslik {
        display: none;
    }

    #tekliflerPanel .teklif-ek-satir {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    #tekliflerPanel.form-acik .teklif-form-karti {
        width: calc(100vw - 18px) !important;
        max-height: calc(100vh - 18px) !important;
    }

    #tekliflerPanel .teklif-form-bolum {
        grid-template-columns: 1fr !important;
    }

    #tekliflerPanel .teklif-form-bolum > span {
        padding-bottom: 4px;
        border-bottom: 1px solid #edf1f7;
    }

    #tekliflerPanel .teklif-form-ust-aksiyon {
        gap: 6px;
    }
}

#tekliflerPanel .teklif-akis-adim.durum-gonderildi.aktif,
#tekliflerPanel .teklif-akis-adim.durum-takipte.aktif {
    color: #1d4ed8 !important;
}

#tekliflerPanel .teklif-akis-adim.durum-gonderildi.aktif span,
#tekliflerPanel .teklif-akis-adim.durum-takipte.aktif span {
    background: #2563eb !important;
}

#tekliflerPanel .teklif-akis-adim.durum-onaylandi.aktif,
#tekliflerPanel .teklif-akis-adim.durum-siparise_dondu.aktif {
    color: #16733a !important;
}

#tekliflerPanel .teklif-akis-adim.durum-onaylandi.aktif span,
#tekliflerPanel .teklif-akis-adim.durum-siparise_dondu.aktif span {
    background: #1f9b52 !important;
}

#tekliflerPanel .teklif-akis-adim.kayip.aktif,
#tekliflerPanel .teklif-akis-adim.durum-kaybedildi.aktif {
    color: #b42318 !important;
}

#tekliflerPanel .teklif-akis-adim.kayip.aktif span,
#tekliflerPanel .teklif-akis-adim.durum-kaybedildi.aktif span {
    background: #dc2626 !important;
}

/* Kart Yönetimi */
.kart-yonetimi-panel {
    width: min(1920px, calc(100% - 32px));
    margin: 0 auto 12px;
}

.kart-yonetimi-ust {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    background: rgba(255,255,255,0.92);
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(15,23,42,0.06);
}

.kart-yonetimi-sekmeler {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    border-radius: 14px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    flex: 0 0 auto;
}

.kart-yonetimi-sekme {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 10px;
    border: 1px solid transparent;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.kart-yonetimi-sekme.aktif {
    background: #fff;
    color: #f76c0d;
    border-color: rgba(247,108,13,0.24);
    box-shadow: 0 10px 22px rgba(247,108,13,0.10);
}

.adres-kartlari-panel {
    width: min(1920px, calc(100% - 32px));
    margin: 0 auto 18px;
}

.adres-kartlari-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(360px, 0.65fr);
    gap: 18px;
}

.adres-kartlari-liste {
    display: grid;
    gap: 10px;
    max-height: 680px;
    overflow-y: auto;
}

.adres-karti-item {
    display: grid;
    gap: 10px;
    padding: 14px;
    border: 1px solid rgba(148,163,184,0.18);
    border-radius: 14px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    box-shadow: 0 10px 24px rgba(15,23,42,0.04);
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.adres-karti-item:hover {
    border-color: rgba(247,108,13,0.26);
    box-shadow: 0 14px 30px rgba(15,23,42,0.07);
    transform: translateY(-1px);
}

.adres-karti-item.aktif {
    border-color: rgba(247,108,13,0.42);
    background: linear-gradient(180deg, #fffaf7, #ffffff);
    box-shadow: 0 16px 34px rgba(247,108,13,0.12);
}

.adres-karti-ust {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.adres-karti-ad {
    font-size: 14px;
    font-weight: 850;
    color: #0f172a;
}

.adres-karti-meta,
.adres-karti-adres {
    color: #64748b;
    font-size: 12px;
    line-height: 1.45;
}

.adres-karti-alt {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.adres-karti-alt span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 10px;
    font-weight: 800;
    background: #fff;
}

.adres-karti-form-kart {
    align-self: start;
}

.adres-karti-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.adres-karti-form-grid .input-alan,
.adres-karti-form-grid .select-alan {
    width: 100%;
}

.adres-karti-tam {
    grid-column: 1 / -1;
}

@media (max-width: 900px) {
    .kart-yonetimi-ust {
        align-items: stretch;
        flex-direction: column;
    }

    .kart-yonetimi-sekmeler {
        width: 100%;
    }

    .kart-yonetimi-sekme {
        flex: 1;
    }

    .adres-kartlari-grid {
        grid-template-columns: 1fr;
    }

    .adres-karti-form-grid {
        grid-template-columns: 1fr;
    }
}

/* Kart Yönetimi - sade görünüm */
body.tablo-disi-sayfa-aktif #kartYonetimiPanel {
    margin: 0 auto 10px !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-ust {
    min-height: 46px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    justify-content: flex-start;
    align-items: center;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekmeler {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 4px !important;
    border: 1px solid rgba(203, 213, 225, 0.78) !important;
    border-radius: 10px !important;
    background: rgba(241, 245, 249, 0.82) !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar {
    width: auto;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekme {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 0;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 12px 0 8px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #475569 !important;
    box-shadow: none !important;
    letter-spacing: 0 !important;
    transform: none !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekme.aktif {
    border-color: rgba(234, 88, 12, 0.48) !important;
    background: linear-gradient(180deg, #f97316, #ea580c) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekme:not(.aktif):hover {
    border-color: rgba(203, 213, 225, 0.9) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: #1f2937 !important;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .finans-sekme-kod {
    width: 24px !important;
    height: 22px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid rgba(203, 213, 225, 0.72) !important;
    color: #64748b !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekme.aktif .finans-sekme-kod {
    background: rgba(255, 255, 255, 0.18) !important;
    border-color: rgba(255, 255, 255, 0.24) !important;
    color: #fff !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-panel {
    margin: 0 auto 20px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kpi-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kpi-kart {
    min-height: 46px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.88) !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kpi-etiket {
    margin-bottom: 3px !important;
    font-size: 9px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kpi-deger {
    font-size: 17px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-kartlari-grid {
    grid-template-columns: minmax(0, 1fr) minmax(600px, min(780px, 44vw)) !important;
    gap: 12px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel:is(.adres-form-var, .adres-detay-var) .adres-kartlari-grid {
    grid-template-columns: minmax(0, 1fr) minmax(600px, min(780px, 44vw)) !important;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel:is(.adres-form-var, .adres-detay-var) .cari-detay-kolon {
    display: grid !important;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel.adres-form-var .adres-kartlari-grid {
    grid-template-columns: minmax(0, 1fr) !important;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel.adres-form-var .cari-detay-kolon {
    display: contents !important;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel.adres-form-var .adres-karti-detay-kart {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel.adres-detay-var .adres-karti-detay-kart {
    display: block !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) > .cari-grid,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) > .adres-kartlari-grid {
    margin-top: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-detay-kart > .cari-kart-baslik-grup {
    margin-bottom: 8px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kolon {
    align-content: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-liste-kart, .cari-form-kart, .cari-detay-kart, .cari-detay-kolon) {
    min-width: 0 !important;
    max-width: 100% !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-detay-kolon > .cari-detay-kart {
    order: 1;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-detay-kolon > .cari-form-kart {
    order: 2;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-form-kart[style*="display: none"],
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-kart[style*="display: none"],
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-detay-kart[style*="display: none"] {
    display: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-liste-kart, .cari-form-kart, .cari-detay-kart) {
    border-radius: 8px !important;
    box-shadow: none !important;
    border-color: rgba(203, 213, 225, 0.82) !important;
    background: rgba(255, 255, 255, 0.94) !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-kart > .cari-kart-baslik-grup .cari-kart-aciklama {
    display: none;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-ustbar {
    min-height: 48px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    align-items: center;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-baslik {
    font-size: 12px;
    line-height: 1.2;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-aciklama {
    font-size: 10.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar {
    gap: 6px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste-aksiyonlar .cari-mini-aksiyon {
    display: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar .input-alan {
    width: 250px;
    min-width: 190px;
    height: 34px;
    min-height: 34px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar :is(.btn-ana, .btn-iptal) {
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-kartlari-liste {
    gap: 0;
    max-height: 660px;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 8px;
    overflow: auto;
    background: #ffffff;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste > .cari-bos-yonlendirme,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-kartlari-liste > .cari-bos-yonlendirme {
    min-height: 154px !important;
    padding: 20px 18px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste-item,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-item {
    border-width: 0 0 1px 0;
    border-radius: 0;
    box-shadow: none;
    background: #ffffff;
    transform: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste-item:last-child,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-item:last-child {
    border-bottom: 0;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste-item.aktif,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-item.aktif {
    background: linear-gradient(90deg, rgba(255, 247, 237, 0.92), #ffffff);
    box-shadow: inset 3px 0 0 #f76c0d !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-item-kompakt {
    grid-template-columns: minmax(190px, 1fr) minmax(210px, 0.9fr) auto !important;
    min-height: 52px !important;
    padding: 9px 12px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-orta {
    justify-content: flex-start;
    gap: 8px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-metrik {
    min-height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    font-size: 10.5px;
    white-space: nowrap;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-metrik strong {
    color: #64748b;
    font-weight: 800;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste-ad,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-ad {
    font-size: 13px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste-ikincil,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-meta,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-adres {
    font-size: 10.5px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-form-durum, .form-durum-mesaji) {
    border-radius: 8px;
    font-size: 10.5px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 8px;
    background: linear-gradient(180deg, #fff, #f8fafc);
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 16px;
    line-height: 1.15;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak small {
    display: block;
    margin-top: 5px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kicker {
    color: #c2410c;
    font-size: 9.5px;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-aksiyonlar {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-aksiyonlar .cari-satir-buton {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    padding: 8px 10px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum::before {
    content: "Seçim";
    display: inline-flex;
    align-items: center;
    min-height: 21px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    font-size: 9px;
    font-weight: 900;
    white-space: nowrap;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum[data-form-modu="yeni"]::before {
    content: "Yeni Kayıt";
    background: #fff7ed;
    border-color: #fed7aa;
    color: #c2410c;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum[data-form-modu="duzenle"]::before {
    content: "Düzenleniyor";
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #15803d;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-form-grid, .adres-karti-form-grid) {
    gap: 8px !important;
    margin-top: 10px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolumlu-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum {
    display: grid;
    gap: 8px;
    margin: 0;
    padding: 9px;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.72);
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) details.cari-form-bolum {
    padding: 0;
    overflow: hidden;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum-baslik,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) details.cari-form-bolum > summary {
    min-height: 30px;
    display: flex;
    align-items: center;
    padding: 0 9px;
    color: #c2410c;
    font-size: 10.5px;
    font-weight: 900;
    letter-spacing: 0.02em;
    cursor: pointer;
    list-style: none;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) details.cari-form-bolum > summary::-webkit-details-marker {
    display: none;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) details.cari-form-bolum > summary::after {
    content: "+";
    margin-left: auto;
    color: #94a3b8;
    font-size: 14px;
    line-height: 1;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) details.cari-form-bolum[open] > summary::after {
    content: "-";
    color: #f76c0d;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum-ana,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-alt-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum-ana .cari-form-bolum-baslik {
    grid-column: 1 / -1;
    min-height: 22px;
    padding: 0;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-alt-grid {
    padding: 0 9px 9px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-alt-grid textarea,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-alt-grid .adres-karti-tam {
    grid-column: 1 / -1;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-form-grid, .adres-karti-form-grid) :is(.input-alan, .select-alan) {
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    font-size: 11.5px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-form-grid, .adres-karti-form-grid) textarea.input-alan {
    height: 58px !important;
    min-height: 58px !important;
    resize: vertical;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.form-aksiyonlar, .cari-form-aksiyonlar) {
    gap: 7px !important;
    margin-top: 10px !important;
}

:is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var::before,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 99940;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(3px);
}

:is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 99950 !important;
    width: min(980px, calc(100vw - 42px)) !important;
    max-width: min(980px, calc(100vw - 42px)) !important;
    max-height: min(88vh, 820px) !important;
    overflow: auto !important;
    margin: 0 !important;
    padding: 18px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    background: #ffffff !important;
    box-shadow: 0 28px 70px rgba(15, 23, 42, 0.26) !important;
}

:is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart > .cari-kart-baslik-grup,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart > .cari-kart-baslik-grup {
    position: sticky;
    top: -18px;
    z-index: 2;
    margin: -18px -18px 12px;
    padding: 16px 18px 12px;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
}

:is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var :is(.form-aksiyonlar, .cari-form-aksiyonlar),
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var :is(.form-aksiyonlar, .cari-form-aksiyonlar) {
    position: sticky;
    bottom: -18px;
    z-index: 2;
    margin: 12px -18px -18px !important;
    padding: 12px 18px 16px;
    border-top: 1px solid rgba(226, 232, 240, 0.92);
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
}

:is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .form-durum-mesaji,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .form-durum-mesaji {
    margin-top: 10px;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-item {
    gap: 10px;
    padding: 10px 12px;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-row {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(210px, 0.95fr) auto;
    align-items: center;
    min-height: 54px;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-row-ana,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-row-detay {
    min-width: 0;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-row-detay {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-row-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-height: 24px;
    padding: 0 8px;
    border: 1px solid #e2e8f0;
    border-radius: 999px;
    background: #f8fafc;
    color: #64748b;
    font-size: 10.5px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-row-sag {
    justify-self: end;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-kart .cari-kart-aciklama {
    display: none;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid {
    grid-template-columns: 1fr !important;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel #adres_karti_ad,
body.tablo-disi-sayfa-aktif #adresKartlariPanel #adres_karti_adres,
body.tablo-disi-sayfa-aktif #adresKartlariPanel #adres_karti_notlar {
    grid-column: 1 / -1;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid #adres_karti_il,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid #adres_karti_ilce,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid #adres_karti_yetkili,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid #adres_karti_telefon {
    grid-column: auto;
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid .cari-form-bolum-ana {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid #adres_karti_il,
body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid #adres_karti_ilce {
    grid-column: auto;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum-bolumu {
    background: #fff;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum-bolumu:not([open]) {
    border-style: dashed;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum-bolumu .cari-form-alt-grid {
    grid-template-columns: minmax(180px, 240px);
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
    body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-kartlari-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    body.tablo-disi-sayfa-aktif #kartYonetimiPanel,
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-panel {
        width: min(100% - 28px, 100%);
    }

    body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-ust {
        gap: 10px;
        padding-bottom: 8px;
    }

    body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekmeler {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekme {
        min-width: 0;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum-ana,
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-alt-grid,
    body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-form-grid .cari-form-bolum-ana,
    body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-karti-row {
        grid-template-columns: 1fr;
    }

    body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-row-sag {
        justify-self: start;
    }
}

/* Kart Yönetimi - profil ve liste standardizasyonu */
body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar {
    width: fit-content !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-ust {
    justify-content: flex-start !important;
}

:is(#musterilerPanel, #tedarikcilerPanel):not(.cari-secili-var) .cari-hareket-kart,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel):not(.cari-secili-var) .cari-hareket-kart,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel).cari-secili-yok .cari-hareket-kart {
    display: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
    display: grid !important;
    grid-template-columns: minmax(190px, 1.1fr) minmax(120px, 0.6fr) minmax(130px, 0.6fr) minmax(240px, 0.95fr) auto !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 50px !important;
    padding: 8px 12px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-row {
    grid-template-columns: minmax(180px, 1fr) minmax(210px, max-content) auto !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-contact,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-meta {
    display: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-contact,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-meta,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-money {
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-contact,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-meta {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-money {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-money {
    justify-self: end !important;
    min-width: max-content !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-kompakt-sag {
    display: flex !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    width: max-content !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-money .cari-kompakt-metrik {
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-item-kompakt.cari-record-row {
    min-height: 44px !important;
    padding: 6px 10px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ad {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: 48% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ikincil {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ikincil::before {
    content: "·";
    margin-right: 8px;
    color: #cbd5e1;
    font-weight: 900;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-money {
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin: -4px 0 10px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(226, 232, 240, 0.92);
    border-radius: 8px;
    background: rgba(248, 250, 252, 0.76);
    color: #111827;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta strong {
    color: #94a3b8;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok {
    padding: 10px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok > strong {
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #c2410c;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir {
    min-height: 28px;
    padding: 6px 0;
    gap: 10px;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir span:first-child {
    color: #94a3b8;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-modal-baslik {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 14px !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-modal-kapat {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    flex: 0 0 auto !important;
}

:is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart {
    width: min(1040px, calc(100vw - 42px)) !important;
    max-width: min(1040px, calc(100vw - 42px)) !important;
}

:is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-durum,
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-durum {
    margin-bottom: 10px;
}

/* Kart Yönetimi - sağ panel durum standardı */
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel):not(.cari-form-var) .cari-form-kart {
    display: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kart {
    display: block !important;
    min-height: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-icerik {
    min-height: 0 !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-sag-panel-bos {
    min-height: 132px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 7px !important;
    padding: 20px 18px !important;
    border-radius: 8px !important;
    border-color: rgba(203, 213, 225, 0.9) !important;
    background:
        radial-gradient(circle at top right, rgba(247, 108, 13, 0.055), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.94)) !important;
    color: #64748b !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-sag-panel-bos strong {
    display: block !important;
    color: #111827 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-sag-panel-bos span {
    max-width: 420px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    font-weight: 700 !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-sag-panel-bos::before {
    margin-bottom: 2px !important;
    min-height: 22px !important;
    padding: 0 10px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
    body.tablo-disi-sayfa-aktif #adresKartlariPanel .adres-kartlari-grid {
        grid-template-columns: 1fr !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
        grid-template-columns: minmax(180px, 1fr) minmax(150px, 0.8fr) auto !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-row {
        grid-template-columns: minmax(180px, 1fr) minmax(210px, max-content) auto !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-meta,
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-money {
        display: none !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-money {
        display: flex !important;
    }
}

@media (max-width: 900px) {
    body.tablo-disi-sayfa-aktif #kartYonetimiPanel,
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-panel {
        width: min(100% - 28px, 100%) !important;
    }

    body.tablo-disi-sayfa-aktif #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar {
        width: 100% !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row,
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta {
        grid-template-columns: 1fr !important;
    }
}

/* 13 Overrides / Global Module Shell Alignment ----------------------- */
:root {
    --logi-module-shell-max: calc(1680px - var(--density-content-pad-x) - var(--density-content-pad-x));
    --logi-module-shell-width: min(calc(100% - var(--density-content-pad-x) - var(--density-content-pad-x)), var(--logi-module-shell-max));
}

body:not(.mobil-gorunum) :is(
    #tekliflerPanel,
    #dashboardPanel,
    #kartYonetimiPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #adminPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #adresKartlariPanel
) {
    width: var(--logi-module-shell-width) !important;
    max-width: var(--logi-module-shell-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

body:not(.mobil-gorunum) :is(
    #tekliflerPanel,
    #dashboardPanel,
    #kartYonetimiPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #adminPanel
) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body:not(.mobil-gorunum) :is(
    #tekliflerPanel,
    #dashboardPanel,
    #kartYonetimiPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #adminPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #adresKartlariPanel
) {
    margin-top: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel,
body:not(.mobil-gorunum) #dashboardPanel,
body:not(.mobil-gorunum) #finansMerkeziPanel,
body:not(.mobil-gorunum) #companyCenterPanel,
body:not(.mobil-gorunum) #adminPanel {
    padding-bottom: var(--density-content-pad-y) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-panel {
    width: var(--logi-module-shell-width) !important;
    max-width: var(--logi-module-shell-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Kart Yönetimi KPI satırı - ince özet şeridi */
body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    gap: 0 !important;
    min-height: 36px !important;
    margin: 0 0 8px !important;
    padding: 3px 8px !important;
    border: 1px solid rgba(203, 213, 225, 0.82) !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.035) !important;
    overflow: hidden !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-kart {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 28px !important;
    height: 28px !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-kart + .cari-kpi-kart {
    border-left: 1px solid rgba(226, 232, 240, 0.92) !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-etiket {
    margin: 0 !important;
    color: #8a98ad !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-deger {
    color: #101828 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
}

@media (max-width: 900px) {
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        padding: 6px !important;
        gap: 4px !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-kart {
        border-left: 0 !important;
        border-radius: 8px !important;
        background: rgba(248, 250, 252, 0.9) !important;
    }
}

body #adminPortalHub .admin-hub-sidebar {
    display: none !important;
}

body #adminPortalHub .admin-hub-sidebar-header {
    margin: 0 0 10px !important;
    padding: 0 2px 8px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.74) !important;
}

body #adminPortalHub .admin-hub-sidebar-header h2 {
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
}

body #adminPortalHub .admin-hub-sidebar-header p,
body #adminPortalHub .admin-hub-sidebar-kicker,
body #adminPortalHub .admin-hub-sidebar-footer {
    display: none !important;
}

body #adminPortalHub .admin-hub-nav {
    gap: 6px !important;
}

body #adminPortalHub .admin-hub-nav-item {
    min-height: 38px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 850 !important;
}

body #adminPortalHub .admin-hub-nav-item svg {
    width: 15px !important;
    height: 15px !important;
}

body #adminPortalHub .admin-hub-header {
    min-height: 68px !important;
    padding: 12px 14px !important;
    border-radius: 10px !important;
}

body #adminPortalHub .admin-hub-title-chip {
    min-height: 20px !important;
    padding: 0 9px !important;
    font-size: 9px !important;
}

body #adminPortalHub .admin-hub-title-wrap {
    gap: 4px !important;
}

body #adminPortalHub .admin-hub-title-wrap h1 {
    font-size: 18px !important;
}

body #adminPortalHub .admin-hub-content {
    gap: 10px !important;
}

body #adminPortalHub .admin-overview-kpi-grid {
    gap: 8px !important;
}

body #adminPortalHub .admin-overview-kpi-card {
    min-height: 68px !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 10px 11px !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-overview-kpi-card .admin-metric-icon-wrap {
    width: 28px !important;
    height: 28px !important;
    border-radius: 8px !important;
}

body #adminPortalHub .admin-overview-kpi-card .admin-metric-icon-wrap svg {
    width: 14px !important;
    height: 14px !important;
}

body #adminPortalHub .admin-overview-kpi-card .label {
    font-size: 9px !important;
}

body #adminPortalHub .admin-overview-kpi-card .value {
    font-size: 18px !important;
}

body #adminPortalHub .admin-overview-kpi-card .trend,
body #adminPortalHub .admin-hub-card-header p,
body #adminPortalHub .admin-section-profile-head small,
body #adminPortalHub .admin-config-profile-head small {
    display: none !important;
}

body #adminPortalHub .admin-overview-collapse,
body #adminPortalHub .admin-config-collapse,
body #adminPortalHub .admin-security-collapse,
body #adminPortalHub .admin-panel-collapse {
    border-radius: 8px !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-overview-collapse > summary,
body #adminPortalHub .admin-config-collapse > summary,
body #adminPortalHub .admin-security-collapse > summary,
body #adminPortalHub .admin-panel-collapse > summary {
    min-height: 46px !important;
    padding: 10px 12px !important;
}

body #adminPortalHub .admin-overview-collapse > summary small,
body #adminPortalHub .admin-config-collapse > summary small,
body #adminPortalHub .admin-security-collapse > summary small,
body #adminPortalHub .admin-panel-collapse > summary small {
    display: none !important;
}

body #adminPortalHub .admin-config-profile-panel {
    border-radius: 9px !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-config-profile-head {
    min-height: 56px !important;
    padding: 11px 12px !important;
}

body #adminPortalHub .admin-config-profile-head strong {
    font-size: 17px !important;
}

body #adminPortalHub .admin-config-summary-grid {
    gap: 6px !important;
    padding: 8px 12px 12px !important;
}

body #adminPortalHub .admin-config-summary-grid > div {
    min-height: 40px !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
}

body #adminPortalHub .admin-system-shortcuts {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body #adminPortalHub .admin-system-shortcut {
    min-height: 56px !important;
    padding: 10px !important;
    display: grid !important;
    align-content: center !important;
    gap: 4px !important;
    text-align: left !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #101827 !important;
    cursor: pointer !important;
}

body #adminPortalHub .admin-system-shortcut:hover {
    border-color: rgba(251, 146, 60, 0.38) !important;
    background: #fff7ed !important;
}

body #adminPortalHub .admin-system-shortcut span {
    font-size: 12px !important;
    font-weight: 850 !important;
}

body #adminPortalHub .admin-system-shortcut small {
    color: #94a3b8 !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-sidebar {
    width: 170px !important;
    flex-basis: 170px !important;
}

body.operasyon-mod #adminPortalHub .admin-hub-header {
    min-height: 60px !important;
    padding: 9px 12px !important;
}

@media (max-width: 1100px) {
    body #adminPortalHub .admin-hub-sidebar {
        width: 100% !important;
        flex-basis: auto !important;
    }

    body #adminPortalHub .admin-system-shortcuts,
    body #adminPortalHub .admin-overview-kpi-grid {
        grid-template-columns: 1fr !important;
    }
}

/* 13 Overrides / Sistem Buton Dili Standardi ------------------------- */
:root {
    --logi-btn-height: 34px;
    --logi-btn-radius: var(--std-radius-xs);
    --logi-btn-pad-x: var(--std-control-pad-x);
    --logi-btn-gap: 6px;
    --logi-btn-font-size: var(--std-control-font);
    --logi-btn-weight: 800;
}

body :is(
    .btn-ana,
    .btn-iptal,
    .btn-sutunlar,
    .btn-toplu,
    .admin-action-btn,
    .company-action-btn,
    .db-aksiyon-btn,
    .db-chip-btn,
    .gorunum-btn,
    .btn-modal-iptal,
    .btn-modal-kaydet,
    .btn-onay-iptal,
    .btn-onay-sil,
    .finans-btn-duz,
    .finans-btn-sil,
    .finans-btn-otomatik,
    .hrc-filtre-btn,
    .db-analiz-btn,
    .admin-mini-tab-btn,
    .finans-toplu-btn,
    .finans-empty-state-action,
    .finans-yeni-kayit-btn,
    .company-inline-btn,
    .header-araclar-btn
) {
    min-height: var(--logi-btn-height) !important;
    padding: 0 var(--logi-btn-pad-x) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--logi-btn-gap) !important;
    border-radius: var(--logi-btn-radius) !important;
    font-family: inherit !important;
    font-size: var(--logi-btn-font-size) !important;
    font-weight: var(--logi-btn-weight) !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    cursor: pointer !important;
}

body :is(
    .btn-iptal,
    .btn-sutunlar,
    .admin-action-btn-soft,
    .company-action-btn,
    .company-inline-btn,
    .db-aksiyon-btn,
    .db-chip-btn,
    .gorunum-btn,
    .btn-modal-iptal,
    .btn-onay-iptal,
    .finans-btn-duz,
    .hrc-filtre-btn,
    .db-analiz-btn,
    .admin-mini-tab-btn,
    .finans-toplu-btn,
    .header-araclar-btn,
    #tekliflerPanel .teklif-hizli-filtreler button
) {
    border: 1px solid rgba(203, 213, 225, 0.94) !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #475569 !important;
    box-shadow: none !important;
}

body :is(
    .btn-ana,
    .btn-yeni-kayit,
    .admin-action-btn-primary,
    .btn-modal-kaydet,
    .finans-btn-otomatik,
    .finans-empty-state-action,
    .finans-yeni-kayit-btn
) {
    border: 1px solid rgba(247, 108, 13, 0.9) !important;
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu)) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(247, 108, 13, 0.18) !important;
}

body :is(
    .btn-ana,
    .btn-yeni-kayit,
    .admin-action-btn-primary,
    .btn-modal-kaydet,
    .finans-btn-otomatik,
    .finans-empty-state-action,
    .finans-yeni-kayit-btn
):hover {
    border-color: rgba(194, 65, 12, 0.9) !important;
    background: linear-gradient(180deg, #fb7b19, var(--turuncu-koyu)) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(247, 108, 13, 0.24) !important;
}

body :is(
    .btn-toplu.btn-sil,
    .btn-sil,
    .admin-action-btn-danger,
    .btn-onay-sil,
    .cari-satir-buton-tehlike,
    .finans-btn-sil,
    .finans-toplu-btn.danger,
    .menu-btn.tehlikeli,
    .teklif-sil-btn,
    .teklif-baglanti-tehlikeli
) {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(239, 68, 68, 0.42) !important;
    border-radius: var(--logi-btn-radius) !important;
    background: #ffffff !important;
    color: #b42318 !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: var(--logi-btn-font-size) !important;
    font-weight: var(--logi-btn-weight) !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body :is(
    .btn-toplu.btn-sil,
    .btn-sil,
    .admin-action-btn-danger,
    .btn-onay-sil,
    .cari-satir-buton-tehlike,
    .finans-btn-sil,
    .finans-toplu-btn.danger,
    .menu-btn.tehlikeli,
    .teklif-sil-btn,
    .teklif-baglanti-tehlikeli
):hover {
    border-color: rgba(220, 38, 38, 0.7) !important;
    background: #fef2f2 !important;
    color: #991b1b !important;
}

body .header-araclar-btn {
    min-width: 112px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #475569 !important;
}

body .header-araclar-menu button {
    min-height: 38px !important;
    border-radius: 8px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}

body #btnYeniKayitPanel.btn-yeni-kayit {
    border: 1px solid rgba(247, 108, 13, 0.92) !important;
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu)) !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(247, 108, 13, 0.2) !important;
}

body #btnYeniKayitPanel.btn-yeni-kayit:hover {
    background: linear-gradient(180deg, #fb7b19, var(--turuncu-koyu)) !important;
    color: #ffffff !important;
}

body.operasyon-mod :is(
    .btn-ana,
    .btn-iptal,
    .btn-sutunlar,
    .btn-toplu,
    .admin-action-btn,
    .company-action-btn,
    .db-aksiyon-btn,
    .db-chip-btn,
    .gorunum-btn,
    .btn-modal-iptal,
    .btn-modal-kaydet,
    .btn-onay-iptal,
    .btn-onay-sil,
    .finans-btn-duz,
    .finans-btn-sil,
    .finans-btn-otomatik,
    .hrc-filtre-btn,
    .db-analiz-btn,
    .admin-mini-tab-btn,
    .finans-toplu-btn,
    .finans-empty-state-action,
    .finans-yeni-kayit-btn,
    .company-inline-btn,
    .header-araclar-btn
) {
    min-height: 30px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 11px !important;
}

/* 13 Overrides / Dashboard Premium Standardi ------------------------- */
body #dashboardPanel.dashboard-panel {
    padding: 0 0 var(--density-content-pad-y) !important;
}

body #dashboardPanel .db-filter-select {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
}

body #dashboardPanel .db-filter-select-year {
    width: 92px !important;
}

body #dashboardPanel .db-filter-select-month {
    width: 116px !important;
}

body #dashboardPanel .db-kpi-grid-dashboard {
    display: grid !important;
}

body #dashboardPanel .db-kpi-grid-dashboard-yi {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body #dashboardPanel .db-kpi-grid-dashboard-ukt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body #dashboardPanel .db-kpi-kart {
    min-height: 124px !important;
    padding: 13px 14px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045) !important;
}

body #dashboardPanel .db-kpi-kart::before {
    height: 2px !important;
    background: linear-gradient(90deg, rgba(247, 108, 13, 0.72), rgba(247, 108, 13, 0.16), transparent) !important;
}

body #dashboardPanel .db-kpi-ikon {
    width: 31px !important;
    height: 31px !important;
    margin-bottom: 7px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.82) !important;
}

body #dashboardPanel .db-kpi-ikon-gelir {
    background: #fff7ed !important;
    color: #c2410c !important;
}

body #dashboardPanel .db-kpi-ikon-gider {
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

body #dashboardPanel .db-kpi-ikon-sonuc {
    background: #f0fdf4 !important;
    color: #15803d !important;
}

body #dashboardPanel .db-kpi-ikon-karlilik,
body #dashboardPanel .db-kpi-ikon-euro,
body #dashboardPanel .db-kpi-ikon-doviz {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

body #dashboardPanel .db-kpi-ikon-dolar {
    background: #fff7ed !important;
    color: #c2410c !important;
}

body #dashboardPanel .db-kpi-etiket {
    margin-bottom: 4px !important;
    color: #64748b !important;
    font-size: 9px !important;
    letter-spacing: 0.08em !important;
}

body #dashboardPanel .db-kpi-deger {
    margin: 0 0 4px !important;
    font-size: 24px !important;
    line-height: 1.04 !important;
    letter-spacing: 0 !important;
    font-weight: 850 !important;
    font-variant-numeric: tabular-nums !important;
}

body #dashboardPanel .db-kpi-kart-yardimci .db-kpi-deger {
    font-size: 21px !important;
}

body #dashboardPanel .db-mini-trend,
body #dashboardPanel .db-mini-sparkline {
    height: 25px !important;
}

body #dashboardPanel .db-kpi-alt {
    min-height: 13px !important;
    margin-top: 1px !important;
    color: #7c8799 !important;
    font-size: 9.5px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #dashboardPanel .db-chart-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    margin-bottom: 14px !important;
}

body #dashboardPanel .db-chart-card,
body #dashboardPanel .db-chart-hero {
    display: flex !important;
    flex-direction: column !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 8px !important;
    padding: 16px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.045) !important;
}

body #dashboardPanel .db-panel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

body #dashboardPanel .db-trend-hero-ozet {
    gap: 9px !important;
    margin-bottom: 14px !important;
}

body #dashboardPanel .db-trend-hero-chip {
    border-radius: 8px !important;
    padding: 10px 12px !important;
}

body #dashboardPanel .db-trend-hero-chip span {
    letter-spacing: 0.06em !important;
}

body #dashboardPanel .db-trend-hero-chip strong {
    font-size: 18px !important;
    letter-spacing: 0 !important;
}

body #dashboardPanel .db-chart-canvas-shell,
body #dashboardPanel .db-chart-hero > div[style*="height:220px"] {
    position: relative !important;
    margin-top: 2px !important;
}

body.operasyon-mod #dashboardPanel.dashboard-panel {
    padding-bottom: 12px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard {
    gap: 8px !important;
    margin-bottom: 11px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-yi {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-grid-dashboard-ukt {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-kart {
    min-height: 106px !important;
    padding: 10px 11px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-ikon {
    width: 27px !important;
    height: 27px !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-deger {
    font-size: 19px !important;
    margin-bottom: 3px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-etiket,
body.operasyon-mod #dashboardPanel .db-kpi-alt {
    font-size: 8.5px !important;
}

body.operasyon-mod #dashboardPanel .db-chart-card,
body.operasyon-mod #dashboardPanel .db-chart-hero {
    padding: 12px !important;
}

@media (max-width: 1280px) {
    body #dashboardPanel .db-kpi-grid-dashboard-yi,
    body #dashboardPanel .db-kpi-grid-dashboard-ukt {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    body #dashboardPanel .db-kpi-grid-dashboard-yi,
    body #dashboardPanel .db-kpi-grid-dashboard-ukt {
        grid-template-columns: 1fr !important;
    }
}

/* 13 Overrides / Premium Sakinlik Turu ------------------------------- */
:root {
    --logi-radius-s: 6px;
    --logi-radius-m: 8px;
    --logi-shadow-soft: 0 8px 18px rgba(15, 23, 42, 0.035);
    --logi-shadow-focus: 0 10px 22px rgba(15, 23, 42, 0.05);
    --db-kpi-gap: 8px;
    --db-section-gap: 12px;
    --db-chart-height: 224px;
    --db-chart-height-operasyon: 156px;
}

body:not(.mobil-gorunum) :is(
    #dashboardPanel,
    #adminPanel,
    #companyCenterPanel,
    #finansMerkeziPanel,
    #tekliflerPanel,
    #kartYonetimiPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #adresKartlariPanel
) :is(
    .db-kpi-kart,
    .db-chart-card,
    .db-chart-hero,
    .admin-hub-card,
    .admin-overview-kpi-card,
    .admin-config-profile-panel,
    .admin-panel-collapse,
    .admin-overview-collapse,
    .admin-security-collapse,
    .admin-config-collapse,
    .company-section-surface,
    .company-list-shell,
    .company-info-row,
    .company-overview-item,
    .company-bank-card,
    .company-doc-card,
    .cari-liste-kart,
    .cari-detay-kart,
    .cari-form-kart
) {
    border-radius: var(--logi-radius-m) !important;
    box-shadow: var(--logi-shadow-soft) !important;
}

body:not(.mobil-gorunum) :is(
    #dashboardPanel,
    #adminPanel,
    #companyCenterPanel,
    #finansMerkeziPanel,
    #tekliflerPanel,
    #kartYonetimiPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #adresKartlariPanel
) :is(
    button,
    .btn-ana,
    .btn-iptal,
    .btn-sutunlar,
    .admin-action-btn,
    .company-action-btn,
    .db-aksiyon-btn,
    .db-chip-btn,
    .finans-yeni-kayit-btn,
    .finans-toplu-btn
) {
    border-radius: var(--logi-radius-m) !important;
}

body #dashboardPanel .db-kpi-grid-dashboard {
    gap: var(--db-kpi-gap) !important;
    margin-bottom: var(--db-section-gap) !important;
}

body #dashboardPanel .db-kpi-kart {
    min-height: 104px !important;
    padding: 10px 12px !important;
    background: #ffffff !important;
    box-shadow: var(--logi-shadow-soft) !important;
}

body #dashboardPanel .db-kpi-kart::before {
    height: 2px !important;
    opacity: 0.72 !important;
}

body #dashboardPanel .db-kpi-ikon {
    width: 26px !important;
    height: 26px !important;
    margin-bottom: 5px !important;
    font-size: 11px !important;
}

body #dashboardPanel .db-kpi-etiket {
    margin-bottom: 3px !important;
    font-size: 8.5px !important;
    letter-spacing: 0.07em !important;
}

body #dashboardPanel .db-kpi-deger {
    font-size: 20px !important;
    line-height: 1.02 !important;
    margin-bottom: 2px !important;
}

body #dashboardPanel .db-kpi-kart-yardimci .db-kpi-deger {
    font-size: 18px !important;
}

body #dashboardPanel .db-kpi-alt {
    min-height: 12px !important;
    font-size: 8.75px !important;
}

body #dashboardPanel .db-chart-card,
body #dashboardPanel .db-chart-hero {
    padding: 14px !important;
    box-shadow: var(--logi-shadow-soft) !important;
}

body #dashboardPanel .db-chart-canvas-shell,
body #dashboardPanel .db-chart-hero > div[style*="height:220px"],
body #dashboardPanel #dbTrendChart {
    height: var(--db-chart-height) !important;
    min-height: var(--db-chart-height) !important;
    max-height: var(--db-chart-height) !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-kart {
    min-height: 92px !important;
    padding: 8px 10px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-ikon {
    width: 23px !important;
    height: 23px !important;
}

body.operasyon-mod #dashboardPanel .db-kpi-deger {
    font-size: 17px !important;
}

body.operasyon-mod #dashboardPanel .db-chart-canvas-shell,
body.operasyon-mod #dashboardPanel .db-chart-hero > div[style*="height:220px"],
body.operasyon-mod #dashboardPanel #dbTrendChart {
    height: var(--db-chart-height-operasyon) !important;
    min-height: var(--db-chart-height-operasyon) !important;
    max-height: var(--db-chart-height-operasyon) !important;
}

body #adminPortalHub .admin-hub-nav-item[data-admin-tab="loglar"] {
    display: inline-flex !important;
}

body #adminPortalHub .admin-simple-action-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 4px 0 !important;
}

body #adminPortalHub .admin-simple-action {
    appearance: none !important;
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border-radius: 10px !important;
    min-height: 96px !important;
    padding: 16px !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 4px !important;
    cursor: pointer !important;
}

body #adminPortalHub .admin-simple-action:hover {
    border-color: rgba(15, 118, 110, 0.45) !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.07) !important;
}

body #adminPortalHub .admin-simple-action strong {
    font-size: 18px !important;
    font-weight: 850 !important;
}

body #adminPortalHub .admin-simple-action span {
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
}

body #adminPortalHub [hidden],
body #adminPortalHub .admin-simple-advanced-shell,
body #adminPortalHub .admin-simple-detail-shell {
    display: none !important;
}

body #adminPortalHub .admin-simple-advanced-shell {
    background: transparent !important;
    border: 0 !important;
    margin: 0 0 12px !important;
}

body #adminPortalHub .admin-simple-advanced-shell > summary {
    list-style: none !important;
    min-height: 40px !important;
    padding: 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #64748b !important;
    cursor: pointer !important;
}

body #adminPortalHub .admin-simple-advanced-shell > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-simple-advanced-shell > summary strong {
    color: #334155 !important;
    font-size: 13px !important;
}

body #adminPortalHub .admin-simple-advanced-shell > summary span {
    font-size: 12px !important;
}

body #adminPortalHub .admin-simple-advanced-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    padding: 4px 0 0 !important;
}

body #adminPortalHub .admin-simple-detail-shell {
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body #adminPortalHub .admin-simple-detail-shell > summary {
    list-style: none !important;
    min-height: 52px !important;
    padding: 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    background: #f8fafc !important;
}

body #adminPortalHub .admin-simple-detail-shell > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-simple-detail-shell > summary strong {
    display: block !important;
    font-size: 14px !important;
    color: #0f172a !important;
}

body #adminPortalHub .admin-simple-detail-shell > summary span {
    color: #64748b !important;
    font-size: 12px !important;
}

body #adminPortalHub .admin-simple-detail-body {
    padding: 12px !important;
}

@media (max-width: 860px) {
    body #adminPortalHub .admin-simple-action-grid {
        grid-template-columns: 1fr !important;
    }

    body #adminPortalHub .admin-permission-role-only {
        grid-template-columns: 1fr !important;
    }
}

body #adminPortalHub {
    gap: 12px !important;
    max-width: 980px !important;
    margin-inline: auto !important;
}

body #adminPortalHub .admin-hub-sidebar {
    display: none !important;
    width: 172px !important;
    flex-basis: 172px !important;
    border-radius: var(--logi-radius-m) !important;
    box-shadow: var(--logi-shadow-soft) !important;
}

body #adminPortalHub .admin-hub-header {
    min-height: 62px !important;
    border-radius: var(--logi-radius-m) !important;
    box-shadow: var(--logi-shadow-soft) !important;
}

body #adminPortalHub .admin-hub-actions {
    gap: 6px !important;
}

body #adminPortalHub .admin-technical-entry-btn {
    min-height: 30px !important;
    padding-inline: 10px !important;
    color: #64748b !important;
    background: transparent !important;
    border-color: rgba(203, 213, 225, 0.72) !important;
}

body #adminPortalHub #adminTabOzet.admin-section-active {
    min-height: 220px !important;
    align-content: start !important;
}

body #adminPortalHub .admin-section-profile-panel,
body #adminPortalHub .admin-panel-collapse-slim,
body #adminPortalHub .admin-quick-filter-bar,
body #adminPortalHub .admin-system-maintenance-collapse,
body #adminPortalHub .admin-user-simple-details {
    display: none !important;
}

body #adminPortalHub .admin-hub-title-wrap h1 {
    font-size: 17px !important;
}

body #adminPortalHub .admin-hub-title-wrap p,
body #adminPortalHub .admin-hub-card-header p,
body #adminPortalHub .admin-section-profile-head small,
body #adminPortalHub .admin-config-profile-head small {
    display: none !important;
}

body #adminPortalHub .admin-overview-kpi-card {
    min-height: 58px !important;
    padding: 8px 10px !important;
}

body #adminPortalHub .admin-overview-kpi-card .value {
    font-size: 16px !important;
}

body #adminPortalHub .admin-permission-summary,
body #adminPortalHub .admin-permission-zone-head {
    display: none !important;
}

body #adminPortalHub .admin-permission-role-only {
    display: grid !important;
    grid-template-columns: minmax(220px, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
    padding: 12px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    box-shadow: none !important;
}

body #adminPortalHub .admin-advanced-permissions-shell {
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

body #adminPortalHub .admin-advanced-permissions-shell > summary {
    list-style: none !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    cursor: pointer !important;
    background: #ffffff !important;
}

body #adminPortalHub .admin-advanced-permissions-shell > summary::-webkit-details-marker {
    display: none !important;
}

body #adminPortalHub .admin-advanced-permissions-shell > summary strong {
    display: block !important;
    font-size: 13px !important;
    color: #334155 !important;
}

body #adminPortalHub .admin-advanced-permissions-shell > summary span {
    font-size: 11px !important;
    color: #94a3b8 !important;
}

body #adminPortalHub .admin-advanced-permissions-shell > .admin-permission-preset-panel,
body #adminPortalHub .admin-advanced-permissions-shell > .admin-permission-grid {
    margin: 10px !important;
}

body #adminPortalHub .admin-user-profile-meta-grid,
body #adminPortalHub .admin-user-detail-panel-info,
body #adminPortalHub .admin-user-history-panel {
    display: none !important;
}

body #adminPortalHub .admin-panel-collapse > summary,
body #adminPortalHub .admin-overview-collapse > summary,
body #adminPortalHub .admin-security-collapse > summary,
body #adminPortalHub .admin-config-collapse > summary {
    min-height: 42px !important;
    padding: 8px 10px !important;
}

body #companyCenterPanel .company-section-surface,
body #companyCenterPanel .company-list-shell,
body #companyCenterPanel .company-content-shell {
    box-shadow: var(--logi-shadow-soft) !important;
}

body #companyCenterPanel .company-section-head {
    min-height: 44px !important;
    padding-bottom: 8px !important;
    margin-bottom: 10px !important;
}

body #companyCenterPanel .company-section-icon,
body #companyCenterPanel .company-nav-btn-icon {
    width: 30px !important;
    height: 30px !important;
}

body #companyCenterPanel .company-section-title {
    font-size: 16px !important;
}

body #companyCenterPanel .company-section-sub,
body #companyCenterPanel .company-info-row-value small,
body #companyCenterPanel .company-doc-meta,
body #companyCenterPanel .company-note-meta {
    display: none !important;
}

body #companyCenterPanel .company-profile-rows {
    gap: 6px !important;
}

body #companyCenterPanel .company-info-row {
    min-height: 40px !important;
    padding: 8px 10px !important;
    display: grid !important;
    grid-template-columns: minmax(130px, 0.42fr) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
}

body #companyCenterPanel .company-info-row-label {
    font-size: 10px !important;
    letter-spacing: 0.06em !important;
}

body #companyCenterPanel .company-info-row-value,
body #companyCenterPanel .company-info-row-value strong {
    min-width: 0 !important;
    font-size: 13px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body #companyCenterPanel .company-bank-card,
body #companyCenterPanel .company-doc-card,
body #companyCenterPanel .company-note-card {
    padding: 10px 12px !important;
    box-shadow: var(--logi-shadow-soft) !important;
}

/* 13 Overrides / Ortak Yuzey Standardi ------------------------------ */
:root {
    --logi-surface-radius: var(--logi-radius-m, 8px);
    --logi-surface-shadow: var(--logi-shadow-soft, 0 8px 18px rgba(15, 23, 42, 0.035));
    --logi-surface-border: rgba(203, 213, 225, 0.82);
}

body:not(.mobil-gorunum) :is(
    #finansMerkeziPanel .gider-panel,
    #finansMerkeziPanel .gider-komut-karti,
    #finansMerkeziPanel .gider-liste-kart,
    #finansMerkeziPanel .finans-empty-state,
    #tekliflerPanel .teklif-liste-baslik,
    #tekliflerPanel .teklif-satir,
    #tekliflerPanel .teklif-dosya-kapagi,
    #tekliflerPanel .teklif-detay-kalem-tablosu,
    #tekliflerPanel .teklif-uyari-panel,
    #tekliflerPanel .teklif-form-karti,
    #tekliflerPanel .teklif-form-bolum,
    #tekliflerPanel .teklif-form-akordeon,
    #tekliflerPanel .teklif-ek-satir,
    #kartYonetimiPanel .kart-yonetimi-panel,
    #kartYonetimiPanel .kart-yonetimi-sekmeler,
    #musterilerPanel .cari-liste-kart,
    #musterilerPanel .cari-detay-kart,
    #tedarikcilerPanel .cari-liste-kart,
    #tedarikcilerPanel .cari-detay-kart,
    #adresKartlariPanel .cari-liste-kart,
    #adresKartlariPanel .cari-detay-kart,
    #adresKartlariPanel .adres-karti-item,
    #adresKartlariPanel .adres-karti-form-kart
) {
    border-radius: var(--logi-surface-radius) !important;
    box-shadow: var(--logi-surface-shadow) !important;
}

body:not(.mobil-gorunum) :is(
    #finansMerkeziPanel .gider-komut-karti,
    #finansMerkeziPanel .gider-liste-kart,
    #tekliflerPanel .teklif-liste-baslik,
    #tekliflerPanel .teklif-satir,
    #tekliflerPanel .teklif-dosya-kapagi,
    #tekliflerPanel .teklif-detay-kalem-tablosu,
    #tekliflerPanel .teklif-uyari-panel,
    #kartYonetimiPanel .kart-yonetimi-sekmeler,
    #musterilerPanel .cari-liste-kart,
    #musterilerPanel .cari-detay-kart,
    #tedarikcilerPanel .cari-liste-kart,
    #tedarikcilerPanel .cari-detay-kart,
    #adresKartlariPanel .cari-liste-kart,
    #adresKartlariPanel .cari-detay-kart,
    #adresKartlariPanel .adres-karti-item
) {
    border-color: var(--logi-surface-border) !important;
}

body:not(.mobil-gorunum) :is(
    #finansMerkeziPanel summary,
    #tekliflerPanel summary,
    #kartYonetimiPanel summary,
    #musterilerPanel summary,
    #tedarikcilerPanel summary,
    #adresKartlariPanel summary
) {
    border-radius: var(--logi-surface-radius) !important;
}

/* 13 Overrides / Yuk Detay Genis Masaustu Gorunumu ------------------- */
@media (min-width: 1181px) {
    #detayOverlay {
        align-items: center !important;
        padding: 18px !important;
    }

    #detayOverlay .detay-kart {
        width: min(1760px, calc(100vw - 36px)) !important;
        max-width: min(1760px, calc(100vw - 36px)) !important;
        max-height: calc(100vh - 36px) !important;
        padding: 18px !important;
        border-radius: 18px !important;
    }

    #detayOverlay .detay-ust {
        align-items: center;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(226,232,240,0.72);
    }

    #detayOverlay .detay-kart .modal-baslik {
        font-size: 20px;
        letter-spacing: -0.02em;
    }

    #detayOverlay .detay-alt {
        margin-top: 4px;
        font-size: 10px;
    }

    #detayOverlay .detay-uyari-alan,
    #detayOverlay .detay-eksik-alanlar,
    #detayOverlay .detay-grid {
        margin-bottom: 10px;
    }

    #detayOverlay .detay-grid,
    #detayOverlay .detay-son-islem-grid,
    #detayOverlay .detay-bolum-grid {
        gap: 8px;
    }

    #detayOverlay .detay-satir {
        gap: 8px;
    }

    #detayOverlay .detay-satir-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #detayOverlay .detay-satir-3,
    #detayOverlay .detay-son-islem-ust,
    #detayOverlay .detay-audit-mini {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    #detayOverlay .detay-satir-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    #detayOverlay .detay-satir-5 {
        grid-template-columns: minmax(96px, 0.85fr) minmax(150px, 1.1fr) minmax(96px, 0.85fr) minmax(150px, 1.1fr) minmax(160px, 1.2fr) !important;
    }

    #detayOverlay .detay-item {
        min-height: 54px;
        padding: 9px 11px;
        border-radius: 10px;
    }

    #detayOverlay .detay-etiket {
        margin-bottom: 5px;
        font-size: 9px;
    }

    #detayOverlay .detay-deger {
        font-size: 12px;
        line-height: 1.28;
    }

    #detayOverlay .detay-rozet {
        min-height: 24px;
        padding: 5px 9px;
        font-size: 9px;
    }

    #detayOverlay .detay-bolum-grid-ikili,
    #detayOverlay .detay-bolum-grid-ana {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #detayOverlay .detay-bolum {
        padding: 10px;
        border-radius: 12px;
    }

    #detayOverlay .detay-bolum-baslik {
        margin-bottom: 7px;
        font-size: 10px;
    }

    #detayOverlay .detay-not-kutu,
    #detayOverlay .detay-evrak-bilgi,
    #detayOverlay .detay-hatirlatici-bilgi {
        padding: 10px;
        border-radius: 10px;
        font-size: 11px;
        line-height: 1.45;
    }

    #detayOverlay .detay-checklist {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
    }

    #detayOverlay .detay-check-item {
        min-height: 48px;
        padding: 8px 10px;
        border-radius: 10px;
    }

    #detayOverlay .detay-timeline {
        max-height: none;
        overflow-y: visible;
        padding-right: 0;
    }

    #detayOverlay .detay-timeline-card {
        padding: 8px 10px;
        border-radius: 10px;
    }

    #detayOverlay .detay-kart .modal-aksiyonlar {
        position: sticky;
        bottom: -18px;
        margin: 12px -18px -18px;
        padding: 12px 18px;
        background: linear-gradient(180deg, rgba(248,250,252,0.86), rgba(255,255,255,0.98));
        backdrop-filter: blur(10px);
    }

    #detayOverlay .detay-kart .modal-aksiyonlar .btn-modal-iptal,
    #detayOverlay .detay-kart .modal-aksiyonlar .btn-modal-kaydet {
        min-height: 38px;
        border-radius: 8px;
    }
}

@media (min-width: 1500px) {
    #detayOverlay .detay-kart {
        width: min(1880px, calc(100vw - 36px)) !important;
        max-width: min(1880px, calc(100vw - 36px)) !important;
    }
}

@media (min-width: 1181px) and (max-height: 820px) {
    #detayOverlay .detay-kart {
        padding: 14px !important;
    }

    #detayOverlay .detay-item {
        min-height: 48px;
        padding: 8px 10px;
    }

    #detayOverlay .detay-bolum {
        padding: 9px;
    }

    #detayOverlay .detay-kart .modal-aksiyonlar {
        bottom: -14px;
        margin: 10px -14px -14px;
        padding: 10px 14px;
    }
}

/* 14 Overrides / Musteri Kolonu Premium Vurgusu ---------------------- */
body tbody td.kolon-musteri {
    position: relative !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-inline: 8px !important;
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(248,249,251,0.98)) !important;
    color: var(--metin) !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.88), inset 0 -1px 0 rgba(148,163,184,0.09) !important;
}

body tbody tr:hover td.kolon-musteri,
body tbody tr.secili-satir td.kolon-musteri,
body tbody tr.satir-secili td.kolon-musteri,
body tbody tr.satir-aktif td.kolon-musteri {
    background: linear-gradient(180deg, rgba(255,255,255,1), rgba(248,249,251,0.98)) !important;
    color: var(--metin) !important;
}

body tbody td.kolon-musteri .musteri-hucre-etiket {
    position: relative !important;
    display: flex !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 28px !important;
    margin: 0 auto !important;
    padding: 5px 12px 6px !important;
    border: 1px solid rgba(247,108,13,0.18) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, var(--beyaz) 0%, rgba(255,244,238,0.54) 100%) !important;
    color: var(--metin) !important;
    font-size: 11px !important;
    font-weight: 880 !important;
    line-height: 1.16 !important;
    letter-spacing: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(247,108,13,0.07), 0 1px 4px rgba(26,26,46,0.04) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body tbody td.kolon-musteri .musteri-hucre-etiket::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 3px !important;
    height: 1px !important;
    border-radius: 999px !important;
    background: rgba(247,108,13,0.18) !important;
    display: block !important;
}

body tbody td.kolon-musteri .musteri-hucre-ad {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
}

body tbody td.kolon-tedarikci {
    text-align: center;
}

body tbody td.kolon-tedarikci .musteri-hucre-etiket {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 26px !important;
    margin: 0 auto !important;
    padding: 4px 10px 5px !important;
    border: 1px solid rgba(100,116,139,0.20) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(248,250,252,0.92) 100%) !important;
    color: #263142 !important;
    font-size: 10.5px !important;
    font-weight: 820 !important;
    line-height: 1.16 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), 0 1px 4px rgba(15,23,42,0.035) !important;
}

body tbody td.kolon-tedarikci .musteri-hucre-etiket::before {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 3px !important;
    height: 1px !important;
    border-radius: 999px !important;
    background: rgba(100,116,139,0.16) !important;
}

body tbody tr:hover td.kolon-musteri .musteri-hucre-etiket,
body tbody tr.secili-satir td.kolon-musteri .musteri-hucre-etiket,
body tbody tr.satir-secili td.kolon-musteri .musteri-hucre-etiket,
body tbody tr.satir-aktif td.kolon-musteri .musteri-hucre-etiket {
    color: var(--metin) !important;
    border-color: rgba(247,108,13,0.28) !important;
    background: linear-gradient(180deg, var(--beyaz) 0%, rgba(255,244,238,0.68) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(247,108,13,0.09), 0 4px 10px rgba(26,26,46,0.052) !important;
}

body tbody td.kolon-gelir .finans-hucre-wrap,
body tbody td.kolon-gider .finans-hucre-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 88px !important;
    min-height: 25px !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    font-variant-numeric: tabular-nums !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.78), 0 2px 5px rgba(15,23,42,0.05) !important;
}

body tbody td.kolon-gelir .finans-hucre-wrap {
    border: 1px solid rgba(22,163,74,0.18) !important;
    background: linear-gradient(180deg, #f7fef9, #ecfdf3) !important;
    color: #166534 !important;
}

body tbody td.kolon-gider .finans-hucre-wrap {
    border: 1px solid rgba(220,38,38,0.17) !important;
    background: linear-gradient(180deg, #fffafa, #fef2f2) !important;
    color: #991b1b !important;
}

body tbody td.kolon-gelir .finans-hucre-tutar,
body tbody td.kolon-gider .finans-hucre-tutar {
    font-size: 10.8px !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
}

body tbody tr:hover td.kolon-gelir .finans-hucre-wrap,
body tbody tr.satir-secili td.kolon-gelir .finans-hucre-wrap,
body tbody tr.satir-aktif td.kolon-gelir .finans-hucre-wrap {
    background: #ffffff !important;
    border-color: rgba(22,163,74,0.28) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.92), 0 5px 12px rgba(22,163,74,0.08) !important;
}

body tbody tr:hover td.kolon-gider .finans-hucre-wrap,
body tbody tr.satir-secili td.kolon-gider .finans-hucre-wrap,
body tbody tr.satir-aktif td.kolon-gider .finans-hucre-wrap {
    background: #ffffff !important;
    border-color: rgba(220,38,38,0.28) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,0.92), 0 5px 12px rgba(220,38,38,0.08) !important;
}

/* 14 Overrides / Operasyon Toolbar ve Menu Premium Standardi -------- */
body .arama-bari {
    align-items: center !important;
    gap: 10px !important;
    min-height: 46px !important;
    margin-bottom: 10px !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(203,213,225,0.72) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: 0 8px 22px rgba(15,23,42,0.045) !important;
    backdrop-filter: blur(10px) !important;
}

body .arama-bari-sol,
body .arama-bari-sag {
    align-items: center !important;
    gap: 8px !important;
}

body .arama-bari-sag {
    justify-content: flex-end !important;
}

body .hizli-filtreler-ust {
    gap: 6px !important;
    padding: 2px 0 !important;
    scrollbar-width: none !important;
}

body .hizli-filtreler-ust::-webkit-scrollbar {
    display: none !important;
}

body .hizli-filtre {
    min-height: 32px !important;
    padding: 6px 12px !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: var(--metin-ikincil) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 1px 2px rgba(15,23,42,0.025) !important;
}

body .hizli-filtre:hover {
    border-color: rgba(247,108,13,0.22) !important;
    background: #fffaf6 !important;
    color: var(--turuncu-koyu) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 3px 8px rgba(15,23,42,0.04) !important;
}

body .hizli-filtre.aktif {
    border-color: var(--turuncu) !important;
    background: linear-gradient(180deg, var(--turuncu), var(--turuncu-koyu)) !important;
    color: #ffffff !important;
    box-shadow: 0 7px 14px rgba(247,108,13,0.16) !important;
}

body .genel-arama-input {
    height: 34px !important;
    min-height: 34px !important;
    width: clamp(220px, 20vw, 300px) !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: var(--metin) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body .genel-arama-input:focus {
    border-color: rgba(247,108,13,0.38) !important;
    box-shadow: 0 0 0 3px rgba(247,108,13,0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body .btn-sutunlar,
body .btn-excel-yukle,
body .btn-sutun-reset {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: var(--metin-ikincil) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 1px 2px rgba(15,23,42,0.025) !important;
}

body .btn-sutunlar:hover,
body .btn-excel-yukle:hover,
body .btn-sutun-reset:hover {
    border-color: rgba(247,108,13,0.26) !important;
    background: #fffaf6 !important;
    color: var(--turuncu-koyu) !important;
    box-shadow: 0 4px 10px rgba(15,23,42,0.045) !important;
}

body .btn-excel-yukle::before {
    min-width: 30px !important;
    height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    background: #eef7f2 !important;
    color: #1f6846 !important;
    font-size: 10px !important;
    font-weight: 860 !important;
}

body .aktif-filtre-ozeti {
    gap: 6px !important;
    margin-bottom: 10px !important;
}

body .aktif-filtre-chip {
    min-height: 30px !important;
    padding: 5px 9px !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: var(--metin) !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
    box-shadow: 0 2px 8px rgba(15,23,42,0.035) !important;
}

body .aktif-filtre-chip strong {
    color: var(--metin-ikincil) !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
}

body .aktif-filtre-chip.temizle {
    border-color: rgba(247,108,13,0.2) !important;
    background: #fffaf6 !important;
    color: var(--turuncu-koyu) !important;
}

body .sutun-menu,
body .excel-filtre-popup,
body .satir-context-menu,
body .teklif-baglanti-menu {
    border: 1px solid rgba(203,213,225,0.74) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 18px 38px rgba(15,23,42,0.14) !important;
    backdrop-filter: blur(14px) !important;
}

body .sutun-menu {
    width: 232px !important;
    padding: 10px !important;
}

body .sutun-baslik,
body .filtre-popup-arama-kap .sutun-baslik {
    margin-bottom: 7px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
    color: var(--metin) !important;
    font-size: 9.5px !important;
    font-weight: 860 !important;
    letter-spacing: 0.055em !important;
}

body .sutun-ayar-item,
body .filtre-liste-item {
    min-height: 28px !important;
    padding: 6px 7px !important;
    border-radius: 8px !important;
    color: var(--metin) !important;
    font-size: 10.5px !important;
    font-weight: 680 !important;
}

body .sutun-ayar-item:hover,
body .filtre-liste-item:hover {
    background: #f8fafc !important;
    color: var(--metin) !important;
}

body .excel-filtre-popup {
    width: 270px !important;
    overflow: hidden !important;
}

body .filtre-siralama-butonlar {
    padding: 7px !important;
    border-bottom-color: rgba(226,232,240,0.9) !important;
}

body .filtre-siralama-butonlar button,
body .teklif-baglanti-menu button,
body .menu-btn {
    min-height: 32px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    color: var(--metin) !important;
    font-size: 11px !important;
    font-weight: 740 !important;
}

body .filtre-siralama-butonlar button:hover,
body .teklif-baglanti-menu button:hover,
body .menu-btn:hover,
body .menu-btn:focus-visible {
    background: #fffaf6 !important;
    color: var(--turuncu-koyu) !important;
}

body .filtre-popup-arama-kap {
    padding: 9px !important;
    border-bottom-color: rgba(226,232,240,0.9) !important;
}

body .filtre-popup-arama {
    height: 32px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    font-size: 11px !important;
}

body .filtre-popup-liste {
    max-height: 210px !important;
    padding: 6px 8px !important;
}

body .filtre-popup-alt {
    padding: 9px !important;
    border-top-color: rgba(226,232,240,0.9) !important;
    border-radius: 0 0 12px 12px !important;
    background: #f8fafc !important;
}

body .btn-filtre-uygula,
body .btn-filtre-temizle {
    min-height: 32px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    font-weight: 780 !important;
}

body .satir-context-menu,
body .teklif-baglanti-menu {
    padding: 9px !important;
}

body .menu-panel-baslik,
body .teklif-baglanti-menu-baslik {
    padding: 8px 9px 9px !important;
    margin-bottom: 6px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
}

body .menu-panel-baslik strong,
body .teklif-baglanti-menu-baslik strong {
    color: var(--metin) !important;
    font-size: 11.5px !important;
    font-weight: 840 !important;
}

body .menu-panel-baslik span,
body .teklif-baglanti-menu-baslik span,
body .teklif-baglanti-menu-yukleniyor,
body .teklif-baglanti-bos {
    color: var(--metin-ikincil) !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
}

body .tab-btn {
    min-height: 34px !important;
    padding: 8px 16px !important;
    font-size: 10.8px !important;
    font-weight: 760 !important;
    letter-spacing: 0.015em !important;
}

body .tab-sarici > #tabGenel,
body .tab-sarici > #tabUkt,
body .tab-sarici > #tabMusteriler,
body .tab-sarici > #tabTedarikciler,
body .tab-sarici > #tabDashboard,
body .tab-sarici > #tabFinansMerkezi,
body .tab-sarici > #tabSirketMerkezi,
body .tab-sarici > #tabAdmin {
    width: 112px !important;
    min-width: 112px !important;
    max-width: 112px !important;
}

body .arama-bari {
    min-height: 40px !important;
    padding: 7px 10px !important;
    border-radius: 11px !important;
}

body .hizli-filtre {
    min-height: 28px !important;
    padding: 5px 10px !important;
    font-size: 10px !important;
    font-weight: 740 !important;
}

body .genel-arama-input {
    height: 30px !important;
    min-height: 30px !important;
    width: clamp(210px, 19vw, 285px) !important;
    padding: 6px 11px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
}

body .arama-bari .btn-ana,
body .arama-bari .btn-yeni-kayit,
body .btn-sutunlar,
body .btn-excel-yukle,
body .btn-sutun-reset {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 9px !important;
    font-size: 10.2px !important;
    font-weight: 760 !important;
}

body .arama-bari .btn-ana,
body .arama-bari .btn-yeni-kayit {
    box-shadow: 0 6px 12px rgba(247,108,13,0.14) !important;
}

body .btn-excel-yukle::before {
    min-width: 28px !important;
    height: 20px !important;
    padding: 0 7px !important;
    font-size: 9px !important;
}

body .aktif-filtre-chip {
    min-height: 27px !important;
    padding: 4px 8px !important;
    font-size: 10px !important;
}

/* 14 Overrides / Tum Moduller Tam Ekran Calisma Alani --------------- */
body:not(.mobil-gorunum) {
    --logi-workspace-edge: 1px;
    --density-content-pad-x: var(--logi-workspace-edge);
    --density-content-pad-y: 4px;
}

body:not(.mobil-gorunum) .icerik {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 4px var(--logi-workspace-edge) 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .icerik,
body.sirket-sayfasi-aktif:not(.mobil-gorunum) .icerik {
    padding-bottom: 0 !important;
}

body:not(.mobil-gorunum) .header {
    min-height: 58px !important;
    height: 58px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
}

body:not(.mobil-gorunum) .backup-banner {
    min-height: 44px !important;
    padding: 7px 14px !important;
    font-size: 11px !important;
}

body:not(.mobil-gorunum) .backup-banner button {
    min-height: 30px !important;
    padding: 0 11px !important;
    font-size: 10.5px !important;
}

body:not(.mobil-gorunum) .tab-sarici {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .tab-sarici,
body.sirket-sayfasi-aktif:not(.mobil-gorunum) .tab-sarici {
    margin-bottom: 0 !important;
}

body:not(.mobil-gorunum) .arama-bari,
body:not(.mobil-gorunum) .aktif-filtre-ozeti,
body:not(.mobil-gorunum) .toplu-bari,
body:not(.mobil-gorunum) .tablo-kart {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

body:not(.mobil-gorunum) .arama-bari {
    margin-top: 0 !important;
    margin-bottom: 7px !important;
}

body:not(.mobil-gorunum) .aktif-filtre-ozeti {
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) .tablo-kart {
    border-radius: 12px 12px 0 0 !important;
}

body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .tablo-sarici {
    max-height: calc(100vh - 206px) !important;
}

body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum).operasyon-mod .tablo-sarici,
body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum).kompakt-mod .tablo-sarici {
    max-height: calc(100vh - 186px) !important;
}

body:not(.mobil-gorunum) :is(
    #tekliflerPanel,
    #dashboardPanel,
    #kartYonetimiPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #adminPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #adresKartlariPanel,
    #adminPortalHub
) {
    width: calc(100% - (var(--logi-workspace-edge) * 2)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(
    #tekliflerPanel,
    #dashboardPanel,
    #kartYonetimiPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #adminPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #adresKartlariPanel,
    #adminPortalHub
) {
    width: calc(100% - (var(--logi-workspace-edge) * 2)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.sirket-sayfasi-aktif:not(.mobil-gorunum) #companyCenterPanel {
    margin-top: 0 !important;
}

body:not(.mobil-gorunum) :is(
    #tekliflerPanel,
    #dashboardPanel,
    #kartYonetimiPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #adminPanel,
    #musterilerPanel,
    #tedarikcilerPanel,
    #adresKartlariPanel
) :is(
    .teklif-toolbar,
    .teklif-dosya-kapagi,
    .teklif-liste-kart,
    .teklif-liste-baslik,
    .teklif-form-karti,
    .teklif-detay-karti,
    .db-filtre-kart,
    .db-kpi-grid-dashboard,
    .db-kpi-grid-dashboard-yi,
    .db-kpi-grid-dashboard-ukt,
    .db-chart-grid,
    .db-chart-card,
    .db-chart-hero,
    .gider-panel,
    .gider-panel-ust,
    .gider-komut-karti,
    .gider-liste-kart,
    .gider-form-kart,
    .finans-bildirim-merkezi,
    .finans-alt-panel,
    .company-main-layout,
    .company-hero,
    .company-content-shell,
    .company-section-surface,
    .company-list-shell,
    .cari-grid,
    .cari-liste-kart,
    .cari-form-kart,
    .cari-detay-kart,
    .adres-kartlari-grid,
    .adres-karti-form-kart,
    .kart-yonetimi-panel,
    .kart-yonetimi-sekmeler,
    .tablo-kart
) {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body:not(.mobil-gorunum) :is(
    #tekliflerPanel .teklif-kpi-grid,
    #dashboardPanel > .db-filtre-kart,
    #finansMerkeziPanel > .gider-panel-ust,
    #companyCenterPanel .company-hero,
    #kartYonetimiPanel .kart-yonetimi-panel,
    #musterilerPanel > .cari-grid,
    #tedarikcilerPanel > .cari-grid,
    #adresKartlariPanel > .cari-grid,
    #adminPortalHub .admin-hub-header
) {
    margin-top: 0 !important;
}

body:not(.mobil-gorunum) #adminPortalHub :is(
    .admin-hub-main,
    .admin-hub-header,
    .admin-hub-content,
    .admin-hub-card
) {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body .menu-btn.tehlikeli,
body .teklif-baglanti-menu button.teklif-baglanti-tehlikeli {
    color: var(--hata) !important;
}

body .menu-btn.tehlikeli:hover,
body .menu-btn.tehlikeli:focus-visible,
body .teklif-baglanti-menu button.teklif-baglanti-tehlikeli:hover {
    background: #fff4f5 !important;
    color: #a93740 !important;
}

/* 14 Overrides / Form Detay Bos Durum Premium Standardi ------------ */
body .form-panel {
    border: 1px solid rgba(203,213,225,0.74) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.96)) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,0.06) !important;
}

body .form-baslik,
body .form-baslik-metin,
body .form-baslik-metin-yeni {
    color: var(--metin) !important;
    font-size: 11px !important;
    font-weight: 840 !important;
    letter-spacing: 0.055em !important;
}

body .input-etiket,
body .modal-label {
    color: var(--metin-ikincil) !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
    letter-spacing: 0.045em !important;
}

body .input-alan,
body .select-alan,
body textarea.input-alan,
body .modal-select,
body .yeni-not-input {
    min-height: 36px !important;
    padding: 8px 11px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: var(--metin) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body :is(input[type="text"], input[type="search"], input[type="tel"], input[type="email"], textarea, select):not([data-uppercase-exempt]) {
    text-transform: uppercase;
}

#girisEkrani :is(input[type="email"], input[type="password"]) {
    text-transform: none;
}

body textarea.input-alan {
    min-height: 82px !important;
    line-height: 1.45 !important;
}

body .input-alan:focus,
body .select-alan:focus,
body textarea.input-alan:focus,
body .modal-select:focus,
body .yeni-not-input:focus {
    border-color: rgba(247,108,13,0.4) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(247,108,13,0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body .modal-kart,
body .onay-kart,
body .evrak-modal-kart,
body #detayOverlay .detay-kart {
    border: 1px solid rgba(203,213,225,0.72) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: 0 22px 48px rgba(15,23,42,0.16) !important;
}

body .modal-baslik,
body #detayOverlay .detay-kart .modal-baslik {
    color: var(--metin) !important;
    font-size: 15px !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
}

body #detayOverlay .detay-item,
body #detayOverlay .detay-bolum,
body .detay-item,
body .detay-bolum {
    border: 1px solid rgba(226,232,240,0.86) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,0.88) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 1px 3px rgba(15,23,42,0.025) !important;
}

body #detayOverlay .detay-etiket,
body .detay-etiket {
    color: var(--metin-ikincil) !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
    letter-spacing: 0.05em !important;
}

body #detayOverlay .detay-deger,
body .detay-deger {
    color: var(--metin) !important;
    font-size: 12px !important;
    font-weight: 720 !important;
    line-height: 1.32 !important;
}

body .btn-modal-iptal,
body .btn-onay-iptal {
    min-height: 36px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: var(--metin-ikincil) !important;
    font-size: 11px !important;
    font-weight: 760 !important;
}

body .btn-modal-kaydet,
body .btn-onay-sil {
    min-height: 36px !important;
    padding: 0 15px !important;
    border-radius: 10px !important;
    font-size: 11px !important;
    font-weight: 820 !important;
}

body .mobil-kayit-bos,
body .cari-detay-bos,
body .db-musteri-bos,
body .finans-bos,
body .finans-yukleniyor,
body .finans-hata,
body #tekliflerPanel .teklif-bos-durum,
body #tekliflerPanel .teklif-gecmis-bos,
body #tekliflerPanel .teklif-bagli-yukler-bos {
    border: 1px dashed rgba(203,213,225,0.9) !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: var(--metin-ikincil) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body .yukleniyor-overlay {
    background: rgba(248,250,252,0.62) !important;
    backdrop-filter: blur(5px) !important;
}

body .spinner {
    width: 34px !important;
    height: 34px !important;
    border-width: 3px !important;
    border-color: rgba(203,213,225,0.72) !important;
    border-top-color: var(--turuncu) !important;
}

body.operasyon-mod tbody td.kolon-musteri,
body.kompakt-mod tbody td.kolon-musteri {
    min-width: 0 !important;
}

body.operasyon-mod tbody td.kolon-musteri .musteri-hucre-etiket,
body.kompakt-mod tbody td.kolon-musteri .musteri-hucre-etiket {
    min-height: 24px !important;
    min-width: min(96px, 100%) !important;
    padding: 3px 9px 4px !important;
    font-size: 10.2px !important;
}

body.operasyon-mod tbody td.kolon-gelir .finans-hucre-wrap,
body.operasyon-mod tbody td.kolon-gider .finans-hucre-wrap,
body.kompakt-mod tbody td.kolon-gelir .finans-hucre-wrap,
body.kompakt-mod tbody td.kolon-gider .finans-hucre-wrap {
    min-width: 78px !important;
    min-height: 23px !important;
    padding: 3px 8px !important;
}

/* 14 Overrides / Tablo Hizalama Standardi --------------------------- */
#tGovde tr:not(.satir-secili):not(.satir-aktif):not(.tablo-klavye-aktif-satir) td {
    background: #ffffff !important;
}

#tGovde tr:not(.satir-secili):not(.satir-aktif):not(.tablo-klavye-aktif-satir):hover td {
    background: linear-gradient(180deg, rgba(250,252,254,0.98), rgba(247,249,252,0.98)) !important;
}

#tBaslik th[data-kolon] {
    text-align: center !important;
}

#tBaslik th[data-kolon] .baslik-metin-kap {
    justify-content: center !important;
    text-align: center !important;
}

#tGovde td[data-kolon] {
    text-align: left !important;
}

#tGovde td.secim-hucre,
#tGovde td.durum-hucre,
#tGovde td.kolon-tarih,
#tGovde td.kolon-yil,
#tGovde td.kolon-ref,
#tGovde td.kolon-teklif,
#tGovde td.kolon-evrak,
#tGovde td.kolon-fatura,
#tGovde td[data-kolon="kap"],
#tGovde td[data-kolon="kg"],
#tGovde td[data-kolon="teslim_evrak"] {
    text-align: center !important;
}

#tGovde td.kolon-musteri,
#tGovde td.kolon-finans,
#tGovde td.kolon-gelir,
#tGovde td.kolon-gider,
#tGovde td.kolon-sayisal {
    text-align: center !important;
}

#tGovde td.kolon-musteri .musteri-hucre-etiket,
#tGovde td.kolon-teklif .teklif-pill,
#tGovde td.kolon-gelir .finans-hucre-wrap,
#tGovde td.kolon-gider .finans-hucre-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
}

#tGovde td:not(.kolon-musteri):not(.kolon-finans):not(.kolon-gelir):not(.kolon-gider):not(.kolon-sayisal):not(.durum-hucre):not(.kolon-tarih):not(.kolon-yil):not(.kolon-ref):not(.kolon-teklif):not(.kolon-evrak):not(.kolon-fatura):not(.secim-hucre):not([data-kolon="kap"]):not([data-kolon="kg"]):not([data-kolon="teslim_evrak"]) {
    text-align: left !important;
}

/* 14 Overrides / Premium Tablo Yogunluk Standardi ------------------- */
#tBaslik th[data-kolon],
thead th.durum-hucre {
    padding: 5px 8px !important;
    font-size: 9.2px !important;
    letter-spacing: 0.045em !important;
    border-right-color: rgba(255,255,255,0.1) !important;
}

#tBaslik th[data-kolon] .siralanabilir-baslik,
thead th.durum-hucre .siralanabilir-baslik {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 14px !important;
    gap: 3px !important;
    min-height: 19px !important;
}

#tBaslik th[data-kolon] .baslik-metin-kap,
thead th.durum-hucre .baslik-metin-kap {
    font-size: inherit !important;
    font-weight: 760 !important;
    letter-spacing: inherit !important;
}

th.durum-hucre .baslik-metin-kap::before {
    content: none !important;
    display: none !important;
}

#tBaslik th[data-kolon] .filtre-tetik,
thead th.durum-hucre .filtre-tetik {
    width: 14px !important;
    min-width: 14px !important;
    max-width: 14px !important;
    height: 14px !important;
    min-height: 14px !important;
    max-height: 14px !important;
    font-size: 7px !important;
    background: rgba(255,255,255,0.08) !important;
    border-color: rgba(255,255,255,0.13) !important;
    color: rgba(255,255,255,0.82) !important;
    opacity: 0.66 !important;
}

#tBaslik th[data-kolon] .filtre-tetik:hover,
thead th.durum-hucre .filtre-tetik:hover {
    background: rgba(255,255,255,0.14) !important;
    border-color: rgba(255,255,255,0.24) !important;
    opacity: 0.92 !important;
}

#tBaslik th[data-kolon] .filtre-tetik.aktif,
thead th.durum-hucre .filtre-tetik.aktif {
    background: rgba(247,108,13,0.92) !important;
    border-color: rgba(247,108,13,0.96) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

#tGovde td {
    padding: 4px 7px !important;
    line-height: 1.16 !important;
}

#tGovde td.durum-hucre,
#tGovde td.kolon-teklif,
#tGovde td.kolon-musteri,
#tGovde td.kolon-gelir,
#tGovde td.kolon-gider {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

body tbody td.durum-hucre .status-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 86px !important;
    max-width: 100% !important;
    min-height: 24px !important;
    padding: 3px 10px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.15s ease !important;
}

body tbody td.durum-hucre .status-pill:hover {
    filter: brightness(0.96) !important;
    transform: translateY(-0.5px) !important;
}

body tbody td.durum-hucre .status-pill.planlandi,
body tbody td.durum-hucre .status-pill.taslak {
    background: var(--badge-planlandi-bg, rgba(100, 116, 139, 0.10)) !important;
    border: 1px solid var(--badge-planlandi-border, rgba(100, 116, 139, 0.20)) !important;
    color: var(--badge-planlandi-text, #475569) !important;
}

body tbody td.durum-hucre .status-pill.yukleme-sevk {
    background: var(--badge-yukleme-sevk-bg, rgba(217, 119, 6, 0.10)) !important;
    border: 1px solid var(--badge-yukleme-sevk-border, rgba(217, 119, 6, 0.22)) !important;
    color: var(--badge-yukleme-sevk-text, #b45309) !important;
}

body tbody td.durum-hucre .status-pill.yuklemede {
    background: var(--badge-yukleme-bg, rgba(8, 145, 178, 0.10)) !important;
    border: 1px solid var(--badge-yukleme-border, rgba(8, 145, 178, 0.22)) !important;
    color: var(--badge-yukleme-text, #0891b2) !important;
}

body tbody td.durum-hucre .status-pill.bosaltma-sevk,
body tbody td.durum-hucre .status-pill.yolda {
    background: var(--badge-bosaltma-sevk-bg, rgba(59, 130, 246, 0.12)) !important;
    border: 1px solid var(--badge-bosaltma-sevk-border, rgba(59, 130, 246, 0.20)) !important;
    color: var(--badge-bosaltma-sevk-text, #2563eb) !important;
}

body tbody td.durum-hucre .status-pill.bosaltmada {
    background: var(--badge-bosaltma-bg, rgba(124, 58, 237, 0.10)) !important;
    border: 1px solid var(--badge-bosaltma-border, rgba(124, 58, 237, 0.20)) !important;
    color: var(--badge-bosaltma-text, #7c3aed) !important;
}

body tbody td.durum-hucre .status-pill.teslim-edildi {
    background: var(--badge-teslim-bg, rgba(34, 197, 94, 0.12)) !important;
    border: 1px solid var(--badge-teslim-border, rgba(34, 197, 94, 0.20)) !important;
    color: var(--badge-teslim-text, #16a34a) !important;
}

body tbody td.durum-hucre .status-pill.tamamlandi {
    background: var(--badge-tamamlandi-bg, rgba(247, 108, 13, 0.10)) !important;
    border: 1px solid var(--badge-tamamlandi-border, rgba(247, 108, 13, 0.24)) !important;
    color: var(--badge-tamamlandi-text, #d95c08) !important;
}

body tbody td.kolon-musteri .musteri-hucre-etiket {
    min-height: 26px !important;
    padding: 4px 10px 5px !important;
    font-size: 10.5px !important;
    font-weight: 820 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(247,108,13,0.06), 0 1px 3px rgba(26,26,46,0.035) !important;
}

body tbody td.kolon-musteri .musteri-hucre-etiket::before {
    bottom: 2px !important;
    background: rgba(247,108,13,0.14) !important;
}

.teklif-pill {
    max-width: 100px !important;
    min-height: 22px !important;
    padding: 3px 7px !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
}

.teklif-pill-plus {
    width: 11px !important;
    height: 11px !important;
    font-size: 8px !important;
}

body tbody td.kolon-ref.ref-link {
    padding-left: 5px !important;
    padding-right: 5px !important;
    color: var(--metin) !important;
    font-family: 'DM Sans', sans-serif !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
}

body tbody td.kolon-ref.ref-link:hover {
    text-decoration: none !important;
}

body tbody td.kolon-ref .ref-hucre-etiket {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100px !important;
    min-width: 0 !important;
    min-height: 22px !important;
    padding: 3px 7px !important;
    border: 1px solid rgba(209,213,219,0.86) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: var(--metin) !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
    line-height: 1.05 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96), 0 1px 2px rgba(26,26,46,0.035) !important;
    overflow: hidden !important;
}

body tbody td.kolon-ref .ref-hucre-metin {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body tbody tr:hover td.kolon-ref .ref-hucre-etiket {
    border-color: rgba(247,108,13,0.28) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 3px 8px rgba(26,26,46,0.05) !important;
}

body tbody td.kolon-gelir .finans-hucre-wrap,
body tbody td.kolon-gider .finans-hucre-wrap {
    min-width: 78px !important;
    min-height: 22px !important;
    padding: 3px 8px !important;
    border-radius: 8px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.84), 0 1px 3px rgba(26,26,46,0.035) !important;
}

body tbody td.kolon-gelir .finans-hucre-wrap {
    border-color: rgba(31,143,95,0.18) !important;
    background: #f1f8f5 !important;
    color: #1f6846 !important;
}

body tbody td.kolon-gider .finans-hucre-wrap {
    border-color: rgba(166,54,64,0.16) !important;
    background: #fbf3f3 !important;
    color: #8f2f39 !important;
}

body tbody td.kolon-gelir .finans-hucre-tutar,
body tbody td.kolon-gider .finans-hucre-tutar {
    font-size: 10.2px !important;
    font-weight: 820 !important;
    line-height: 1.05 !important;
}

/* 14 Overrides / Baslik Grup ve Satir Odak Vurgusu ------------------ */
#tGovde tr:not(.satir-secili):not(.satir-aktif):not(.tablo-klavye-aktif-satir):hover td {
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(249,251,253,0.98) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(148,163,184,0.08) !important;
}

#tGovde tr:not(.satir-secili):not(.satir-aktif):not(.tablo-klavye-aktif-satir):hover td:first-child {
    box-shadow: inset 3px 0 0 rgba(247,108,13,0.34), inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(148,163,184,0.08) !important;
}

#tGovde tr.satir-secili td,
#tGovde tr.satir-aktif td,
#tGovde tr.tablo-klavye-aktif-satir td {
    background: linear-gradient(180deg, rgba(255,250,246,0.98) 0%, rgba(255,247,242,0.96) 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(247,108,13,0.08) !important;
}

#tGovde tr.satir-secili td:first-child,
#tGovde tr.satir-aktif td:first-child,
#tGovde tr.tablo-klavye-aktif-satir td:first-child {
    box-shadow: inset 3px 0 0 rgba(247,108,13,0.72), inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(247,108,13,0.08) !important;
}

/* 14 Overrides / Premium Tablo Merkez Hizalama Mantigi -------------- */
#tGovde td[data-kolon] {
    text-align: center !important;
}

#tGovde td.secim-hucre,
#tGovde td.durum-hucre,
#tGovde td.kolon-teklif,
#tGovde td.kolon-ref,
#tGovde td.kolon-yil,
#tGovde td.kolon-tarih,
#tGovde td.kolon-evrak,
#tGovde td.kolon-fatura,
#tGovde td[data-kolon="cekici"],
#tGovde td[data-kolon="dorse"],
#tGovde td[data-kolon="iletisim"],
#tGovde td[data-kolon="kap"],
#tGovde td[data-kolon="kg"],
#tGovde td[data-kolon="teslim_evrak"] {
    text-align: center !important;
}

#tGovde td.kolon-gelir,
#tGovde td.kolon-gider,
#tGovde td[data-kolon="gelir"],
#tGovde td[data-kolon="ydg_gelir"],
#tGovde td[data-kolon="gider"],
#tGovde td[data-kolon="ydg_gider"] {
    text-align: center !important;
}

#tGovde td.kolon-musteri,
#tGovde td[data-kolon="surucu"],
#tGovde td[data-kolon="musteri"],
#tGovde td[data-kolon="yukleme_yeri"],
#tGovde td[data-kolon="yukleme_firma"],
#tGovde td[data-kolon="firma_y"],
#tGovde td[data-kolon="bosaltma_yeri"],
#tGovde td[data-kolon="bosaltma_firma"],
#tGovde td[data-kolon="firma_b"],
#tGovde td[data-kolon="fatura_basligi"],
#tGovde td[data-kolon="odeme_bilgisi"] {
    text-align: center !important;
}

#tGovde td.kolon-musteri .musteri-hucre-etiket {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
}

#tGovde td.kolon-musteri .musteri-hucre-ad {
    text-align: center !important;
}

#tGovde td.kolon-teklif .teklif-pill,
#tGovde td.kolon-ref .ref-hucre-etiket,
#tGovde td.durum-hucre .status-pill {
    margin-left: auto !important;
    margin-right: auto !important;
}

#tGovde td.kolon-gelir .finans-hucre-wrap,
#tGovde td.kolon-gider .finans-hucre-wrap {
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
}

#tGovde td.kolon-gelir .finans-hucre-tutar,
#tGovde td.kolon-gider .finans-hucre-tutar {
    text-align: center !important;
}

/* 14 Overrides / Program Gorunum Standardi -------------------------- */
:root {
    --logi-program-control-h: 30px;
    --logi-program-control-radius: 7px;
    --logi-program-surface-radius: 9px;
    --logi-program-surface-border: rgba(203,213,225,0.84);
    --logi-program-surface-bg: #ffffff;
    --logi-program-surface-shadow: 0 4px 14px rgba(15,23,42,0.035);
    --logi-program-toolbar-pad-y: 6px;
    --logi-program-toolbar-pad-x: 8px;
}

body:not(.mobil-gorunum) :is(
    .arama-bari,
    #tekliflerPanel .teklif-kpi-grid,
    #dashboardPanel > .db-filtre-kart,
    #finansMerkeziPanel > .gider-panel-ust,
    #companyCenterPanel .company-hero,
    #kartYonetimiPanel .kart-yonetimi-ust,
    #adminPortalHub .admin-hub-header,
    .cari-liste-ust,
    .cari-form-baslik
) {
    min-height: 38px !important;
    padding: var(--logi-program-toolbar-pad-y) var(--logi-program-toolbar-pad-x) !important;
    border: 1px solid var(--logi-program-surface-border) !important;
    border-radius: var(--logi-program-surface-radius) !important;
    background: var(--logi-program-surface-bg) !important;
    box-shadow: var(--logi-program-surface-shadow) !important;
}

body:not(.mobil-gorunum) :is(
    #tekliflerPanel .teklif-kpi-grid,
    #dashboardPanel > .db-filtre-kart,
    #finansMerkeziPanel > .gider-panel-ust,
    #companyCenterPanel .company-hero,
    #kartYonetimiPanel .kart-yonetimi-ust,
    #adminPortalHub .admin-hub-header
) {
    margin-bottom: 7px !important;
}

body:not(.mobil-gorunum) :is(
    .btn-ana,
    .btn-iptal,
    .btn-sutunlar,
    .btn-toplu,
    .db-aksiyon-btn,
    .db-chip-btn,
    .company-action-btn,
    .admin-action-btn,
    #adminPortalHub .btn-ldm-header,
    #finansMerkeziPanel .finans-yeni-kayit-btn,
    #finansMerkeziPanel .finans-toplu-btn,
    #tekliflerPanel .teklif-hizli-filtreler button,
    #tekliflerPanel .teklif-aksiyon-menu summary,
    #tekliflerPanel .teklif-detay-komutlar :is(.btn-ana, .btn-iptal),
    #kartYonetimiPanel .kart-yonetimi-sekme
) {
    min-height: var(--logi-program-control-h) !important;
    height: var(--logi-program-control-h) !important;
    padding: 0 11px !important;
    border-radius: var(--logi-program-control-radius) !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) :is(
    .btn-ana,
    #adminPortalHub .admin-action-btn[data-tone="primary"],
    #finansMerkeziPanel .finans-yeni-kayit-btn
) {
    border: 1px solid rgba(217,92,8,0.92) !important;
    background: linear-gradient(180deg, #ff7a1a 0%, #ef650b 100%) !important;
    color: #ffffff !important;
}

body:not(.mobil-gorunum) :is(
    .btn-ana,
    #finansMerkeziPanel .finans-yeni-kayit-btn
):hover {
    background: linear-gradient(180deg, #f76c0d 0%, #d95c08 100%) !important;
    box-shadow: 0 4px 10px rgba(247,108,13,0.16) !important;
}

body:not(.mobil-gorunum) :is(
    .btn-iptal,
    .btn-sutunlar,
    .db-aksiyon-btn,
    .db-chip-btn,
    .company-action-btn,
    .admin-action-btn,
    #adminPortalHub .btn-ldm-header,
    #tekliflerPanel .teklif-hizli-filtreler button
) {
    border: 1px solid rgba(203,213,225,0.92) !important;
    background: #ffffff !important;
    color: #566173 !important;
}

body:not(.mobil-gorunum) :is(
    .btn-iptal,
    .btn-sutunlar,
    .db-aksiyon-btn,
    .db-chip-btn,
    .company-action-btn,
    .admin-action-btn,
    #adminPortalHub .btn-ldm-header,
    #tekliflerPanel .teklif-hizli-filtreler button
):hover {
    border-color: rgba(247,108,13,0.34) !important;
    background: #fff8f2 !important;
    color: #d95c08 !important;
}

body:not(.mobil-gorunum) :is(
    .btn-excel,
    .btn-excel-yukle,
    .db-aksiyon-btn-excel
) {
    border-color: rgba(31,143,95,0.22) !important;
    background: #f1f8f5 !important;
    color: #1f6846 !important;
}

body:not(.mobil-gorunum) :is(
    .btn-excel,
    .btn-excel-yukle,
    .db-aksiyon-btn-excel
):hover {
    border-color: rgba(31,143,95,0.38) !important;
    background: #e8f4ee !important;
    color: #18583b !important;
}

body:not(.mobil-gorunum) :is(
    .cari-satir-buton-tehlike,
    .btn-toplu.btn-sil,
    .teklif-sil-btn
) {
    border-color: rgba(166,54,64,0.22) !important;
    background: #fbf3f3 !important;
    color: #9f313c !important;
}

body:not(.mobil-gorunum) :is(
    .finans-sekme-bar,
    .kart-yonetimi-sekmeler,
    #adminPortalHub .admin-hub-nav,
    .admin-mini-tab-bar,
    .admin-layer-tab-bar
) {
    gap: 4px !important;
    padding: 3px !important;
    border: 1px solid rgba(203,213,225,0.78) !important;
    border-radius: 9px !important;
    background: #f7f9fc !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.86) !important;
}

body:not(.mobil-gorunum) :is(
    .finans-sekme-btn,
    .kart-yonetimi-sekme,
    #adminPortalHub .admin-hub-nav-item,
    .admin-mini-tab-btn,
    .admin-layer-tab-btn
) {
    border-radius: 7px !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) :is(
    .finans-sekme-btn.aktif,
    .kart-yonetimi-sekme.aktif,
    #adminPortalHub .admin-hub-nav-item.aktif,
    .admin-mini-tab-btn.aktif,
    .admin-layer-tab-btn.aktif
) {
    border-color: rgba(247,108,13,0.28) !important;
    background: #fff4ee !important;
    color: #d95c08 !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-kart,
    .form-panel,
    #tekliflerPanel .teklif-kart,
    #tekliflerPanel .teklif-liste-karti,
    #tekliflerPanel .teklif-form-karti,
    #tekliflerPanel .teklif-detay-karti,
    #dashboardPanel .db-kpi-kart,
    #dashboardPanel .db-chart-card,
    #dashboardPanel .db-chart-hero,
    #finansMerkeziPanel .gider-panel,
    #finansMerkeziPanel .gider-komut-karti,
    #finansMerkeziPanel .gider-liste-kart,
    #finansMerkeziPanel .gider-form-kart,
    #companyCenterPanel .company-section-surface,
    #companyCenterPanel .company-list-shell,
    #companyCenterPanel .company-content-shell,
    #kartYonetimiPanel .kart-yonetimi-panel,
    .cari-liste-kart,
    .cari-form-kart,
    .cari-detay-kart,
    #adminPortalHub .admin-hub-card,
    #adminPortalHub .admin-overview-kpi-card
) {
    border: 1px solid var(--logi-program-surface-border) !important;
    border-radius: var(--logi-program-surface-radius) !important;
    background: #ffffff !important;
    box-shadow: var(--logi-program-surface-shadow) !important;
}

body:not(.mobil-gorunum) :is(
    #dashboardPanel .db-kpi-kart,
    #companyCenterPanel .company-info-row,
    #companyCenterPanel .company-bank-card,
    #companyCenterPanel .company-doc-card,
    #companyCenterPanel .company-note-card,
    #adminPortalHub .admin-overview-kpi-card,
    .cari-kpi-kart
) {
    box-shadow: none !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-empty-state,
    #finansMerkeziPanel .finans-empty-state-card,
    .company-empty-state,
    .admin-empty-state,
    .admin-side-empty-card,
    #tekliflerPanel .teklif-bos-durum,
    #tekliflerPanel .teklif-gecmis-bos,
    #tekliflerPanel .teklif-bagli-yukler-bos,
    .cari-sag-panel-bos
) {
    min-height: 96px !important;
    padding: 18px !important;
    border: 1px dashed rgba(148,163,184,0.48) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    color: #64748b !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-empty-state strong,
    #finansMerkeziPanel .finans-empty-state-card strong,
    .company-empty-state strong,
    .admin-empty-state strong,
    .admin-side-empty-card strong,
    #tekliflerPanel .teklif-bos-durum strong,
    #tekliflerPanel .teklif-gecmis-bos strong,
    #tekliflerPanel .teklif-bagli-yukler-bos strong,
    .cari-sag-panel-bos strong
) {
    color: #1f2937 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-empty-state span,
    #finansMerkeziPanel .finans-empty-state-card span,
    .admin-empty-state span,
    .admin-side-empty-card small,
    #tekliflerPanel .teklif-bos-durum span,
    #tekliflerPanel .teklif-gecmis-bos span,
    #tekliflerPanel .teklif-bagli-yukler-bos span,
    .cari-sag-panel-bos span
) {
    color: #64748b !important;
    font-size: 11px !important;
}

body:not(.mobil-gorunum) .yukleniyor-overlay {
    background: rgba(248,250,252,0.68) !important;
    backdrop-filter: blur(1.5px) !important;
}

body:not(.mobil-gorunum) .spinner {
    width: 32px !important;
    height: 32px !important;
    border-width: 3px !important;
}

/* 14 Overrides / Form Modal Menu Standardi -------------------------- */
body:not(.mobil-gorunum) :is(
    .input-alan,
    .select-alan,
    textarea.input-alan,
    .modal-select,
    .yeni-not-input,
    .filtre-popup-arama,
    #adminPortalHub .admin-log-toolbar .input-alan
) {
    min-height: 32px !important;
    padding: 6px 9px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

body:not(.mobil-gorunum) :is(#genelArama, .genel-arama-input, .genel-arama-sarmal input) {
    min-height: 32px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 38px !important;
    padding-right: 32px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

body:not(.mobil-gorunum) :is(textarea.input-alan, .yeni-not-input) {
    min-height: 76px !important;
    line-height: 1.42 !important;
    resize: vertical;
}

body:not(.mobil-gorunum) :is(
    .input-alan,
    .select-alan,
    textarea.input-alan,
    .modal-select,
    .yeni-not-input,
    .genel-arama-input,
    .filtre-popup-arama,
    #genelArama,
    #adminPortalHub .admin-log-toolbar .input-alan
):focus {
    outline: none !important;
    border-color: rgba(247,108,13,0.42) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(247,108,13,0.08), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body:not(.mobil-gorunum) :is(
    .input-etiket,
    .modal-label,
    .input-grup label,
    .form-baslik,
    .form-baslik-metin,
    .form-baslik-metin-yeni,
    #tekliflerPanel .teklif-form-grid label,
    #tekliflerPanel .teklif-form-bolum > span,
    .cari-form-bolum-baslik
) {
    color: #667085 !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
    letter-spacing: 0.035em !important;
}

body:not(.mobil-gorunum) :is(
    .form-blok,
    .teklif-form-bolum,
    .teklif-form-akordeon,
    .cari-form-bolum,
    #adminPortalHub .admin-config-collapse,
    #adminPortalHub .admin-user-add-panel,
    #finansMerkeziPanel .gider-form-kart,
    #companyCenterPanel .company-form-card
) {
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%) !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) :is(
    .modal-overlay,
    .onay-overlay,
    .evrak-modal-overlay,
    #detayOverlay,
    .komut-paleti-overlay
) {
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(8px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(180%) !important;
}

body:not(.mobil-gorunum) :is(
    .modal-kart,
    .onay-kart,
    .ldm-kart,
    .evrak-modal-kart,
    #detayOverlay .detay-kart,
    .komut-paleti-kart,
    .admin-modal-kart
) {
    border: 1px solid rgba(203,213,225,0.78) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: 0 18px 42px rgba(15,23,42,0.16) !important;
}

body:not(.mobil-gorunum) :is(
    .modal-baslik,
    .onay-baslik,
    .detay-ust h3,
    .ldm-kart h2,
    .evrak-modal-baslik,
    .komut-paleti-baslik
) {
    color: #1f2937 !important;
    font-size: 13px !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) :is(
    .modal-aksiyonlar,
    .onay-aksiyonlar,
    .detay-aksiyonlar,
    .teklif-form-aksiyonlar,
    .cari-form-aksiyonlar
) {
    gap: 7px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(226,232,240,0.86) !important;
}

body:not(.mobil-gorunum) :is(
    .modal-aksiyonlar button,
    .onay-aksiyonlar button,
    .detay-aksiyonlar button,
    .btn-modal-iptal,
    .btn-modal-kaydet,
    .btn-onay-iptal,
    .btn-onay-sil,
    .teklif-form-aksiyonlar :is(.btn-ana, .btn-iptal),
    .cari-form-aksiyonlar :is(.btn-ana, .btn-iptal)
) {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    font-size: 10.5px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) :is(
    .sutun-menu,
    .excel-filtre-popup,
    .teklif-baglanti-menu,
    #tekliflerPanel .teklif-aksiyon-menu > div,
    .menu-panel,
    .hrc-filtre-popup,
    .komut-paleti-sonuclar
) {
    border: 1px solid rgba(203,213,225,0.88) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.98) !important;
    box-shadow: 0 16px 36px rgba(15,23,42,0.14) !important;
    backdrop-filter: blur(12px) !important;
}

body:not(.mobil-gorunum) :is(.sutun-menu, .excel-filtre-popup, #tekliflerPanel .teklif-aksiyon-menu > div) {
    padding: 8px !important;
}

body:not(.mobil-gorunum) :is(
    .sutun-baslik,
    .teklif-aksiyon-menu-baslik,
    .menu-panel-baslik,
    .filtre-popup-baslik
) {
    color: #667085 !important;
    font-size: 9px !important;
    font-weight: 860 !important;
    letter-spacing: 0.055em !important;
}

body:not(.mobil-gorunum) :is(
    .sutun-ayar-item,
    .filtre-liste-item,
    .filtre-siralama-butonlar button,
    .menu-btn,
    .teklif-baglanti-menu button,
    #tekliflerPanel .teklif-aksiyon-menu > div :is(.btn-ana, .btn-iptal)
) {
    min-height: 28px !important;
    border-radius: 7px !important;
    color: #475467 !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) :is(
    .sutun-ayar-item:hover,
    .filtre-liste-item:hover,
    .filtre-siralama-butonlar button:hover,
    .menu-btn:hover,
    .teklif-baglanti-menu button:hover,
    #tekliflerPanel .teklif-aksiyon-menu > div :is(.btn-ana, .btn-iptal):hover
) {
    background: #fff7f0 !important;
    color: #d95c08 !important;
}

body:not(.mobil-gorunum) :is(
    #detayOverlay .detay-item,
    #detayOverlay .detay-bolum,
    .detay-item,
    .detay-bolum
) {
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

/* 14 Overrides / Operasyon Filtre Ozeti Toolbar Ici ----------------- */
body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti {
    display: none;
    flex: 1 1 280px !important;
    min-width: 220px !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 6px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: hidden !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti[style*="flex"] {
    display: flex !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-summary {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    max-width: min(100%, 520px) !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    gap: 7px !important;
    border: 1px solid rgba(203,213,225,0.72) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    color: #344054 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-summary-label {
    flex: 0 0 auto !important;
    color: #667085 !important;
    font-size: 8.5px !important;
    font-weight: 860 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-summary-label::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    margin-left: 7px;
    vertical-align: middle;
    background: rgba(203,213,225,0.88);
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-summary-text {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #344054 !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle {
    flex: 0 0 auto !important;
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(247,108,13,0.2) !important;
    border-radius: 999px !important;
    background: #fff7f0 !important;
    color: #d95c08 !important;
    font-family: inherit !important;
    font-size: 9.5px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle:hover,
body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle:focus-visible {
    border-color: rgba(247,108,13,0.34) !important;
    background: #fff1e8 !important;
    color: #c44f08 !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle:focus-visible {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(247,108,13,0.08) !important;
}

body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .arama-bari {
    margin-bottom: 4px !important;
}

body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .toplu-bari:not([style*="flex"]) {
    margin-bottom: 4px !important;
}

body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .tablo-kart {
    margin-top: 0 !important;
}

body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .tablo-sarici {
    max-height: calc(100vh - 190px) !important;
}

/* 14 Overrides / Operasyon Detay Kullanici Dostu Gorunum ------------ */
body:not(.mobil-gorunum) #detayOverlay .detay-kart {
    width: min(1320px, calc(100vw - 42px)) !important;
    max-width: min(1320px, calc(100vw - 42px)) !important;
    padding: 16px !important;
    border-radius: 13px !important;
    background: #f8fafc !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ust {
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(226,232,240,0.88) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-kart .modal-baslik {
    font-size: 15px !important;
    font-weight: 860 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-alt {
    margin-top: 3px !important;
    font-size: 9px !important;
    letter-spacing: 0.055em !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-grid {
    display: grid !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ozet-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 13px 14px !important;
    border: 1px solid rgba(203,213,225,0.88) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%) !important;
    box-shadow: 0 6px 18px rgba(15,23,42,0.045) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ozet-sol {
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ozet-kicker {
    display: inline-flex !important;
    margin-bottom: 5px !important;
    color: #d95c08 !important;
    font-size: 9px !important;
    font-weight: 860 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ozet-sol > strong {
    display: block !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 880 !important;
    line-height: 1.12 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-ozet {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-ozet span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-ozet em {
    color: #d95c08 !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ozet-sag {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ozet-sag > span:not(.detay-rozet) {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-premium-bolum {
    padding: 10px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-oncelik-bolumu {
    border-color: rgba(247,108,13,0.18) !important;
    background: linear-gradient(180deg, #fffdfb 0%, #ffffff 100%) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ikincil-bolum {
    background: #fbfcfe !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-premium-baslik {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-premium-baslik span {
    color: #1f2937 !important;
    font-size: 10.5px !important;
    font-weight: 860 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-premium-baslik small {
    color: #98a2b3 !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-grid {
    display: grid !important;
    gap: 7px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-grid-4 {
    grid-template-columns: 1.2fr 1fr 1fr 0.8fr !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-grid-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-grid-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body:not(.mobil-gorunum) #detayOverlay :is(.detay-bilgi-alan, .detay-kompakt-alan) {
    min-width: 0 !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(226,232,240,0.88) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-alan.vurgu {
    border-color: rgba(247,108,13,0.18) !important;
    background: #fff9f4 !important;
}

body:not(.mobil-gorunum) #detayOverlay :is(.detay-bilgi-alan, .detay-kompakt-alan).muted {
    background: #f8fafc !important;
}

body:not(.mobil-gorunum) #detayOverlay :is(.detay-bilgi-alan, .detay-kompakt-alan) > span {
    display: block !important;
    margin-bottom: 4px !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 840 !important;
    letter-spacing: 0.045em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay :is(.detay-bilgi-alan, .detay-kompakt-alan) strong {
    display: block !important;
    min-width: 0 !important;
    color: #1f2937 !important;
    font-size: 11.2px !important;
    font-weight: 780 !important;
    line-height: 1.28 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-kompakt-alan strong {
    color: #475467 !important;
    font-size: 10.5px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-kart {
    min-width: 0 !important;
    padding: 10px 11px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 9px !important;
    background: #fbfcfe !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-kart span {
    display: block !important;
    margin-bottom: 5px !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 860 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-kart strong {
    display: block !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rota-kart small {
    display: block !important;
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-not-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 7px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-rozet {
    min-height: 22px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 8.8px !important;
    letter-spacing: 0.035em !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bolum-grid {
    gap: 8px !important;
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bolum-grid-ikili {
    grid-template-columns: 1.1fr 0.9fr !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bolum-grid-ana {
    grid-template-columns: 0.8fr 1.2fr !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bolum {
    padding: 10px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-son-islem-bolumu,
body:not(.mobil-gorunum) #detayOverlay .detay-bolum:has(#detayHatirlaticiBilgi:not(.aktif):not(.gecikti)) {
    background: #fbfcfe !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bolum-baslik {
    margin-bottom: 7px !important;
    color: #667085 !important;
    font-size: 9.5px !important;
    font-weight: 860 !important;
}

body:not(.mobil-gorunum) #detayOverlay :is(.detay-not-kutu, .detay-evrak-bilgi, .detay-hatirlatici-bilgi) {
    padding: 9px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 10.8px !important;
    line-height: 1.42 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-hatirlatici-bilgi.aktif,
body:not(.mobil-gorunum) #detayOverlay .detay-hatirlatici-bilgi.gecikti {
    background: #fff7f0 !important;
    color: #9a3412 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-checklist {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-check-item {
    min-height: 42px !important;
    padding: 8px 9px !important;
    border-radius: 9px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-check-item strong {
    font-size: 10.8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-check-item small {
    font-size: 9.8px !important;
    line-height: 1.35 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-timeline {
    max-height: none !important;
    overflow-y: visible !important;
    padding-right: 0 !important;
    height: 100% !important;
}

/* 14 Overrides / Sefer Dosyasi Premium Detay Denemesi --------------- */
body:not(.mobil-gorunum) #detayOverlay .detay-dosya-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    padding: 15px 16px !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f9fbfd 100%) !important;
    box-shadow: 0 8px 22px rgba(15,23,42,0.045) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-kimlik {
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-kimlik > span {
    display: block !important;
    margin-bottom: 5px !important;
    color: #d95c08 !important;
    font-size: 9px !important;
    font-weight: 880 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-kimlik > strong {
    display: block !important;
    max-width: 760px !important;
    color: #111827 !important;
    font-size: 21px !important;
    font-weight: 880 !important;
    line-height: 1.1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-meta {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-meta em {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 22px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-style: normal !important;
    font-size: 9.5px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-durum {
    flex: 0 0 auto !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-durum .detay-rozet {
    min-height: 28px !important;
    padding: 6px 11px !important;
    font-size: 9.5px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-rota-hatti {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-durak {
    min-width: 0 !important;
    padding: 12px 13px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-durak span {
    display: block !important;
    margin-bottom: 5px !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 880 !important;
    letter-spacing: 0.065em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-durak strong {
    display: block !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    font-weight: 860 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-durak small {
    display: block !important;
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-cizgi {
    position: relative !important;
    align-self: center !important;
    height: 1px !important;
    background: rgba(203,213,225,0.9) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-cizgi::before,
body:not(.mobil-gorunum) #detayOverlay .detay-dosya-cizgi::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 999px !important;
    background: #d95c08 !important;
    transform: translateY(-50%) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-cizgi::before {
    left: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-cizgi::after {
    right: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 0.34fr) !important;
    gap: 10px !important;
    align-items: start !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-sol {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-bolum-grid-ikili {
    grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-son-islem-bolumu {
    margin-bottom: 8px !important;
}

@media (max-width: 1180px) {
    body:not(.mobil-gorunum) #detayOverlay .detay-dosya-layout,
    body:not(.mobil-gorunum) #detayOverlay .detay-dosya-rota-hatti {
        grid-template-columns: 1fr !important;
    }

    body:not(.mobil-gorunum) #detayOverlay .detay-dosya-cizgi {
        display: none !important;
    }

    body:not(.mobil-gorunum) #detayOverlay .detay-dosya-kimlik > strong {
        white-space: normal !important;
    }
}

/* 14 Overrides / Detay Imza Rota Paneli ------------------------------ */
body:not(.mobil-gorunum) #detayOverlay .detay-kart {
    background: #f7f9fc !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-grid {
    gap: 9px !important;
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-panel {
    display: grid !important;
    gap: 12px !important;
    padding: 14px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 12px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,0.055), inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-dosya-layout {
    grid-template-columns: 1fr !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-ozet-hero + .detay-premium-bolum,
body:not(.mobil-gorunum) #detayOverlay .detay-ozet-hero + .detay-ozet-panel,
body:not(.mobil-gorunum) #detayOverlay .detay-ozet-hero + .detay-ozet-kart {
    display: none !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-ust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-kimlik {
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-kimlik strong {
    display: block !important;
    max-width: 780px !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 860 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-kimlik span {
    display: block !important;
    margin-top: 5px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-durum {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    flex-wrap: wrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-durum .detay-rozet {
    min-height: 25px !important;
    padding: 5px 10px !important;
    font-size: 9px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-rota {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 82px minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 10px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-durak {
    min-width: 0 !important;
    min-height: 76px !important;
    padding: 12px 13px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-durak small {
    display: block !important;
    margin-bottom: 6px !important;
    color: #98a2b3 !important;
    font-size: 8.7px !important;
    font-weight: 860 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-durak strong {
    display: block !important;
    color: #1f2937 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-durak span {
    display: block !important;
    margin-top: 6px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 660 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-akis {
    position: relative !important;
    align-self: center !important;
    height: 24px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-akis span {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 50% !important;
    height: 1px !important;
    background: linear-gradient(90deg, rgba(203,213,225,0.12), rgba(148,163,184,0.9), rgba(247,108,13,0.7)) !important;
    transform: translateY(-50%) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-imza-akis i {
    position: absolute !important;
    top: 50% !important;
    right: 0 !important;
    width: 8px !important;
    height: 8px !important;
    border-top: 1px solid rgba(247,108,13,0.78) !important;
    border-right: 1px solid rgba(247,108,13,0.78) !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-panel {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-kolon {
    display: grid !important;
    align-content: start !important;
    gap: 2px !important;
    min-width: 0 !important;
    padding: 12px 12px 10px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-kolon > span {
    color: #98a2b3 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak {
    position: relative !important;
    min-width: 0 !important;
    padding: 9px 0 10px 36px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak.bosaltma {
    border-left-color: rgba(37,99,235,0.62) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak::after {
    content: "" !important;
    position: absolute !important;
    left: 12px !important;
    top: 35px !important;
    bottom: -4px !important;
    width: 1px !important;
    background: rgba(203,213,225,0.72) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak:last-child::after {
    display: none !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak > small,
body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak > strong,
body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak > span {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak > small {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #94a3b8 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak > small b {
    position: absolute !important;
    left: 0 !important;
    top: 6px !important;
    display: grid !important;
    place-items: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    box-shadow: 0 1px 2px rgba(15,23,42,0.05) !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak > strong {
    margin-top: 5px !important;
    color: #1f2937 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-durak > span {
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-uyari-alan-sakin,
body:not(.mobil-gorunum) #detayOverlay .detay-eksik-alanlar-sakin {
    gap: 6px !important;
    margin: 0 0 8px !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-uyari-alan-sakin:empty,
body:not(.mobil-gorunum) #detayOverlay .detay-eksik-alanlar-sakin:empty {
    display: none !important;
    margin: 0 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-uyari-alan-sakin .detay-uyari {
    padding: 8px 10px !important;
    border-color: rgba(247,108,13,0.16) !important;
    border-radius: 8px !important;
    background: #fffaf6 !important;
    color: #9a4b09 !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-uyari-alan-sakin .detay-uyari-ok {
    border-color: rgba(34,197,94,0.16) !important;
    background: #f7fef9 !important;
    color: #166534 !important;
}

body:not(.mobil-gorunum) #detayOverlay .detay-eksik-alanlar-sakin .detay-eksik-chip {
    min-height: 24px !important;
    padding: 5px 8px !important;
    border-color: rgba(203,213,225,0.82) !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
}

@media (max-width: 1180px) {
    body:not(.mobil-gorunum) #detayOverlay .detay-imza-rota {
        grid-template-columns: 1fr !important;
    }

    body:not(.mobil-gorunum) #detayOverlay .detay-guzergah-panel {
        grid-template-columns: 1fr !important;
    }

    body:not(.mobil-gorunum) #detayOverlay .detay-imza-akis {
        display: none !important;
    }

    body:not(.mobil-gorunum) #detayOverlay .detay-imza-kimlik strong {
        white-space: normal !important;
    }
}

/* 14 Overrides / Teklif Rozet Tek Tasarim Dili ---------------------- */
body:not(.mobil-gorunum) tbody td.kolon-teklif .teklif-pill {
    border-color: rgba(203,213,225,0.84) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
    color: #344054 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 1px 2px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) tbody td.kolon-teklif .teklif-pill-bagli.teklif-pill-tamam,
body:not(.mobil-gorunum) tbody td.kolon-teklif .teklif-pill-bagli.teklif-pill-uyari {
    border-color: rgba(203,213,225,0.84) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
    color: #344054 !important;
}

body:not(.mobil-gorunum) tbody td.kolon-teklif .teklif-pill-eksik {
    border-color: rgba(203,213,225,0.74) !important;
    background: #ffffff !important;
    color: #667085 !important;
}

body:not(.mobil-gorunum) tbody td.kolon-teklif .teklif-pill-muaf {
    border-color: rgba(203,213,225,0.82) !important;
    background: #f8fafc !important;
    color: #64748b !important;
}

body:not(.mobil-gorunum) tbody td.kolon-teklif .teklif-pill-dot {
    display: none !important;
}

body:not(.mobil-gorunum) tbody td.kolon-teklif .teklif-pill-plus {
    background: #f3f4f6 !important;
    color: #667085 !important;
}

body:not(.mobil-gorunum) tbody tr:hover td.kolon-teklif .teklif-pill {
    border-color: rgba(247,108,13,0.28) !important;
    background: #ffffff !important;
    color: #1f2937 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.98), 0 3px 8px rgba(15,23,42,0.05) !important;
}

/* 14 Overrides / Kart Yonetimi Tam Hizalama -------------------------- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-panel {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) > .kart-yonetimi-ozet-serit,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) > .cari-grid,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel > .adres-kartlari-grid {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler {
    justify-content: flex-start !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) > .cari-grid,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel > .adres-kartlari-grid {
    grid-template-columns: minmax(0, 1fr) minmax(560px, 40vw) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel).cari-form-var .cari-form-kart,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel.adres-form-var .adres-karti-form-kart {
    width: 100% !important;
    max-width: none !important;
}

/* 14 Overrides / Genel Gorsel Sistem Dili --------------------------- */
body:not(.mobil-gorunum) button.logi-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

body:not(.mobil-gorunum) .logi-icon {
    position: relative !important;
    display: inline-block !important;
    width: 14px !important;
    height: 14px !important;
    flex: 0 0 14px !important;
    color: currentColor !important;
    opacity: 0.82 !important;
}

body:not(.mobil-gorunum) button:hover .logi-icon,
body:not(.mobil-gorunum) button:focus-visible .logi-icon {
    opacity: 1 !important;
}

body:not(.mobil-gorunum) button.logi-icon-button > svg,
body:not(.mobil-gorunum) button.logi-icon-button > .btn-ikon {
    display: none !important;
}

body:not(.mobil-gorunum) .logi-icon::before,
body:not(.mobil-gorunum) .logi-icon::after {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
}

body:not(.mobil-gorunum) [data-logi-icon="excel"] .logi-icon,
body:not(.mobil-gorunum) [data-logi-icon="pdf"] .logi-icon {
    width: 24px !important;
    flex-basis: 24px !important;
}

body:not(.mobil-gorunum) [data-logi-icon="excel"] .logi-icon::before,
body:not(.mobil-gorunum) [data-logi-icon="pdf"] .logi-icon::before {
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    border: 1px solid currentColor !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,0.5) !important;
    font-size: 7px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) [data-logi-icon="excel"] .logi-icon::before { content: "XLS" !important; }
body:not(.mobil-gorunum) [data-logi-icon="pdf"] .logi-icon::before { content: "PDF" !important; }

body:not(.mobil-gorunum) [data-logi-icon="tools"] .logi-icon::before {
    inset: 2px 1px auto !important;
    height: 2px !important;
    border-radius: 99px !important;
    background: currentColor !important;
    box-shadow: 0 4px 0 currentColor, 0 8px 0 currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="tools"] .logi-icon::after {
    width: 4px !important;
    height: 4px !important;
    top: 1px !important;
    left: 7px !important;
    border-radius: 50% !important;
    background: currentColor !important;
    box-shadow: -5px 4px 0 currentColor, 2px 8px 0 currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="refresh"] .logi-icon::before,
body:not(.mobil-gorunum) [data-logi-icon="history"] .logi-icon::before {
    inset: 1px !important;
    border: 1.8px solid currentColor !important;
    border-right-color: transparent !important;
    border-radius: 50% !important;
}

body:not(.mobil-gorunum) [data-logi-icon="refresh"] .logi-icon::after {
    right: 1px !important;
    top: 2px !important;
    width: 5px !important;
    height: 5px !important;
    border-top: 1.8px solid currentColor !important;
    border-right: 1.8px solid currentColor !important;
    transform: rotate(20deg) !important;
}

body:not(.mobil-gorunum) [data-logi-icon="document"] .logi-icon::before,
body:not(.mobil-gorunum) [data-logi-icon="note"] .logi-icon::before,
body:not(.mobil-gorunum) [data-logi-icon="invoice"] .logi-icon::before {
    inset: 1px 2px !important;
    border: 1.6px solid currentColor !important;
    border-radius: 3px !important;
}

body:not(.mobil-gorunum) [data-logi-icon="document"] .logi-icon::after,
body:not(.mobil-gorunum) [data-logi-icon="note"] .logi-icon::after,
body:not(.mobil-gorunum) [data-logi-icon="invoice"] .logi-icon::after {
    right: 2px !important;
    top: 1px !important;
    width: 5px !important;
    height: 5px !important;
    border-left: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
    background: rgba(255,255,255,0.72) !important;
}

body:not(.mobil-gorunum) [data-logi-icon="invoice"] .logi-icon {
    color: currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="edit"] .logi-icon::before {
    width: 11px !important;
    height: 3px !important;
    left: 2px !important;
    top: 7px !important;
    border-radius: 99px !important;
    background: currentColor !important;
    transform: rotate(-38deg) !important;
}

body:not(.mobil-gorunum) [data-logi-icon="edit"] .logi-icon::after {
    left: 1px !important;
    bottom: 1px !important;
    width: 7px !important;
    height: 1.5px !important;
    border-radius: 99px !important;
    background: currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="delete"] .logi-icon::before {
    left: 3px !important;
    right: 3px !important;
    bottom: 1px !important;
    height: 9px !important;
    border: 1.6px solid currentColor !important;
    border-radius: 2px !important;
}

body:not(.mobil-gorunum) [data-logi-icon="delete"] .logi-icon::after {
    left: 2px !important;
    right: 2px !important;
    top: 2px !important;
    height: 1.8px !important;
    border-radius: 99px !important;
    background: currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="close"] .logi-icon::before,
body:not(.mobil-gorunum) [data-logi-icon="close"] .logi-icon::after {
    left: 2px !important;
    top: 6px !important;
    width: 10px !important;
    height: 1.8px !important;
    border-radius: 99px !important;
    background: currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="close"] .logi-icon::before { transform: rotate(45deg) !important; }
body:not(.mobil-gorunum) [data-logi-icon="close"] .logi-icon::after { transform: rotate(-45deg) !important; }

body:not(.mobil-gorunum) [data-logi-icon="save"] .logi-icon::before,
body:not(.mobil-gorunum) [data-logi-icon="copy"] .logi-icon::before {
    inset: 2px !important;
    border: 1.6px solid currentColor !important;
    border-radius: 3px !important;
}

body:not(.mobil-gorunum) [data-logi-icon="save"] .logi-icon::after {
    left: 4px !important;
    right: 4px !important;
    bottom: 4px !important;
    height: 1.6px !important;
    border-radius: 99px !important;
    background: currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="search"] .logi-icon::before {
    left: 1px !important;
    top: 1px !important;
    width: 9px !important;
    height: 9px !important;
    border: 1.7px solid currentColor !important;
    border-radius: 50% !important;
}

body:not(.mobil-gorunum) [data-logi-icon="search"] .logi-icon::after {
    right: 1px !important;
    bottom: 1px !important;
    width: 6px !important;
    height: 1.7px !important;
    border-radius: 99px !important;
    background: currentColor !important;
    transform: rotate(45deg) !important;
}

body:not(.mobil-gorunum) [data-logi-icon="new"] .logi-icon::before,
body:not(.mobil-gorunum) [data-logi-icon="new"] .logi-icon::after {
    left: 2px !important;
    top: 6px !important;
    width: 10px !important;
    height: 1.8px !important;
    border-radius: 99px !important;
    background: currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="new"] .logi-icon::after { transform: rotate(90deg) !important; }

body:not(.mobil-gorunum) [data-logi-icon="copy"] .logi-icon::after {
    left: 0 !important;
    top: 0 !important;
    width: 9px !important;
    height: 9px !important;
    border: 1.4px solid currentColor !important;
    border-radius: 3px !important;
    opacity: 0.52 !important;
}

body:not(.mobil-gorunum) [data-logi-icon="history"] .logi-icon::after {
    left: 6px !important;
    top: 4px !important;
    width: 4px !important;
    height: 5px !important;
    border-left: 1.5px solid currentColor !important;
    border-bottom: 1.5px solid currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="view"] .logi-icon::before {
    left: 1px !important;
    top: 3px !important;
    width: 12px !important;
    height: 8px !important;
    border: 1.6px solid currentColor !important;
    border-radius: 50% / 58% !important;
}

body:not(.mobil-gorunum) [data-logi-icon="view"] .logi-icon::after {
    left: 5px !important;
    top: 5px !important;
    width: 4px !important;
    height: 4px !important;
    border-radius: 50% !important;
    background: currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="money"] .logi-icon::before {
    inset: 2px 1px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 4px !important;
}

body:not(.mobil-gorunum) [data-logi-icon="money"] .logi-icon::after {
    content: "₺" !important;
    inset: 0 !important;
    display: grid !important;
    place-items: center !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

body:not(.mobil-gorunum) [data-logi-icon="mail"] .logi-icon::before {
    inset: 2px 1px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 3px !important;
}

body:not(.mobil-gorunum) [data-logi-icon="mail"] .logi-icon::after {
    left: 2px !important;
    right: 2px !important;
    top: 4px !important;
    height: 6px !important;
    border-left: 1.4px solid currentColor !important;
    border-bottom: 1.4px solid currentColor !important;
    transform: rotate(-45deg) !important;
}

body:not(.mobil-gorunum) [data-logi-icon="status"] .logi-icon::before {
    inset: 1px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 50% !important;
}

body:not(.mobil-gorunum) [data-logi-icon="status"] .logi-icon::after {
    left: 4px !important;
    top: 6px !important;
    width: 7px !important;
    height: 4px !important;
    border-left: 1.8px solid currentColor !important;
    border-bottom: 1.8px solid currentColor !important;
    transform: rotate(-45deg) !important;
}

body:not(.mobil-gorunum) [data-logi-icon="select"] .logi-icon::before {
    inset: 2px !important;
    border: 1.5px solid currentColor !important;
    border-radius: 3px !important;
}

body:not(.mobil-gorunum) [data-logi-icon="select"] .logi-icon::after {
    left: 4px !important;
    top: 5px !important;
    width: 7px !important;
    height: 4px !important;
    border-left: 1.8px solid currentColor !important;
    border-bottom: 1.8px solid currentColor !important;
    transform: rotate(-45deg) !important;
}

body:not(.mobil-gorunum) [data-logi-tooltip] {
    position: relative !important;
}

body:not(.mobil-gorunum) [data-logi-tooltip]:hover::after,
body:not(.mobil-gorunum) [data-logi-tooltip]:focus-visible::after {
    content: attr(data-logi-tooltip) !important;
    position: absolute !important;
    left: 50% !important;
    bottom: calc(100% + 8px) !important;
    z-index: 220000 !important;
    width: max-content !important;
    max-width: min(360px, 82vw) !important;
    padding: 7px 9px !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    border-radius: 7px !important;
    background: rgba(17,24,39,0.96) !important;
    color: #ffffff !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.2) !important;
    pointer-events: none !important;
    transform: translateX(-50%) !important;
}

body:not(.mobil-gorunum) [data-logi-tooltip]:hover::before,
body:not(.mobil-gorunum) [data-logi-tooltip]:focus-visible::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    bottom: calc(100% + 3px) !important;
    z-index: 220001 !important;
    width: 9px !important;
    height: 9px !important;
    background: rgba(17,24,39,0.96) !important;
    transform: translateX(-50%) rotate(45deg) !important;
    pointer-events: none !important;
}

body:not(.mobil-gorunum) .logi-modal-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(226,232,240,0.88) !important;
}

body:not(.mobil-gorunum) .logi-modal-actions .logi-action-btn {
    min-width: 92px !important;
}

body:not(.mobil-gorunum) .logi-modal-actions .logi-action-btn[data-logi-action-role="dismiss"] {
    order: 1 !important;
    margin-right: auto !important;
    border-color: rgba(203,213,225,0.9) !important;
    background: #ffffff !important;
    color: #667085 !important;
}

body:not(.mobil-gorunum) .logi-modal-actions .logi-action-btn[data-logi-action-role="secondary"] {
    order: 2 !important;
}

body:not(.mobil-gorunum) .logi-modal-actions .logi-action-btn[data-logi-action-role="danger"] {
    order: 3 !important;
    border-color: rgba(166,54,64,0.18) !important;
    background: #fbf3f3 !important;
    color: #8f2f39 !important;
}

body:not(.mobil-gorunum) .logi-modal-actions .logi-action-btn[data-logi-action-role="primary"] {
    order: 4 !important;
}

body:not(.mobil-gorunum) :is(
    .finans-sekme-btn.aktif,
    .kart-yonetimi-sekme.aktif,
    #adminPortalHub .admin-hub-nav-item.aktif,
    .admin-mini-tab-btn.aktif,
    .admin-layer-tab-btn.aktif
) {
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.78), 0 1px 2px rgba(15,23,42,0.035) !important;
}

body.logi-inline-loading.logi-authenticated:not(.mobil-gorunum) #yukleniyorOverlay {
    align-items: flex-start !important;
    justify-content: flex-end !important;
    padding: 78px 24px 0 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    pointer-events: none !important;
}

body.logi-inline-loading.logi-authenticated:not(.mobil-gorunum) #yukleniyorOverlay .spinner {
    width: 20px !important;
    height: 20px !important;
    border-width: 2px !important;
    background: rgba(255,255,255,0.78) !important;
    box-shadow: 0 8px 18px rgba(15,23,42,0.12) !important;
}

body.logi-inline-loading.logi-authenticated:not(.mobil-gorunum) #yukleniyorOverlay .yukleniyor-mesaj {
    display: none !important;
}

body.logi-inline-loading.logi-authenticated:not(.mobil-gorunum) :is(
    .tablo-kart,
    .tablo-sarici,
    .cari-liste-kart,
    .cari-detay-kart,
    .teklif-liste-karti,
    .gider-liste-kart,
    #detayOverlay .detay-kart,
    #finansMerkeziPanel .finans-panel,
    #companyCenterPanel,
    #adminPortalHub
) {
    position: relative !important;
    overflow: hidden !important;
}

body.logi-inline-loading.logi-authenticated:not(.mobil-gorunum) :is(
    .tablo-kart,
    .cari-liste-kart,
    .cari-detay-kart,
    .teklif-liste-karti,
    .gider-liste-kart,
    #detayOverlay .detay-kart
)::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 5 !important;
    background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 34%, rgba(255,255,255,0.72) 48%, rgba(255,255,255,0) 62%, rgba(255,255,255,0) 100%) !important;
    background-size: 260px 100% !important;
    pointer-events: none !important;
    opacity: 0.58 !important;
    animation: logiSkeletonSweep 1.2s linear infinite !important;
}

@keyframes logiSkeletonSweep {
    from { background-position: -260px 0; }
    to { background-position: calc(100% + 260px) 0; }
}

/* 14 Overrides / Kolon Karakteri ve Focus Dili ---------------------- */
body:not(.mobil-gorunum) :where(button, a, input, select, textarea, [tabindex]):focus-visible {
    outline: none !important;
    border-color: rgba(247,108,13,0.44) !important;
    box-shadow: 0 0 0 3px rgba(247,108,13,0.13), 0 1px 2px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) :where(.btn-ana, .btn-iptal, .btn-sutunlar, .btn-toplu, .menu-btn, .admin-action-btn, .db-aksiyon-btn, .finans-toplu-btn, .finans-yeni-kayit-btn):focus-visible {
    transform: translateY(-1px) !important;
}

body:not(.mobil-gorunum) :where(.ldm-kapat, .btn-ikon-only):focus-visible {
    box-shadow: 0 0 0 3px rgba(247,108,13,0.14) !important;
}

body:not(.mobil-gorunum) :is(#tGovde, #finansMerkeziPanel) td[data-kolon] {
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) :is(#tGovde, #finansMerkeziPanel) td:is(
    .kolon-tarih,
    .kolon-yil,
    .kolon-ref,
    [data-kolon*="tarih"],
    [data-kolon*="donem"],
    [data-kolon*="fis_no"],
    [data-kolon*="belge_no"],
    [data-kolon*="referans"]
) {
    font-family: 'DM Mono', monospace !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    color: #344054 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) :is(#tGovde, #finansMerkeziPanel) td:is(
    [data-kolon="cekici"],
    [data-kolon="dorse"],
    [data-kolon*="plaka"],
    [data-kolon*="vergi_no"],
    [data-kolon*="vergi_numarasi"]
) {
    font-family: 'DM Mono', monospace !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    color: #263445 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) :is(#tGovde, #finansMerkeziPanel) td:is(
    [data-kolon="iletisim"],
    [data-kolon*="telefon"],
    [data-kolon*="phone"]
) {
    font-family: 'DM Mono', monospace !important;
    font-size: 10px !important;
    font-weight: 640 !important;
    color: #344054 !important;
}

body:not(.mobil-gorunum) :is(#tGovde, #finansMerkeziPanel) td:is(
    [data-kolon="surucu"],
    [data-kolon="musteri"],
    [data-kolon="firma_unvani"],
    [data-kolon*="personel"],
    [data-kolon*="firma"]
) {
    font-weight: 760 !important;
    color: #1f2937 !important;
}

body:not(.mobil-gorunum) :is(#tGovde, #finansMerkeziPanel) td:is(
    [data-kolon="yukleme_yeri"],
    [data-kolon="bosaltma_yeri"],
    [data-kolon*="lokasyon"],
    [data-kolon*="yer"],
    [data-kolon*="adres"]
) {
    color: #344054 !important;
    font-size: 10.4px !important;
    font-weight: 690 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) :is(#tGovde, #finansMerkeziPanel) td:is(
    .kolon-sayisal,
    .kolon-gelir,
    .kolon-gider,
    [data-kolon*="tutar"],
    [data-kolon*="toplam"],
    [data-kolon*="matrah"],
    [data-kolon*="kdv"],
    [data-kolon*="maas"],
    [data-kolon*="odenen"],
    [data-kolon*="kalan"],
    [data-kolon="kg"],
    [data-kolon="kap"]
) {
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
    font-variant-numeric: tabular-nums lining-nums !important;
}

body:not(.mobil-gorunum) #tGovde tr[data-klavye-satir="1"]:focus-visible td,
body:not(.mobil-gorunum) #tGovde tr.tablo-klavye-aktif-satir td {
    background: linear-gradient(180deg, rgba(255,250,246,0.99) 0%, rgba(255,247,242,0.97) 100%) !important;
}

body:not(.mobil-gorunum) #tGovde td.tablo-klavye-aktif-hucre {
    position: relative !important;
    background: linear-gradient(180deg, rgba(255,246,238,0.99) 0%, rgba(255,241,230,0.96) 100%) !important;
    box-shadow: inset 0 0 0 2px rgba(247,108,13,0.36), inset 0 -2px 0 rgba(247,108,13,0.42) !important;
}

body:not(.mobil-gorunum) #tGovde td.tablo-klavye-aktif-hucre::after {
    content: "" !important;
    position: absolute !important;
    inset: 3px !important;
    border: 1px solid rgba(255,255,255,0.72) !important;
    border-radius: 4px !important;
    pointer-events: none !important;
}

body:not(.mobil-gorunum) #tGovde tr.tablo-klavye-aktif-satir td:first-child,
body:not(.mobil-gorunum) #tGovde tr[data-klavye-satir="1"]:focus-visible td:first-child {
    box-shadow: inset 3px 0 0 rgba(247,108,13,0.82), inset 0 1px 0 rgba(255,255,255,0.98), inset 0 -1px 0 rgba(247,108,13,0.08) !important;
}

/* 14 Overrides / Premium Tablo Tipografi Dengesi -------------------- */
body:not(.mobil-gorunum) #tGovde td[data-kolon] {
    color: #344054 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10.35px !important;
    font-weight: 560 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    [data-kolon="surucu"],
    [data-kolon="yukleme_firma"],
    [data-kolon="firma_y"],
    [data-kolon="bosaltma_firma"],
    [data-kolon="firma_b"],
    [data-kolon="fatura_basligi"],
    [data-kolon="odeme_bilgisi"]
) {
    color: #293241 !important;
    font-weight: 620 !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    [data-kolon="yukleme_yeri"],
    [data-kolon="bosaltma_yeri"]
) {
    color: #3f4a5a !important;
    font-size: 10.15px !important;
    font-weight: 590 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    .kolon-tarih,
    .kolon-yil,
    [data-kolon*="tarih"]
) {
    color: #4b5563 !important;
    font-family: 'DM Mono', monospace !important;
    font-size: 9.7px !important;
    font-weight: 500 !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    [data-kolon="cekici"],
    [data-kolon="dorse"],
    [data-kolon="iletisim"]
) {
    color: #344054 !important;
    font-family: 'DM Mono', monospace !important;
    font-size: 9.85px !important;
    font-weight: 560 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    [data-kolon="kap"],
    [data-kolon="kg"],
    .kolon-sayisal
) {
    color: #293241 !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10.25px !important;
    font-weight: 600 !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-musteri {
    color: #111827 !important;
    font-weight: 780 !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-musteri .musteri-hucre-etiket {
    max-width: 128px !important;
    min-height: 26px !important;
    border-color: rgba(247,108,13,0.28) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fffaf6 100%) !important;
    color: #111827 !important;
    font-size: 10.65px !important;
    font-weight: 840 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1), inset 0 -1px 0 rgba(247,108,13,0.08), 0 2px 6px rgba(15,23,42,0.045) !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-musteri .musteri-hucre-ad {
    color: inherit !important;
    font-weight: inherit !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-teklif .teklif-pill,
body:not(.mobil-gorunum) #tGovde td.kolon-ref .ref-hucre-etiket {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 8.8px !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-ref .ref-hucre-etiket {
    color: #344054 !important;
}

/* REF NO son sütun olduğu için yatay kaydırmada sticky davranmamalı. */
body:not(.mobil-gorunum) :is(#tBaslik th.kolon-ref, #tGovde td.kolon-ref) {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-gelir .finans-hucre-tutar,
body:not(.mobil-gorunum) #tGovde td.kolon-gider .finans-hucre-tutar {
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #tGovde td.durum-hucre .status-pill {
    font-size: 10px !important;
    font-weight: 750 !important;
    letter-spacing: 0.02em !important;
}

/* 14 Overrides / Tablo Tipografi ve Sag Tik Revizyonu --------------- */
body:not(.mobil-gorunum) #tGovde td[data-kolon]:not(.kolon-musteri) {
    color: #3f4a5a !important;
    font-family: 'DM Sans', sans-serif !important;
    font-size: 10.2px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    [data-kolon="surucu"],
    [data-kolon="yukleme_firma"],
    [data-kolon="firma_y"],
    [data-kolon="bosaltma_firma"],
    [data-kolon="firma_b"],
    [data-kolon="fatura_basligi"],
    [data-kolon="odeme_bilgisi"],
    [data-kolon="yukleme_yeri"],
    [data-kolon="bosaltma_yeri"],
    [data-kolon="cekici"],
    [data-kolon="dorse"],
    [data-kolon="iletisim"],
    [data-kolon="kap"],
    [data-kolon="kg"],
    .kolon-sayisal,
    .kolon-tarih,
    .kolon-yil
) {
    font-weight: 520 !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    [data-kolon="yukleme_yeri"],
    [data-kolon="bosaltma_yeri"]
) {
    color: #475467 !important;
    font-size: 10.05px !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) #tGovde td:is(
    .kolon-tarih,
    .kolon-yil,
    [data-kolon="cekici"],
    [data-kolon="dorse"],
    [data-kolon="iletisim"]
) {
    color: #4b5563 !important;
    font-family: 'DM Mono', monospace !important;
    font-size: 9.55px !important;
    font-weight: 480 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) #tGovde td:is([data-kolon="kap"], [data-kolon="kg"], .kolon-sayisal) {
    color: #344054 !important;
    font-size: 10.1px !important;
    font-weight: 540 !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-musteri .musteri-hucre-etiket {
    max-width: 132px !important;
    color: #101828 !important;
    font-size: 10.7px !important;
    font-weight: 830 !important;
}

body:not(.mobil-gorunum) #tGovde td.kolon-teklif .teklif-pill,
body:not(.mobil-gorunum) #tGovde td.kolon-ref .ref-hucre-etiket,
body:not(.mobil-gorunum) #tGovde td.durum-hucre .status-pill,
body:not(.mobil-gorunum) #tGovde td.kolon-gelir .finans-hucre-tutar,
body:not(.mobil-gorunum) #tGovde td.kolon-gider .finans-hucre-tutar {
    font-weight: 690 !important;
}

body:not(.mobil-gorunum) .satir-context-menu,
body:not(.mobil-gorunum) .gider-context-menu,
body:not(.mobil-gorunum) .harcama-context-menu,
body:not(.mobil-gorunum) .maas-context-menu {
    width: 252px !important;
    max-width: min(252px, calc(100vw - 24px)) !important;
    padding: 8px !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,0.985) !important;
    box-shadow: 0 18px 36px rgba(15,23,42,0.16), inset 0 1px 0 rgba(255,255,255,0.94) !important;
    backdrop-filter: blur(12px) saturate(112%) !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-panel-baslik {
    margin: 0 0 5px !important;
    padding: 8px 9px 9px !important;
    border: 1px solid rgba(226,232,240,0.86) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #fbfcfe 0%, #ffffff 100%) !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-panel-baslik strong {
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-panel-baslik span {
    margin-top: 3px !important;
    color: #667085 !important;
    font-size: 9.7px !important;
    font-weight: 560 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-panel-ayrac {
    height: 1px !important;
    margin: 5px 4px !important;
    background: rgba(226,232,240,0.86) !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 29px !important;
    padding: 6px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #344054 !important;
    font-size: 10.4px !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    transform: none !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn .logi-icon {
    width: 14px !important;
    height: 14px !important;
    color: #667085 !important;
    opacity: 0.82 !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn::before {
    display: none !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn:hover,
body:not(.mobil-gorunum) .satir-context-menu .menu-btn:focus-visible {
    border-color: rgba(247,108,13,0.18) !important;
    background: #fffaf6 !important;
    color: #9a4b09 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn:hover .logi-icon,
body:not(.mobil-gorunum) .satir-context-menu .menu-btn:focus-visible .logi-icon {
    color: #d95c08 !important;
    opacity: 1 !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn.tehlikeli {
    color: #9f313c !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn.tehlikeli .logi-icon {
    color: #9f313c !important;
}

body:not(.mobil-gorunum) .satir-context-menu .menu-btn.tehlikeli:hover,
body:not(.mobil-gorunum) .satir-context-menu .menu-btn.tehlikeli:focus-visible {
    border-color: rgba(166,54,64,0.18) !important;
    background: #fbf3f3 !important;
    color: #8f2f39 !important;
}

/* 14 Overrides / Teklif CRM Premium Gorunum ------------------------- */
body:not(.mobil-gorunum) #tekliflerPanel .teklif-liste-karti {
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-liste {
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    overflow: hidden !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-liste-baslik,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir {
    grid-template-columns: minmax(210px, 0.98fr) minmax(310px, 1.42fr) minmax(116px, 0.52fr) minmax(122px, 0.55fr) !important;
    gap: 12px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-liste-baslik {
    min-height: 30px !important;
    padding: 7px 11px !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
    background: #f8fafc !important;
    color: #98a2b3 !important;
    font-size: 9.3px !important;
    font-weight: 780 !important;
    letter-spacing: 0.035em !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir {
    min-height: 58px !important;
    padding: 9px 11px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.86) !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transition: background-color 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir:hover {
    border-left-color: rgba(247,108,13,0.32) !important;
    background: #fbfcfe !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir.aktif {
    border-left-color: rgba(247,108,13,0.88) !important;
    background: linear-gradient(90deg, rgba(255,247,240,0.88) 0%, #ffffff 24%) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-rota,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-durum {
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana {
    align-items: flex-start !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana .teklif-no {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 18px !important;
    padding: 3px 7px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana strong {
    display: block !important;
    max-width: 100% !important;
    margin-top: 5px !important;
    color: #111827 !important;
    font-size: 12.6px !important;
    font-weight: 820 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-mini {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr) !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-nokta {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-nokta b {
    color: #98a2b3 !important;
    font-size: 8.4px !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-nokta strong {
    display: block !important;
    min-width: 0 !important;
    color: #344054 !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1.16 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-mini > i {
    position: relative !important;
    display: block !important;
    height: 1px !important;
    margin: 0 7px !important;
    background: linear-gradient(90deg, rgba(203,213,225,0.24), rgba(148,163,184,0.88), rgba(247,108,13,0.56)) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-mini > i::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    right: -1px !important;
    width: 6px !important;
    height: 6px !important;
    border-top: 1px solid rgba(247,108,13,0.62) !important;
    border-right: 1px solid rgba(247,108,13,0.62) !important;
    transform: translateY(-50%) rotate(45deg) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat {
    align-items: flex-end !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat strong {
    color: #1f2937 !important;
    font-size: 11.7px !important;
    font-weight: 760 !important;
    text-align: right !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat small {
    display: block !important;
    margin-top: 3px !important;
    color: #98a2b3 !important;
    font-size: 9.5px !important;
    font-weight: 620 !important;
    text-align: right !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-durum-sade {
    min-height: 22px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 690 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-durum-sade i {
    width: 6px !important;
    height: 6px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-kapagi {
    position: relative !important;
    gap: 10px !important;
    padding: 14px !important;
    border: 1px solid rgba(203,213,225,0.84) !important;
    border-left: 3px solid rgba(247,108,13,0.64) !important;
    border-radius: 11px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
    box-shadow: 0 8px 22px rgba(15,23,42,0.045) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-ust {
    align-items: center !important;
    padding-bottom: 2px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-ust > span:first-child {
    min-height: 20px !important;
    padding: 4px 8px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 9px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-kapagi > strong {
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 850 !important;
    line-height: 1.12 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-kapagi > small {
    display: block !important;
    color: #475467 !important;
    font-size: 11.2px !important;
    font-weight: 640 !important;
    line-height: 1.28 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-tek-meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 9px 0 !important;
    border-top: 1px solid rgba(226,232,240,0.92) !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-tek-meta span {
    min-width: 0 !important;
    padding: 0 9px !important;
    background: transparent !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-tek-meta b {
    display: block !important;
    margin-bottom: 3px !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-tek-meta span {
    color: #1f2937 !important;
    font-size: 10.8px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis {
    position: relative !important;
    min-height: 34px !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim {
    min-height: 22px !important;
    color: #667085 !important;
    font-size: 9px !important;
    font-weight: 680 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim:not(:last-child)::after {
    right: -50% !important;
    width: 100% !important;
    background: rgba(203,213,225,0.86) !important;
    z-index: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim span {
    position: relative !important;
    z-index: 1 !important;
    width: 9px !important;
    height: 9px !important;
    border: 2px solid #ffffff !important;
    background: #cbd5e1 !important;
    box-shadow: 0 0 0 1px rgba(203,213,225,0.86) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim.aktif span,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim.tamam span {
    box-shadow: 0 0 0 1px currentColor !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-detay-komutlar {
    gap: 6px !important;
    padding-top: 2px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu {
    position: relative !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu > div {
    width: 224px !important;
    padding: 8px !important;
    border: 1px solid rgba(203,213,225,0.84) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 34px rgba(15,23,42,0.15) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu-baslik {
    margin: 6px 3px 4px !important;
    padding-top: 7px !important;
    border-top: 1px solid rgba(226,232,240,0.9) !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 820 !important;
    letter-spacing: 0.055em !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu-baslik:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu > div :is(.btn-ana, .btn-iptal) {
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 29px !important;
    height: 29px !important;
    padding: 0 9px !important;
    border-radius: 8px !important;
    font-size: 10.2px !important;
    font-weight: 650 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum {
    border-left-width: 2px !important;
    border-left-color: rgba(247,108,13,0.26) !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum > span {
    color: #9a4b09 !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum label,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-not-alani {
    color: #667085 !important;
    font-weight: 680 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum :is(.input-alan, .select-alan),
body:not(.mobil-gorunum) #tekliflerPanel .teklif-not-alani textarea {
    background: #ffffff !important;
    font-size: 11px !important;
    font-weight: 620 !important;
}

/* 14 Overrides / Teklif Modulu Stabil Sistem Cizgisi ---------------- */
body:not(.mobil-gorunum) #tekliflerPanel .teklif-liste-baslik {
    display: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-liste {
    display: grid !important;
    gap: 6px !important;
    padding: 6px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir {
    display: grid !important;
    grid-template-columns: minmax(180px, 0.9fr) minmax(240px, 1.25fr) minmax(104px, 0.48fr) minmax(106px, 0.46fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 56px !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(226,232,240,0.88) !important;
    border-left: 2px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir:hover {
    border-color: rgba(203,213,225,0.96) !important;
    border-left-color: rgba(247,108,13,0.38) !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir.aktif {
    border-color: rgba(247,108,13,0.28) !important;
    border-left-color: rgba(247,108,13,0.78) !important;
    background: linear-gradient(90deg, rgba(255,250,246,0.94) 0%, #ffffff 20%) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-rota,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-durum {
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana {
    align-items: flex-start !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana .teklif-no {
    min-height: 18px !important;
    padding: 3px 7px !important;
    border-color: rgba(203,213,225,0.82) !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 8.7px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-ana strong {
    margin-top: 5px !important;
    color: #111827 !important;
    font-size: 12.2px !important;
    font-weight: 780 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-mini {
    grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-nokta b {
    display: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-nokta strong {
    color: #475467 !important;
    font-size: 10.6px !important;
    font-weight: 580 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-mini > i {
    height: 1px !important;
    margin: 0 6px !important;
    background: rgba(203,213,225,0.9) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-rota-mini > i::after {
    border-color: rgba(148,163,184,0.9) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat {
    align-items: flex-end !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat strong {
    color: #344054 !important;
    font-size: 11.2px !important;
    font-weight: 690 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-fiyat small {
    color: #98a2b3 !important;
    font-size: 9px !important;
    font-weight: 540 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-satir-durum {
    align-items: flex-end !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-durum-sade {
    min-height: 21px !important;
    padding: 4px 8px !important;
    border-radius: 999px !important;
    font-size: 8.8px !important;
    font-weight: 650 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-durum-sade i {
    display: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-kapagi {
    gap: 8px !important;
    padding: 13px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-left: 2px solid rgba(247,108,13,0.44) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-kapagi > strong {
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-kapagi > small {
    color: #667085 !important;
    font-size: 10.8px !important;
    font-weight: 560 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-tek-meta {
    padding: 7px 0 !important;
    border-color: rgba(226,232,240,0.9) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-tek-meta b {
    color: #98a2b3 !important;
    font-size: 8.6px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-dosya-tek-meta span {
    color: #344054 !important;
    font-size: 10.3px !important;
    font-weight: 620 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis {
    display: flex !important;
    gap: 5px !important;
    min-height: 32px !important;
    padding: 5px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim {
    min-height: 22px !important;
    padding: 0 7px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    color: #667085 !important;
    font-size: 8.8px !important;
    font-weight: 620 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim::after {
    display: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim span {
    display: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim.aktif,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim:hover {
    border-color: rgba(247,108,13,0.2) !important;
    background: #fffaf6 !important;
    color: #9a4b09 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim.tamam {
    border-color: rgba(31,143,95,0.16) !important;
    background: #f1f8f5 !important;
    color: #1f6846 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum {
    grid-template-columns: 116px repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 9px !important;
    border-left: 0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum > span {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum label,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-not-alani {
    font-size: 10px !important;
    font-weight: 620 !important;
}

/* 15 Overrides / Teklif Formu Siparis Ekrani Hizasi ---------------- */
body:not(.mobil-gorunum) #tekliflerPanel.form-acik .teklif-form-karti {
    width: min(1180px, calc(100vw - 28px)) !important;
    padding: 10px !important;
    border: 1px solid rgba(203,213,225,0.95) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    box-shadow: 0 24px 70px rgba(15,23,42,0.24) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-karti > .teklif-kart-ust {
    margin: -10px -10px 8px !important;
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(226,232,240,0.95) !important;
    background: rgba(255,255,255,0.98) !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-karti > .teklif-kart-ust .teklif-eyebrow {
    color: #667085 !important;
    font-size: 9px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-karti > .teklif-kart-ust h2 {
    margin-top: 1px !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-ust-aksiyon :is(.btn-ana, .btn-iptal),
body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-aksiyon :is(.btn-ana, .btn-iptal) {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 6px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum {
    display: grid !important;
    align-items: end !important;
    gap: 7px 8px !important;
    padding: 7px !important;
    border: 1px solid rgba(226,232,240,0.96) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-kimlik {
    grid-template-columns: minmax(132px, .6fr) minmax(260px, 1.6fr) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-tur {
    grid-template-columns: minmax(180px, .8fr) minmax(150px, .7fr) minmax(150px, .7fr) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-rota {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-yuk {
    grid-template-columns: minmax(90px, .55fr) minmax(110px, .65fr) minmax(180px, 1fr) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-fiyat {
    grid-template-columns: minmax(132px, 1fr) 92px minmax(132px, 1fr) minmax(132px, 1fr) 106px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum > span {
    grid-column: 1 / -1 !important;
    display: flex !important;
    align-items: center !important;
    min-height: 15px !important;
    margin-bottom: 0 !important;
    color: #111827 !important;
    font-size: 11.5px !important;
    font-weight: 820 !important;
    line-height: 1.1 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum > span::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    margin-left: 10px;
    background: rgba(226,232,240,0.95);
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum label {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
    color: #667085 !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
    line-height: 1.15 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum :is(.input-alan, .select-alan) {
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 9px !important;
    border-color: rgba(148,163,184,0.24) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f8fafc, #f4f7fb) !important;
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 620 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-bolum :is(.input-alan, .select-alan):focus {
    border-color: rgba(247,108,13,0.42) !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(247,108,13,0.09) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-donem-alani.gizli {
    display: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-akordeon {
    border: 1px solid rgba(226,232,240,0.96) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-akordeon summary {
    min-height: 38px !important;
    padding: 8px 10px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-akordeon summary span {
    color: #111827 !important;
    font-size: 11.5px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-akordeon summary strong,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-yardim {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 620 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-akordeon summary::after {
    width: 22px !important;
    height: 22px !important;
    border-radius: 7px !important;
    color: #667085 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-panel-aksiyon {
    justify-content: flex-start !important;
    margin: 0 10px 8px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-ek-satir-listesi {
    margin: 0 10px 10px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-not-alani {
    margin: 0 !important;
    padding: 10px !important;
    color: #667085 !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-not-alani textarea {
    min-height: 62px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 620 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-form-aksiyon {
    bottom: -10px !important;
    margin: 8px -10px -10px !important;
    padding: 9px 12px !important;
    border-top: 1px solid rgba(226,232,240,0.95) !important;
    background: rgba(255,255,255,0.98) !important;
}

/* 16 Overrides / Teklif Durum Akisi Otomasyon ---------------- */
body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim {
    cursor: default !important;
    pointer-events: none !important;
    user-select: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-adim i {
    display: none !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-akis-notu {
    margin-top: -2px !important;
    padding: 0 2px !important;
    color: #98a2b3 !important;
    font-size: 9.2px !important;
    font-weight: 560 !important;
    line-height: 1.25 !important;
}

/* 17 Overrides / Kart Yonetimi Premium Denge ---------------- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel {
    padding-bottom: 4px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust {
    min-height: 44px !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    width: auto !important;
    min-height: 42px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme {
    min-width: 154px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme .finans-sekme-kod {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit {
    min-height: 34px !important;
    margin-bottom: 6px !important;
    padding: 3px 6px !important;
    border-color: rgba(226,232,240,0.96) !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,0.88) !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-kart {
    min-height: 26px !important;
    height: 26px !important;
    padding: 0 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-etiket {
    color: #98a2b3 !important;
    font-size: 8.9px !important;
    font-weight: 760 !important;
    letter-spacing: 0.035em !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-deger {
    color: #111827 !important;
    font-size: 13.5px !important;
    font-weight: 820 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(520px, min(700px, 38vw)) !important;
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-liste-kart, .cari-form-kart, .cari-detay-kart) {
    border-color: rgba(203,213,225,0.86) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15,23,42,0.045) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-kart {
    padding: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-ustbar {
    min-height: 40px !important;
    margin-bottom: 6px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-baslik {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-aciklama {
    color: #98a2b3 !important;
    font-size: 9.8px !important;
    font-weight: 620 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar .input-alan {
    width: 240px !important;
    height: 31px !important;
    min-height: 31px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar :is(.btn-ana, .btn-iptal) {
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 11px !important;
    font-size: 10.2px !important;
    font-weight: 760 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-liste {
    max-height: calc(100vh - 268px) !important;
    border-color: rgba(226,232,240,0.95) !important;
    border-radius: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
    min-height: 48px !important;
    padding: 7px 10px !important;
    border-color: rgba(226,232,240,0.92) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-row {
    grid-template-columns: minmax(220px, 1fr) minmax(250px, max-content) auto !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .cari-record-row {
    grid-template-columns: minmax(220px, 1fr) minmax(120px, .45fr) minmax(120px, .45fr) minmax(112px, .38fr) auto !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-item.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-karti-item.aktif {
    background: linear-gradient(90deg, rgba(255,250,246,0.98), #ffffff 22%) !important;
    box-shadow: inset 2px 0 0 #f76c0d !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ad {
    max-width: 56% !important;
    color: #111827 !important;
    font-size: 12.6px !important;
    font-weight: 790 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ikincil {
    color: #667085 !important;
    font-size: 10.2px !important;
    font-weight: 560 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-metrik {
    min-height: 22px !important;
    padding: 0 7px !important;
    border-color: rgba(226,232,240,0.96) !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 9.8px !important;
    font-weight: 640 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-metrik strong {
    color: #98a2b3 !important;
    font-size: 8.4px !important;
    font-weight: 760 !important;
    letter-spacing: 0.025em !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-badge {
    min-height: 21px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kart {
    padding: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak {
    margin-bottom: 8px !important;
    padding: 13px 14px !important;
    border-color: rgba(203,213,225,0.88) !important;
    border-left: 2px solid rgba(247,108,13,0.5) !important;
    border-radius: 9px !important;
    background:
        linear-gradient(90deg, rgba(255,250,246,0.92), rgba(255,255,255,0.98) 36%),
        #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kicker {
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
    letter-spacing: 0.055em !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak strong {
    margin-top: 3px !important;
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 840 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak small {
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 620 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-aksiyonlar .cari-satir-buton {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    font-size: 10.2px !important;
    font-weight: 720 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-detay-aksiyonlar .cari-kalici-sil-buton {
    border-color: rgba(220,38,38,0.28) !important;
    background: #fff7f7 !important;
    color: #b91c1c !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-detay-aksiyonlar .cari-kalici-sil-buton:hover {
    border-color: rgba(220,38,38,0.46) !important;
    background: #fef2f2 !important;
    color: #991b1b !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 5px !important;
    margin: 0 0 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta span {
    min-height: 28px !important;
    padding: 0 8px !important;
    border-color: rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #111827 !important;
    font-size: 10.4px !important;
    font-weight: 720 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta strong {
    color: #98a2b3 !important;
    font-size: 8.4px !important;
    font-weight: 760 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok {
    margin-top: 7px !important;
    padding: 9px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok > strong,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .parasut-fatura-baslik {
    color: #111827 !important;
    font-size: 10.4px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir {
    min-height: 25px !important;
    padding: 5px 0 !important;
    border-bottom-color: rgba(226,232,240,0.82) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir span:first-child {
    color: #98a2b3 !important;
    font-size: 9.2px !important;
    font-weight: 760 !important;
    letter-spacing: 0.025em !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir span:last-child {
    color: #1f2937 !important;
    font-size: 10.6px !important;
    font-weight: 620 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .cari-gecmis-tablosu {
    font-size: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .cari-gecmis-tablosu th {
    color: #98a2b3 !important;
    font-size: 8.6px !important;
    font-weight: 780 !important;
    letter-spacing: 0.04em !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .admin-status-chip {
    border-radius: 999px !important;
    font-weight: 720 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var::before {
    background: rgba(15,23,42,0.38) !important;
    backdrop-filter: blur(5px) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel.adres-form-var::before {
    background: rgba(15,23,42,0.38) !important;
    backdrop-filter: blur(5px) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart {
    width: min(1080px, calc(100vw - 36px)) !important;
    max-width: min(1080px, calc(100vw - 36px)) !important;
    max-height: min(88vh, 820px) !important;
    padding: 14px !important;
    border-radius: 10px !important;
    box-shadow: 0 26px 76px rgba(15,23,42,0.25) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel.adres-form-var .adres-karti-form-kart {
    width: min(1080px, calc(100vw - 36px)) !important;
    max-width: min(1080px, calc(100vw - 36px)) !important;
    max-height: min(88vh, 820px) !important;
    padding: 14px !important;
    border-radius: 10px !important;
    box-shadow: 0 26px 76px rgba(15,23,42,0.25) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart > .cari-kart-baslik-grup {
    top: -14px !important;
    margin: -14px -14px 10px !important;
    padding: 12px 14px 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel.adres-form-var .adres-karti-form-kart > .cari-kart-baslik-grup {
    top: -14px !important;
    margin: -14px -14px 10px !important;
    padding: 12px 14px 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum {
    padding: 8px !important;
    border-color: rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum-baslik,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) details.cari-form-bolum > summary {
    color: #111827 !important;
    font-size: 10.8px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-form-grid, .adres-karti-form-grid) :is(.input-alan, .select-alan) {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    font-size: 10.8px !important;
    background: linear-gradient(180deg, #f8fafc, #f4f7fb) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-form-grid, .adres-karti-form-grid) textarea.input-alan {
    min-height: 54px !important;
    height: 54px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var :is(.form-aksiyonlar, .cari-form-aksiyonlar) {
    bottom: -14px !important;
    margin: 10px -14px -14px !important;
    padding: 10px 14px 12px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel.adres-form-var :is(.form-aksiyonlar, .cari-form-aksiyonlar) {
    bottom: -14px !important;
    margin: 10px -14px -14px !important;
    padding: 10px 14px 12px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-aksiyonlar :is(.btn-ana, .btn-iptal) {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
}

/* 18 Overrides / Dashboard Premium Analiz Dili ---------------- */
body:not(.mobil-gorunum) #dashboardPanel.dashboard-panel {
    display: none;
    padding-bottom: 10px !important;
}

body:not(.mobil-gorunum) #dashboardPanel.dashboard-panel[style*="block"] {
    display: block;
}

body:not(.mobil-gorunum) #dashboardPanel .db-filtre-kart {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 42px !important;
    margin: 0 0 8px !important;
    padding: 6px 8px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-filtre-etiket {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 28px !important;
    padding: 0 9px !important;
    border-right: 1px solid rgba(226,232,240,0.9) !important;
    color: #111827 !important;
    font-size: 10.5px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-filtre-etiket::before {
    content: "";
    width: 14px;
    height: 14px;
    border: 1.8px solid #f76c0d;
    border-radius: 4px;
    box-shadow: inset 0 3px 0 rgba(247,108,13,0.18);
}

body:not(.mobil-gorunum) #dashboardPanel .db-filtre-grup {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-filtre-label,
body:not(.mobil-gorunum) #dashboardPanel .db-filtre-son {
    color: #98a2b3 !important;
    font-size: 9.2px !important;
    font-weight: 760 !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-filter-select {
    height: 30px !important;
    min-height: 30px !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #111827 !important;
    font-size: 10.2px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-hazir-filtreler {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: 2px !important;
    padding: 3px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 9px !important;
    background: #f8fafc !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-chip-btn,
body:not(.mobil-gorunum) #dashboardPanel .db-aksiyon-btn {
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 10px !important;
    border-radius: 7px !important;
    box-shadow: none !important;
    font-size: 9.8px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-chip-btn {
    border-color: transparent !important;
    background: transparent !important;
    color: #667085 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-chip-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-filtre-aksiyonlar {
    margin-left: auto !important;
    gap: 7px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-filtre-saat {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-aksiyon-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #344054 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-aksiyon-btn::before {
    content: "";
    width: 13px;
    height: 13px;
    border: 1.7px solid currentColor;
    opacity: .72;
}

body:not(.mobil-gorunum) #dashboardPanel .db-aksiyon-btn-excel::before {
    border-radius: 3px;
    box-shadow: inset 0 -4px 0 rgba(22,101,52,0.18);
    color: #166534;
}

body:not(.mobil-gorunum) #dashboardPanel .db-aksiyon-btn-pdf::before {
    border-radius: 2px;
    box-shadow: inset 0 -4px 0 rgba(185,28,28,0.14);
    color: #b91c1c;
}

body:not(.mobil-gorunum) #dashboardPanel .db-bolum-baslik {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 30px !important;
    margin: 8px 0 6px !important;
    padding: 0 2px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-bolum-cizgi {
    width: 3px !important;
    height: 17px !important;
    border-radius: 999px !important;
    background: #f76c0d !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-bolum-baslik.ukt .db-bolum-cizgi {
    background: #2563eb !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-bolum-metin {
    color: #111827 !important;
    font-size: 10.8px !important;
    font-weight: 820 !important;
    letter-spacing: 0.03em !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-bolum-baslik::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(203,213,225,0.9), transparent);
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-grid-dashboard {
    gap: 7px !important;
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-kart {
    min-height: 92px !important;
    padding: 9px 10px !important;
    border-color: rgba(226,232,240,0.94) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: 0 9px 20px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-kart::before {
    height: 2px !important;
    opacity: .54 !important;
}

body:not(.mobil-gorunum) #dashboardPanel :is(#dbYiSonucKart, #dbYiKarlilikKart, #dbUktSonucKart, #dbUktKarlilikKart) {
    background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
    border-color: rgba(203,213,225,0.96) !important;
}

body:not(.mobil-gorunum) #dashboardPanel :is(#dbYiSonucKart, #dbYiKarlilikKart, #dbUktSonucKart, #dbUktKarlilikKart)::before {
    opacity: .88 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon {
    position: relative !important;
    width: 24px !important;
    height: 24px !important;
    margin-bottom: 5px !important;
    border-radius: 7px !important;
    font-size: 0 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon::before,
body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon::after {
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-gelir::before {
    width: 3px;
    height: 10px;
    background: #c2410c;
    border-radius: 999px;
    box-shadow:
        5px -3px 0 #c2410c,
        10px -7px 0 #c2410c;
    opacity: .9;
    transform: translate(-5px, 4px);
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-gelir::after {
    width: 13px;
    height: 13px;
    border-top: 2px solid #c2410c;
    border-right: 2px solid #c2410c;
    border-radius: 2px;
    opacity: .92;
    transform: rotate(-45deg) translate(1px, -2px);
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-gider::before {
    width: 12px;
    height: 12px;
    border-left: 2px solid #b91c1c;
    border-bottom: 2px solid #b91c1c;
    transform: rotate(-45deg);
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-sonuc::before {
    width: 13px;
    height: 8px;
    border-left: 2px solid #15803d;
    border-bottom: 2px solid #15803d;
    transform: rotate(135deg) translate(-1px, -1px);
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-karlilik::before {
    width: 13px;
    height: 13px;
    border: 1.8px solid #1d4ed8;
    border-radius: 3px;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-karlilik::after {
    width: 9px;
    height: 7px;
    border-left: 2px solid #1d4ed8;
    border-bottom: 2px solid #1d4ed8;
    transform: rotate(135deg) translate(-1px, 1px);
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-euro::before,
body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-dolar::before {
    content: "€";
    position: static;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #1d4ed8;
    font-size: 13px;
    font-weight: 900;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-dolar::before {
    content: "$";
    color: #c2410c;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-doviz::before,
body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-doviz::after {
    position: absolute;
    inset: auto;
    display: grid;
    place-items: center;
    width: 13px;
    height: 13px;
    border-radius: 999px;
    font-size: 8.5px;
    font-weight: 900;
    line-height: 1;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-doviz::before {
    content: "€";
    top: 4px;
    left: 4px;
    color: #1d4ed8;
    background: rgba(219,234,254,0.96);
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-doviz::after {
    content: "$";
    right: 4px;
    bottom: 4px;
    color: #c2410c;
    background: rgba(255,237,213,0.98);
    box-shadow: -2px -2px 0 rgba(255,255,255,0.9);
}

body:not(.mobil-gorunum) #dashboardPanel :is(#dbUktGelir, #dbUktGider, #dbUktSonuc, #dbUktKarlilik) {
    font-size: 16.6px !important;
    line-height: 1.16 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-etiket {
    color: #98a2b3 !important;
    font-size: 8.4px !important;
    font-weight: 760 !important;
    letter-spacing: 0.055em !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-deger {
    color: #111827 !important;
    font-size: 18.2px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #dashboardPanel :is(#dbYiSonucKart, #dbYiKarlilikKart, #dbUktSonucKart, #dbUktKarlilikKart) .db-kpi-deger {
    font-size: 19.4px !important;
    font-weight: 860 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-alt {
    color: #667085 !important;
    font-size: 8.7px !important;
    font-weight: 560 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-chart-grid {
    gap: 8px !important;
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-chart-hero {
    padding: 12px !important;
    border-color: rgba(203,213,225,0.9) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, #ffffff, #fbfdff) !important;
    box-shadow: 0 12px 28px rgba(15,23,42,0.045) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-panel-header {
    min-height: 34px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-panel-baslik {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 830 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-panel-alt {
    color: #98a2b3 !important;
    font-size: 10px !important;
    font-weight: 580 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-trend-hero-ozet {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-bottom: 9px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-trend-hero-chip {
    min-height: 42px !important;
    padding: 7px 9px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-trend-hero-chip span {
    color: #98a2b3 !important;
    font-size: 8.6px !important;
    font-weight: 760 !important;
    letter-spacing: 0.045em !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-trend-hero-chip strong {
    color: #111827 !important;
    font-size: 14.5px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-chart-canvas-shell,
body:not(.mobil-gorunum) #dashboardPanel .db-chart-hero > div[style*="height:220px"],
body:not(.mobil-gorunum) #dashboardPanel #dbTrendChart {
    height: 218px !important;
    min-height: 218px !important;
    max-height: 218px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-analiz-bar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 0 8px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: 0 8px 18px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-analiz-btn {
    min-width: 126px !important;
    height: 31px !important;
    min-height: 31px !important;
    padding: 0 13px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 10.2px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-analiz-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-analiz-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-kart,
body:not(.mobil-gorunum) #dashboardPanel .db-musteri-rapor-kart {
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-kart {
    padding: 10px !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-ust {
    min-height: 34px !important;
    margin-bottom: 7px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-baslik {
    color: #111827 !important;
    font-size: 11.4px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-alt {
    color: #98a2b3 !important;
    font-size: 9.6px !important;
    font-weight: 560 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-liste {
    display: grid !important;
    gap: 0 !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-item {
    min-height: 42px !important;
    padding: 7px 9px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.86) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-item:last-child {
    border-bottom: 0 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-item.lider-kart {
    background: linear-gradient(90deg, rgba(255,250,246,0.92), #ffffff 24%) !important;
    box-shadow: inset 2px 0 0 #f76c0d !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-mini-badge {
    min-width: 28px !important;
    height: 22px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-metin strong {
    color: #111827 !important;
    font-size: 11.4px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-metin span,
body:not(.mobil-gorunum) #dashboardPanel .db-cari-sag small {
    color: #98a2b3 !important;
    font-size: 9.4px !important;
    font-weight: 560 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-cari-sag strong {
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 780 !important;
}

body:not(.mobil-gorunum) #dashboardPanel :is(.cari-detay-bos, .db-musteri-bos, .db-dikkat-bos) {
    min-height: 118px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 7px !important;
    padding: 18px !important;
    border: 1px dashed rgba(203,213,225,0.94) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 620 !important;
    text-align: center !important;
}

body:not(.mobil-gorunum) #dashboardPanel :is(.cari-detay-bos, .db-musteri-bos, .db-dikkat-bos)::before {
    content: "";
    width: 28px;
    height: 28px;
    border: 1px solid rgba(203,213,225,0.95);
    border-radius: 8px;
    background:
        linear-gradient(90deg, transparent 45%, rgba(148,163,184,0.35) 45%, rgba(148,163,184,0.35) 55%, transparent 55%),
        linear-gradient(0deg, transparent 45%, rgba(148,163,184,0.35) 45%, rgba(148,163,184,0.35) 55%, transparent 55%),
        #ffffff;
}

@media (max-width: 1180px) {
    body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-grid-4,
    body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-grid-5,
    body:not(.mobil-gorunum) #detayOverlay .detay-bilgi-grid-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body:not(.mobil-gorunum) #detayOverlay .detay-bolum-grid-ikili,
    body:not(.mobil-gorunum) #detayOverlay .detay-bolum-grid-ana,
    body:not(.mobil-gorunum) #detayOverlay .detay-rota-grid,
    body:not(.mobil-gorunum) #detayOverlay .detay-not-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .mobile-nav { display: flex !important; }
    .icerik { padding-bottom: 80px; }
    .tab-sarici { display: none; }
}

/* Final / Finans Merkezi Sekme Kilidi ------------------------------ */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust {
    min-height: 44px !important;
    margin: 0 0 6px !important;
    padding: 4px !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme {
    min-width: 154px !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 15px !important;
    gap: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme span::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme span::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-kod {
    display: none !important;
    content: none !important;
}

/* Final / Finans Filtre ve Maas Okuma Dili ------------------------- */
body:not(.mobil-gorunum) #finansMerkeziPanel .finans-toolbar-filtre-ozeti {
    order: 70 !important;
    flex: 0 1 auto !important;
    width: auto !important;
    max-width: min(520px, 38vw) !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 5px !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .gider-filtre-toolbar > .finans-toolbar-filtre-ozeti {
    margin-left: 6px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-toolbar-filtre-ozeti .aktif-filtre-chip {
    min-height: 25px !important;
    height: 25px !important;
    padding: 0 7px !important;
    gap: 5px !important;
    border-radius: 999px !important;
    border-color: rgba(226,232,240,0.96) !important;
    background: #f8fafc !important;
    color: #344054 !important;
    box-shadow: none !important;
    font-size: 9.3px !important;
    font-weight: 680 !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-toolbar-filtre-ozeti .aktif-filtre-chip strong {
    color: #98a2b3 !important;
    font-size: 8.4px !important;
    font-weight: 820 !important;
    letter-spacing: 0.035em !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-toolbar-filtre-ozeti .aktif-filtre-chip span {
    color: #111827 !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-toolbar-filtre-ozeti .aktif-filtre-chip button {
    width: 17px !important;
    height: 17px !important;
    min-width: 17px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #98a2b3 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-toolbar-filtre-ozeti .aktif-filtre-chip.temizle {
    border-color: rgba(247,108,13,0.2) !important;
    background: #fff8f2 !important;
    color: #c2410c !important;
    font-size: 8.8px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody td {
    vertical-align: middle !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-personel-hucre,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-donem-hucre,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-tutar-hucre,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-odeme-hucre,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-kalan-hucre {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-personel-hucre strong {
    color: #111827 !important;
    font-size: 11.6px !important;
    font-weight: 830 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-personel-hucre span,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-donem-hucre span,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-tutar-hucre small,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-odeme-hucre small {
    color: #98a2b3 !important;
    font-size: 9.2px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-donem-hucre strong {
    color: #344054 !important;
    font-size: 10.8px !important;
    font-weight: 780 !important;
    line-height: 1.25 !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-tutar-hucre {
    align-items: end !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-tutar-hucre .finans-hucre-tutar,
body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-odeme-hucre span {
    color: #111827 !important;
    font-size: 11.2px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    text-align: right !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-odeme-hucre {
    justify-items: end !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-kalan-hucre {
    justify-items: end !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel #maasTableBody .maas-kalan-hucre .finans-badge {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 780 !important;
    box-shadow: none !important;
}

/* Final / Şirket Merkezi Kurumsal Dosya Kilidi --------------------- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel {
    padding-top: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-main-layout {
    grid-template-columns: 252px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    top: 74px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.88) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    gap: 4px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head {
    margin: 0 0 4px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 8px 8px 0 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head-kicker,
body:not(.mobil-gorunum) #companyCenterPanel .company-section-kicker,
body:not(.mobil-gorunum) #companyCenterPanel .company-form-kicker {
    color: #98a2b3 !important;
    font-size: 9px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head-title {
    margin-top: 2px !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head-sub {
    display: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    width: 100% !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #667085 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-icon,
body:not(.mobil-gorunum) #companyCenterPanel .company-section-icon {
    display: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1.15 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small {
    display: block !important;
    color: #98a2b3 !important;
    font-size: 9px !important;
    font-weight: 620 !important;
    line-height: 1.2 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.88) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 2px 0 0 rgba(247,108,13,0.78), 0 8px 18px rgba(247,108,13,0.06) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-content-shell {
    padding: 12px !important;
    border: 1px solid rgba(203,213,225,0.88) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-head {
    min-height: 42px !important;
    padding: 0 0 8px !important;
    margin: 0 0 10px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-title-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-title {
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-sub,
body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-sub {
    display: block !important;
    max-width: 820px !important;
    margin-top: 3px !important;
    color: #98a2b3 !important;
    font-size: 10px !important;
    font-weight: 560 !important;
    line-height: 1.35 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-strip {
    display: grid !important;
    grid-template-columns: 170px minmax(0, 1fr) !important;
    gap: 10px !important;
    align-items: start !important;
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(245,158,11,0.2) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, #fffaf5, #ffffff) !important;
    box-shadow: 0 8px 18px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-strip-head {
    display: grid !important;
    gap: 3px !important;
    align-content: start !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-strip .company-section-title {
    font-size: 13px !important;
    color: #92400e !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-strip-note {
    color: #98a2b3 !important;
    font-size: 9.5px !important;
    font-weight: 680 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-card {
    min-height: 64px !important;
    padding: 9px 10px !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-card-top strong {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-card-meta,
body:not(.mobil-gorunum) #companyCenterPanel .company-alert-card-foot {
    margin-top: 3px !important;
    color: #98a2b3 !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-surface,
body:not(.mobil-gorunum) #companyCenterPanel .company-list-shell,
body:not(.mobil-gorunum) #companyCenterPanel .company-side-shell,
body:not(.mobil-gorunum) #companyCenterPanel .company-form-shell {
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 18px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet,
body:not(.mobil-gorunum) #companyCenterPanel .company-finance-surface,
body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-shell {
    padding: 13px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-head {
    padding: 0 0 10px !important;
    margin: 0 0 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-kicker,
body:not(.mobil-gorunum) #companyCenterPanel .company-profile-group-title,
body:not(.mobil-gorunum) #companyCenterPanel .company-form-section-title {
    color: #344054 !important;
    font-size: 10px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-title {
    margin-top: 3px !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 840 !important;
    line-height: 1.2 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-groups {
    gap: 12px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-rows {
    gap: 6px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-info-row,
body:not(.mobil-gorunum) #companyCenterPanel .company-person-row {
    min-height: 38px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-row {
    display: grid !important;
    grid-template-columns: minmax(120px, 0.32fr) minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-role,
body:not(.mobil-gorunum) #companyCenterPanel .company-info-row-label {
    color: #98a2b3 !important;
    font-size: 9.5px !important;
    font-weight: 720 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-main {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-main strong,
body:not(.mobil-gorunum) #companyCenterPanel .company-info-row-value strong {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-main strong.empty,
body:not(.mobil-gorunum) #companyCenterPanel .company-info-row-value strong.empty {
    color: #98a2b3 !important;
    font-weight: 650 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-meta span {
    max-width: 220px !important;
    color: #667085 !important;
    font-size: 9.6px !important;
    font-weight: 590 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-shell {
    padding: 12px !important;
    background: linear-gradient(180deg, #ffffff, #f9fafb) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-head {
    padding-bottom: 9px !important;
    margin-bottom: 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-title {
    margin-top: 3px !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-sub {
    color: #98a2b3 !important;
    font-size: 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-section {
    padding: 10px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-section + .company-form-section {
    margin-top: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-grid {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-field {
    gap: 4px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-field > span,
body:not(.mobil-gorunum) #companyCenterPanel .company-field label,
body:not(.mobil-gorunum) #companyCenterPanel .company-checkbox-field span {
    color: #667085 !important;
    font-size: 9.8px !important;
    font-weight: 680 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-field input,
body:not(.mobil-gorunum) #companyCenterPanel .company-field textarea,
body:not(.mobil-gorunum) #companyCenterPanel .company-field select {
    min-height: 34px !important;
    padding: 7px 9px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-field textarea {
    min-height: 70px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-form-actions {
    justify-content: flex-end !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    border-top: 1px solid rgba(226,232,240,0.9) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-layout {
    grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.72fr) !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-overview-surface {
    display: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-list {
    gap: 7px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-card {
    padding: 10px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-left: 3px solid rgba(203,213,225,0.95) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-card:hover,
body:not(.mobil-gorunum) #companyCenterPanel .company-doc-card.aktif {
    border-color: rgba(247,108,13,0.22) !important;
    border-left-color: rgba(247,108,13,0.8) !important;
    background: linear-gradient(180deg, #fffaf5, #ffffff) !important;
    box-shadow: 0 8px 18px rgba(247,108,13,0.055) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-card-top {
    margin-bottom: 7px !important;
    align-items: center !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-card-title-group strong {
    color: #111827 !important;
    font-size: 12.2px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-inline-strip {
    margin: 0 0 7px !important;
    color: #667085 !important;
    font-size: 9.6px !important;
    font-weight: 590 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-meta-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin-bottom: 7px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-meta-item {
    padding: 7px 8px !important;
    border-radius: 8px !important;
    background: #f9fafb !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-meta-item span {
    margin-bottom: 2px !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 680 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-meta-item strong {
    color: #111827 !important;
    font-size: 10.5px !important;
    font-weight: 720 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-card-foot {
    gap: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-card-foot .company-doc-meta {
    display: block !important;
    color: #98a2b3 !important;
    font-size: 9.5px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-side-shell {
    top: 74px !important;
    padding: 12px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-detail-summary {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
    margin: 10px 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-detail-summary .company-info-card.inline {
    min-height: 42px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-grid {
    grid-template-columns: repeat(auto-fit, minmax(310px, 1fr)) !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-card {
    display: grid !important;
    gap: 8px !important;
    padding: 11px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-card-top {
    margin: 0 !important;
    align-items: center !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-main strong {
    color: #111827 !important;
    font-size: 12.5px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-subtitle {
    color: #667085 !important;
    font-size: 9.8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-iban-row {
    order: -1 !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    border-radius: 8px !important;
    border-color: rgba(247,108,13,0.16) !important;
    background: linear-gradient(180deg, #fffaf5, #ffffff) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-iban-row span {
    color: #c2410c !important;
    font-size: 9px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-iban-row strong {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-status-chip {
    min-height: 20px !important;
    padding: 0 7px !important;
    border-radius: 999px !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-action-btn,
body:not(.mobil-gorunum) #companyCenterPanel .company-inline-btn,
body:not(.mobil-gorunum) #companyCenterPanel .company-upload-btn {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-copy-btn {
    min-width: 48px !important;
    min-height: 24px !important;
    height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    color: #667085 !important;
    background: #ffffff !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-copy-btn.compact {
    min-width: 42px !important;
    min-height: 22px !important;
    height: 22px !important;
    padding: 0 7px !important;
    font-size: 8.4px !important;
}

/* Final / Şirket Merkezi Hizalama ve Sekme Barı -------------------- */
body:not(.mobil-gorunum) #companyCenterPanel .company-shell {
    gap: 6px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-main-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 6px !important;
    width: 100% !important;
    align-items: start !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    position: relative !important;
    top: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    display: grid !important;
    grid-template-columns: minmax(150px, 190px) minmax(0, 1fr) !important;
    gap: 5px !important;
    align-items: stretch !important;
    width: 100% !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head {
    display: grid !important;
    align-content: center !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 6px 10px !important;
    border: 0 !important;
    border-right: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 8px 0 0 8px !important;
    background: linear-gradient(180deg, #f9fafb, #ffffff) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head-kicker {
    color: #98a2b3 !important;
    font-size: 8.5px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head-title {
    margin-top: 2px !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 840 !important;
    line-height: 1.15 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head-sub {
    display: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav > .company-nav-btn {
    grid-row: 1 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head ~ .company-nav-btn {
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    grid-auto-flow: column !important;
    grid-auto-columns: minmax(130px, 1fr) !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    min-height: 42px !important;
    height: 42px !important;
    width: auto !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #667085 !important;
    text-align: left !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    gap: 2px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    color: inherit !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small {
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 620 !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.9) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.76), 0 8px 16px rgba(247,108,13,0.055) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-content-shell {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-shell {
    display: grid !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 38px !important;
    padding: 0 0 8px !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-title-line {
    display: flex !important;
    align-items: baseline !important;
    gap: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-kicker {
    min-width: auto !important;
    color: #98a2b3 !important;
    font-size: 8.6px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-title {
    color: #111827 !important;
    font-size: 13.5px !important;
    font-weight: 840 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-sub {
    max-width: 860px !important;
    margin-top: 2px !important;
    font-size: 9.6px !important;
    line-height: 1.28 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet {
    padding: 12px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-groups {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.9fr) minmax(0, 1.15fr) !important;
    gap: 8px !important;
    align-items: start !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-group {
    min-width: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 9px !important;
    background: #f9fafb !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-group-title {
    margin-bottom: 7px !important;
    color: #111827 !important;
    font-size: 10px !important;
    font-weight: 840 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-info-row {
    grid-template-columns: minmax(86px, 0.34fr) minmax(0, 1fr) auto !important;
    min-height: 35px !important;
    padding: 7px 8px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-row {
    grid-template-columns: minmax(72px, 0.28fr) minmax(0, 1fr) auto !important;
    min-height: 42px !important;
    padding: 7px 8px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-info-row-label,
body:not(.mobil-gorunum) #companyCenterPanel .company-person-role {
    font-size: 8.8px !important;
    font-weight: 740 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-info-row-value strong,
body:not(.mobil-gorunum) #companyCenterPanel .company-person-main strong {
    font-size: 11.2px !important;
    font-weight: 780 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-person-meta span {
    max-width: 150px !important;
    font-size: 8.8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-alert-strip {
    grid-template-columns: minmax(135px, 160px) minmax(0, 1fr) !important;
    margin: 0 !important;
    padding: 8px 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-doc-layout {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.56fr) !important;
    gap: 8px !important;
    align-items: start !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-list-shell,
body:not(.mobil-gorunum) #companyCenterPanel .company-side-shell,
body:not(.mobil-gorunum) #companyCenterPanel .company-section-surface {
    padding: 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-side-shell {
    position: sticky !important;
    top: 74px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

@media (max-width: 1280px) {
    body:not(.mobil-gorunum) #companyCenterPanel .company-profile-groups,
    body:not(.mobil-gorunum) #companyCenterPanel .company-bank-grid {
        grid-template-columns: 1fr !important;
    }

    body:not(.mobil-gorunum) #companyCenterPanel .company-doc-layout {
        grid-template-columns: 1fr !important;
    }
}

/* Final / Şirket Finans ve Banka Liste Görünümü -------------------- */
body:not(.mobil-gorunum) #companyCenterPanel .company-finance-blocks {
    display: grid !important;
    grid-template-columns: minmax(260px, 0.34fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: start !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-blocks > .company-form-shell {
    grid-column: 1 / -1 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-surface {
    min-height: 0 !important;
    padding: 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-card {
    display: grid !important;
    gap: 8px !important;
    min-height: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-main {
    display: grid !important;
    gap: 3px !important;
    padding: 10px !important;
    border: 1px solid rgba(247,108,13,0.16) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #fffaf5, #ffffff) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-main span,
body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-info span {
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
    line-height: 1.15 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-main strong {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 840 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-main small {
    color: #c2410c !important;
    font-size: 9.2px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-info {
    display: grid !important;
    gap: 6px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-info > div {
    display: grid !important;
    gap: 2px !important;
    padding: 8px 9px !important;
    border: 1px solid rgba(226,232,240,0.92) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-finance-contact-info strong {
    min-width: 0 !important;
    color: #344054 !important;
    font-size: 10.8px !important;
    font-weight: 740 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-shell {
    min-width: 0 !important;
    padding: 10px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    margin-top: 8px !important;
    border: 1px solid rgba(203,213,225,0.88) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-head {
    display: grid !important;
    grid-template-columns: minmax(150px, 0.78fr) minmax(260px, 1.25fr) minmax(180px, 0.92fr) minmax(110px, 0.46fr) minmax(116px, 0.48fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    border-bottom: 1px solid rgba(226,232,240,0.94) !important;
    background: #f9fafb !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-head span {
    color: #98a2b3 !important;
    font-size: 8.6px !important;
    font-weight: 820 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row {
    display: grid !important;
    grid-template-columns: minmax(150px, 0.78fr) minmax(260px, 1.25fr) minmax(180px, 0.92fr) minmax(110px, 0.46fr) minmax(116px, 0.48fr) !important;
    gap: 10px !important;
    align-items: center !important;
    min-height: 52px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row:last-child {
    border-bottom: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row:hover {
    background: #fffaf5 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-main {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-main strong {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 11.4px !important;
    font-weight: 820 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-main span {
    min-width: 0 !important;
    color: #667085 !important;
    font-size: 9.2px !important;
    font-weight: 620 !important;
    line-height: 1.15 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-iban-row {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    gap: 7px !important;
    align-items: center !important;
    order: initial !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-iban-row span {
    color: #98a2b3 !important;
    font-size: 8.6px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-iban-row strong {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 10.8px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-meta-line {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-meta-line span {
    min-width: 0 !important;
    max-width: 130px !important;
    padding: 0 7px !important;
    min-height: 21px !important;
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 999px !important;
    background: #f9fafb !important;
    color: #667085 !important;
    font-size: 8.8px !important;
    font-weight: 680 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-card-status {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-row-actions {
    display: grid !important;
    gap: 4px !important;
    justify-items: end !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-row-actions .company-doc-actions {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 5px !important;
    margin: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row .company-bank-footnote {
    max-width: 160px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media (max-width: 1380px) {
    body:not(.mobil-gorunum) #companyCenterPanel .company-finance-blocks {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1180px) {
    body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-head {
        display: none !important;
    }

    body:not(.mobil-gorunum) #companyCenterPanel .company-bank-list-row {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        align-items: start !important;
        padding: 10px !important;
    }

    body:not(.mobil-gorunum) #companyCenterPanel .company-bank-row-actions {
        justify-items: start !important;
    }
}

/* Final / Şirket Sekme ve Başlık Sadeleştirme ---------------------- */
body:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    min-height: 44px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.035) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-head,
body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small,
body:not(.mobil-gorunum) #companyCenterPanel .company-section-kicker,
body:not(.mobil-gorunum) #companyCenterPanel .company-section-sub,
body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-sub,
body:not(.mobil-gorunum) #companyCenterPanel .company-form-kicker,
body:not(.mobil-gorunum) #companyCenterPanel .company-form-sub {
    display: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    flex: 0 0 auto !important;
    min-width: 138px !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 14px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    color: inherit !important;
    font-size: 10.6px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.88) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.22) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.76), 0 8px 16px rgba(247,108,13,0.055) !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-head {
    min-height: 36px !important;
    padding-bottom: 8px !important;
    align-items: center !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-title-line {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-section-title {
    font-size: 13.5px !important;
    font-weight: 840 !important;
    line-height: 1.15 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-head {
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-kicker {
    color: #98a2b3 !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
    line-height: 1.1 !important;
}

body:not(.mobil-gorunum) #companyCenterPanel .company-profile-sheet-title {
    margin-top: 2px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
}

/* Final / Şirket Sekmeleri Sistem Standardı ------------------------ */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 0 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    overflow-x: auto !important;
    scrollbar-width: thin !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-head,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    flex: 0 1 172px !important;
    min-width: 138px !important;
    max-width: 190px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 10.8px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    display: block !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 10.8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.88) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

/* Final / Şirket Sekmeleri Yatay Kilit ----------------------------- */
body #companyCenterPanel .company-nav-shell {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    margin: 0 0 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow: hidden !important;
}

body #companyCenterPanel .company-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 4px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body #companyCenterPanel .company-nav-head,
body #companyCenterPanel .company-nav-btn-copy small {
    display: none !important;
}

body #companyCenterPanel .company-nav > .company-nav-btn,
body #companyCenterPanel .company-nav-btn {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 148px !important;
    max-width: 190px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    text-align: center !important;
}

body #companyCenterPanel .company-nav-btn-copy {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
}

body #companyCenterPanel .company-nav-btn-copy strong {
    display: block !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 10.8px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.88) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

/* Final / Kart Yönetimi Sekme Standardını Finans ve Şirkete Uygula -- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    min-height: 44px !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    display: block !important;
    width: 100% !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-head,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel .finans-sekme-kod {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav > .company-nav-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 154px !important;
    width: auto !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::after {
    display: none !important;
    content: none !important;
}

/* Admin sade mod son kilit: sonraki genel program kurallari bu ekrani geri sisirmesin. */
body.admin-sayfasi-aktif #adminPortalHub {
    width: calc(100% - (var(--logi-workspace-edge) * 2)) !important;
    max-width: none !important;
}

body.admin-sayfasi-aktif #adminPortalHub > .admin-hub-sidebar,
body.admin-sayfasi-aktif #adminPortalHub .admin-hub-sidebar,
body.admin-sayfasi-aktif #adminPortalHub .admin-hub-nav,
body.admin-sayfasi-aktif #adminPortalHub .admin-hub-nav-item {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.admin-sayfasi-aktif #adminPortalHub #adminTabGuvenlik .admin-security-collapse:nth-of-type(n+2) {
    display: none !important;
}

@media (max-width: 980px) {
}




/* Admin final sade mod: ic sekme hissini kaldir, gunluk ekranlari tek is akisi yap. */
body.admin-sayfasi-aktif #adminPortalHub {
    width: calc(100% - (var(--logi-workspace-edge) * 2)) !important;
    max-width: none !important;
}

body #adminPortalHub > .admin-hub-sidebar,
body #adminPortalHub .admin-hub-sidebar,
body #adminPortalHub .admin-hub-nav,
body #adminPortalHub .admin-hub-nav-item {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body #adminPortalHub .admin-hub-header {
    min-height: 44px !important;
    padding: 8px 10px !important;
}

body #adminPortalHub .admin-hub-title-wrap h1 {
    font-size: 15px !important;
}

body #adminPortalHub .admin-simple-action-grid {
    max-width: 1120px !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

body #adminPortalHub .admin-simple-action {
    min-height: 76px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body #adminPortalHub #adminTabGuvenlik.admin-section-active {
    gap: 8px !important;
}

body #adminPortalHub #adminTabGuvenlik .admin-security-collapse:nth-of-type(n+2) {
    display: none !important;
}

@media (max-width: 980px) {
}

/* Master data account roles */
.cari-role-row,
.cari-record-roles {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    min-width: 0;
}

.cari-role-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 3px 8px;
    border: 1px solid rgba(203, 213, 225, .86);
    border-radius: 999px;
    background: linear-gradient(180deg, #fff, #f8fafc);
    color: #475569;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1;
    white-space: nowrap;
}

.cari-detay-kapak .cari-role-row {
    margin-top: 8px;
}

.cari-kod-alani,
.cari-kod-alani[readonly] {
    background: linear-gradient(180deg, #f8fafc, #ffffff) !important;
    color: #475467 !important;
    font-family: 'DM Mono', monospace !important;
    font-weight: 760 !important;
    letter-spacing: 0.02em !important;
}

.cari-kalite-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 4px 8px;
    border-radius: 999px;
    border: 1px solid rgba(203,213,225,0.86);
    background: #f8fafc;
    color: #667085;
    font-size: 10px;
    font-weight: 820;
    line-height: 1;
    white-space: nowrap;
}

.cari-kalite-badge.tam {
    border-color: rgba(22,163,74,0.20);
    background: #f0fdf4;
    color: #15803d;
}

.cari-kalite-badge.eksik {
    border-color: rgba(247,108,13,0.22);
    background: #fff7ed;
    color: #c2410c;
}

.cari-kalite-badge.pasif {
    border-color: rgba(148,163,184,0.35);
    background: #f1f5f9;
    color: #64748b;
}

.cari-kod-chip {
    font-family: 'DM Mono', monospace;
    color: #475467;
}

.cari-kalite-uyari {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 8px 0;
    padding: 10px 12px;
    border: 1px solid rgba(247,108,13,0.18);
    border-radius: 12px;
    background: linear-gradient(180deg, #fff7ed, #ffffff);
    color: #9a3412;
}

.cari-kalite-uyari strong {
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 840;
}

.cari-kalite-uyari span {
    min-width: 0;
    color: #7c2d12;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    text-align: right;
}

.cari-profil-meta em.cari-kalite-badge {
    font-style: normal;
    margin-top: 2px;
}

.master-quality-panel {
    display: grid;
    gap: 8px;
    width: 100%;
    margin-bottom: 10px;
}

.master-quality-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr));
    gap: 8px;
    width: 100%;
}

.master-quality-card {
    display: grid;
    gap: 6px;
    min-height: 62px;
    padding: 10px 12px;
    border: 1px solid rgba(203,213,225,0.86);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.master-quality-card span {
    color: #98a2b3;
    font-size: 9px;
    font-weight: 820;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.master-quality-card strong {
    color: #202939;
    font-size: 20px;
    font-weight: 860;
    line-height: 1;
}

.master-quality-card.vurgu {
    border-color: rgba(247,108,13,0.20);
    background: linear-gradient(180deg, #fff7ed, #ffffff);
}

.master-quality-card.vurgu strong {
    color: #c2410c;
}

.master-quality-worklist {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(203,213,225,0.82);
    border-radius: 10px;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.master-quality-bulk {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(247,108,13,0.18);
    border-radius: 10px;
    background: linear-gradient(180deg, #fffaf6, #ffffff);
}

.master-quality-bulk-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.master-quality-bulk-head strong {
    color: #202939;
    font-size: 12px;
    font-weight: 900;
}

.master-quality-bulk-head span {
    color: #7b88a0;
    font-size: 10.5px;
    font-weight: 760;
}

.master-quality-bulk-rows {
    display: grid;
    gap: 7px;
}

.master-quality-bulk-row {
    display: grid;
    grid-template-columns: 92px minmax(130px, 1fr) minmax(150px, 1.1fr) 120px auto;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid rgba(247,108,13,0.16);
    border-radius: 8px;
    background: rgba(255,255,255,0.86);
}

.master-quality-bulk-row span,
.master-quality-bulk-row small {
    color: #9a5a2d;
    font-size: 9.5px;
    font-weight: 860;
    text-transform: uppercase;
}

.master-quality-bulk-row strong,
.master-quality-bulk-row em {
    min-width: 0;
    overflow: hidden;
    color: #202939;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.master-quality-worklist-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.master-quality-worklist-head > div {
    display: grid;
    gap: 2px;
}

.master-quality-worklist-head strong {
    color: #202939;
    font-size: 12px;
    font-weight: 900;
}

.master-quality-worklist-head span,
.master-quality-clean {
    color: #7b88a0;
    font-size: 10.5px;
    font-weight: 760;
}

.master-quality-worklist-rows {
    display: grid;
    grid-template-columns: 1fr;
    gap: 7px;
}

.master-quality-worklist-row {
    display: grid;
    grid-template-columns: 86px 110px minmax(130px, 1fr) 68px minmax(140px, 1.1fr) auto;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    padding: 7px 9px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 8px;
    background: #fff;
    color: #202939;
    text-align: left;
}

.master-quality-worklist-row span,
.master-quality-worklist-row small {
    color: #8a98ad;
    font-size: 9.5px;
    font-weight: 850;
    text-transform: uppercase;
}

.master-quality-worklist-row strong,
.master-quality-worklist-row em,
.master-quality-worklist-row b {
    min-width: 0;
    overflow: hidden;
    color: #202939;
    font-size: 10.5px;
    font-style: normal;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.master-quality-worklist-row b {
    color: #344054;
    font-weight: 820;
}

.master-quality-row-actions {
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.master-quality-row-actions :is(.btn-ana, .btn-iptal) {
    min-height: 28px;
    padding: 0 9px;
    font-size: 10px;
}

.master-quality-worklist-row:hover {
    border-color: rgba(247,108,13,0.22);
    background: #fffaf6;
}

@media (max-width: 900px) {
    .master-quality-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .master-quality-worklist-rows {
        grid-template-columns: 1fr;
    }

    .master-quality-worklist-row {
        grid-template-columns: 1fr;
    }

    .master-quality-bulk-row {
        grid-template-columns: 1fr;
    }
}

/* Mobil Toparlama v2: sade, dokunmatik, karışıklığı azaltan son katman */
@media (max-width: 768px) {
    html,
    body {
        width: 100% !important;
        overflow-x: hidden !important;
        background: #f3f6fa !important;
    }

    body.mobil-gorunum,
    body {
        padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .header {
        position: sticky !important;
        top: 0 !important;
        z-index: 850 !important;
        min-height: 56px !important;
        padding: 8px 10px !important;
        gap: 7px !important;
        border-bottom: 1px solid rgba(203,213,225,0.76) !important;
        background: rgba(255,255,255,0.96) !important;
        box-shadow: 0 8px 22px rgba(15,23,42,0.055) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    .header-logo-image {
        width: 136px !important;
        height: auto !important;
        max-width: 136px !important;
    }

    .gorunum-secici-header,
    .backup-banner,
    .tab-sarici {
        display: none !important;
    }

    .header-sag {
        width: 100% !important;
        display: flex !important;
        gap: 6px !important;
        overflow-x: auto !important;
        padding-bottom: 0 !important;
    }

    .header-sag :is(button, .btn, .header-araclar-btn, .kullanici-rozeti) {
        min-height: 34px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    .kullanici-rozeti {
        min-width: 118px !important;
        padding: 4px 8px !important;
    }

    .kullanici-mail,
    .kullanici-rol,
    .btn-label {
        max-width: 96px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .icerik,
    #dashboardPanel,
    #adminPanel,
    #tekliflerPanel,
    #finansMerkeziPanel,
    #companyCenterPanel,
    #kartYonetimiPanel {
        width: 100% !important;
        padding: 8px 8px calc(96px + env(safe-area-inset-bottom, 0px)) !important;
        margin: 0 !important;
    }

    .form-panel,
    .arama-bari,
    .aktif-filtre-ozeti,
    .toplu-bari,
    .tablo-kart,
    .sayfalama,
    .cari-form-kart,
    .cari-liste-kart,
    .cari-detay-kart,
    .db-kpi-kart,
    .db-cari-kart,
    .gider-form-kart,
    .gider-komut-karti,
    .gider-liste-kart,
    .company-card,
    .admin-section-card {
        border-radius: 14px !important;
        padding: 10px !important;
        box-shadow: 0 8px 20px rgba(15,23,42,0.045) !important;
    }

    .arama-bari {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        align-items: stretch !important;
    }

    .arama-bari :is(button, .btn, input, select, .genel-arama-input) {
        min-height: 38px !important;
        width: 100% !important;
        max-width: none !important;
        font-size: 12px !important;
    }

    .hizli-filtreler,
    .hizli-filtreler-ust,
    .aktif-filtre-chip-listesi,
    .toplu-butonlar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .hizli-filtre,
    .aktif-filtre-chip,
    .filtre-temizle-btn,
    .btn-filtre-temizle {
        min-height: 34px !important;
        padding: 7px 9px !important;
        border-radius: 12px !important;
        font-size: 10.5px !important;
        justify-content: center !important;
    }

    .mobile-nav {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        height: 64px !important;
        padding: 5px !important;
        display: flex !important;
        gap: 3px !important;
        align-items: center !important;
        border-radius: 18px !important;
        border: 1px solid rgba(203,213,225,0.9) !important;
        background: rgba(255,255,255,0.98) !important;
        box-shadow: 0 -8px 28px rgba(15,23,42,0.14) !important;
        backdrop-filter: blur(16px) !important;
        -webkit-backdrop-filter: blur(16px) !important;
    }

    .mobile-nav button {
        flex: 1 1 0 !important;
        min-width: 0 !important;
        height: 52px !important;
        min-height: 52px !important;
        margin: 0 !important;
        padding: 6px 2px 5px !important;
        gap: 3px !important;
        border-radius: 14px !important;
        border: 1px solid transparent !important;
        background: transparent !important;
        color: #667085 !important;
        box-shadow: none !important;
    }

    .mobile-nav button.aktif {
        color: #d45107 !important;
        border-color: rgba(247,108,13,0.16) !important;
        background: #fff7f0 !important;
        box-shadow: inset 0 -2px 0 rgba(247,108,13,0.55) !important;
    }

    .mobile-nav .mobile-nav-plus {
        flex: 0 0 52px !important;
        width: 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        margin-top: -14px !important;
        border-radius: 16px !important;
        color: #ffffff !important;
        background: linear-gradient(180deg, #f97316, #e65300) !important;
        box-shadow: 0 12px 24px rgba(247,108,13,0.26) !important;
    }

    .mobile-nav-icon {
        width: 18px !important;
        height: 18px !important;
        stroke-width: 1.9 !important;
    }

    .mobile-nav .mobile-nav-plus .mobile-nav-icon {
        width: 20px !important;
        height: 20px !important;
    }

    .mobile-nav button small {
        font-size: 8.5px !important;
        font-weight: 780 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .mobile-fab-menu {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 18px !important;
        box-shadow: 0 22px 56px rgba(15,23,42,0.24) !important;
    }

    .mobile-fab-menu.acik {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .mobile-fab-menu button {
        min-height: 58px !important;
        padding: 8px !important;
        gap: 6px !important;
        border-radius: 13px !important;
        font-size: 11px !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    .mobile-fab-icon {
        width: 18px !important;
        height: 18px !important;
    }

    .mobile-fab-menu button small {
        font-size: 10.5px !important;
        font-weight: 780 !important;
    }

    .mobil-kayit-listesi {
        display: grid;
        gap: 8px !important;
        padding: 6px 0 0 !important;
    }

    .mobil-kayit-kart {
        display: grid !important;
        gap: 9px !important;
        padding: 11px !important;
        border-radius: 14px !important;
        border: 1px solid rgba(226,232,240,0.95) !important;
        background: #ffffff !important;
        box-shadow: 0 8px 18px rgba(15,23,42,0.045) !important;
    }

    .mobil-kayit-ust {
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .mobil-kayit-musteri {
        font-size: 13.5px !important;
        line-height: 1.25 !important;
        font-weight: 820 !important;
        color: #111827 !important;
    }

    .mobil-kayit-kisa {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        margin-top: 5px !important;
    }

    .mobil-kayit-kisa span {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 22px !important;
        padding: 3px 7px !important;
        border-radius: 999px !important;
        background: #f8fafc !important;
        border: 1px solid rgba(226,232,240,0.95) !important;
        color: #667085 !important;
        font-size: 10px !important;
        font-weight: 760 !important;
    }

    .mobil-kayit-ref {
        display: none !important;
    }

    .mobil-kayit-durum,
    .mobil-kayit-chip {
        min-height: 25px !important;
        padding: 5px 8px !important;
        border-radius: 999px !important;
        font-size: 9px !important;
        font-weight: 820 !important;
        white-space: nowrap !important;
    }

    .mobil-kayit-rota {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 28px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 6px !important;
        padding: 8px 9px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(247,108,13,0.13) !important;
        background: #fffaf6 !important;
        color: #7c4a12 !important;
        font-size: 10.5px !important;
        font-weight: 760 !important;
        line-height: 1.2 !important;
    }

    .mobil-kayit-rota span {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .mobil-kayit-rota i {
        display: block !important;
        height: 1px !important;
        background: rgba(247,108,13,0.35) !important;
        position: relative !important;
    }

    .mobil-kayit-rota i::after {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        top: 50% !important;
        width: 5px !important;
        height: 5px !important;
        border-top: 1px solid rgba(247,108,13,0.65) !important;
        border-right: 1px solid rgba(247,108,13,0.65) !important;
        transform: translateY(-50%) rotate(45deg) !important;
    }

    .mobil-kayit-ozet {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) !important;
        gap: 7px !important;
    }

    .mobil-kayit-meta,
    .mobil-kayit-finans {
        min-width: 0 !important;
        padding: 8px 9px !important;
        border-radius: 12px !important;
        border: 1px solid rgba(226,232,240,0.92) !important;
        background: #f8fafc !important;
    }

    .mobil-kayit-grid {
        display: none !important;
    }

    .mobil-kayit-meta span,
    .mobil-kayit-finans small {
        display: block !important;
        margin-bottom: 3px !important;
        color: #98a2b3 !important;
        font-size: 8px !important;
        font-weight: 820 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }

    .mobil-kayit-meta strong,
    .mobil-kayit-finans strong {
        display: block !important;
        color: #202939 !important;
        font-size: 10.5px !important;
        font-weight: 760 !important;
        line-height: 1.25 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .mobil-kayit-finans {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .mobil-kayit-alt {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .mobil-kayit-aksiyonlar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
    }

    .mobil-kayit-btn {
        min-height: 34px !important;
        width: 100% !important;
        border-radius: 11px !important;
        font-size: 10.5px !important;
        font-weight: 790 !important;
        background: #ffffff !important;
    }

    .mobile-saha-panel {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
        max-height: calc(100dvh - 108px) !important;
        border-radius: 18px !important;
    }

    .mobile-saha-panel-ust {
        padding: 12px !important;
    }

    .mobile-saha-kart {
        border-radius: 13px !important;
    }
}

@media (max-width: 390px) {
    .mobile-nav {
        left: 6px !important;
        right: 6px !important;
        height: 62px !important;
    }

    .mobile-nav button small {
        font-size: 8px !important;
    }

    .mobile-nav-icon {
        width: 17px !important;
        height: 17px !important;
    }

    .mobil-kayit-ozet {
        grid-template-columns: 1fr !important;
    }
}

/* Mobil Premium Kullanım Katmanı */
@media (max-width: 768px) {
    body.mobil-gorunum {
        padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px));
        background: linear-gradient(180deg, #f8fafc 0%, #eef3f9 100%) !important;
    }

    body.mobil-gorunum .icerik,
    body.mobil-gorunum #dashboardPanel,
    body.mobil-gorunum #adminPanel,
    body.mobil-gorunum #tekliflerPanel,
    body.mobil-gorunum #finansMerkeziPanel,
    body.mobil-gorunum #companyCenterPanel,
    body.mobil-gorunum #kartYonetimiPanel {
        padding-left: 10px !important;
        padding-right: 10px !important;
        padding-bottom: calc(108px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .mobile-nav {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(8px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        height: 70px !important;
        padding: 6px !important;
        display: flex !important;
        justify-content: space-between !important;
        gap: 4px !important;
        border: 1px solid rgba(203,213,225,0.82) !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,0.96) !important;
        box-shadow: 0 -10px 34px rgba(15,23,42,0.12), 0 1px 0 rgba(255,255,255,0.9) inset !important;
        backdrop-filter: blur(18px) saturate(1.08) !important;
        -webkit-backdrop-filter: blur(18px) saturate(1.08) !important;
    }

    .mobile-nav button {
        position: relative !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        width: auto !important;
        height: 56px !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 7px 3px 6px !important;
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 4px !important;
        border: 1px solid transparent !important;
        border-radius: 16px !important;
        background: transparent !important;
        color: #667085 !important;
        box-shadow: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
        -webkit-tap-highlight-color: transparent;
        transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
    }

    .mobile-nav button:hover,
    .mobile-nav button:focus-visible {
        background: #f8fafc !important;
        border-color: rgba(203,213,225,0.72) !important;
        outline: none !important;
    }

    .mobile-nav button.aktif {
        background: linear-gradient(180deg, #fff7f0, #ffffff) !important;
        border-color: rgba(247,108,13,0.20) !important;
        color: #e35f0b !important;
        box-shadow: inset 0 -2px 0 rgba(247,108,13,0.62), 0 8px 16px rgba(247,108,13,0.08) !important;
    }

    .mobile-nav .mobile-nav-plus {
        flex: 0 0 58px !important;
        width: 58px !important;
        height: 58px !important;
        min-height: 58px !important;
        margin-top: -22px !important;
        border-radius: 20px !important;
        background: linear-gradient(180deg, #ff7415, #e65100) !important;
        color: #ffffff !important;
        border-color: rgba(255,255,255,0.55) !important;
        box-shadow: 0 16px 30px rgba(247,108,13,0.28), inset 0 1px 0 rgba(255,255,255,0.35) !important;
    }

    .mobile-nav .mobile-nav-plus:hover,
    .mobile-nav .mobile-nav-plus:focus-visible {
        background: linear-gradient(180deg, #ff7d22, #e65100) !important;
        color: #ffffff !important;
    }

    .mobile-nav-icon,
    .mobile-fab-icon {
        display: block !important;
        width: 20px !important;
        height: 20px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.9 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
        flex: 0 0 auto !important;
    }

    .mobile-nav .mobile-nav-plus .mobile-nav-icon {
        width: 22px !important;
        height: 22px !important;
        stroke-width: 2.2 !important;
    }

    .mobile-nav button small {
        display: block !important;
        max-width: 100% !important;
        color: inherit !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .mobile-nav .mobile-nav-plus small {
        color: rgba(255,255,255,0.94) !important;
        font-size: 8.5px !important;
    }

    .mobile-fab-backdrop.acik {
        background: rgba(15,23,42,0.30) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
    }

    .mobile-fab-menu {
        left: 10px !important;
        right: 10px !important;
        bottom: calc(90px + env(safe-area-inset-bottom, 0px)) !important;
        width: auto !important;
        max-width: none !important;
        padding: 10px !important;
        gap: 8px !important;
        border: 1px solid rgba(203,213,225,0.86) !important;
        border-radius: 22px !important;
        background: rgba(255,255,255,0.98) !important;
        box-shadow: 0 28px 70px rgba(15,23,42,0.24) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        transform-origin: bottom center;
    }

    .mobile-fab-menu.acik {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        animation: bottomSheetIn 0.18s ease;
    }

    .mobile-fab-menu button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 70px !important;
        padding: 11px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        border: 1px solid rgba(226,232,240,0.92) !important;
        border-radius: 16px !important;
        background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
        color: #344054 !important;
        box-shadow: none !important;
        text-align: center !important;
    }

    .mobile-fab-menu button:hover,
    .mobile-fab-menu button:focus-visible {
        border-color: rgba(247,108,13,0.22) !important;
        background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
        color: #c2410c !important;
        outline: none !important;
    }

    .mobile-fab-menu button .mobile-fab-icon {
        width: 21px !important;
        height: 21px !important;
        color: #e35f0b !important;
    }

    .mobile-fab-menu button small {
        color: inherit !important;
        font-size: 11px !important;
        font-weight: 800 !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        text-transform: none !important;
    }

    .mobile-saha-panel {
        left: 8px !important;
        right: 8px !important;
        bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
        max-height: calc(100dvh - 126px) !important;
        border-radius: 22px !important;
        border-color: rgba(203,213,225,0.88) !important;
        box-shadow: 0 28px 74px rgba(15,23,42,0.26) !important;
    }

    .mobile-saha-panel-ust {
        padding: 15px 15px 12px !important;
        background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    }

    .mobile-saha-panel-ust strong {
        font-size: 15px !important;
        letter-spacing: -0.01em !important;
    }

    .mobile-saha-panel-ust span {
        color: #7b8798 !important;
        font-size: 11px !important;
    }

    .mobile-saha-panel-ust button {
        min-width: 42px !important;
        min-height: 34px !important;
        padding: 0 11px !important;
        border-radius: 12px !important;
        background: #ffffff !important;
    }

    .mobile-saha-panel-listesi {
        padding: 10px !important;
        gap: 8px !important;
    }

    .mobile-saha-kart {
        border-radius: 16px !important;
        border-color: rgba(226,232,240,0.92) !important;
        padding: 12px !important;
        background: linear-gradient(180deg, #ffffff, #fbfcfe) !important;
    }

    .mobile-saha-kart-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .mobile-saha-kart button {
        min-height: 36px !important;
        border-radius: 12px !important;
        font-size: 11px !important;
    }

    .mobil-kayit-listesi {
        gap: 10px !important;
        padding: 8px 0 4px !important;
    }

    .mobil-kayit-kart {
        gap: 10px !important;
        padding: 12px !important;
        border-radius: 16px !important;
        box-shadow: 0 12px 26px rgba(15,23,42,0.055) !important;
    }

    .mobil-kayit-kart.aktif {
        border-color: rgba(247,108,13,0.24) !important;
        box-shadow: 0 14px 30px rgba(247,108,13,0.09) !important;
    }

    .mobil-kayit-ref {
        font-size: 10px !important;
        margin-bottom: 3px !important;
    }

    .mobil-kayit-musteri {
        font-size: 13px !important;
        line-height: 1.32 !important;
    }

    .mobil-kayit-durum,
    .mobil-kayit-chip {
        min-height: 27px !important;
        padding: 5px 9px !important;
        font-size: 9.5px !important;
    }

    .mobil-kayit-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    .mobil-kayit-meta {
        padding: 9px 10px !important;
        border-radius: 13px !important;
    }

    .mobil-kayit-meta span {
        font-size: 8.5px !important;
        letter-spacing: 0.06em !important;
    }

    .mobil-kayit-meta strong {
        font-size: 11.5px !important;
    }

    .mobil-kayit-rota {
        padding: 9px 10px !important;
        border-radius: 13px !important;
        font-size: 10.5px !important;
        color: #7c4a12 !important;
    }

    .mobil-kayit-aksiyonlar {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 6px !important;
        width: 100% !important;
        justify-content: stretch !important;
    }

    .mobil-kayit-btn {
        min-height: 34px !important;
        width: 100% !important;
        padding: 7px 6px !important;
        border-radius: 12px !important;
        font-size: 10.5px !important;
    }

    .mobil-kayit-bos,
    body .mobil-kayit-bos {
        margin: 8px 0 !important;
        border-radius: 18px !important;
        padding: 22px 16px !important;
        background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    }
}

@media (max-width: 420px) {
    .mobile-nav {
        left: 6px !important;
        right: 6px !important;
        height: 68px !important;
        padding: 5px !important;
        border-radius: 20px !important;
    }

    .mobile-nav button {
        height: 54px !important;
        min-height: 54px !important;
        border-radius: 14px !important;
    }

    .mobile-nav .mobile-nav-plus {
        flex-basis: 54px !important;
        width: 54px !important;
        height: 56px !important;
        min-height: 56px !important;
    }

    .mobile-nav-icon {
        width: 19px !important;
        height: 19px !important;
    }

    .mobile-nav button small {
        font-size: 8.5px !important;
    }

    .mobile-fab-menu.acik {
        grid-template-columns: 1fr 1fr !important;
    }

    .mobile-fab-menu button {
        min-height: 66px !important;
    }

    .mobil-kayit-grid,
    .mobil-kayit-aksiyonlar {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Admin paneli sadece Admin modülünde görünür; diğer modüllerde eski display override'larını kilitle. */
body:not(.admin-sayfasi-aktif) #adminPortalHub,
body:not(.mobil-gorunum):not(.admin-sayfasi-aktif) #adminPortalHub,
body:not(.mobil-gorunum):not(.admin-sayfasi-aktif) #adminPortalHub[style*="display:none"],
body:not(.mobil-gorunum):not(.admin-sayfasi-aktif) #adminPortalHub[style*="display: none"] {
    display: none !important;
}

body.admin-sayfasi-aktif:not(.mobil-gorunum) #adminPortalHub {
    display: flex !important;
    width: calc(100% - (var(--logi-workspace-edge) * 2)) !important;
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
}

@media (max-width: 980px) {
    body.admin-sayfasi-aktif #adminPortalHub {
        width: calc(100% - 18px) !important;
        max-width: none !important;
    }
}

@media (max-width: 980px) {
}

/* Akilli bos alanlar: az veri ekranlarinda faydali, sade yonlendirme bloklari. */
body:not(.mobil-gorunum) .akilli-bos-alan {
    display: grid !important;
    place-items: center !important;
    gap: 10px !important;
    text-align: center !important;
}

body:not(.mobil-gorunum) .akilli-bos-alan > strong {
    color: #172132 !important;
    font-size: 13px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) .akilli-bos-alan > span {
    max-width: 520px !important;
    color: #667085 !important;
    font-size: 11.5px !important;
    line-height: 1.45 !important;
}

body:not(.mobil-gorunum) .akilli-bos-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(130px, 1fr)) !important;
    gap: 8px !important;
    width: min(560px, 100%) !important;
    margin-top: 2px !important;
}

body:not(.mobil-gorunum) .akilli-bos-kart {
    display: grid !important;
    align-content: center !important;
    min-height: 54px !important;
    padding: 9px 11px !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

body:not(.mobil-gorunum) .akilli-bos-kart small {
    color: #98a2b3 !important;
    font-size: 9.5px !important;
    font-weight: 780 !important;
    letter-spacing: 0.035em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) .akilli-bos-kart b {
    margin-top: 5px !important;
    color: #344054 !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1.18 !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-detay-bos-durum .akilli-bos-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
    max-width: 390px !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-detay-bos-durum .akilli-bos-kart {
    justify-items: center !important;
    text-align: center !important;
}

body:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-detay-bos-durum .akilli-bos-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
    max-width: 390px !important;
}

body:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-detay-bos-durum .akilli-bos-kart {
    justify-items: center !important;
    text-align: center !important;
}

body:not(.mobil-gorunum) .akilli-bos-kart.aksiyonlu {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fffaf6, #ffffff) !important;
}

body:not(.mobil-gorunum) .akilli-bos-btn {
    justify-self: center !important;
    min-height: 28px !important;
    margin-top: 6px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(247,108,13,0.28) !important;
    border-radius: 7px !important;
    background: #f76c0d !important;
    color: #ffffff !important;
    box-shadow: 0 8px 16px rgba(247,108,13,0.14) !important;
    cursor: pointer !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
}

body:not(.mobil-gorunum) .akilli-bos-btn.ghost {
    background: #ffffff !important;
    color: #c2410c !important;
}

body:not(.mobil-gorunum) .finans-empty-state-card.akilli-bos-alan,
body:not(.mobil-gorunum) .company-empty-state.akilli-bos-alan,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-bos-durum.akilli-bos-alan,
body:not(.mobil-gorunum) .cari-bos-yonlendirme.akilli-bos-alan {
    padding: 20px !important;
}

body:not(.mobil-gorunum) .finans-empty-state-card.akilli-bos-alan .akilli-bos-grid {
    grid-template-columns: repeat(2, minmax(130px, 1fr)) !important;
    max-width: 390px !important;
}

@media (max-width: 900px) {
    body:not(.mobil-gorunum) .akilli-bos-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Print/PDF premium document standard */
.teklif-cikti-sayfa {
    position: relative;
    padding: 15mm !important;
    border: 1px solid rgba(203,213,225,0.72);
    background:
        linear-gradient(90deg, rgba(247,108,13,0.08), transparent 34%),
        #ffffff !important;
}

.teklif-cikti-header {
    min-height: 58px;
    padding-bottom: 10px !important;
    border-bottom: 1px solid #dfe7f2 !important;
}

.teklif-cikti-logo-blok img {
    width: 142px !important;
    height: 52px !important;
}

.teklif-cikti-meta {
    min-width: 142px !important;
    border-color: #dfe7f2 !important;
    background: #ffffff !important;
    box-shadow: inset 3px 0 0 rgba(247,108,13,0.72);
}

.teklif-cikti-kurum-bandi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0 14px;
    padding: 7px 0;
    border-bottom: 1px solid #edf2f8;
    color: #7b88a0;
    font-size: 9.8px;
    font-weight: 850;
    text-transform: uppercase;
}

.teklif-cikti-title {
    align-items: flex-end !important;
    justify-content: space-between !important;
    margin: 0 0 13px !important;
}

.teklif-cikti-title h1 {
    font-size: 26px !important;
    font-weight: 850 !important;
}

.teklif-cikti-title span {
    color: #667085 !important;
    font-size: 11px !important;
}

.teklif-cikti-fiyat-ozet {
    min-width: 190px;
    padding: 10px 12px;
    border: 1px solid #fed7aa;
    border-radius: 8px;
    background: linear-gradient(180deg, #fff8f2, #ffffff);
    text-align: right;
}

.teklif-cikti-fiyat-ozet > span,
.teklif-cikti-ana-bilgi span,
.teklif-cikti-imza-grid span {
    display: block;
    color: #8a98ad;
    font-size: 9.8px;
    font-weight: 900;
    text-transform: uppercase;
}

.teklif-cikti-fiyat-ozet div {
    display: flex;
    align-items: baseline;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 4px;
    color: #111827;
}

.teklif-cikti-fiyat-ozet strong {
    font-family: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 16px;
    font-weight: 800;
}

.teklif-cikti-fiyat-ayrac {
    color: #cbd5e1 !important;
    font-size: 14px !important;
}

.teklif-cikti-ana-bilgi {
    display: grid;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr);
    gap: 10px;
    margin-bottom: 10px;
}

.teklif-cikti-musteri-band,
.teklif-cikti-rota-karti {
    min-height: 82px;
    margin: 0 !important;
    padding: 12px 13px !important;
    border: 1px solid #e4eaf3 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92);
}

.teklif-cikti-musteri-band {
    border-left: 3px solid #f26a13 !important;
}

.teklif-cikti-rota-karti {
    border-left: 3px solid #233247 !important;
}

.teklif-cikti-musteri-band strong,
.teklif-cikti-rota-karti strong {
    display: block;
    margin-top: 6px;
    color: #111827;
    font-size: 16px;
    line-height: 1.2;
}

.teklif-cikti-musteri-band small,
.teklif-cikti-rota-karti small {
    display: block;
    margin-top: 5px;
    color: #7b88a0;
    font-size: 10.5px;
    font-weight: 800;
}

.teklif-cikti-rota-karti em {
    color: #f26a13;
    font-style: normal;
    margin: 0 5px;
}

.teklif-cikti-bilgi-seridi {
    justify-content: space-between;
    gap: 8px !important;
    padding: 8px 10px !important;
    border: 1px solid #e4eaf3 !important;
    border-radius: 8px;
    background: #fbfdff;
}

.teklif-cikti-hatlar h2 {
    border-top: 0 !important;
    background: linear-gradient(180deg, #f9fbfd, #ffffff) !important;
}

.teklif-cikti-sayfa .teklif-cikti-hatlar th,
.teklif-cikti-hatlar th {
    letter-spacing: 0 !important;
}

.teklif-cikti-rota strong {
    font-weight: 850 !important;
}

.teklif-cikti-not {
    border: 1px solid #fed7aa !important;
    border-left: 3px solid #f26a13 !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
}

.teklif-cikti-imza-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 16px;
}

.teklif-cikti-imza-grid > div {
    min-height: 62px;
    padding: 10px 12px;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    background: #fbfdff;
}

.teklif-cikti-imza-grid strong {
    display: block;
    margin-top: 18px;
    color: #111827;
    font-size: 11.5px;
}

.teklif-cikti-sartlar {
    margin-top: 16mm !important;
    padding-top: 10mm !important;
}

.teklif-cikti-footer {
    align-items: flex-end !important;
}

.teklif-imza-alani {
    width: 168px !important;
    height: 48px !important;
}

#belgeKart {
    border: 1px solid rgba(203,213,225,0.92) !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
}

#belgeKart .ldm-header {
    border-bottom: 1px solid #e3eaf3;
    background: linear-gradient(180deg, #ffffff, #f8fafc);
}

.belge-header-ikon {
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.belge-toolbar-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

.belge-print-btn {
    background: #233247 !important;
    box-shadow: 0 12px 24px rgba(35,50,71,0.16) !important;
}

.belge-preview-body {
    padding: 18px 12px !important;
    overflow-y: auto !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.82), rgba(238,242,247,0.92)),
        #eef2f7 !important;
}

.contract-doc .belge-container {
    max-width: 210mm !important;
    padding: 16mm !important;
    border-radius: 8px !important;
    border: 1px solid #dbe2ea !important;
    background: #ffffff !important;
    box-shadow: 0 18px 44px rgba(15,23,42,0.11) !important;
}

.contract-doc .belge-header {
    align-items: stretch !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #dfe7f2 !important;
}

.contract-doc .title-box h1 {
    color: #111827 !important;
    font-size: 19px !important;
    letter-spacing: 0 !important;
}

.contract-doc .iso-box {
    border-color: #dfe7f2 !important;
    background: #fbfdff !important;
}

.contract-doc .section {
    border: 1px solid #e4eaf3 !important;
    border-radius: 8px !important;
    overflow: hidden;
    background: #ffffff;
}

.contract-doc .section-title {
    border-bottom: 1px solid #e4eaf3 !important;
    background: linear-gradient(180deg, #f9fbfd, #ffffff) !important;
    color: #111827 !important;
    letter-spacing: 0 !important;
}

.contract-doc input,
.contract-doc textarea {
    border-color: #d7dfeb !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

.doif-doc .page {
    max-width: 210mm !important;
    padding: 15mm !important;
    border-radius: 8px !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    background:
        linear-gradient(90deg, rgba(247,108,13,0.05), transparent 36%),
        #ffffff !important;
    box-shadow: 0 24px 54px rgba(15,23,42,0.14) !important;
}

.doif-doc table {
    border-color: #dfe7f2 !important;
}

.doif-doc th,
.doif-doc td {
    border-color: #dfe7f2 !important;
}

.doif-doc .section-title {
    background: linear-gradient(180deg, #f9fbfd, #ffffff) !important;
    color: #111827 !important;
    letter-spacing: 0 !important;
}

.doif-doc input[type="text"],
.doif-doc input[type="date"],
.doif-doc textarea {
    border-color: #d7dfeb !important;
    border-radius: 7px !important;
    background: #ffffff !important;
}

@media (max-width: 900px) {
    .teklif-cikti-ana-bilgi,
    .teklif-cikti-imza-grid {
        grid-template-columns: 1fr;
    }

    .teklif-cikti-title {
        align-items: flex-start !important;
        flex-direction: column;
    }

    .teklif-cikti-fiyat-ozet {
        width: 100%;
        text-align: left;
    }

    .teklif-cikti-fiyat-ozet div {
        justify-content: flex-start;
    }
}

@media print {
    body.teklif-print-mode .teklif-cikti-sayfa {
        padding: 11mm !important;
        border: 0 !important;
        background: #ffffff !important;
    }

    body.teklif-print-mode .teklif-cikti-kurum-bandi,
    body.print-mode .teklif-cikti-kurum-bandi {
        color: #667085 !important;
    }

    body.print-mode #belgeKart,
    body.print-mode #belgeIcerik,
    body.print-mode .contract-doc .belge-container,
    body.print-mode .doif-doc .page {
        background: #ffffff !important;
    }
}

/* LDM / Araç Yükleme Modülü: operasyonel premium görünüm ----- */
#ldmOverlay.ldm-overlay {
    padding: 7px !important;
    background: rgba(15,23,42,0.42) !important;
    backdrop-filter: blur(8px) saturate(125%) !important;
}

#ldmKart.ldm-kart {
    box-sizing: border-box !important;
    width: min(1740px, calc(100vw - 14px)) !important;
    max-height: calc(100vh - 14px) !important;
    border: 1px solid rgba(203,213,225,0.92) !important;
    border-top: 1px solid rgba(203,213,225,0.92) !important;
    border-radius: 10px !important;
    background: #f5f7fb !important;
    box-shadow: 0 24px 62px rgba(15,23,42,0.22) !important;
}

#ldmKart .ldm-header {
    min-height: 46px !important;
    padding: 0 11px 0 14px !important;
    border-bottom: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px 10px 0 0 !important;
    background: #ffffff !important;
}

#ldmKart .ldm-header-sol {
    gap: 10px !important;
}

#ldmKart .ldm-header-ikon {
    position: relative !important;
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(247,108,13,0.22) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #d95c08 !important;
    font-size: 0 !important;
    box-shadow: 0 8px 16px rgba(247,108,13,0.08) !important;
}

#ldmKart .ldm-header-ikon::before {
    content: "" !important;
    position: absolute !important;
    left: 7px !important;
    top: 10px !important;
    width: 14px !important;
    height: 8px !important;
    border: 1.6px solid currentColor !important;
    border-radius: 2px !important;
    box-sizing: border-box !important;
}

#ldmKart .ldm-header-ikon::after {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    bottom: 7px !important;
    width: 15px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background:
        radial-gradient(circle at 2px 1.5px, currentColor 0 1.7px, transparent 1.8px),
        radial-gradient(circle at 13px 1.5px, currentColor 0 1.7px, transparent 1.8px) !important;
}

#ldmKart .ldm-header-baslik {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

#ldmKart .ldm-header-alt {
    color: #94a3b8 !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
}

#ldmKart .ldm-kapat {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: 15px !important;
}

#ldmKart .ldm-kapat:hover {
    border-color: rgba(247,108,13,0.28) !important;
    background: #fff7ed !important;
    color: #d95c08 !important;
}

#ldmKart .ldm-govde {
    padding: 10px 12px 12px !important;
    background: #f5f7fb !important;
}

#ldmKart .ldm-arac-satiri,
#ldmKart .ldm-bilgi-karti,
#ldmKart .ldm-plan-toolbar,
#ldmKart .ldm-plan-kap,
#ldmKart .ldm-plan-ozet-kart,
#ldmKart .ldm-analiz-kart,
#ldmKart .ldm-tablo-sarici {
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

#ldmKart .ldm-arac-satiri {
    min-height: 46px !important;
    margin-bottom: 8px !important;
    padding: 6px 9px !important;
    gap: 9px !important;
}

#ldmKart .ldm-arac-etiket,
#ldmKart .ldm-kart-baslik,
#ldmKart .ldm-plan-yan-baslik,
#ldmKart .ldm-ayar-label,
#ldmKart .ldm-bilgi-item span {
    color: #64748b !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.055em !important;
}

#ldmKart .ldm-arac-select,
#ldmKart .ldm-ayar-select {
    min-height: 32px !important;
    height: 32px !important;
    border: 1px solid rgba(203,213,225,0.94) !important;
    border-radius: 7px !important;
    background: #fbfdff !important;
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
}

#ldmKart .ldm-arac-select:focus,
#ldmKart .ldm-ayar-select:focus,
#ldmKart .ldm-input:focus,
#ldmKart .ldm-select:focus {
    border-color: rgba(247,108,13,0.52) !important;
    box-shadow: 0 0 0 3px rgba(247,108,13,0.1) !important;
}

#ldmKart .ldm-bilgi-karti {
    margin-bottom: 8px !important;
    padding: 10px !important;
}

#ldmKart .ldm-bilgi-ust {
    align-items: center !important;
    margin-bottom: 9px !important;
}

#ldmKart .ldm-bilgi-baslik {
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

#ldmKart .ldm-bilgi-alt,
#ldmKart .ldm-bilgi-not,
#ldmKart .ldm-ayar-notu,
#ldmKart .ldm-plan-toolbar-metni span {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 650 !important;
    line-height: 1.4 !important;
}

#ldmKart .ldm-bilgi-rozet {
    min-height: 26px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(247,108,13,0.18) !important;
    border-radius: 999px !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    font-size: 10px !important;
}

#ldmKart .ldm-bilgi-grid {
    gap: 8px !important;
    margin-bottom: 8px !important;
}

#ldmKart .ldm-bilgi-item,
#ldmKart .ldm-ayar-kart,
#ldmKart .ldm-ayar-notu {
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    padding: 8px 10px !important;
}

#ldmKart .ldm-bilgi-item strong {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 820 !important;
}

#ldmKart .ldm-bilgi-not {
    border-color: rgba(226,232,240,0.94) !important;
    background: #f8fafc !important;
}

#ldmKart .ldm-ayar-satiri {
    grid-template-columns: minmax(230px, 300px) minmax(0, 1fr) !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

#ldmKart .ldm-sekme-sira {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 42px !important;
    margin: 0 0 8px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

#ldmKart .ldm-sekme-btn {
    flex: 1 1 0 !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
}

#ldmKart .ldm-sekme-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

#ldmKart .ldm-sekme-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

#ldmKart .ldm-tablo-sarici {
    margin-bottom: 8px !important;
    overflow: auto !important;
}

#ldmKart .ldm-tablo {
    font-size: 11px !important;
}

#ldmKart .ldm-tablo thead th {
    height: 34px !important;
    padding: 7px 8px !important;
    background: #1f2d3d !important;
    color: rgba(255,255,255,0.9) !important;
    border-color: rgba(255,255,255,0.12) !important;
    font-size: 9px !important;
    font-weight: 820 !important;
    letter-spacing: 0.045em !important;
}

#ldmKart .ldm-tablo tbody td {
    padding: 5px 6px !important;
    border-color: rgba(226,232,240,0.9) !important;
    background: #ffffff !important;
}

#ldmKart .ldm-input,
#ldmKart .ldm-select {
    height: 30px !important;
    border: 1px solid rgba(203,213,225,0.94) !important;
    border-radius: 7px !important;
    background: #fbfdff !important;
    color: #111827 !important;
    font-size: 11px !important;
}

#ldmKart .ldm-renk {
    width: 30px !important;
    min-width: 30px !important;
    height: 30px !important;
    border: 1px solid rgba(203,213,225,0.94) !important;
    border-radius: 7px !important;
}

#ldmKart .ldm-sil-btn {
    width: 28px !important;
    height: 28px !important;
    border-color: rgba(203,213,225,0.9) !important;
    background: #ffffff !important;
    color: #94a3b8 !important;
}

#ldmKart .ldm-sil-btn:hover {
    border-color: rgba(220,38,38,0.22) !important;
    background: #fff5f5 !important;
    color: #b91c1c !important;
}

#ldmKart .ldm-buton-sira {
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
}

#ldmKart .ldm-btn-ekle,
#ldmKart .ldm-btn-temizle,
#ldmKart .ldm-btn-yazdir {
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    box-shadow: none !important;
}

#ldmKart .ldm-buton-sira > .ldm-btn-ekle::before {
    content: "+" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.18) !important;
    color: currentColor !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

#ldmKart .ldm-btn-ekle {
    background: #f76c0d !important;
    color: #ffffff !important;
}

#ldmKart .ldm-btn-ikincil {
    border: 1px solid rgba(247,108,13,0.2) !important;
    background: #fff7ed !important;
    color: #c2410c !important;
}

#ldmKart .ldm-btn-temizle {
    background: #ffffff !important;
    color: #64748b !important;
}

#ldmKart .ldm-btn-yazdir {
    background: #111827 !important;
    color: #ffffff !important;
}

#ldmKart .ldm-plan-toolbar {
    align-items: center !important;
    margin-bottom: 8px !important;
    padding: 9px 10px !important;
}

#ldmKart .ldm-plan-toolbar-3d-panel {
    display: flex !important;
}

#ldmKart .ldm-plan-toolbar-metni strong {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 840 !important;
}

#ldmKart .ldm-plan-layout {
    gap: 10px !important;
    margin-bottom: 10px !important;
}

#ldmKart .ldm-plan-kap {
    padding: 10px !important;
}

#ldmKart .ldm-plan-kap::before,
#ldmKart .ldm-plan-ozet-kart::after {
    display: none !important;
    content: none !important;
}

#ldmKart .ldm-plan-kap-baslik {
    align-items: center !important;
    margin-bottom: 8px !important;
}

#ldmKart .ldm-plan-kap-baslik strong {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 840 !important;
}

#ldmKart .ldm-plan-kap-baslik span {
    color: #64748b !important;
    font-size: 10px !important;
}

#ldmKart .ldm-plan-durum-rozet {
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #64748b !important;
    font-size: 9px !important;
    box-shadow: none !important;
}

#ldmKart .ldm-plan-durum-rozet.tamam {
    background: #eef8f3 !important;
    border-color: rgba(22,101,52,0.18) !important;
    color: #1f6846 !important;
}

#ldmKart .ldm-plan-durum-rozet.uyari {
    background: #fff7ed !important;
    border-color: rgba(247,108,13,0.24) !important;
    color: #c2410c !important;
}

#ldmKart .ldm-plan-canvas {
    min-height: 660px !important;
    border-radius: 8px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.92), rgba(248,250,252,0.96)),
        repeating-linear-gradient(0deg, rgba(148,163,184,0.12) 0 1px, transparent 1px 28px),
        repeating-linear-gradient(90deg, rgba(148,163,184,0.12) 0 1px, transparent 1px 28px) !important;
}

#ldmKart .ldm-plan-3d-stage,
#ldmKart .ldm-plan-3d-canvas {
    min-height: 720px !important;
    border-radius: 8px !important;
}

#ldmKart .ldm-plan-3d-stage {
    background: linear-gradient(180deg, #111827, #1f2937) !important;
}

#ldmKart .ldm-plan-3d-overlay {
    left: 12px !important;
    right: 12px !important;
}

#ldmKart .ldm-plan-3d-overlay-ust {
    top: 12px !important;
}

#ldmKart .ldm-plan-3d-overlay-alt {
    bottom: 12px !important;
}

#ldmKart .ldm-plan-3d-chip {
    padding: 6px 9px !important;
    border-color: rgba(255,255,255,0.12) !important;
    background: rgba(15,23,42,0.52) !important;
    color: rgba(248,250,252,0.9) !important;
    font-size: 9px !important;
    letter-spacing: 0.035em !important;
    box-shadow: none !important;
}

#ldmKart .ldm-plan-3d-nav {
    right: 12px !important;
    bottom: 54px !important;
}

#ldmKart .ldm-plan-3d-nav-panel {
    width: 188px !important;
    padding: 9px !important;
    border-radius: 10px !important;
    background: rgba(15,23,42,0.72) !important;
    border-color: rgba(255,255,255,0.12) !important;
    box-shadow: 0 16px 28px rgba(15,23,42,0.22) !important;
}

#ldmKart .ldm-plan-3d-nav-baslik {
    font-size: 9px !important;
    letter-spacing: 0.06em !important;
}

#ldmKart .ldm-plan-3d-nav-grid {
    gap: 6px !important;
}

#ldmKart .ldm-plan-3d-nav-btn {
    min-height: 32px !important;
    padding: 6px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
    font-weight: 820 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
}

#ldmKart .ldm-plan-3d-nav-btn.orta {
    background: #f76c0d !important;
    color: #ffffff !important;
}

#ldmKart .ldm-plan-paneller {
    padding-top: 0 !important;
}

#ldmKart .ldm-plan-paneller::before {
    display: none !important;
}

#ldmKart .ldm-plan-yan {
    gap: 8px !important;
}

#ldmKart .ldm-plan-yan-2d,
#ldmKart .ldm-plan-yan-3d {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

#ldmKart .ldm-plan-ozet-kart {
    padding: 10px !important;
}

#ldmKart .ldm-plan-kart-ana,
#ldmKart .ldm-plan-kart-secili,
#ldmKart .ldm-plan-kart-kamera {
    background: #ffffff !important;
    border-color: rgba(203,213,225,0.86) !important;
}

#ldmKart .ldm-plan-yan-baslik {
    margin-bottom: 8px !important;
}

#ldmKart .ldm-plan-ozet-kpi-grid,
#ldmKart .ldm-plan-secili-rozetler,
#ldmKart .ldm-plan-3d-hizli-grid {
    gap: 7px !important;
}

#ldmKart .ldm-plan-ozet-kpi,
#ldmKart .ldm-plan-secili-chip,
#ldmKart .ldm-plan-secili-grid div,
#ldmKart .ldm-plan-aks-kart,
#ldmKart .ldm-plan-denge-detay div,
#ldmKart .ldm-plan-legend-item,
#ldmKart .ldm-plan-3d-hizli-kart {
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

#ldmKart .ldm-plan-ozet-kpi {
    padding: 9px !important;
}

#ldmKart .ldm-plan-ozet-kpi.vurgu {
    background: #fff7ed !important;
    border-color: rgba(247,108,13,0.24) !important;
}

#ldmKart .ldm-plan-ozet-kpi span,
#ldmKart .ldm-plan-secili-chip span,
#ldmKart .ldm-plan-secili-grid span,
#ldmKart .ldm-plan-aks-kart span,
#ldmKart .ldm-plan-denge-detay span {
    color: #64748b !important;
    font-size: 8.5px !important;
    letter-spacing: 0.045em !important;
}

#ldmKart .ldm-plan-ozet-kpi strong,
#ldmKart .ldm-plan-secili-baslik strong {
    color: #111827 !important;
    font-size: 15px !important;
}

#ldmKart .ldm-plan-ozet-satir {
    padding: 7px 0 !important;
    font-size: 10.5px !important;
}

#ldmKart .ldm-plan-ozet-not,
#ldmKart .ldm-plan-secili-not,
#ldmKart .ldm-plan-denge-not,
#ldmKart .ldm-plan-aks-not,
#ldmKart .ldm-plan-bos {
    color: #64748b !important;
    font-size: 10px !important;
}

#ldmKart .ldm-plan-3d-hizli-kart {
    min-height: 66px !important;
    padding: 9px 10px !important;
}

#ldmKart .ldm-plan-3d-hizli-kart.aktif-3d {
    border-color: rgba(247,108,13,0.24) !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.68) !important;
}

#ldmKart .ldm-plan-3d-hizli-kart strong {
    color: inherit !important;
    font-size: 11px !important;
}

#ldmKart .ldm-plan-3d-hizli-kart span {
    color: #64748b !important;
    font-size: 9.5px !important;
}

#ldmKart .ldm-analiz-grid {
    gap: 8px !important;
}

#ldmKart .ldm-analiz-kart {
    padding: 10px 12px !important;
}

#ldmKart .ldm-analiz-kart-vurgulu {
    background: #ffffff !important;
    border-color: rgba(247,108,13,0.22) !important;
    box-shadow: inset 0 2px 0 rgba(247,108,13,0.72), 0 10px 24px rgba(15,23,42,0.04) !important;
}

#ldmKart .ldm-yuzde {
    margin-bottom: 8px !important;
    color: #111827 !important;
    font-size: 22px !important;
    font-weight: 850 !important;
}

#ldmKart .ldm-yuzde.asiri {
    color: #b91c1c !important;
}

#ldmKart .ldm-bar-kap {
    height: 6px !important;
    margin-bottom: 9px !important;
    border-radius: 999px !important;
    background: #e5e7eb !important;
}

#ldmKart .ldm-bar {
    border-radius: 999px !important;
    background: #f76c0d !important;
}

#ldmKart .ldm-bar.asiri {
    background: #b91c1c !important;
}

#ldmKart .ldm-detay {
    color: #64748b !important;
    font-size: 10.5px !important;
}

#ldmKart .ldm-detay strong {
    color: #111827 !important;
}

#ldmKart .ldm-uyari-badge {
    margin-top: 8px !important;
    padding: 7px 9px !important;
    border-color: rgba(247,108,13,0.22) !important;
    border-radius: 8px !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    font-size: 10px !important;
}

@media (min-width: 1280px) {
    #ldmKart .ldm-plan-layout {
        grid-template-columns: minmax(760px, 1.18fr) minmax(460px, 0.82fr) !important;
        align-items: start !important;
    }

    #ldmKart .ldm-plan-yan-2d,
    #ldmKart .ldm-plan-yan-3d {
        grid-template-columns: 1fr !important;
    }

    #ldmKart .ldm-plan-yan-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }
}

/* Sistem problem kartlari / guncelleme, baglanti, boot hata ----- */
.logi-problem-banner {
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
    width: calc(100% - 2px) !important;
    min-height: 42px !important;
    margin: 1px 1px 0 !important;
    padding: 6px 10px !important;
    border: 1px solid rgba(203,213,225,0.76) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #111827 !important;
    box-shadow: 0 8px 22px rgba(15,23,42,0.04) !important;
}

.logi-problem-banner-update {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fffaf7, #ffffff) !important;
}

.logi-problem-banner-network.baglanti-koptu {
    border-color: rgba(194,65,75,0.18) !important;
    background: linear-gradient(180deg, #fff8f8, #ffffff) !important;
}

.logi-problem-banner-network.baglanti-aktif {
    border-color: rgba(22,101,52,0.16) !important;
    background: linear-gradient(180deg, #f4fbf7, #ffffff) !important;
}

.logi-problem-mark {
    position: relative !important;
    width: 26px !important;
    height: 26px !important;
    flex: 0 0 26px !important;
    border: 1px solid rgba(247,108,13,0.2) !important;
    border-radius: 8px !important;
    background: #fff7ed !important;
    color: #d95c08 !important;
}

.logi-problem-mark::before {
    content: "" !important;
    position: absolute !important;
    left: 8px !important;
    top: 6px !important;
    width: 9px !important;
    height: 12px !important;
    border: 1.7px solid currentColor !important;
    border-top: 0 !important;
    border-radius: 1px 1px 6px 6px !important;
    transform: rotate(45deg) !important;
    box-sizing: border-box !important;
}

.logi-problem-banner-network.baglanti-koptu .logi-problem-mark {
    border-color: rgba(194,65,75,0.18) !important;
    background: #fff4f5 !important;
    color: #a93740 !important;
}

.logi-problem-banner-network.baglanti-aktif .logi-problem-mark {
    border-color: rgba(22,101,52,0.18) !important;
    background: #eef8f3 !important;
    color: #1f6846 !important;
}

.logi-problem-copy {
    display: grid !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.logi-problem-copy strong {
    color: #111827 !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.logi-problem-copy span {
    color: #64748b !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
}

.logi-problem-primary {
    min-height: 30px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(247,108,13,0.18) !important;
    border-radius: 8px !important;
    background: #f76c0d !important;
    color: #ffffff !important;
    font: 800 11px/1 "DM Sans", Inter, sans-serif !important;
    cursor: pointer !important;
    box-shadow: 0 10px 20px rgba(247,108,13,0.12) !important;
}

.logi-problem-primary:hover {
    background: #d95c08 !important;
}

#bootErrorPanel {
    position: fixed !important;
    inset: 0 !important;
    z-index: 250000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 18px !important;
    background: rgba(15,23,42,0.54) !important;
    backdrop-filter: blur(8px) saturate(125%) !important;
}

.logi-boot-card {
    width: min(620px, 100%) !important;
    overflow: hidden !important;
    border: 1px solid rgba(203,213,225,0.88) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 62px rgba(15,23,42,0.22) !important;
}

.logi-boot-head {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    padding: 16px 18px !important;
    border-bottom: 1px solid rgba(226,232,240,0.94) !important;
    background: linear-gradient(180deg, #fffaf7, #ffffff) !important;
}

.logi-boot-icon {
    position: relative !important;
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(247,108,13,0.22) !important;
    border-radius: 9px !important;
    background: #fff url("../icons/loginexus-icon-32.png?v=0.9.577") center / 28px 28px no-repeat !important;
    color: transparent !important;
}

.logi-boot-icon::before,
.logi-boot-icon::after {
    content: "" !important;
    display: none !important;
}

.logi-boot-icon::before {
    left: 9px !important;
    top: 7px !important;
    width: 15px !important;
    height: 18px !important;
    border: 1.7px solid currentColor !important;
    border-radius: 4px !important;
}

.logi-boot-icon::after {
    left: 13px !important;
    bottom: 8px !important;
    width: 7px !important;
    height: 1.7px !important;
    border-radius: 999px !important;
    background: currentColor !important;
    box-shadow: 0 -5px 0 currentColor !important;
}

.logi-boot-kicker {
    color: #c2410c !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.065em !important;
    text-transform: uppercase !important;
}

.logi-boot-head h2 {
    margin: 5px 0 0 !important;
    color: #111827 !important;
    font: 850 20px/1.18 "DM Sans", Inter, sans-serif !important;
    letter-spacing: 0 !important;
}

.logi-boot-head p {
    margin: 6px 0 0 !important;
    color: #64748b !important;
    font: 650 12px/1.4 "DM Sans", Inter, sans-serif !important;
}

.logi-boot-body {
    display: grid !important;
    gap: 12px !important;
    padding: 14px 18px 16px !important;
    color: #111827 !important;
    font-family: "DM Sans", Inter, sans-serif !important;
}

.logi-boot-reason {
    display: grid !important;
    gap: 4px !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
}

.logi-boot-reason span,
.logi-boot-grid span {
    color: #94a3b8 !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 0.055em !important;
    text-transform: uppercase !important;
}

.logi-boot-reason strong {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

.logi-boot-reason small {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 650 !important;
}

.logi-boot-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.logi-boot-grid div {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
    padding: 9px 10px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

.logi-boot-grid strong {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.logi-boot-details {
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

.logi-boot-details summary {
    min-height: 36px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 12px !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.logi-boot-steps {
    padding: 0 12px 10px !important;
    color: #64748b !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
}

.logi-boot-steps strong {
    display: block !important;
    margin-bottom: 5px !important;
    color: #111827 !important;
    font-size: 11px !important;
}

.logi-boot-steps ul {
    margin: 0 !important;
    padding-left: 16px !important;
}

.logi-boot-steps li {
    margin: 0 0 4px !important;
}

.logi-boot-details pre {
    max-height: 190px !important;
    margin: 0 12px 12px !important;
    padding: 10px !important;
    overflow: auto !important;
    border-radius: 8px !important;
    background: #111827 !important;
    color: #e5e7eb !important;
    font: 11px/1.45 "DM Mono", ui-monospace, monospace !important;
}

.logi-boot-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.logi-boot-actions button {
    min-height: 32px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font: 800 11px/1 "DM Sans", Inter, sans-serif !important;
    cursor: pointer !important;
}

.logi-boot-primary {
    border: 1px solid rgba(247,108,13,0.18) !important;
    background: #f76c0d !important;
    color: #ffffff !important;
}

.logi-boot-secondary {
    border: 1px solid rgba(247,108,13,0.2) !important;
    background: #fff7ed !important;
    color: #c2410c !important;
}

.logi-boot-ghost {
    border: 1px solid rgba(203,213,225,0.88) !important;
    background: #ffffff !important;
    color: #64748b !important;
}

@media (max-width: 680px) {
    .logi-problem-banner {
        align-items: flex-start !important;
        flex-wrap: wrap !important;
    }

    .logi-problem-primary {
        width: 100% !important;
    }

    .logi-boot-grid {
        grid-template-columns: 1fr !important;
    }

    .logi-boot-actions button {
        flex: 1 1 100% !important;
    }
}

@media (max-width: 980px) {
    #ldmKart .ldm-govde {
        padding: 8px !important;
    }

    #ldmKart .ldm-bilgi-grid,
    #ldmKart .ldm-analiz-grid,
    #ldmKart .ldm-ayar-satiri {
        grid-template-columns: 1fr !important;
    }

    #ldmKart .ldm-plan-canvas,
    #ldmKart .ldm-plan-3d-stage,
    #ldmKart .ldm-plan-3d-canvas {
        min-height: 560px !important;
    }
}

/* Ust Toolbar / Premium Ikon Standardi */
body:not(.mobil-gorunum) .arama-bari-sag > .btn-ana,
body:not(.mobil-gorunum) .arama-bari-sag .btn-sutunlar,
body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle,
body:not(.mobil-gorunum) .header-araclar-btn,
body:not(.mobil-gorunum) .admin-action-btn[data-action*="Yenile"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) .arama-bari-sag > .btn-ana::before,
body:not(.mobil-gorunum) .arama-bari-sag .btn-sutun-ayarlari::before,
body:not(.mobil-gorunum) .arama-bari-sag > #btnExcelYukle.btn-excel-yukle::before,
body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle::before,
body:not(.mobil-gorunum) .admin-action-btn[data-action*="Yenile"]::before {
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border-radius: 999px !important;
    line-height: 1 !important;
}

body:not(.mobil-gorunum) .arama-bari-sag > #btnYeniKayitPanel.btn-yeni-kayit {
    padding: 0 13px 0 11px !important;
}

body:not(.mobil-gorunum) .arama-bari-sag > #btnYeniKayitPanel.btn-yeni-kayit::before {
    content: "+" !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid rgba(255,255,255,0.34) !important;
    background: rgba(255,255,255,0.16) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 860 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

body:not(.mobil-gorunum) .arama-bari-sag .btn-sutun-ayarlari {
    padding: 0 12px 0 10px !important;
}

body:not(.mobil-gorunum) .arama-bari-sag .btn-sutun-ayarlari::before {
    content: "" !important;
    width: 20px !important;
    height: 20px !important;
    border: 1px solid rgba(148,163,184,0.42) !important;
    background:
        linear-gradient(currentColor 0 0) 6px 5px / 1.5px 10px no-repeat,
        linear-gradient(currentColor 0 0) 10px 5px / 1.5px 10px no-repeat,
        linear-gradient(currentColor 0 0) 14px 5px / 1.5px 10px no-repeat,
        linear-gradient(180deg, #ffffff, #f8fafc) !important;
    color: #64748b !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

body:not(.mobil-gorunum) .arama-bari-sag .btn-sutun-ayarlari:hover::before {
    border-color: rgba(247,108,13,0.24) !important;
    color: #d95c08 !important;
}

body:not(.mobil-gorunum) .arama-bari-sag > #btnExcelYukle.btn-excel-yukle {
    padding: 0 12px 0 10px !important;
}

body:not(.mobil-gorunum) .arama-bari-sag > #btnExcelYukle.btn-excel-yukle::before {
    content: "XLS" !important;
    position: static !important;
    inset: auto !important;
    min-width: 28px !important;
    width: 28px !important;
    height: 20px !important;
    padding: 0 !important;
    border: 1px solid rgba(22,101,52,0.13) !important;
    border-radius: 999px !important;
    background: #eef8f3 !important;
    color: #1f6846 !important;
    font-size: 8.5px !important;
    font-weight: 860 !important;
    letter-spacing: 0.02em !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle.toolbar-filtre-temizle {
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 9px 0 7px !important;
    gap: 5px !important;
    border-color: rgba(203,213,225,0.82) !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 9px !important;
    font-weight: 760 !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle.toolbar-filtre-temizle::before {
    content: "" !important;
    width: 15px !important;
    height: 15px !important;
    border: 1px solid rgba(148,163,184,0.28) !important;
    border-radius: 5px !important;
    background:
        linear-gradient(180deg, transparent 0 24%, currentColor 25% 34%, transparent 35% 100%),
        linear-gradient(135deg, transparent 0 46%, currentColor 47% 54%, transparent 55% 100%),
        #f8fafc !important;
    color: #94a3b8 !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle.toolbar-filtre-temizle:hover,
body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle.toolbar-filtre-temizle:focus-visible {
    border-color: rgba(247,108,13,0.22) !important;
    background: #fffaf6 !important;
    color: #c45a12 !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle.toolbar-filtre-temizle:hover::before,
body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle.toolbar-filtre-temizle:focus-visible::before {
    border-color: rgba(247,108,13,0.2) !important;
    background:
        linear-gradient(180deg, transparent 0 24%, currentColor 25% 34%, transparent 35% 100%),
        linear-gradient(135deg, transparent 0 46%, currentColor 47% 54%, transparent 55% 100%),
        #fff7ed !important;
    color: #d97706 !important;
}

body:not(.mobil-gorunum) .header-araclar-btn svg {
    flex: 0 0 auto !important;
    width: 14px !important;
    height: 14px !important;
    color: currentColor !important;
}

body:not(.mobil-gorunum) .admin-action-btn[data-action*="Yenile"]::before {
    content: "" !important;
    width: 18px !important;
    height: 18px !important;
    border: 1px solid rgba(148,163,184,0.36) !important;
    background:
        radial-gradient(circle at 50% 50%, transparent 43%, currentColor 45% 52%, transparent 54%),
        linear-gradient(135deg, transparent 0 58%, currentColor 59% 72%, transparent 73%) 10px 3px / 7px 7px no-repeat,
        #ffffff !important;
    color: #64748b !important;
}

body:not(.mobil-gorunum) .admin-action-btn[data-action*="Yenile"]:hover::before {
    border-color: rgba(247,108,13,0.22) !important;
    color: #d95c08 !important;
}

/* Ikon Tekrari Koruyucu: icinde gercek ikon olan butonlarda ekstra CSS ikonu uretme */
body:not(.mobil-gorunum) :is(
    .header-araclar-btn,
    .tab-btn,
    .admin-action-btn,
    .admin-system-shortcut,
    .db-aksiyon-btn,
    .btn-ana,
    .btn-sutunlar
):is(
    :has(> svg),
    :has(> .ana-tab-icon),
    :has(> .admin-nav-icon),
    :has(> .admin-visual-icon),
    :has(> .admin-shortcut-icon),
    :has(> .btn-ikon),
    :has(> .logi-icon)
)::before {
    display: none !important;
    content: none !important;
}

/* Toplu islem bari: eski emoji + otomatik ikon yerine tek premium ikon */
body:not(.mobil-gorunum) #topluBari .toplu-butonlar .btn-toplu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
}

body:not(.mobil-gorunum) #topluBari .toplu-butonlar .btn-toplu::before {
    content: "" !important;
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(148,163,184,0.34) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.64) !important;
    color: currentColor !important;
}

body:not(.mobil-gorunum) #topluBari .toplu-butonlar .btn-toplu-durum::before {
    background:
        linear-gradient(currentColor 0 0) 5px 8px / 8px 2px no-repeat,
        linear-gradient(currentColor 0 0) 9px 5px / 2px 8px no-repeat,
        rgba(255,255,255,0.64) !important;
}

body:not(.mobil-gorunum) #topluBari .toplu-butonlar .btn-toplu-odeme::before {
    border-radius: 6px !important;
    background:
        linear-gradient(currentColor 0 0) 4px 6px / 10px 2px no-repeat,
        linear-gradient(currentColor 0 0) 4px 11px / 6px 1.5px no-repeat,
        rgba(255,255,255,0.64) !important;
}

body:not(.mobil-gorunum) #topluBari .toplu-butonlar .btn-toplu-bildirim::before {
    border-radius: 6px !important;
    background:
        linear-gradient(35deg, transparent 47%, currentColor 48% 52%, transparent 53%) 4px 6px / 10px 6px no-repeat,
        linear-gradient(-35deg, transparent 47%, currentColor 48% 52%, transparent 53%) 4px 6px / 10px 6px no-repeat,
        linear-gradient(currentColor 0 0) 4px 5px / 10px 8px no-repeat,
        rgba(255,255,255,0.64) !important;
}

body:not(.mobil-gorunum) #topluBari .toplu-butonlar #btnExcelIndir::before {
    content: "XLS" !important;
    width: 25px !important;
    flex-basis: 25px !important;
    border-color: rgba(22,101,52,0.18) !important;
    background: #eef8f3 !important;
    color: #1f6846 !important;
    font-size: 7.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0.01em !important;
}

body:not(.mobil-gorunum) #topluBari .toplu-butonlar .btn-toplu.btn-sil::before {
    border-radius: 6px !important;
    background:
        linear-gradient(currentColor 0 0) 5px 6px / 8px 1.5px no-repeat,
        linear-gradient(currentColor 0 0) 7px 8px / 4px 6px no-repeat,
        rgba(255,255,255,0.64) !important;
}

/* Ikon standardi / menuler ve tablo ic ikonlar */
body:not(.mobil-gorunum) .header-araclar-menu button.logi-icon-button {
    display: grid !important;
    grid-template-columns: 28px 1fr !important;
    align-items: center !important;
    justify-content: stretch !important;
}

body:not(.mobil-gorunum) .header-araclar-menu button .logi-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(203,213,225,0.72) !important;
    border-radius: 7px !important;
    background: #f8fafc !important;
    color: #64748b !important;
}

body:not(.mobil-gorunum) .header-araclar-menu button:hover .logi-icon {
    border-color: rgba(247,108,13,0.18) !important;
    background: #fff7ed !important;
    color: #d95c08 !important;
}

body:not(.mobil-gorunum) #tBaslik th.durum-hucre .baslik-metin-kap,
body:not(.mobil-gorunum) thead th.durum-hucre .baslik-metin-kap {
    color: inherit !important;
    display: flex !important;
    font-size: 0 !important;
    font-weight: 760 !important;
    letter-spacing: inherit !important;
    min-width: 0 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    text-indent: 0 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) #tBaslik th.durum-hucre .baslik-metin-kap::before,
body:not(.mobil-gorunum) #tBaslik th[data-kolon="durum"] .baslik-metin-kap::before,
body:not(.mobil-gorunum) thead th.durum-hucre .baslik-metin-kap::before {
    content: none !important;
    display: none !important;
}

body:not(.mobil-gorunum) #tBaslik th.durum-hucre .baslik-metin-kap::after,
body:not(.mobil-gorunum) #tBaslik th[data-kolon="durum"] .baslik-metin-kap::after,
body:not(.mobil-gorunum) thead th.durum-hucre .baslik-metin-kap::after {
    content: "DURUM" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: inherit !important;
    font-size: 9.2px !important;
    font-weight: 760 !important;
    letter-spacing: 0.045em !important;
    line-height: 1 !important;
}

body:not(.mobil-gorunum) #tBaslik th.durum-hucre .baslik-metin-kap .siralama-ikon,
body:not(.mobil-gorunum) #tBaslik th[data-kolon="durum"] .baslik-metin-kap .siralama-ikon {
    display: none !important;
}

/* Maliyet hesaplama / sistem ici modal */
.maliyet-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100020 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    background: rgba(15,23,42,0.42) !important;
    backdrop-filter: blur(8px) saturate(125%) !important;
}

.maliyet-overlay.acik {
    display: flex !important;
}

.maliyet-kart {
    width: min(1640px, calc(100vw - 10px)) !important;
    height: min(960px, calc(100vh - 10px)) !important;
    display: grid !important;
    grid-template-rows: 42px minmax(0, 1fr) !important;
    overflow: hidden !important;
    border: 1px solid rgba(203,213,225,0.92) !important;
    border-radius: 9px !important;
    background: #f5f7fb !important;
    box-shadow: 0 26px 70px rgba(15,23,42,0.24) !important;
}

.maliyet-ustbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 0 8px 0 12px !important;
    border-bottom: 1px solid rgba(203,213,225,0.84) !important;
    background: linear-gradient(180deg, #ffffff, #fbfdff) !important;
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.74) !important;
}

.maliyet-ustbar > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 1px !important;
    min-width: 0 !important;
}

.maliyet-eyebrow {
    color: #94a3b8 !important;
    font-size: 8px !important;
    font-weight: 850 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.maliyet-ustbar strong {
    color: #111827 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

.maliyet-kapat {
    min-height: 29px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

.maliyet-kapat:hover {
    border-color: rgba(247,108,13,0.28) !important;
    color: #d95c08 !important;
    background: #fff7ed !important;
}

.maliyet-frame {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    background: #f8fafc !important;
}

body.maliyet-modal-acik {
    overflow: hidden !important;
}

@media (max-width: 760px) {
    .maliyet-overlay {
        padding: 0 !important;
    }

    .maliyet-kart {
        width: 100vw !important;
        height: 100vh !important;
        border-radius: 0 !important;
        border-left: 0 !important;
        border-right: 0 !important;
    }
}

.evrak-var-ikonlu {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 5px !important;
}

.logi-inline-icon {
    position: relative !important;
    box-sizing: border-box !important;
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    color: currentColor !important;
}

.logi-inline-icon::before,
.logi-inline-icon::after {
    content: "" !important;
    position: absolute !important;
    box-sizing: border-box !important;
}

/* Premium toast / system voice standard */
.toast-kap {
    position: fixed !important;
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    z-index: 2147483200 !important;
    display: grid !important;
    gap: 8px !important;
    width: min(390px, calc(100vw - 36px)) !important;
    pointer-events: none !important;
}

.toast {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) 24px !important;
    align-items: start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 10px 10px 10px 11px !important;
    overflow: hidden !important;
    border: 1px solid rgba(203,213,225,0.88) !important;
    border-left-width: 3px !important;
    border-radius: 9px !important;
    background: rgba(255,255,255,0.96) !important;
    box-shadow: 0 16px 38px rgba(15,23,42,0.14), inset 0 1px 0 rgba(255,255,255,0.86) !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 760 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    backdrop-filter: blur(12px) saturate(130%) !important;
    pointer-events: auto !important;
    animation: logiToastGiris 180ms cubic-bezier(0.2, 0.8, 0.2, 1) both !important;
}

.toast::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 0.56 !important;
    pointer-events: none !important;
}

.toast-ikon {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border: 1px solid currentColor !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: currentColor !important;
    font-family: "DM Sans", Inter, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.toast-metin {
    position: relative !important;
    z-index: 1 !important;
    min-width: 0 !important;
    padding-top: 3px !important;
    color: #111827 !important;
    overflow-wrap: anywhere !important;
}

.toast-kapat {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    border: 1px solid rgba(203,213,225,0.82) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,0.72) !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.toast-kapat:hover {
    border-color: rgba(148,163,184,0.9) !important;
    background: #ffffff !important;
    color: #475569 !important;
}

.toast.basari,
.toast.success {
    border-left-color: #1f8f5f !important;
    color: #1f8f5f !important;
}

.toast.basari::before,
.toast.success::before {
    background: linear-gradient(90deg, rgba(31,143,95,0.09), transparent 48%) !important;
}

.toast.hata,
.toast.danger,
.toast.error {
    border-left-color: #b42318 !important;
    color: #b42318 !important;
}

.toast.hata::before,
.toast.danger::before,
.toast.error::before {
    background: linear-gradient(90deg, rgba(180,35,24,0.08), transparent 48%) !important;
}

.toast.bilgi,
.toast.info {
    border-left-color: #2563eb !important;
    color: #2563eb !important;
}

.toast.bilgi::before,
.toast.info::before {
    background: linear-gradient(90deg, rgba(37,99,235,0.08), transparent 48%) !important;
}

.toast.uyari,
.toast.warn,
.toast.warning {
    border-left-color: #d97706 !important;
    color: #d97706 !important;
}

.toast.uyari::before,
.toast.warn::before,
.toast.warning::before {
    background: linear-gradient(90deg, rgba(217,119,6,0.09), transparent 48%) !important;
}

.toast-cikiyor {
    animation: logiToastCikis 180ms ease-in forwards !important;
}

@keyframes logiToastGiris {
    from {
        opacity: 0;
        transform: translate3d(14px, -4px, 0) scale(0.985);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
}

@keyframes logiToastCikis {
    from {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }
    to {
        opacity: 0;
        transform: translate3d(12px, -2px, 0) scale(0.985);
    }
}

@media (max-width: 768px) {
    .toast-kap {
        top: 10px !important;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
    }

    .toast {
        grid-template-columns: 22px minmax(0, 1fr) 24px !important;
        min-height: 44px !important;
        padding: 9px 9px 9px 10px !important;
        font-size: 11.5px !important;
    }

    .toast-ikon {
        width: 22px !important;
        height: 22px !important;
        font-size: 10px !important;
    }
}

/* Global command menu family */
:where(.logi-command-menu, .header-araclar-menu, .sutun-menu, .excel-filtre-popup, .satir-context-menu, .finans-araclar-icerik, .teklif-baglanti-menu, .hrc-filtre-popup, .mobile-fab-menu) {
    box-sizing: border-box !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.985) !important;
    box-shadow: 0 18px 40px rgba(15,23,42,0.15), inset 0 1px 0 rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(14px) saturate(118%) !important;
}

body:not(.mobil-gorunum) :where(.header-araclar-menu, .sutun-menu, .excel-filtre-popup, .satir-context-menu, .finans-araclar-icerik, #tekliflerPanel .teklif-aksiyon-menu > div, .teklif-baglanti-menu, .hrc-filtre-popup) {
    padding: 7px !important;
}

body:not(.mobil-gorunum) :where(.header-araclar-menu, .finans-araclar-icerik, #tekliflerPanel .teklif-aksiyon-menu > div, .mobile-fab-menu) {
    gap: 4px !important;
}

body:not(.mobil-gorunum) .header-araclar:not(.acik) .header-araclar-menu,
body:not(.mobil-gorunum) #finansMerkeziPanel .finans-araclar-menusu:not([open]) > .finans-araclar-icerik,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu:not([open]) > div,
body:not(.mobil-gorunum) .teklif-cikti-diger:not([open]) > button,
.mobile-fab-menu:not(.acik) {
    display: none !important;
}

body:not(.mobil-gorunum) .header-araclar.acik .header-araclar-menu,
body:not(.mobil-gorunum) #finansMerkeziPanel .finans-araclar-menusu[open] > .finans-araclar-icerik,
body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu[open] > div,
body:not(.mobil-gorunum) .teklif-cikti-diger[open] > button,
.mobile-fab-menu.acik {
    display: grid !important;
}

body:not(.mobil-gorunum) :where(.logi-command-trigger, .header-araclar-btn, #tekliflerPanel .teklif-aksiyon-menu summary, #finansMerkeziPanel .finans-araclar-menusu > summary, .teklif-cikti-diger summary) {
    border-radius: 8px !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) :where(.logi-command-dropdown[open] > .logi-command-trigger, .header-araclar.acik .header-araclar-btn, #tekliflerPanel .teklif-aksiyon-menu[open] summary, #finansMerkeziPanel .finans-araclar-menusu[open] > summary, .teklif-cikti-diger[open] summary) {
    border-color: rgba(247,108,13,0.34) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: 0 8px 18px rgba(247,108,13,0.08) !important;
}

body:not(.mobil-gorunum) :where(.logi-command-item, .menu-btn, .header-araclar-menu button, .finans-arac-ogesi, #tekliflerPanel .teklif-aksiyon-menu > div button, .teklif-cikti-diger button, .mobile-fab-menu button) {
    box-sizing: border-box !important;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 16px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 30px !important;
    padding: 6px 8px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #344054 !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 10.8px !important;
    font-weight: 680 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    transform: none !important;
}

body:not(.mobil-gorunum) :where(.logi-command-item strong, .header-araclar-menu button strong, .mobile-fab-menu button span) {
    min-width: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) :where(.logi-command-item .logi-icon, .menu-btn .logi-icon, .header-araclar-menu button .logi-icon, .finans-arac-ogesi .logi-icon, #tekliflerPanel .teklif-aksiyon-menu > div button .logi-icon, .mobile-fab-menu button .logi-icon) {
    width: 14px !important;
    height: 14px !important;
    color: #667085 !important;
    opacity: 0.82 !important;
}

body:not(.mobil-gorunum) :where(.logi-command-item::before, .menu-btn::before, .finans-arac-ogesi::before, .header-araclar-menu button::before, #tekliflerPanel .teklif-aksiyon-menu > div button::before) {
    display: none !important;
    content: none !important;
}

body:not(.mobil-gorunum) :where(.logi-command-item:hover, .logi-command-item:focus-visible, .menu-btn:hover, .menu-btn:focus-visible, .header-araclar-menu button:hover, .header-araclar-menu button:focus-visible, .finans-arac-ogesi:hover, .finans-arac-ogesi:focus-visible, #tekliflerPanel .teklif-aksiyon-menu > div button:hover, #tekliflerPanel .teklif-aksiyon-menu > div button:focus-visible, .mobile-fab-menu button:hover, .mobile-fab-menu button:focus-visible) {
    border-color: rgba(247,108,13,0.18) !important;
    background: #fffaf6 !important;
    color: #9a4b09 !important;
    outline: none !important;
}

body:not(.mobil-gorunum) :where(.logi-command-item:hover .logi-icon, .logi-command-item:focus-visible .logi-icon, .menu-btn:hover .logi-icon, .menu-btn:focus-visible .logi-icon, .header-araclar-menu button:hover .logi-icon, .header-araclar-menu button:focus-visible .logi-icon, .finans-arac-ogesi:hover .logi-icon, .finans-arac-ogesi:focus-visible .logi-icon, #tekliflerPanel .teklif-aksiyon-menu > div button:hover .logi-icon, #tekliflerPanel .teklif-aksiyon-menu > div button:focus-visible .logi-icon) {
    color: #d95c08 !important;
    opacity: 1 !important;
}

body:not(.mobil-gorunum) :where(.logi-command-danger, .menu-btn.tehlikeli, .teklif-sil-btn) {
    color: #9f313c !important;
}

body:not(.mobil-gorunum) :where(.logi-command-danger .logi-icon, .menu-btn.tehlikeli .logi-icon, .teklif-sil-btn .logi-icon) {
    color: #9f313c !important;
}

body:not(.mobil-gorunum) :where(.logi-command-danger:hover, .logi-command-danger:focus-visible, .menu-btn.tehlikeli:hover, .menu-btn.tehlikeli:focus-visible, .teklif-sil-btn:hover, .teklif-sil-btn:focus-visible) {
    border-color: rgba(166,54,64,0.18) !important;
    background: #fbf3f3 !important;
    color: #8f2f39 !important;
}

body:not(.mobil-gorunum) :where(.logi-command-title, .menu-panel-baslik, .teklif-aksiyon-menu-baslik, .hrc-filtre-popup-baslik, .teklif-baglanti-menu-baslik) {
    display: block !important;
    margin: 3px 3px 5px !important;
    padding: 7px 8px !important;
    border: 1px solid rgba(226,232,240,0.86) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #fbfcfe 0%, #ffffff 100%) !important;
    color: #667085 !important;
    font-size: 9.5px !important;
    font-weight: 860 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
}

body:not(.mobil-gorunum) :where(.menu-panel-baslik strong, .teklif-baglanti-menu-baslik strong) {
    display: block !important;
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) :where(.menu-panel-baslik span, .teklif-baglanti-menu-baslik span) {
    display: block !important;
    margin-top: 3px !important;
    color: #667085 !important;
    font-size: 9.7px !important;
    font-weight: 560 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) :where(.logi-command-separator, .menu-panel-ayrac) {
    height: 1px !important;
    margin: 5px 4px !important;
    background: rgba(226,232,240,0.86) !important;
}

body:not(.mobil-gorunum) .header-sag .header-araclar-menu {
    min-width: 230px !important;
    right: 0 !important;
    top: calc(100% + 8px) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-araclar-icerik {
    min-width: 228px !important;
    max-width: min(280px, calc(100vw - 24px)) !important;
}

body:not(.mobil-gorunum) #tekliflerPanel .teklif-aksiyon-menu > div {
    width: 218px !important;
    max-width: min(260px, calc(100vw - 24px)) !important;
    border-radius: 10px !important;
}

body:not(.mobil-gorunum) .sutun-menu {
    width: 230px !important;
    max-width: min(230px, calc(100vw - 24px)) !important;
}

body:not(.mobil-gorunum) .excel-filtre-popup,
body:not(.mobil-gorunum) .hrc-filtre-popup {
    width: 272px !important;
    max-width: min(272px, calc(100vw - 24px)) !important;
}

body:not(.mobil-gorunum) .teklif-baglanti-menu {
    border-radius: 10px !important;
}

body:not(.mobil-gorunum) .teklif-cikti-diger button {
    position: absolute !important;
    right: 0 !important;
    top: calc(100% + 7px) !important;
    min-width: 150px !important;
    z-index: 10 !important;
}

@media (max-width: 768px) {
    :where(.logi-command-menu, .header-araclar-menu, .sutun-menu, .excel-filtre-popup, .satir-context-menu, .finans-araclar-icerik, .teklif-baglanti-menu, .hrc-filtre-popup, .mobile-fab-menu) {
        border-radius: 10px !important;
    }

    :where(.logi-command-item, .menu-btn, .header-araclar-menu button, .finans-arac-ogesi, #tekliflerPanel .teklif-aksiyon-menu > div button, .mobile-fab-menu button) {
        min-height: 36px !important;
        font-size: 12px !important;
    }
}

.logi-inline-icon-document::before {
    inset: 1px 2px !important;
    border: 1.4px solid currentColor !important;
    border-radius: 3px !important;
}

.logi-inline-icon-document::after {
    right: 2px !important;
    top: 1px !important;
    width: 4px !important;
    height: 4px !important;
    border-left: 1.3px solid currentColor !important;
    border-bottom: 1.3px solid currentColor !important;
    background: rgba(255,255,255,0.7) !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi.logi-icon-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding-left: 10px !important;
}

body:not(.mobil-gorunum) #finansMerkeziPanel .finans-arac-ogesi::before {
    display: none !important;
    content: none !important;
}

/* Ana Modül Sekmeleri / Premium İkon Dili */
.tab-sarici .tab-btn {
    gap: 8px !important;
}

.tab-sarici .tab-btn > span {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1 !important;
}

.tab-sarici .tab-btn .ana-tab-icon {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 0.82 !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.tab-sarici .tab-btn .ana-tab-icon * {
    display: block !important;
    visibility: visible !important;
    fill: none !important;
    stroke: currentColor !important;
}

.tab-sarici .tab-btn.aktif .ana-tab-icon {
    opacity: 1 !important;
    color: #ffffff !important;
}

.tab-sarici .tab-btn:not(.aktif) .ana-tab-icon {
    color: #64748b !important;
}

.tab-sarici .tab-btn:not(.aktif):hover .ana-tab-icon {
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .tab-sarici .tab-btn,
body:not(.mobil-gorunum) .tab-sarici .tab-btn {
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .tab-sarici .tab-btn .ana-tab-icon,
body:not(.mobil-gorunum) .tab-sarici .tab-btn .ana-tab-icon {
    display: inline-flex !important;
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
}

/* Ana Modül Sekmeleri / Taşma Kontrolü */
body:not(.mobil-gorunum) .tab-sarici {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 4px !important;
    overflow: hidden !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn,
body:not(.mobil-gorunum) .tab-sarici > #tabGenel,
body:not(.mobil-gorunum) .tab-sarici > #tabUkt,
body:not(.mobil-gorunum) .tab-sarici > #tabTeklifler,
body:not(.mobil-gorunum) .tab-sarici > #tabKartYonetimi,
body:not(.mobil-gorunum) .tab-sarici > #tabDashboard,
body:not(.mobil-gorunum) .tab-sarici > #tabFinansMerkezi,
body:not(.mobil-gorunum) .tab-sarici > #tabSirketMerkezi,
body:not(.mobil-gorunum) .tab-sarici > #tabAdmin {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 8px !important;
    gap: 5px !important;
    overflow: hidden !important;
    font-size: 9.8px !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn > span {
    flex: 0 1 auto !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn .ana-tab-icon {
    width: 12.5px !important;
    height: 12.5px !important;
    flex-basis: 12.5px !important;
}

@media (max-width: 1280px) {
    body:not(.mobil-gorunum) .tab-sarici > .tab-btn,
    body:not(.mobil-gorunum) .tab-sarici > #tabGenel,
    body:not(.mobil-gorunum) .tab-sarici > #tabUkt,
    body:not(.mobil-gorunum) .tab-sarici > #tabTeklifler,
    body:not(.mobil-gorunum) .tab-sarici > #tabKartYonetimi,
    body:not(.mobil-gorunum) .tab-sarici > #tabDashboard,
    body:not(.mobil-gorunum) .tab-sarici > #tabFinansMerkezi,
    body:not(.mobil-gorunum) .tab-sarici > #tabSirketMerkezi,
    body:not(.mobil-gorunum) .tab-sarici > #tabAdmin {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 6px !important;
        gap: 4px !important;
        font-size: 9.4px !important;
    }

    body:not(.mobil-gorunum) .tab-sarici > .tab-btn .ana-tab-icon {
        width: 12px !important;
        height: 12px !important;
        flex-basis: 12px !important;
    }
}

/* Final / Şirket Sekmesi Finans Standardına Bağlandı ---------------- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav.finans-sekme-bar {
    display: flex !important;
    align-items: center !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 4px !important;
    gap: 4px !important;
    overflow: hidden !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 154px !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn > span {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn > span::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.finans-sekme-btn > span::after {
    display: none !important;
    content: none !important;
}

/* Final / Mutlak Son: Finans Tipi Sekme Standardı ------------------ */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 52px !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-ust-aksiyonlar {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-head,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-icon,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn svg,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn i,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme .finans-sekme-kod,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel .finans-sekme-kod {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav > .company-nav-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-width: 154px !important;
    width: auto !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    gap: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme > span:not(.finans-sekme-kod),
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn > span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn > span::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn > span::after {
    display: none !important;
    content: none !important;
}

/* Final / Son Söz: Hepsi Finans Sekmesi Gibi ----------------------- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    min-height: 44px !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 4px !important;
    align-items: center !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust {
    display: flex !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    display: block !important;
    width: 100% !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.94) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-head,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme .finans-sekme-kod,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel .finans-sekme-kod {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav > .company-nav-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 154px !important;
    width: auto !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    gap: 0 !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme > span:not(.finans-sekme-kod),
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::after {
    display: none !important;
    content: none !important;
}

/* Final / Sekme Bölgesi Toparlama: Kart Referansı Korunur ---------- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    min-height: 44px !important;
    height: auto !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    display: block !important;
    width: 100% !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    box-sizing: border-box !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-head,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme .finans-sekme-kod,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel .finans-sekme-kod {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav > .company-nav-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    min-width: 154px !important;
    width: auto !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme > span:not(.finans-sekme-kod),
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::after {
    display: none !important;
    content: none !important;
}

/* Final / Tek Sekme Standardı: Kart Yönetimi = Finans = Şirket ----- */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-shell {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 52px !important;
    height: auto !important;
    margin: 0 0 6px !important;
    padding: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow: visible !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler.finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-bar,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav {
    box-sizing: border-box !important;
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 4px !important;
    gap: 4px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,0.92) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-head,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy small,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme .finans-sekme-kod,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel .finans-sekme-kod {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav > .company-nav-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 154px !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 15px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme > span:not(.finans-sekme-kod),
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn span,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn-copy strong {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 780 !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn:hover {
    border-color: rgba(203,213,225,0.86) !important;
    background: #ffffff !important;
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn.aktif,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn.aktif {
    border-color: rgba(247,108,13,0.2) !important;
    background: linear-gradient(180deg, #fff8f2, #ffffff) !important;
    color: #c2410c !important;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.72), 0 8px 18px rgba(247,108,13,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-merkez-sekme::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #finansMerkeziPanel > .gider-panel-ust .finans-sekme-btn::after,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::before,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #companyCenterPanel .company-nav-btn::after {
    display: none !important;
    content: none !important;
}
/* Admin sade mod nihai kilit: dosya sonu override. */
body.admin-sayfasi-aktif #adminPortalHub {
    width: calc(100% - (var(--logi-workspace-edge) * 2)) !important;
    max-width: none !important;
}

body.admin-sayfasi-aktif #adminPortalHub > .admin-hub-sidebar,
body.admin-sayfasi-aktif #adminPortalHub .admin-hub-sidebar,
body.admin-sayfasi-aktif #adminPortalHub .admin-hub-nav,
body.admin-sayfasi-aktif #adminPortalHub .admin-hub-nav-item {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.admin-sayfasi-aktif #adminPortalHub #adminTabGuvenlik .admin-security-collapse:nth-of-type(n+2) {
    display: none !important;
}

@media (max-width: 980px) {
}

/* Admin premium son kilit: tum eski admin kurallarinin uzerinde calisir. */
body:not(.mobil-gorunum) .tab-sarici > .tab-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    vertical-align: middle !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1 !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn .ana-tab-icon {
    align-self: center !important;
    margin: 0 !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-hub-main {
    width: 100% !important;
    min-width: 0 !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-hub-header {
    min-height: 56px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(203,213,225,0.8) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.96) !important;
    box-shadow: 0 10px 26px rgba(15,23,42,0.06) !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-hub-title-wrap h1 {
    font-size: 18px !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-hub-title-wrap p {
    margin-top: 2px !important;
    font-size: 11px !important;
    line-height: 1.2 !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action {
    position: relative !important;
    overflow: hidden !important;
    align-items: flex-start !important;
    justify-content: center !important;
    text-align: left !important;
    min-height: 86px !important;
    padding: 16px !important;
    border: 1px solid rgba(203,213,225,0.86) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff, #f8fafc) !important;
    box-shadow: 0 12px 26px rgba(15,23,42,0.06) !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 3px !important;
    background: #f76c0d !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action:nth-child(2)::before {
    background: #2563eb !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action:nth-child(3)::before {
    background: #0f766e !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action:nth-child(4)::before {
    background: #7c3aed !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action:nth-child(5)::before {
    background: #dc2626 !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action:hover {
    border-color: rgba(247,108,13,0.32) !important;
    box-shadow: 0 16px 32px rgba(15,23,42,0.08) !important;
    transform: translateY(-1px) !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action strong {
    font-size: 16px !important;
    line-height: 1.1 !important;
    color: #111827 !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action span {
    margin-top: 6px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
    color: #64748b !important;
}

body.admin-sayfasi-aktif #adminPortalHub #adminTabKullanicilar .admin-split-layout {
    grid-template-columns: minmax(380px, 430px) minmax(0, 1fr) !important;
}

body.admin-sayfasi-aktif #adminPortalHub #adminKullaniciPaneli {
    display: block !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-hub-card {
    border-radius: 8px !important;
    border-color: rgba(203,213,225,0.78) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.05) !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-hub-card-header {
    min-height: 50px !important;
    padding: 12px 14px !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-section-profile-head {
    align-items: center !important;
    gap: 12px !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-section-profile-head > .admin-action-btn {
    margin-left: auto !important;
    flex: 0 0 auto !important;
}

body.admin-sayfasi-aktif #adminPortalHub #adminTabCop .admin-split-layout,
body.admin-sayfasi-aktif #adminPortalHub #adminTabLoglar .admin-split-layout {
    grid-template-columns: minmax(0, 1.2fr) minmax(360px, 0.62fr) !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-trash-item {
    border-radius: 8px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    margin-bottom: 8px !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-trash-item.aktif {
    border-color: rgba(247,108,13,0.45) !important;
    box-shadow: inset 3px 0 0 #f76c0d, 0 10px 20px rgba(15,23,42,0.05) !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-trash-clear-btn {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-log-side-top {
    align-items: flex-start !important;
    gap: 14px !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-side-action-stack {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

body.admin-sayfasi-aktif #adminPortalHub .admin-action-btn,
body.admin-sayfasi-aktif #adminPortalHub .btn-ldm-header {
    min-height: 34px !important;
    border-radius: 8px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

@media (max-width: 980px) {
    body.admin-sayfasi-aktif #adminPortalHub .admin-simple-action-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Kart Yönetimi master data standardı: müşteri, tedarikçi ve lokasyon aynı liste/detay dili. */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
    display: grid !important;
    grid-template-columns: minmax(230px, 1.25fr) minmax(128px, .58fr) minmax(132px, .62fr) minmax(180px, .82fr) minmax(82px, auto) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 58px !important;
    padding: 9px 12px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row.aktif {
    background: linear-gradient(90deg, rgba(255,250,246,0.98), #ffffff 24%) !important;
    box-shadow: inset 3px 0 0 #f76c0d !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-contact,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-meta,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-money,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-sag {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-contact,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-meta {
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 10.4px !important;
    font-weight: 650 !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ad,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ikincil {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-money {
    justify-content: flex-start !important;
    gap: 6px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-sag {
    justify-content: flex-end !important;
    gap: 5px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kalite-badge {
    min-height: 21px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: 8.8px !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
}

@media (max-width: 980px) {
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        min-height: 0 !important;
    }
}

/* Kart Yönetimi içe aktarım ön izleme ekranı. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel {
    width: calc(100% - (var(--logi-workspace-edge, 24px) * 2)) !important;
    max-width: none !important;
    margin: 10px auto 0 !important;
}

.kart-import-shell {
    display: grid;
    gap: 12px;
}

.kart-import-hero,
.kart-import-status,
.kart-import-card,
.kart-import-summary > div,
.kart-import-steps > div {
    border: 1px solid rgba(226,232,240,0.95);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15,23,42,0.045);
}

.kart-import-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
}

.kart-import-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

#kartIceAktarimPanel[data-import-mode="operasyon"] .kart-import-card-actions,
#kartIceAktarimPanel[data-import-mode="kart"] .kart-import-operation-actions,
#kartIceAktarimPanel[data-import-mode="operasyon"] #kartHazirlikAkisi,
#kartIceAktarimPanel[data-import-mode="operasyon"] #kartHazirlikAdimlari,
#kartIceAktarimPanel[data-import-mode="kart"] #kartOperasyonOnKontrolAkisi {
    display: none !important;
}

.kart-import-modebar {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    max-width: 520px;
    padding: 5px;
    border: 1px solid rgba(226,232,240,0.95);
    border-radius: 8px;
    background: #ffffff;
}

.kart-import-modebar button {
    min-height: 38px;
    border: 1px solid transparent;
    border-radius: 7px;
    background: transparent;
    color: #667085;
    font-size: 12px;
    font-weight: 820;
    cursor: pointer;
}

.kart-import-modebar button.aktif {
    border-color: rgba(247,108,13,0.35);
    background: #fff7ed;
    color: #c2410c;
}

.kart-import-center-actions {
    max-width: 820px;
}

.kart-import-center-actions .btn-ana,
.kart-import-center-actions .btn-iptal {
    min-height: 36px;
    border-radius: 8px;
    white-space: nowrap;
}

.kart-import-center-actions .kart-import-commit-btn {
    background: #ffffff;
    border-color: rgba(203,213,225,0.95);
    color: #344054;
    box-shadow: none;
}

.kart-import-flowbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.kart-yonetimi-ust {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kart-yonetimi-ust .kart-yonetimi-sekmeler {
    flex: 1 1 auto;
}

.kart-yonetimi-export-btn {
    flex: 0 0 auto;
    min-height: 38px;
    border-radius: 8px;
    white-space: nowrap;
}

.kart-import-flowbar > div {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 9px 11px;
    border: 1px solid rgba(226,232,240,0.95);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04);
}

.kart-import-flowbar > div.done {
    border-color: rgba(34,197,94,0.24);
    background: #f7fef9;
}

.kart-import-flowbar > div.current {
    border-color: rgba(247,108,13,0.38);
    background: #fff7ed;
    box-shadow: inset 0 -2px 0 rgba(247,108,13,0.45), 0 10px 24px rgba(15,23,42,0.04);
}

.kart-import-flowbar > div.blocked {
    border-color: rgba(247,108,13,0.45);
    background: #fffaf5;
}

.kart-import-flowbar strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 11px;
    font-weight: 900;
}

.kart-import-flowbar > div.done strong {
    background: #dcfce7;
    color: #166534;
}

.kart-import-flowbar span {
    min-width: 0;
    overflow: hidden;
    color: #475467;
    font-size: 11px;
    font-weight: 820;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-import-hero-simple {
    align-items: center;
}

.kart-import-hero-state {
    display: grid;
    gap: 3px;
    min-width: 170px;
    padding: 8px 10px;
    border: 1px solid rgba(226,232,240,0.95);
    border-radius: 8px;
    background: #f8fafc;
}

.kart-import-hero-state span,
.kart-import-hero-state strong {
    display: block;
    max-width: 260px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-import-hero-state span {
    color: #667085;
    font-size: 10px;
    font-weight: 850;
}

.kart-import-hero-state strong {
    color: #111827;
    font-size: 12px;
    font-weight: 900;
}

.kart-import-command-center {
    display: block;
}

.kart-import-command-main,
.kart-import-command-stats > div {
    border: 1px solid rgba(226,232,240,0.95);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15,23,42,0.045);
}

.kart-import-command-main {
    min-height: 58px;
    padding: 12px 14px;
    border-left: 4px solid rgba(247,108,13,0.8);
}

.kart-import-command-center.pending .kart-import-command-main {
    border-left-color: #94a3b8;
}

.kart-import-command-center.ready .kart-import-command-main {
    border-left-color: #16a34a;
    background: #f7fef9;
}

.kart-import-command-center.blocked .kart-import-command-main {
    border-left-color: #f76c0d;
    background: #fffaf5;
}

.kart-import-command-main span,
.kart-import-command-stats span {
    color: #667085;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.kart-import-command-main strong {
    display: block;
    margin-top: 3px;
    color: #111827;
    font-size: 18px;
    line-height: 1.1;
}

.kart-import-command-main small {
    display: block;
    margin-top: 3px;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
}

.kart-import-command-stats {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    min-width: 0;
}

.kart-import-command-stats > div {
    display: grid;
    align-content: center;
    min-height: 64px;
    padding: 9px 11px;
}

.kart-import-command-stats strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 21px;
    line-height: 1;
}

.kart-import-executive-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 12px;
    align-items: stretch;
    padding: 14px;
    border: 1px solid rgba(226,232,240,0.96);
    border-left: 4px solid #94a3b8;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 16px 36px rgba(15,23,42,0.055);
}

.kart-import-executive-summary.ready {
    border-left-color: #16a34a;
    background: #fbfffc;
}

.kart-import-executive-summary.blocked {
    border-left-color: #f76c0d;
    background: #fffaf5;
}

.kart-import-executive-summary.action {
    border-left-color: #2563eb;
    background: #f8fbff;
}

.kart-import-executive-main,
.kart-import-next-action {
    display: grid;
    align-content: center;
    gap: 5px;
    min-width: 0;
}

.kart-import-executive-main span,
.kart-import-next-action span {
    color: #667085;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: 0;
    text-transform: uppercase;
}

.kart-import-executive-main strong,
.kart-import-next-action strong {
    overflow: hidden;
    color: #111827;
    font-size: 20px;
    font-weight: 950;
    line-height: 1.15;
    text-overflow: ellipsis;
}

.kart-import-executive-main small {
    color: #667085;
    font-size: 12px;
    font-weight: 760;
    line-height: 1.4;
}

.kart-import-next-action {
    padding: 12px;
    border: 1px solid rgba(226,232,240,0.9);
    border-radius: 8px;
    background: rgba(255,255,255,0.72);
}

.kart-import-next-action > div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.kart-import-next-action .btn-ana,
.kart-import-next-action .btn-iptal {
    min-height: 36px;
    border-radius: 8px;
    font-size: 11px;
    font-weight: 900;
}

#kartImportReportBtn[hidden],
.kart-import-issue-board[hidden] {
    display: none !important;
}

.kart-import-issue-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 10px;
}

.kart-import-issue-card {
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(226,232,240,0.96);
    border-left: 4px solid #94a3b8;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(15,23,42,0.045);
}

.kart-import-issue-card.missing {
    border-left-color: #f76c0d;
    background: #fffaf5;
}

.kart-import-issue-card.review {
    border-left-color: #f59e0b;
    background: #fffbeb;
}

.kart-import-issue-card.action {
    border-left-color: #2563eb;
    background: #f8fbff;
}

.kart-import-issue-card.exact {
    border-left-color: #16a34a;
    background: #fbfffc;
}

.kart-import-issue-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

.kart-import-issue-top span {
    overflow: hidden;
    color: #667085;
    font-size: 10px;
    font-weight: 950;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.kart-import-confidence {
    flex: 0 0 auto;
    padding: 4px 7px;
    border: 1px solid rgba(203,213,225,0.9);
    border-radius: 999px;
    background: #f8fafc;
    color: #475467;
    font-size: 9px;
    font-style: normal;
    font-weight: 950;
    text-transform: uppercase;
}

.kart-import-confidence.missing {
    border-color: rgba(247,108,13,0.28);
    background: #fff7ed;
    color: #c2410c;
}

.kart-import-confidence.review {
    border-color: rgba(245,158,11,0.3);
    background: #fffbeb;
    color: #92400e;
}

.kart-import-confidence.action {
    border-color: rgba(37,99,235,0.26);
    background: #eff6ff;
    color: #1d4ed8;
}

.kart-import-confidence.exact {
    border-color: rgba(34,197,94,0.32);
    background: #f0fdf4;
    color: #166534;
}

.kart-import-issue-card > strong {
    color: #111827;
    font-size: 26px;
    font-weight: 950;
    line-height: 1;
}

.kart-import-issue-card small,
.kart-import-issue-card p {
    margin: 0;
    color: #667085;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
}

.kart-import-issue-card .btn-iptal {
    justify-self: start;
    min-height: 32px;
    margin-top: 2px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
}

.kart-import-domain-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.kart-import-domain-card {
    display: grid;
    gap: 10px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(226,232,240,0.96);
    border-left: 4px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 26px rgba(15,23,42,0.045);
}

.kart-import-domain-card.ready {
    border-left-color: #16a34a;
    background: #fbfffc;
}

.kart-import-domain-card.blocked {
    border-left-color: #f76c0d;
    background: #fffaf5;
}

.kart-import-domain-card.action {
    border-left-color: #2563eb;
    background: #f8fbff;
}

.kart-import-domain-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.kart-import-domain-head span {
    color: #667085;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.kart-import-domain-head strong {
    max-width: 58%;
    overflow: hidden;
    color: #111827;
    font-size: 12px;
    font-weight: 900;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-import-domain-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
}

.kart-import-domain-stats > div {
    min-width: 0;
    padding: 8px;
    border: 1px solid rgba(226,232,240,0.9);
    border-radius: 8px;
    background: rgba(248,250,252,0.72);
}

.kart-import-domain-stats span {
    display: block;
    overflow: hidden;
    color: #667085;
    font-size: 9px;
    font-weight: 900;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.kart-import-domain-stats strong {
    display: block;
    margin-top: 3px;
    color: #111827;
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
}

.kart-import-domain-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}

.kart-import-domain-actions .btn-ana,
.kart-import-domain-actions .btn-iptal {
    min-height: 34px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 900;
}

.kart-import-domain-actions button:disabled {
    opacity: 0.48;
    cursor: not-allowed;
    box-shadow: none !important;
}

.kart-lokasyon-onizleme-overlay {
    z-index: 100200;
    padding: 24px;
}

.kart-lokasyon-onizleme-kart {
    width: min(1180px, calc(100vw - 48px));
    max-height: min(88vh, 860px);
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
    border: 1px solid rgba(226,232,240,0.92);
    background: #f8fafc;
    box-shadow: 0 36px 90px rgba(15,23,42,0.28);
}

.kart-lokasyon-onizleme-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 18px 20px;
    border-bottom: 1px solid rgba(226,232,240,0.95);
    background: #ffffff;
}

.kart-lokasyon-onizleme-head > div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.kart-lokasyon-onizleme-head span,
.kart-lokasyon-preview-summary span,
.kart-lokasyon-preview-grid span {
    color: #667085;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.kart-lokasyon-onizleme-head strong {
    color: #111827;
    font-size: 22px;
    font-weight: 950;
    line-height: 1.1;
}

.kart-lokasyon-onizleme-head small {
    color: #667085;
    font-size: 12px;
    font-weight: 750;
}

.kart-lokasyon-onizleme-head .btn-iptal {
    min-height: 34px;
    border-radius: 8px;
}

.kart-lokasyon-onizleme-icerik {
    display: grid;
    gap: 12px;
    max-height: calc(88vh - 156px);
    overflow: auto;
    padding: 14px 18px;
}

.kart-lokasyon-preview-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.kart-lokasyon-preview-summary > div {
    min-height: 60px;
    padding: 11px 12px;
    border: 1px solid rgba(226,232,240,0.94);
    border-radius: 8px;
    background: #ffffff;
}

.kart-lokasyon-preview-summary strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 21px;
    font-weight: 950;
    line-height: 1;
}

.kart-lokasyon-preview-warning,
.kart-lokasyon-preview-empty,
.kart-lokasyon-preview-more {
    display: grid;
    gap: 4px;
    padding: 12px;
    border: 1px solid rgba(251,146,60,0.24);
    border-radius: 8px;
    background: #fffaf5;
}

.kart-lokasyon-preview-warning strong,
.kart-lokasyon-preview-empty strong {
    color: #9a3412;
    font-size: 12px;
    font-weight: 950;
}

.kart-lokasyon-preview-warning span,
.kart-lokasyon-preview-empty span,
.kart-lokasyon-preview-more {
    color: #667085;
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
}

.kart-lokasyon-preview-inline-warning {
    padding: 8px 10px;
    border: 1px solid rgba(251,146,60,0.28);
    border-radius: 8px;
    background: #fffaf5;
    color: #c2410c;
    font-size: 10.5px;
    font-weight: 850;
    line-height: 1.35;
}

.kart-lokasyon-preview-inline-warning[hidden] {
    display: none !important;
}

.kart-lokasyon-preview-list {
    display: grid;
    gap: 8px;
}

.kart-lokasyon-preview-workspace {
    display: grid;
    grid-template-columns: minmax(260px, 0.38fr) minmax(0, 1fr);
    gap: 10px;
    min-height: 300px;
}

.kart-lokasyon-preview-rail,
.kart-lokasyon-preview-detail-list {
    min-width: 0;
    border: 1px solid rgba(226,232,240,0.94);
    border-radius: 10px;
    background: #ffffff;
}

.kart-lokasyon-preview-rail {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
}

.kart-lokasyon-preview-rail-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(226,232,240,0.9);
    background: #f8fafc;
}

.kart-lokasyon-preview-rail-head span {
    color: #667085;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

.kart-lokasyon-preview-rail-head strong {
    color: #111827;
    font-size: 13px;
    font-weight: 950;
}

.kart-lokasyon-preview-rail .kart-lokasyon-preview-list {
    align-content: start;
    max-height: 484px;
    overflow: auto;
    padding: 8px;
}

.kart-lokasyon-preview-list-item {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.16s ease, border-color 0.16s ease, box-shadow 0.16s ease;
}

.kart-lokasyon-preview-list-item:hover,
.kart-lokasyon-preview-list-item.aktif {
    border-color: rgba(247,108,13,0.24);
    background: #fffaf5;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045);
}

.kart-lokasyon-preview-list-item > span {
    display: grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #667085;
    font-size: 10px;
    font-weight: 950;
}

.kart-lokasyon-preview-list-item.aktif > span {
    background: #ffedd5;
    color: #c2410c;
}

.kart-lokasyon-preview-list-item div {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.kart-lokasyon-preview-list-item strong,
.kart-lokasyon-preview-list-item small,
.kart-lokasyon-preview-list-item em {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-lokasyon-preview-list-item strong {
    color: #111827;
    font-size: 12px;
    font-weight: 950;
}

.kart-lokasyon-preview-list-item small {
    color: #667085;
    font-size: 10.5px;
    font-weight: 800;
}

.kart-lokasyon-preview-list-item em {
    color: #98a2b3;
    font-size: 9.5px;
    font-style: normal;
    font-weight: 750;
}

.kart-lokasyon-preview-detail-list {
    display: grid;
    align-content: start;
    padding: 12px;
}

.kart-lokasyon-preview-detail-list .kart-lokasyon-preview-card {
    display: none;
}

.kart-lokasyon-preview-detail-list .kart-lokasyon-preview-card.aktif {
    display: grid;
}

.kart-lokasyon-preview-card {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(226,232,240,0.94);
    border-left: 4px solid #16a34a;
    border-radius: 9px;
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(15,23,42,0.035);
}

.kart-lokasyon-preview-no {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #ecfdf3;
    color: #15803d;
    font-size: 11px;
    font-weight: 950;
}

.kart-lokasyon-preview-main {
    display: grid;
    gap: 9px;
    min-width: 0;
}

.kart-lokasyon-preview-title {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    min-width: 0;
}

.kart-lokasyon-preview-title span {
    color: #16a34a;
    font-size: 9.5px;
    font-weight: 950;
    text-transform: uppercase;
}

.kart-lokasyon-preview-title strong {
    min-width: 0;
    overflow: hidden;
    color: #111827;
    font-size: 15px;
    font-weight: 950;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-lokasyon-preview-grid {
    display: grid;
    grid-template-columns: 0.55fr 0.85fr 0.72fr 1.2fr;
    gap: 7px;
}

.kart-lokasyon-preview-grid > div {
    min-width: 0;
    padding: 8px;
    border: 1px solid rgba(226,232,240,0.85);
    border-radius: 8px;
    background: #f8fafc;
}

.kart-lokasyon-preview-grid strong {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #111827;
    font-size: 11px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-lokasyon-preview-edit {
    display: grid;
    grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.kart-lokasyon-preview-edit .kart-lokasyon-preview-name {
    min-width: 0;
}

.kart-lokasyon-preview-edit label {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.kart-lokasyon-preview-edit label span {
    color: #667085;
    font-size: 9.5px;
    font-weight: 950;
    text-transform: uppercase;
}

.kart-lokasyon-preview-edit .input-alan {
    min-height: 34px;
    height: 34px;
    border-radius: 8px;
    background: #ffffff;
    font-size: 11px;
    font-weight: 850;
}

.kart-lokasyon-preview-source {
    overflow: hidden;
    color: #667085;
    font-size: 10.5px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-lokasyon-onizleme-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 14px 18px;
    border-top: 1px solid rgba(226,232,240,0.95);
    background: #ffffff;
}

.kart-lokasyon-onizleme-actions .btn-ana,
.kart-lokasyon-onizleme-actions .btn-iptal {
    min-height: 38px;
    border-radius: 8px;
    font-weight: 900;
}

.kart-lokasyon-onizleme-actions .btn-ana:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none !important;
}

.kart-import-problem-panel {
    display: none !important;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 8px;
    padding: 9px 11px;
    border: 1px solid rgba(247,108,13,0.22);
    border-radius: 8px;
    background: #fffaf5;
    box-shadow: 0 12px 28px rgba(15,23,42,0.04);
}

.kart-import-problem-panel[hidden] {
    display: none !important;
}

.kart-import-problem-panel > strong {
    color: #9a3412;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.kart-import-problem-panel > div {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    padding-bottom: 1px;
}

.kart-import-problem-panel button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(251,146,60,0.22);
    border-radius: 8px;
    background: #ffffff;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
}

.kart-import-problem-panel button:hover {
    border-color: rgba(247,108,13,0.45);
    box-shadow: 0 10px 22px rgba(234,88,12,0.08);
    transform: translateY(-1px);
}

.kart-import-problem-panel b {
    color: #111827;
    font-size: 10px;
    font-weight: 900;
    white-space: nowrap;
}

.kart-import-problem-panel em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #ffedd5;
    color: #c2410c;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
}

.kart-import-problem-panel small {
    display: none;
}

.kart-simple-steps {
    display: none;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.kart-simple-steps > div,
.kart-simple-card,
.kart-simple-actions,
.kart-simple-extra {
    border: 1px solid rgba(226,232,240,0.95);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04);
}

.kart-simple-steps > div {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 11px;
}

.kart-simple-steps strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 23px;
    height: 23px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 11px;
    font-weight: 900;
}

.kart-simple-steps span {
    color: #475467;
    font-size: 11px;
    font-weight: 850;
}

.kart-simple-board {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.kart-import-detail-board {
    display: none;
}

.kart-import-detail-board.has-open-detail {
    display: grid;
}

.kart-simple-card {
    position: relative;
    min-width: 0;
    padding: 11px 12px;
    border-left: 4px solid #cbd5e1;
    transition: border-color 0.16s ease, box-shadow 0.16s ease, background 0.16s ease;
}

.kart-simple-card.ready {
    border-left-color: #16a34a;
}

.kart-simple-card.blocked {
    border-left-color: #f76c0d;
}

.kart-simple-card.needs-attention {
    background: #fffaf5;
    box-shadow: 0 14px 30px rgba(234,88,12,0.08);
}

.kart-simple-card.has-ready-items {
    background: #f8fbff;
    border-left-color: #2563eb;
}

.kart-simple-card:has(details[open]) {
    grid-column: 1 / -1;
}

.kart-simple-card-head {
    display: grid;
    gap: 3px;
    padding-right: 68px;
}

.kart-simple-card-head span {
    color: #667085;
    font-size: 10px;
    font-weight: 900;
    text-transform: uppercase;
}

.kart-simple-card-head strong {
    color: #111827;
    font-size: 19px;
    font-weight: 900;
    line-height: 1.05;
}

.kart-simple-card-head small {
    color: #667085;
    font-size: 10px;
    font-weight: 700;
}

.kart-simple-card > em {
    position: absolute;
    top: 11px;
    right: 12px;
    min-height: 24px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f8fafc;
    color: #667085;
    font-size: 9px;
    font-style: normal;
    font-weight: 850;
    display: inline-flex;
    align-items: center;
}

.kart-simple-card details {
    margin-top: 9px;
}

.kart-import-list-label {
    margin: 10px 0 6px;
    color: #667085;
    font-size: 9.5px;
    font-weight: 900;
    text-transform: uppercase;
}

.kart-simple-card summary,
.kart-simple-extra > summary {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border: 1px solid rgba(203,213,225,0.9);
    border-radius: 8px;
    background: #ffffff;
    color: #475467;
    font-size: 10px;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
}

.kart-simple-card summary::-webkit-details-marker,
.kart-simple-extra > summary::-webkit-details-marker {
    display: none;
}

.kart-simple-card details[open] summary,
.kart-simple-extra[open] > summary {
    border-color: rgba(247,108,13,0.34);
    background: #fff7ed;
    color: #c2410c;
}

.kart-simple-card details[open] .kart-import-list {
    margin-top: 10px;
    border: 1px solid rgba(226,232,240,0.9);
    border-radius: 8px;
}

.kart-simple-card details[open] .kart-import-list + .kart-import-list-label {
    margin-top: 12px;
}

.kart-import-compact-summary,
#kartOperasyonKontrolListesi {
    display: none !important;
}

.kart-simple-extra {
    padding: 10px 12px;
}

.kart-simple-extra .kart-import-card {
    min-height: 0;
    margin-top: 10px;
}

.kart-simple-extra > .adres-aktarim-sil-btn {
    margin-top: 10px;
}

.kart-eslesme-sozlugu-panel {
    padding: 9px 11px;
}

.kart-eslesme-sozlugu-panel > summary {
    gap: 8px;
}

.kart-eslesme-sozlugu-panel > summary span {
    display: inline-flex;
    align-items: center;
    min-height: 20px;
    padding: 0 7px;
    border-radius: 999px;
    background: #f8fafc;
    color: #667085;
    font-size: 9px;
    font-weight: 900;
}

.kart-eslesme-sozlugu-liste {
    display: grid;
    gap: 6px;
    margin-top: 10px;
    max-height: 260px;
    overflow: auto;
}

.kart-eslesme-sozlugu-row {
    display: grid;
    grid-template-columns: 86px minmax(180px, 1fr) minmax(120px, 0.45fr) auto;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 7px 8px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 8px;
    background: #ffffff;
}

.kart-eslesme-sozlugu-row span,
.kart-eslesme-sozlugu-row small {
    min-width: 0;
    overflow: hidden;
    color: #667085;
    font-size: 10px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-eslesme-sozlugu-row strong {
    min-width: 0;
    overflow: hidden;
    color: #111827;
    font-size: 12px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-eslesme-sozlugu-row strong b {
    color: #f76c0d;
}

.kart-coklu-guzergah-editor {
    display: grid;
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(247,108,13,0.2);
    border-radius: 8px;
    background: #fffaf5;
}

.kart-coklu-guzergah-baslik {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.kart-coklu-guzergah-baslik strong {
    color: #111827;
    font-size: 12px;
    font-weight: 900;
}

.kart-coklu-guzergah-baslik small,
.kart-coklu-guzergah-ham span {
    color: #667085;
    font-size: 10px;
    font-weight: 850;
}

.kart-coklu-guzergah-ham {
    display: flex;
    align-items: center;
    gap: 7px;
    min-width: 0;
    padding: 7px 8px;
    border: 1px solid rgba(226,232,240,0.86);
    border-radius: 8px;
    background: #ffffff;
}

.kart-coklu-guzergah-ham b {
    min-width: 0;
    overflow: hidden;
    color: #111827;
    font-size: 11px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-coklu-guzergah-liste {
    display: grid;
    gap: 6px;
}

.kart-coklu-guzergah-durak {
    display: grid;
    grid-template-columns: 28px minmax(120px, 0.55fr) minmax(150px, 1fr);
    align-items: center;
    gap: 7px;
}

.kart-coklu-guzergah-durak span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border: 1px solid rgba(226,232,240,0.92);
    border-radius: 8px;
    background: #ffffff;
    color: #667085;
    font-size: 10px;
    font-weight: 900;
}

.kart-coklu-guzergah-durak .input-alan {
    min-height: 34px;
}

.kart-coklu-guzergah-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.kart-simple-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    padding: 10px 11px;
    flex-wrap: wrap;
}

.kart-simple-actions .btn-iptal {
    min-height: 38px;
    border-radius: 8px;
}

.kart-simple-actions button:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    box-shadow: none !important;
}

.kart-simple-actions > div {
    display: none;
}

.kart-simple-actions strong,
.kart-simple-actions span {
    display: block;
}

.kart-simple-actions strong {
    color: #111827;
    font-size: 13px;
    font-weight: 900;
}

.kart-simple-actions span {
    margin-top: 3px;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
}

.kart-simple-actions .kart-import-main-commit-btn {
    min-height: 38px;
    padding-inline: 16px;
    border-radius: 8px;
    box-shadow: 0 10px 22px rgba(234,88,12,0.16);
}

.kart-import-report {
    display: grid;
    gap: 8px;
    padding: 13px;
    border: 1px solid rgba(22,163,74,0.22);
    border-radius: 8px;
    background: #f7fef9;
    color: #166534;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04);
}

.kart-import-report[hidden] {
    display: none !important;
}

.kart-import-report strong {
    color: #14532d;
    font-size: 13px;
    font-weight: 900;
}

.kart-import-report div {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.kart-import-report span {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    background: #ffffff;
    color: #166534;
    font-size: 10px;
    font-weight: 820;
}

.kart-import-section-title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 2px 0;
}

.kart-import-section-title strong {
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.kart-import-section-title span {
    max-width: 760px;
    color: #667085;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.35;
    text-align: right;
}

.kart-import-status {
    display: none;
    padding: 12px 14px;
    color: #475467;
    font-size: 12px;
    font-weight: 720;
}

#kartOperasyonKararPaneli {
    display: none !important;
}

.kart-import-steps,
.kart-import-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.kart-operation-decision {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 10px;
}

.kart-operation-decision > div,
.kart-operation-checklist > div {
    border: 1px solid rgba(226,232,240,0.95);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15,23,42,0.045);
}

.kart-operation-decision > div {
    min-height: 86px;
    padding: 15px 16px;
    border-left: 4px solid #cbd5e1;
}

.kart-operation-decision.ready > div {
    border-left-color: #16a34a;
    background: #f7fef9;
}

.kart-operation-decision.blocked > div {
    border-left-color: #f76c0d;
    background: #fffaf5;
}

.kart-operation-decision span,
.kart-operation-checklist span {
    color: #667085;
    font-size: 10px;
    font-weight: 820;
    text-transform: uppercase;
}

.kart-operation-decision strong {
    display: block;
    margin-top: 5px;
    color: #111827;
    font-size: 19px;
    line-height: 1.15;
}

.kart-operation-decision small {
    display: block;
    margin-top: 7px;
    color: #667085;
    font-size: 12px;
    font-weight: 650;
}

.kart-operation-checklist {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.kart-operation-checklist > div {
    min-height: 62px;
    padding: 11px 12px;
}

.kart-operation-checklist strong {
    display: block;
    margin-top: 5px;
    color: #111827;
    font-size: 12px;
    font-weight: 820;
}

.kart-operation-checklist em {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    margin-top: 7px;
    padding: 0 8px;
    border-radius: 999px;
    background: #f8fafc;
    color: #475467;
    font-size: 9px;
    font-style: normal;
    font-weight: 820;
}

.kart-operation-checklist > div.ready em {
    background: #dcfce7;
    color: #166534;
}

.kart-operation-checklist > div.blocked em {
    background: #ffedd5;
    color: #c2410c;
}

.kart-import-steps > div,
.kart-import-summary > div {
    min-height: 58px;
    padding: 11px 12px;
}

.kart-import-steps strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 11px;
}

.kart-import-steps span,
.kart-import-summary span {
    color: #667085;
    font-size: 10px;
    font-weight: 780;
}

.kart-import-summary strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-size: 22px;
    line-height: 1;
}

.kart-import-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.kart-import-card-wide {
    grid-column: 1 / -1;
}

.kart-import-card {
    min-height: 260px;
    overflow: hidden;
}

.kart-import-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 48px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(226,232,240,0.95);
}

.kart-import-card-head strong {
    color: #111827;
    font-size: 13px;
    font-weight: 820;
}

.kart-import-card-head span {
    color: #667085;
    font-size: 10px;
    font-weight: 760;
}

.kart-import-list {
    display: grid;
    gap: 0;
    max-height: 260px;
    overflow: auto;
}

.kart-import-empty {
    padding: 18px;
    color: #667085;
    font-size: 12px;
    font-weight: 650;
}

.kart-import-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 8px 12px;
    border-bottom: 1px solid rgba(226,232,240,0.82);
}

.kart-import-row strong,
.kart-import-row span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.kart-import-row strong {
    color: #111827;
    font-size: 12px;
    font-weight: 800;
}

.kart-import-row span {
    margin-top: 3px;
    color: #667085;
    font-size: 10.5px;
    font-weight: 620;
}

.kart-import-row small {
    display: none;
    margin-top: 4px;
    color: #475467;
    font-size: 9.5px;
    font-weight: 780;
}

.kart-import-row em {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 0 9px;
    border: 1px solid rgba(203,213,225,0.9);
    border-radius: 999px;
    background: #f8fafc;
    color: #475467;
    font-size: 9px;
    font-style: normal;
    font-weight: 820;
}

.kart-import-row .cari-satir-buton {
    min-height: 30px;
    padding: 0 12px;
    white-space: nowrap;
}

.kart-import-row.lokasyon-secimli {
    grid-template-columns: minmax(280px, 0.9fr) minmax(420px, 1fr);
}

.kart-import-eslesme-secimi {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) auto;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

.kart-import-eslesme-secimi .input-alan {
    width: 100%;
    min-height: 32px;
    height: 32px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 10px;
    font-weight: 780;
}

.kart-import-row.mevcut em {
    border-color: rgba(34,197,94,0.35);
    background: #f0fdf4;
    color: #166534;
}

.kart-import-row.yeni em {
    border-color: rgba(37,99,235,0.3);
    background: #eff6ff;
    color: #1d4ed8;
}

.kart-import-row.hazir em {
    border-color: rgba(37,99,235,0.3);
    background: #eff6ff;
    color: #1d4ed8;
}

.kart-import-row.taslak em,
.kart-import-row.kontrol em {
    border-color: rgba(247,108,13,0.3);
    background: #fff7ed;
    color: #c2410c;
}

/* Daha sakin Kart Yönetimi içe aktarım deneyimi. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartImportKomutaMerkezi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hidden-secondary,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-veri-var) .kart-import-domain-actions,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-veri-var) #kartOperasyonOnKontrolAkisi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-veri-var) .kart-eslesme-sozlugu-panel {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-shell {
    gap: 14px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
    min-height: 76px;
    padding: 16px 18px;
    border-color: rgba(226,232,240,0.92);
    box-shadow: 0 14px 34px rgba(15,23,42,0.05);
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-baslik {
    font-size: 20px;
    line-height: 1.1;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-aciklama {
    margin-top: 4px;
    color: #667085;
    font-size: 12px;
    font-weight: 700;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state {
    min-width: 210px;
    padding: 9px 12px;
    background: #ffffff;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
    max-width: none;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-upload-btn {
    min-width: 132px;
    box-shadow: 0 12px 24px rgba(234,88,12,0.16);
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-board {
    gap: 12px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-card {
    min-height: 164px;
    align-content: space-between;
    gap: 14px;
    padding: 16px;
    border-left-width: 3px;
    box-shadow: 0 14px 34px rgba(15,23,42,0.045);
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-head {
    display: grid;
    gap: 6px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-head span {
    font-size: 11px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-head strong {
    max-width: none;
    color: #475467;
    font-size: 12px;
    line-height: 1.25;
    text-align: left;
    white-space: normal;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(226,232,240,0.92);
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-stats > div {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-stats strong {
    font-size: 22px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions {
    justify-content: flex-start;
    gap: 8px;
    padding-top: 2px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions .btn-ana,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions .btn-iptal {
    min-height: 36px;
    padding-inline: 13px;
    font-size: 11px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-veri-var .kart-import-domain-card.ready {
    min-height: 92px;
    align-content: center;
    opacity: 0.86;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-veri-var .kart-import-domain-card.ready .kart-import-domain-stats,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-veri-var .kart-import-domain-card.ready .kart-import-domain-actions {
    display: none;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-eslesme-sozlugu-panel {
    order: 30;
    box-shadow: none;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
    display: grid;
    grid-template-columns: 1fr;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:not(:has(details[open])) {
    display: none;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-simple-card {
    padding: 14px;
    box-shadow: 0 12px 28px rgba(15,23,42,0.045);
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-simple-card:has(details[open]) {
    grid-column: auto;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-simple-card details[open] .kart-import-list {
    max-height: 420px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi {
    display: grid;
    gap: 10px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi > details {
    display: none;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-kontrol-var #kartOperasyonOnKontrolAkisi > details {
    display: block;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-simple-actions {
    display: none;
    justify-content: flex-start;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-veri-var .kart-simple-actions {
    display: flex;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-simple-actions .btn-iptal {
    min-height: 34px;
}

/* Veri aktarım ekranı: tek yapılacaklar listesi, tekrar eden kartlar yok. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-executive-summary,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-board,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-problem-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKararPaneli,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKontrolListesi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-eslesme-sozlugu-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-secondary-action,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board:not(.has-open-detail),
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi > details:not(.kart-import-more-actions) {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi.kart-import-extra-open > details:not(.kart-import-more-actions) {
    display: block !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi > details.kart-import-more-actions {
    display: block !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-veri-var) #kartOperasyonOnKontrolAkisi > details.kart-import-more-actions {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) minmax(240px, 340px) auto;
    align-items: center;
    min-height: 68px;
    padding: 14px 16px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-baslik {
    font-size: 16px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-aciklama {
    font-size: 11px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state {
    min-height: 50px;
    min-width: 0;
    padding: 9px 12px;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
    justify-content: flex-end;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-report-btn[hidden] {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-status {
    display: block;
    min-height: 0;
    padding: 7px 2px;
    border: 0;
    background: transparent;
    color: #667085;
    font-size: 11px;
    font-weight: 800;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-issue-board {
    display: block;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-panel {
    border: 1px solid rgba(226,232,240,0.96);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(15,23,42,0.045);
    overflow: hidden;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-panel.ready {
    border-color: rgba(34,197,94,0.26);
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 50px;
    padding: 12px 14px;
    border-bottom: 1px solid rgba(226,232,240,0.92);
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head span {
    display: block;
    color: #667085;
    font-size: 10px;
    font-weight: 950;
    text-transform: uppercase;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head strong {
    display: block;
    margin-top: 2px;
    color: #111827;
    font-size: 16px;
    font-weight: 950;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head small {
    color: #667085;
    font-size: 11px;
    font-weight: 850;
    white-space: nowrap;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-list {
    display: grid;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row {
    display: grid;
    grid-template-columns: 30px minmax(0, 1fr) auto 54px;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 58px;
    padding: 10px 14px;
    border: 0;
    border-bottom: 1px solid rgba(226,232,240,0.78);
    background: #ffffff;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row:last-child {
    border-bottom: 0;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row:hover {
    background: #fffaf5;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: #f8fafc;
    color: #667085;
    font-size: 11px;
    font-weight: 950;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row strong {
    display: block;
    overflow: hidden;
    color: #111827;
    font-size: 13px;
    font-weight: 930;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row small {
    display: block;
    margin-top: 3px;
    overflow: hidden;
    color: #667085;
    font-size: 11px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row em {
    color: #475467;
    font-size: 11px;
    font-style: normal;
    font-weight: 900;
    white-space: nowrap;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row b {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(203,213,225,0.95);
    border-radius: 8px;
    color: #475467;
    font-size: 10px;
    font-weight: 950;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-empty {
    padding: 16px;
    color: #166534;
    font-size: 12px;
    font-weight: 850;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions {
    border: 1px solid rgba(226,232,240,0.96);
    border-radius: 10px;
    background: #ffffff;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions > summary {
    min-height: 40px;
    padding: 0 14px;
    color: #667085;
    font-size: 11px;
    font-weight: 950;
    line-height: 40px;
    cursor: pointer;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions .kart-simple-actions {
    display: flex;
    padding: 0 14px 14px;
}

/* Veri aktarım ekranı: final sade görünüm. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel {
    margin-top: 12px !important;
    max-width: 1320px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-shell {
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartImportKomutaMerkezi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimDurum {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 320px) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 58px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-baslik {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-aciklama {
    margin-top: 3px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(226,232,240,0.9) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state span,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state strong {
    max-width: 150px !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state span {
    color: #475467 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state strong {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions .btn-ana,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions .btn-iptal {
    min-height: 34px !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-upload-btn {
    min-width: 118px !important;
    box-shadow: 0 10px 18px rgba(234,88,12,0.12) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-issue-board {
    margin-top: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-panel {
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
    overflow: hidden !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 44px !important;
    padding: 9px 12px !important;
    border-bottom: 1px solid rgba(226,232,240,0.88) !important;
    background: #fbfcfe !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head span {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head strong {
    margin-top: 1px !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head small {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-list {
    display: grid !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row {
    display: grid !important;
    grid-template-columns: 34px minmax(260px, 1fr) minmax(150px, auto) !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.76) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: inherit !important;
    font-family: inherit !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: none !important;
    cursor: default !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row:last-child {
    border-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row:hover {
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row::before,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row::after,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-action::before,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-action::after {
    content: none !important;
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row > .kart-import-todo-copy {
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-align: left !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-copy strong {
    display: block !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-copy small {
    display: block !important;
    margin-top: 2px !important;
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row > .kart-import-todo-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475467 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side > .kart-import-todo-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: auto !important;
    height: auto !important;
    min-width: 82px !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #475467 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side > .kart-import-todo-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 46px !important;
    min-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(203,213,225,0.95) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions {
    margin-top: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions > summary {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 30px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions .kart-simple-actions {
    gap: 8px !important;
    padding: 8px 0 0 !important;
}

@media (max-width: 980px) {
    .kart-import-hero,
    .kart-import-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .kart-import-steps,
    .kart-import-flowbar,
    .kart-simple-steps,
    .kart-simple-board,
    .kart-import-domain-board,
    .kart-import-executive-summary,
    .kart-import-issue-board,
    .kart-import-command-center,
    .kart-import-command-stats,
    .kart-lokasyon-preview-summary,
    .kart-lokasyon-preview-grid,
    .kart-import-problem-panel > div,
    .kart-import-summary,
    .kart-operation-decision,
    .kart-operation-checklist,
    .kart-import-grid {
        grid-template-columns: 1fr;
    }

    .kart-import-section-title {
        align-items: flex-start;
        flex-direction: column;
    }

    .kart-yonetimi-ust {
        align-items: stretch;
        flex-direction: column;
    }

    .kart-import-command-stats {
        min-width: 0;
    }

    .kart-import-section-title span {
        text-align: left;
    }

    .kart-simple-card:has(details[open]) {
        grid-column: auto;
    }

    .kart-simple-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .kart-lokasyon-onizleme-overlay {
        padding: 10px;
    }

    .kart-lokasyon-onizleme-kart {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        border-radius: 10px;
    }

    .kart-lokasyon-onizleme-head,
    .kart-lokasyon-preview-title,
    .kart-lokasyon-onizleme-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .kart-lokasyon-preview-title strong {
        max-width: 100%;
        text-align: left;
    }

    .kart-lokasyon-preview-grid,
    .kart-lokasyon-preview-edit {
        grid-template-columns: 1fr;
    }

    .kart-lokasyon-preview-workspace {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .kart-lokasyon-preview-rail .kart-lokasyon-preview-list {
        max-height: 210px;
    }

    .kart-simple-actions > div {
        min-width: 0;
        margin-right: 0;
    }

    .kart-eslesme-sozlugu-row,
    .kart-coklu-guzergah-durak {
        grid-template-columns: 1fr;
    }

    .kart-coklu-guzergah-durak span {
        width: 34px;
    }

    .kart-coklu-guzergah-actions,
    .kart-coklu-guzergah-baslik {
        align-items: stretch;
        flex-direction: column;
    }
}

/* Kart Yönetimi son sade görünüm: liste ve detay panelleri sakin, satır odaklı. */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-panel {
    padding-inline: 18px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-kart {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(226,232,240,0.96) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-etiket {
    margin: 0 !important;
    color: #98a2b3 !important;
    font-size: 8.8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-deger {
    font-size: 12.5px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-grid {
    grid-template-columns: minmax(320px, 380px) minmax(0, 1fr) !important;
    gap: 10px !important;
}

@media (min-width: 1600px) {
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-grid {
        grid-template-columns: minmax(340px, 410px) minmax(0, 1fr) !important;
    }
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.cari-liste-kart, .cari-detay-kart, .cari-form-kart) {
    border-radius: 8px !important;
    border-color: rgba(226,232,240,0.96) !important;
    box-shadow: 0 10px 24px rgba(15,23,42,0.04) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-aciklama,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .form-durum-mesaji.bilgi {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-ustbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
    gap: 10px !important;
    min-height: 36px !important;
    margin-bottom: 8px !important;
    padding-bottom: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-baslik {
    margin: 0 !important;
    font-size: 12px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar .input-alan {
    min-width: 0 !important;
    width: 100% !important;
    flex: 1 1 auto !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar .btn-ana {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-mini-aksiyon {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-aktarim-sil-btn {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.adres-aktarim-sil-btn {
    border-color: #fed7aa !important;
    color: #c2410c !important;
    background: #fff7ed !important;
    font-weight: 800 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-liste {
    display: grid !important;
    gap: 0 !important;
    overflow: auto !important;
    border: 1px solid rgba(226,232,240,0.96) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
    min-height: 44px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.88) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row:last-child {
    border-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row::before {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row.aktif {
    background: #fffaf6 !important;
    box-shadow: inset 3px 0 0 #f76c0d !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-record-roles {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    min-width: max-content !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges .cari-liste-chip {
    display: inline-flex !important;
    min-height: 23px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    color: #475467 !important;
    font-size: 9.4px !important;
    font-weight: 780 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-durum-filtre {
    width: 142px !important;
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-karti-item.pasif-kart {
    background: #fff7f7 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .cari-record-badges .cari-liste-chip.pasif {
    border-color: rgba(220,38,38,0.22) !important;
    background: #fef2f2 !important;
    color: #b91c1c !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges .cari-kod-chip {
    background: #fff7ed !important;
    border-color: rgba(247,108,13,0.24) !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ad {
    max-width: none !important;
    font-size: 12px !important;
    font-weight: 780 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ikincil,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-contact {
    font-size: 9.8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kompakt-metrik {
    min-height: 20px !important;
    padding: 0 7px !important;
    border: 0 !important;
    background: #f8fafc !important;
    font-size: 9.2px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kolon {
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kart {
    padding: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak {
    margin-bottom: 8px !important;
    padding: 10px !important;
    border: 1px solid rgba(226,232,240,0.94) !important;
    border-left: 3px solid rgba(247,108,13,0.75) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak strong {
    font-size: 14.5px !important;
    line-height: 1.2 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-role-row {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-rozetler {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-rozetler span {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 23px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(203,213,225,0.9) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 9.2px !important;
    font-weight: 780 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta span {
    min-height: 30px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok {
    margin-top: 6px !important;
    padding: 8px 10px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok::before {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir {
    min-height: 23px !important;
    padding: 4px 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-hareket-kart {
    margin-top: 8px !important;
    padding-top: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-hareket-form {
    grid-template-columns: 108px 92px minmax(0, 1fr) auto !important;
}

/* Kart Yönetimi sağ panel: daha kurumsal, kompakt ve bilgi odaklı görünüm. */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kolon {
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kart {
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
    padding: 12px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: start !important;
    gap: 12px !important;
    margin-bottom: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(226,232,240,0.98) !important;
    border-left: 4px solid #f76c0d !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15,23,42,0.045) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kicker {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    min-height: 22px !important;
    margin-bottom: 7px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(247,108,13,0.22) !important;
    border-radius: 999px !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak strong {
    display: block !important;
    max-width: 100% !important;
    color: #111827 !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak small {
    display: block !important;
    margin-top: 5px !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 780 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-aksiyonlar {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    max-width: 260px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-aksiyonlar .cari-satir-buton {
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-rozetler {
    gap: 5px !important;
    margin-top: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-rozetler span {
    min-height: 22px !important;
    padding: 0 8px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 9px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(135px, 1fr)) !important;
    gap: 7px !important;
    margin: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta span {
    display: grid !important;
    align-content: center !important;
    min-height: 46px !important;
    padding: 8px 10px !important;
    border: 1px solid rgba(226,232,240,0.96) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-profil-meta span strong {
    margin-bottom: 3px !important;
    color: #7c8798 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok {
    margin-top: 0 !important;
    padding: 11px 13px !important;
    border: 1px solid rgba(226,232,240,0.96) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok > strong {
    display: flex !important;
    align-items: center !important;
    min-height: 26px !important;
    margin: 0 0 4px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir {
    display: grid !important;
    grid-template-columns: minmax(120px, 0.28fr) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 30px !important;
    padding: 6px 0 !important;
    border-bottom: 1px solid rgba(226,232,240,0.72) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir:last-child {
    border-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir > span:first-child {
    color: #7c8798 !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir > span:last-child,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir > div:last-child {
    min-width: 0 !important;
    color: #111827 !important;
    font-size: 11.2px !important;
    font-weight: 760 !important;
    overflow-wrap: anywhere !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-parasut-satir {
    margin-top: 4px !important;
    padding-top: 8px !important;
    border-top: 1px dashed rgba(203,213,225,0.9) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-parasut-kontrol {
    display: grid !important;
    gap: 6px !important;
    justify-items: start !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-parasut-durum {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 7px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-parasut-satir .admin-status-chip {
    font-size: 9.5px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-parasut-mini-btn,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-parasut-guncelle-btn {
    width: max-content !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border-radius: 7px !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak,
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir {
        grid-template-columns: 1fr !important;
    }

    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-aksiyonlar {
        justify-content: flex-start !important;
        max-width: none !important;
    }
}

/* Kart Yönetimi son görsel tur: tekrarları azalt, ikincil alanları geri plana al, formları eşitle. */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-icerik {
    display: grid !important;
    align-content: start !important;
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-bos-yalin {
    min-height: 180px !important;
    display: grid !important;
    place-items: center !important;
    align-content: center !important;
    gap: 8px !important;
    padding: 26px !important;
    border: 1px dashed rgba(203,213,225,0.95) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    text-align: center !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-bos-yalin .akilli-bos-grid {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-bos-yalin strong {
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-bos-yalin span {
    max-width: 360px !important;
    color: #64748b !important;
    font-size: 11.5px !important;
    font-weight: 760 !important;
    line-height: 1.45 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-birincil {
    border-left: 3px solid rgba(247,108,13,0.34) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-ikincil {
    background: #fbfdff !important;
    border-color: rgba(226,232,240,0.82) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-ikincil > strong,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-ikincil .parasut-fatura-baslik {
    color: #475467 !important;
    font-size: 11px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-ikincil .cari-detay-satir > span:first-child {
    color: #98a2b3 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges {
    max-width: 116px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges .cari-liste-chip {
    max-width: 116px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart {
    width: min(1120px, calc(100vw - 96px)) !important;
    padding: 18px !important;
    border-radius: 16px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart > .cari-kart-baslik-grup {
    min-height: 44px !important;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 1px solid rgba(226,232,240,0.92) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolumlu-grid {
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum {
    border-radius: 10px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-durum-bolumu {
    display: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.form-aksiyonlar, .cari-form-aksiyonlar) .cari-satir-buton-tehlike {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-bolum-ana,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-alt-grid {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.form-aksiyonlar, .cari-form-aksiyonlar) {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(226,232,240,0.92) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-form-aksiyonlar .cari-satir-buton-tehlike,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .form-aksiyonlar .cari-satir-buton-tehlike {
    display: none !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.form-aksiyonlar, .cari-form-aksiyonlar) :is(.cari-form-sil-buton, .cari-kalici-sil-buton),
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) :is(.form-aksiyonlar, .cari-form-aksiyonlar) :is(.cari-form-sil-buton, .cari-kalici-sil-buton) {
    display: inline-flex !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kalici-sil-buton {
    border-color: rgba(220,38,38,0.34) !important;
    background: #fff1f2 !important;
    color: #b91c1c !important;
}

body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kalici-sil-buton.pasif {
    border-color: rgba(148,163,184,0.38) !important;
    background: #f8fafc !important;
    color: #94a3b8 !important;
}

@media (max-width: 980px) {
    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges {
        display: none !important;
    }

    body.tablo-disi-sayfa-aktif :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-form-var .cari-form-kart {
        width: calc(100vw - 28px) !important;
        padding: 14px !important;
    }
}

/* Kart Yönetimi premium sadeleştirme: ince üst bilgi, tablo-listesi ve sakin detay blokları. */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust {
    margin-bottom: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 4px !important;
    min-height: 36px !important;
    padding: 3px !important;
    border: 1px solid rgba(226,232,240,0.96) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme {
    min-height: 30px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #667085 !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme.aktif {
    background: #ffffff !important;
    color: #c2410c !important;
    box-shadow: 0 1px 4px rgba(15,23,42,0.08) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme .finans-sekme-kod {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit {
    grid-template-columns: repeat(4, max-content) !important;
    justify-content: start !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 28px !important;
    margin: 0 0 7px !important;
    padding: 0 4px 7px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-kart {
    width: auto !important;
    height: 20px !important;
    min-height: 20px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    gap: 5px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-etiket {
    color: #98a2b3 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-deger {
    color: #344054 !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-kart {
    padding: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-ustbar {
    gap: 7px !important;
    margin-bottom: 7px !important;
    padding-bottom: 7px !important;
    border-bottom: 1px solid rgba(226,232,240,0.86) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-baslik {
    color: #111827 !important;
    font-size: 11.5px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar .input-alan {
    height: 32px !important;
    min-height: 32px !important;
    border-radius: 8px !important;
    font-size: 10.5px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar .btn-ana {
    min-height: 32px !important;
    height: 32px !important;
    padding: 0 11px !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(234,88,12,0.12) !important;
    font-size: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-liste {
    border-radius: 6px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
    min-height: 34px !important;
    padding: 5px 8px !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row.aktif {
    background: #fffaf6 !important;
    box-shadow: inset 2px 0 0 #f76c0d !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ad {
    font-size: 11px !important;
    font-weight: 860 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ikincil {
    margin-top: 1px !important;
    color: #98a2b3 !important;
    font-size: 9px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges {
    max-width: 92px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges .cari-liste-chip {
    min-height: 20px !important;
    max-width: 92px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #667085 !important;
    font-size: 9.2px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges .cari-kod-chip {
    background: transparent !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kart {
    gap: 7px !important;
    padding: 10px !important;
    background: #f9fafb !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak {
    padding: 12px 14px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak strong {
    font-size: 16px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kicker {
    min-height: 20px !important;
    margin-bottom: 6px !important;
    padding: 0 8px !important;
    font-size: 8.8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-rozetler {
    margin-top: 7px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-rozetler span {
    min-height: 20px !important;
    padding: 0 7px !important;
    font-size: 8.8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok {
    padding: 9px 11px !important;
    border-radius: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-blok > strong {
    min-height: 22px !important;
    padding-bottom: 5px !important;
    font-size: 11px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-ikincil {
    padding: 8px 10px !important;
    border-color: rgba(226,232,240,0.72) !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-ikincil > strong {
    min-height: 20px !important;
    margin-bottom: 2px !important;
    padding-bottom: 4px !important;
    border-bottom-style: dashed !important;
    color: #667085 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-ikincil .cari-detay-satir {
    min-height: 25px !important;
    padding: 4px 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-satir {
    min-height: 28px !important;
    padding: 5px 0 !important;
    grid-template-columns: minmax(112px, 0.24fr) minmax(0, 1fr) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-gecmis-tablosu {
    font-size: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-gecmis-tablosu th,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-gecmis-tablosu td {
    padding: 6px 7px !important;
}

.cari-onayli-eslesme-listesi {
    display: grid;
    gap: 6px;
}

.cari-onayli-eslesme-satir {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px;
    min-height: 32px;
    padding: 5px 6px 5px 10px;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 8px;
    background: #f8fafc;
}

.cari-onayli-eslesme-satir span {
    min-width: 0;
    overflow: hidden;
    color: #334155;
    font-size: 11px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cari-onayli-eslesme-satir .cari-satir-buton {
    min-height: 26px;
    padding: 0 10px;
    font-size: 10px;
}

/* Lokasyon aktarım hazırlığı: tekilleştirilmiş düzeltme tablosu. */
body .kart-import-card-wide {
    grid-column: 1 / -1 !important;
}

body .kart-import-location-row {
    display: grid !important;
    grid-template-columns: minmax(220px, 1.3fr) minmax(180px, 1fr) 150px 150px 150px 82px !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 52px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(226,232,240,0.9) !important;
    background: #ffffff !important;
}

body .kart-import-location-row:last-child {
    border-bottom: 0 !important;
}

body .kart-import-location-row.kontrol {
    background: #fffaf6 !important;
}

body .kart-import-location-row.hazir {
    background: #f7fef9 !important;
}

body .kart-import-location-row.mevcut {
    background: #f8fafc !important;
}

body .kart-import-location-source {
    min-width: 0 !important;
    display: grid !important;
    gap: 2px !important;
}

body .kart-import-location-source strong {
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body .kart-import-location-source span,
body .kart-import-location-row small {
    color: #667085 !important;
    font-size: 9.5px !important;
    font-weight: 760 !important;
}

body .kart-import-location-row small {
    display: none !important;
}

body .kart-import-location-row :is(.input-alan, .select-alan) {
    min-height: 30px !important;
    height: 30px !important;
    border-radius: 7px !important;
    font-size: 10px !important;
}

body .kart-import-location-row em {
    justify-self: start !important;
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #fff7ed !important;
    color: #c2410c !important;
    font-size: 9px !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

body .kart-import-location-row.hazir em {
    background: #ecfdf3 !important;
    color: #15803d !important;
}

body .kart-import-location-row.mevcut em {
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

@media (max-width: 1180px) {
    body .kart-import-location-row {
        grid-template-columns: 1fr 1fr !important;
    }
}

body .kart-import-lokasyon-actions {
    display: grid !important;
    grid-template-columns: minmax(280px, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: min(720px, 100%) !important;
}

body .kart-import-lokasyon-actions .kart-import-eslesme-secimi {
    min-width: 0 !important;
}

body .kart-import-location-create-btn {
    background: linear-gradient(180deg, #16a34a 0%, #15803d 100%) !important;
    border-color: #15803d !important;
    box-shadow: 0 10px 24px rgba(21, 128, 61, 0.18) !important;
}

body .kart-import-location-create-btn:disabled,
body .kart-import-lokasyon-actions .btn-ana:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

@media (max-width: 900px) {
    body .kart-import-lokasyon-actions {
        grid-template-columns: 1fr !important;
    }
}

/* İçe aktarım çalışma masası: tek liste, tek detay alanı. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel {
    width: min(1480px, calc(100vw - 48px)) !important;
    max-width: none !important;
    margin: 14px auto 36px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell {
    grid-template-columns: minmax(360px, 430px) minmax(0, 1fr) !important;
    align-items: start !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartImportKomutaMerkezi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimDurum,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-executive-summary,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-board,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-problem-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKararPaneli,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKontrolListesi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-eslesme-sozlugu-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-secondary-action,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi > details:not(.kart-import-more-actions) {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi.kart-import-extra-open > details:not(.kart-import-more-actions) {
    display: block !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(220px, 1fr) minmax(240px, 360px) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 66px !important;
    padding: 13px 16px !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-baslik {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-aciklama {
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state {
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.92) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state span,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state strong {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state span {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state strong {
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions .btn-ana,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions .btn-iptal {
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-upload-btn {
    min-width: 126px !important;
    background: linear-gradient(180deg, #ff7a1a 0%, #ea580c 100%) !important;
    box-shadow: 0 12px 24px rgba(234, 88, 12, 0.14) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-report-btn[hidden] {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-issue-board {
    display: block !important;
    grid-column: 1 / -1 !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-issue-board {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-panel {
    overflow: hidden !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-panel.ready {
    border-color: rgba(34, 197, 94, 0.28) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 54px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.88) !important;
    background: #fbfcfe !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head span {
    display: block !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head strong {
    display: block !important;
    margin: 2px 0 0 !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.12 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head small {
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-list {
    display: grid !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 66px !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.76) !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: inherit !important;
    font-family: inherit !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row:last-child {
    border-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row:hover {
    border-left-color: #f76c0d !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row::before,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row::after,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-action::before,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-action::after {
    content: none !important;
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-marker {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-copy {
    display: grid !important;
    gap: 4px !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-copy strong {
    display: block !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-copy small {
    display: block !important;
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.22 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side > .kart-import-todo-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 82px !important;
    color: #475467 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side > .kart-import-todo-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 48px !important;
    min-height: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side > .kart-import-todo-action:hover {
    border-color: #f76c0d !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-empty {
    padding: 18px !important;
    color: #166534 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    gap: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:not(:has(details[open])) {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:has(details[open]) {
    display: grid !important;
    grid-column: 1 !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    border-left: 3px solid #f76c0d !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.05) !important;
    overflow: hidden !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 54px !important;
    padding: 12px 16px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.88) !important;
    background: #fbfcfe !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head span {
    grid-column: 1 !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head strong {
    grid-column: 1 !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.16 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head small,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card > em {
    justify-self: end !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 850 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details {
    display: block !important;
    padding: 14px 16px 16px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details > summary {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details[open] .kart-import-list {
    max-height: min(62vh, 680px) !important;
    overflow: auto !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-list-label {
    margin: 12px 0 8px !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-list-label:first-child {
    margin-top: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions {
    grid-column: 1 / -1 !important;
    margin-top: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions > summary {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 34px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions .kart-simple-actions {
    display: flex !important;
    gap: 8px !important;
    padding: 8px 0 0 !important;
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel {
        width: min(100% - 24px, 100%) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-shell {
        grid-template-columns: 1fr !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-issue-board,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
        grid-template-columns: 1fr !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row {
        grid-template-columns: 30px minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side {
        grid-column: 2 !important;
        justify-content: flex-start !important;
    }
}

/* İçe aktarım final sadeleştirme: tek odak, kısa liste, net aksiyon. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) {
    width: min(1560px, calc(100vw - 32px)) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik {
    width: min(1600px, calc(100vw - 32px)) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-hero,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-issue-board,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-more-actions {
    justify-self: stretch !important;
    width: 100% !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-hero {
    grid-template-columns: minmax(260px, 1.1fr) minmax(280px, 420px) auto !important;
    min-height: 62px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head {
    min-height: 50px !important;
    padding: 10px 15px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head strong {
    font-size: 16px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row {
    grid-template-columns: 34px minmax(320px, 1fr) minmax(180px, auto) !important;
    min-height: 58px !important;
    padding: 10px 15px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-primary {
    border-left-color: #f76c0d !important;
    background: #fff7ed !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-primary:hover {
    background: #fff3e8 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-primary .kart-import-todo-no {
    background: #f76c0d !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-primary .kart-import-todo-copy strong {
    color: #9a3412 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-primary .kart-import-todo-side > .kart-import-todo-action {
    border-color: #ea580c !important;
    background: #f76c0d !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.16) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-primary .kart-import-todo-side > .kart-import-todo-action:hover {
    background: #ea580c !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-action {
    border-left-color: rgba(247, 108, 13, 0.72) !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-action:hover {
    background: #fff7ed !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-action .kart-import-todo-no {
    background: #ffedd5 !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-action .kart-import-todo-copy strong {
    color: #7c2d12 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-action .kart-import-todo-side > .kart-import-todo-action {
    border-color: #ea580c !important;
    background: #f76c0d !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.14) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row.is-action .kart-import-todo-side > .kart-import-todo-action:hover {
    background: #ea580c !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row > span:not(.kart-import-todo-no),
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row > b,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row > em {
    display: none !important;
}

@media (max-width: 980px) {
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik),
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik {
        width: min(100% - 20px, 100%) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-hero {
        grid-template-columns: 1fr !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-row {
        grid-template-columns: 30px minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-side {
        grid-column: 2 !important;
        justify-content: flex-start !important;
    }
}

/* İçe aktarım: tam geniş, sade çalışma ekranı. */
body.tablo-disi-sayfa-aktif .icerik:has(#kartIceAktarimPanel[style*="display: block"]),
body.tablo-disi-sayfa-aktif .icerik:has(#kartIceAktarimPanel.kart-import-veri-var) {
    width: 100% !important;
    max-width: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik),
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik {
    position: relative !important;
    left: 50% !important;
    width: calc(100vw - 28px) !important;
    max-width: none !important;
    margin: 12px 0 32px !important;
    padding: 0 !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-shell,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: none !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell {
    grid-template-columns: minmax(430px, 520px) minmax(0, 1fr) !important;
    align-items: start !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartImportKomutaMerkezi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimDurum,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-executive-summary,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-board,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-problem-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKararPaneli,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKontrolListesi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-eslesme-sozlugu-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-secondary-action,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-detail-board:not(.has-open-detail),
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi > details:not(.kart-import-more-actions) {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi.kart-import-extra-open > details:not(.kart-import-more-actions) {
    display: block !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: minmax(280px, 1fr) minmax(260px, 390px) auto !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045) !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-baslik {
    margin: 0 !important;
    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-aciklama {
    margin-top: 4px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state {
    display: grid !important;
    align-content: center !important;
    gap: 2px !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state span,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state strong {
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state span {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state strong {
    color: #111827 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions .btn-ana,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions .btn-iptal {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-upload-btn {
    min-width: 126px !important;
    background: linear-gradient(180deg, #ff7a1a 0%, #ea580c 100%) !important;
    border-color: #ea580c !important;
    box-shadow: 0 10px 22px rgba(234, 88, 12, 0.16) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-report-btn[hidden] {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-issue-board {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-issue-board {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-panel {
    overflow: hidden !important;
    width: 100% !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-panel.ready {
    border-color: rgba(34, 197, 94, 0.32) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 16px !important;
    min-height: 54px !important;
    padding: 11px 16px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
    background: #fbfcfe !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head span {
    display: block !important;
    margin: 0 !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head strong {
    display: block !important;
    margin: 2px 0 0 !important;
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head small {
    justify-self: end !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-list {
    display: grid !important;
    width: 100% !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) minmax(160px, auto) !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.78) !important;
    border-left: 3px solid transparent !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    color: #111827 !important;
    text-align: left !important;
    text-transform: none !important;
    box-sizing: border-box !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row:last-child {
    border-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row:hover {
    border-left-color: rgba(247, 108, 13, 0.78) !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-action {
    border-left-color: #f76c0d !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-marker {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-action .kart-import-work-no {
    background: #f76c0d !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-copy {
    display: grid !important;
    justify-self: stretch !important;
    gap: 3px !important;
    min-width: 0 !important;
    width: 100% !important;
    text-align: left !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-copy strong {
    display: block !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 14px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-copy small {
    display: block !important;
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-side {
    display: flex !important;
    align-items: center !important;
    justify-self: end !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-meta {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 92px !important;
    color: #475467 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    min-height: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-action:hover {
    border-color: #f76c0d !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-action .kart-import-work-action {
    border-color: #ea580c !important;
    background: #f76c0d !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.15) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-action .kart-import-work-action:hover {
    background: #ea580c !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    gap: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:not(:has(details[open])) {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:has(details[open]) {
    display: grid !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-left: 3px solid #f76c0d !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 26px rgba(15, 23, 42, 0.045) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head {
    min-height: 54px !important;
    padding: 11px 16px !important;
    background: #fbfcfe !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions {
    display: block !important;
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions > summary {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 34px !important;
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik),
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik {
        width: calc(100vw - 20px) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-issue-board,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }
}

@media (max-width: 760px) {
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-marker {
        display: none !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-side {
        justify-self: start !important;
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head small {
        justify-self: start !important;
        white-space: normal !important;
    }
}

/* İçe aktarım detayları: sağ panel/drawer düzeni. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell {
    grid-template-columns: minmax(420px, 34vw) minmax(0, 1fr) !important;
    column-gap: 12px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-open {
    border-left-color: #111827 !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-open .kart-import-work-no {
    background: #111827 !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-open .kart-import-work-copy strong {
    color: #111827 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-open .kart-import-work-action {
    border-color: #111827 !important;
    background: #111827 !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-issue-board {
    position: sticky !important;
    top: 10px !important;
    align-self: start !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
    position: sticky !important;
    top: 10px !important;
    align-self: start !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:has(details[open]) {
    grid-template-rows: auto minmax(0, 1fr) !important;
    align-content: start !important;
    min-height: min(600px, calc(100vh - 190px)) !important;
    max-height: calc(100vh - 132px) !important;
    border-left-width: 0 !important;
    border-radius: 10px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    min-height: 62px !important;
    gap: 8px 12px !important;
    padding: 13px 16px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcfe 100%) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head span {
    grid-column: 1 !important;
    grid-row: 1 !important;
    align-self: end !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head strong {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head small,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card > em {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
    min-width: 58px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    text-align: center !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-close {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: center !important;
    justify-self: end !important;
    min-height: 34px !important;
    height: 34px !important;
    padding: 0 13px !important;
    border-radius: 8px !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    line-height: 1 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-close:hover {
    border-color: #f76c0d !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details[open] {
    display: grid !important;
    min-height: 0 !important;
    max-height: calc(100vh - 230px) !important;
    overflow: auto !important;
    padding: 14px 16px 16px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details[open] .kart-import-list {
    max-height: none !important;
    overflow: visible !important;
    border-radius: 8px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-import-list-label {
    display: flex !important;
    align-items: center !important;
    min-height: 28px !important;
    margin: 8px 0 8px !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    letter-spacing: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-import-empty {
    min-height: 54px !important;
    display: flex !important;
    align-items: center !important;
    padding: 12px 14px !important;
    border: 1px dashed rgba(203, 213, 225, 0.95) !important;
    border-radius: 8px !important;
    background: #f8fafc !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 820 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik) .kart-import-detail-close {
    display: none !important;
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-issue-board,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
        position: static !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:has(details[open]) {
        min-height: 0 !important;
        max-height: none !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details[open] {
        max-height: none !important;
    }
}

@media (max-width: 760px) {
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head small,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card > em {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: start !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-close {
        grid-column: 2 !important;
        grid-row: 1 / span 2 !important;
    }
}

/* İçe Aktarım Asistanı: sade görev akışı, ayrı domain aksiyonları ve sağ detay paneli. */
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik),
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik {
    width: calc(100vw - 30px) !important;
    margin-top: 10px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell {
    grid-template-columns: minmax(430px, 34vw) minmax(0, 1fr) !important;
    gap: 12px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero {
    order: 1 !important;
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 390px) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 64px !important;
    padding: 12px 16px !important;
    border: 1px solid rgba(218, 226, 236, 0.96) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.045) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-baslik {
    color: #111827 !important;
    font-size: 18px !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero .cari-kart-aciklama {
    margin-top: 5px !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 760 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero-state {
    min-height: 42px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.95) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions :is(.btn-ana, .btn-iptal) {
    min-height: 38px !important;
    padding: 0 14px !important;
    border-radius: 9px !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-main-upload-btn {
    min-width: 124px !important;
    border-color: #ea580c !important;
    background: linear-gradient(180deg, #ff7a1a 0%, #ea580c 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 10px 22px rgba(234, 88, 12, 0.16) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar {
    order: 2 !important;
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 38px !important;
    padding: 0 11px !important;
    border: 1px solid rgba(218, 226, 236, 0.95) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #667085 !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div strong {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div span {
    min-width: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div.current,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div.blocked.current {
    border-color: rgba(247, 108, 13, 0.28) !important;
    background: #fff7ed !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div.current strong,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div.blocked.current strong {
    background: #f76c0d !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div.done {
    border-color: rgba(34, 197, 94, 0.22) !important;
    background: #f7fef9 !important;
    color: #166534 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-flowbar > div.done strong {
    background: #dcfce7 !important;
    color: #166534 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartImportKomutaMerkezi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimDurum,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-executive-summary,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-problem-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKararPaneli,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartIceAktarimOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolOzet,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonKontrolListesi,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-eslesme-sozlugu-panel,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-secondary-action,
body.tablo-disi-sayfa-aktif #kartIceAktarimPanel #kartOperasyonOnKontrolAkisi > details:not(.kart-import-more-actions) {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-board {
    order: 3 !important;
    grid-column: 1 / -1 !important;
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-veri-var .kart-import-domain-board {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px 12px !important;
    min-height: 74px !important;
    margin: 0 !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(218, 226, 236, 0.95) !important;
    border-left: 3px solid rgba(148, 163, 184, 0.55) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.035) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-card.blocked {
    border-left-color: #f76c0d !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-card.action {
    border-left-color: #f76c0d !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-card.ready {
    border-left-color: #22c55e !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-head {
    min-width: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-head span {
    display: block !important;
    margin-bottom: 4px !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-head strong {
    display: block !important;
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 950 !important;
    line-height: 1.18 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-stats {
    grid-column: 1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-stats div {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-height: 20px !important;
    padding: 0 7px !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-stats span {
    color: #8492a6 !important;
    font-size: 8.8px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-stats strong {
    color: #111827 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions :is(.btn-ana, .btn-iptal) {
    min-height: 30px !important;
    height: 30px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: 9.5px !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions .kart-import-hidden-secondary {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-issue-board {
    order: 4 !important;
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 8px !important;
    width: 100% !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-issue-board {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: sticky !important;
    top: 10px !important;
    align-self: start !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-panel {
    overflow: hidden !important;
    border: 1px solid rgba(218, 226, 236, 0.96) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.045) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-panel.ready {
    border-color: rgba(34, 197, 94, 0.28) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-callout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 62px !important;
    padding: 11px 15px !important;
    border: 1px solid rgba(251, 146, 60, 0.28) !important;
    border-left: 3px solid #f76c0d !important;
    border-radius: 12px !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-callout span {
    display: block !important;
    color: #9a3412 !important;
    font-size: 9.5px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-callout strong {
    display: block !important;
    margin-top: 3px !important;
    color: #111827 !important;
    font-size: 15px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-callout small {
    display: block !important;
    margin-top: 3px !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 780 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    max-width: 560px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-tags em {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(251, 146, 60, 0.36) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #9a3412 !important;
    font-size: 9.5px !important;
    font-style: normal !important;
    font-weight: 920 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 14px !important;
    align-items: center !important;
    min-height: 54px !important;
    padding: 11px 16px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.86) !important;
    background: #fbfcfe !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head span {
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head strong {
    color: #111827 !important;
    font-size: 17px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-todo-head small {
    justify-self: end !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 850 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-list {
    display: grid !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) minmax(150px, auto) !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 58px !important;
    padding: 10px 15px !important;
    border: 0 !important;
    border-left: 3px solid transparent !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.78) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row:last-child {
    border-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row:hover {
    border-left-color: rgba(247, 108, 13, 0.76) !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-primary {
    border-left-color: #f76c0d !important;
    background: #fff7ed !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-primary .kart-import-work-no {
    background: #f76c0d !important;
    color: #ffffff !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-primary .kart-import-work-copy strong {
    color: #9a3412 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-primary .kart-import-work-action {
    border-color: #ea580c !important;
    background: #f76c0d !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(234, 88, 12, 0.14) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row.is-action:not(.is-primary) {
    border-left-color: rgba(247, 108, 13, 0.62) !important;
    background: #fffaf5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #64748b !important;
    font-size: 10.5px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-copy {
    min-width: 0 !important;
    display: grid !important;
    gap: 3px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-copy strong {
    overflow: hidden !important;
    color: #111827 !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-copy small {
    overflow: hidden !important;
    color: #667085 !important;
    font-size: 10.5px !important;
    font-weight: 760 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-side {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 9px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-meta {
    min-width: 78px !important;
    color: #475467 !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-action {
    min-width: 52px !important;
    min-height: 32px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(203, 213, 225, 0.95) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #475467 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-action:hover {
    border-color: #f76c0d !important;
    color: #c2410c !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board {
    order: 5 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
    display: grid !important;
    grid-column: 2 !important;
    grid-row: 4 / span 3 !important;
    position: sticky !important;
    top: 10px !important;
    align-self: start !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:not(:has(details[open])) {
    display: none !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail .kart-simple-card:has(details[open]) {
    display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) auto !important;
    overflow: hidden !important;
    min-height: min(660px, calc(100vh - 170px)) !important;
    max-height: calc(100vh - 132px) !important;
    border: 1px solid rgba(218, 226, 236, 0.96) !important;
    border-left: 3px solid #f76c0d !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.055) !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board .kart-simple-card-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 8px 12px !important;
    min-height: 62px !important;
    padding: 13px 16px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
    background: #fbfcfe !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details[open] {
    min-height: 0 !important;
    max-height: none !important;
    overflow: auto !important;
    padding: 14px 16px 16px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board details[open] .kart-import-list {
    max-height: none !important;
    overflow: visible !important;
    border-radius: 9px !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions {
    order: 6 !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
}

body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-more-actions > summary {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 950 !important;
}

@media (max-width: 1180px) {
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel:not(.kart-import-detay-acik),
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik {
        width: calc(100vw - 20px) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-detay-acik .kart-import-shell,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-shell {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-hero,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel.kart-import-veri-var .kart-import-domain-board,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-callout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-center-actions,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions,
    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-safety-tags {
        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-domain-actions {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-row {
        grid-template-columns: 30px minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-work-side {
        grid-column: 2 !important;
        justify-content: flex-start !important;
    }

    body.tablo-disi-sayfa-aktif #kartIceAktarimPanel .kart-import-detail-board.has-open-detail {
        grid-column: 1 !important;
        grid-row: auto !important;
        position: static !important;
    }
}

/* Header marka dengesi */
.header-brand-lockup {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 52px;
    padding: 3px 0 4px;
    overflow: visible;
}

.header-brand-lockup .header-logo-image {
    display: block !important;
    width: auto !important;
    height: 45px !important;
    max-width: min(276px, 23vw) !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: left center !important;
    filter: none !important;
}

/* Kart Yönetimi final düzen: üç sekme, okunaklı listeler, geniş ve sakin detay paneli. */
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel {
    width: min(100% - 20px, 1920px) !important;
    margin-inline: auto !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-ust {
    display: block !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-export-btn {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 4px !important;
    border: 1px solid rgba(203, 213, 225, 0.92) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekme.aktif {
    border-color: rgba(251, 146, 60, 0.36) !important;
    background: #ffffff !important;
    color: #c2410c !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.075) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel).cari-panel {
    width: min(100% - 20px, 1920px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-grid {
    display: grid !important;
    grid-template-columns: minmax(420px, 500px) minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
}

@media (min-width: 1680px) {
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-grid {
        grid-template-columns: minmax(460px, 560px) minmax(0, 1fr) !important;
    }
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .kart-yonetimi-ozet-serit .cari-kpi-kart {
    min-height: 34px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-kart {
    min-width: 0 !important;
    padding: 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-ustbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 9px !important;
    margin: 0 0 10px !important;
    padding: 0 0 10px !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.88) !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-kart-baslik {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 7px !important;
    align-items: center !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .cari-liste-aksiyonlar {
    grid-template-columns: minmax(0, 1fr) 132px auto !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-aktarim-sil-btn {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-liste-aksiyonlar :is(.input-alan, .select-alan, .btn-ana, .btn-iptal) {
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 8px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-liste,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-liste {
    display: grid !important;
    gap: 0 !important;
    max-height: calc(100vh - 280px) !important;
    min-height: 360px !important;
    overflow: auto !important;
    border: 1px solid rgba(226, 232, 240, 0.9) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 50px !important;
    padding: 9px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.86) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-karti-item {
    min-height: 56px !important;
    padding-block: 10px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row:last-child {
    border-bottom: 0 !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row:hover,
body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-row.aktif {
    background: #fffaf6 !important;
    box-shadow: inset 3px 0 0 #f76c0d !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name {
    min-width: 0 !important;
    display: grid !important;
    gap: 4px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ad {
    min-width: 0 !important;
    max-width: 100% !important;
    color: #111827 !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-name .cari-liste-ikincil {
    min-width: 0 !important;
    color: #667085 !important;
    font-size: 10.2px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges {
    max-width: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-record-badges .cari-liste-chip {
    max-width: 140px !important;
    min-height: 22px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(203, 213, 225, 0.92) !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #475467 !important;
    font-size: 9.2px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .cari-record-badges .cari-liste-chip:first-child {
    color: #c2410c !important;
    border-color: rgba(251, 146, 60, 0.32) !important;
    background: #fff7ed !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kolon {
    min-width: 0 !important;
    gap: 12px !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kart {
    min-height: calc(100vh - 248px) !important;
    padding: 14px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel, #adresKartlariPanel) .cari-detay-kapak {
    border-radius: 10px !important;
    background: #ffffff !important;
}

@media (max-width: 1120px) {
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) :is(#musterilerPanel, #tedarikcilerPanel) .cari-grid,
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #adresKartlariPanel .adres-kartlari-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

/* Canli kullanim premium final: admin kullanici, kart yonetimi ve evrak ekranlarini sakinlestirir. */
body.admin-user-modal-open {
    overflow: hidden !important;
}

body #adminPortalHub #adminTabKullanicilar.admin-users-layout,
body #adminTabKullanicilar.admin-users-layout {
    width: min(100% - 20px, 1940px) !important;
    margin-inline: auto !important;
    display: grid !important;
    grid-template-columns: minmax(360px, 0.72fr) minmax(520px, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-directory-card,
body #adminTabKullanicilar.admin-users-layout .admin-user-create-card,
body #adminTabKullanicilar.admin-users-layout .admin-user-filter-card {
    min-width: 0 !important;
    border-radius: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.045) !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-directory-card {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: minmax(330px, 0.72fr) minmax(520px, 1fr) !important;
    gap: 10px !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-create-card,
body #adminTabKullanicilar.admin-users-layout .admin-user-filter-card {
    align-self: stretch !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-filter-card .admin-user-filter-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-filter-card .admin-user-filter-selects {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body #adminTabKullanicilar.admin-users-layout #adminKullaniciListesi.admin-user-list,
body #adminTabKullanicilar.admin-users-layout #adminKullaniciListesi {
    grid-column: 1 / -1 !important;
    display: grid !important;
    gap: 0 !important;
    min-height: 0 !important;
    max-height: min(48vh, 420px) !important;
    overflow: auto !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-item.admin-user-row-v3 {
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 14px !important;
    display: grid !important;
    grid-template-columns: 34px minmax(170px, 0.8fr) minmax(220px, 1fr) !important;
    gap: 12px !important;
    align-items: center !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.86) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    text-align: left !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-item.admin-user-row-v3:last-child {
    border-bottom: 0 !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-item.admin-user-row-v3:hover,
body #adminTabKullanicilar.admin-users-layout .admin-user-item.admin-user-row-v3.aktif {
    background: #fffaf6 !important;
    box-shadow: inset 3px 0 0 #f97316 !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-row-icon {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    color: #c2410c !important;
    background: linear-gradient(180deg, #ffedd5, #fb923c) !important;
    border: 1px solid rgba(251, 146, 60, 0.36) !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-row-main,
body #adminTabKullanicilar.admin-users-layout .admin-user-row-mail {
    min-width: 0 !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-row-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-row-main strong,
body #adminTabKullanicilar.admin-users-layout .admin-user-row-main span,
body #adminTabKullanicilar.admin-users-layout .admin-user-row-mail {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-row-main strong {
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-row-main span {
    max-width: 96px !important;
    padding: 3px 8px !important;
    border: 1px solid rgba(203, 213, 225, 0.92) !important;
    border-radius: 999px !important;
    color: #667085 !important;
    background: #f8fafc !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
}

body #adminTabKullanicilar.admin-users-layout .admin-user-row-mail {
    justify-self: end !important;
    max-width: 100% !important;
    color: #667085 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

body #adminTabKullanicilar.admin-users-layout #adminKullaniciPaneli {
    display: none !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 12000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 26px !important;
    overflow: auto !important;
    background: rgba(15, 23, 42, 0.48) !important;
    backdrop-filter: blur(10px) !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-command-panel {
    width: min(1540px, calc(100vw - 72px)) !important;
    max-height: calc(100vh - 64px) !important;
    min-height: 0 !important;
    overflow: auto !important;
    border-radius: 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    background: #ffffff !important;
    box-shadow: 0 30px 80px rgba(15, 23, 42, 0.24) !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-command-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 4 !important;
    min-height: 72px !important;
    padding: 16px 18px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(12px) !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.92) !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-command-grid {
    display: grid !important;
    grid-template-columns: minmax(420px, 0.82fr) minmax(620px, 1.18fr) !important;
    gap: 14px !important;
    align-items: start !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 14px !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-profile-column,
body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-access-column {
    min-width: 0 !important;
    display: grid !important;
    gap: 12px !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open :is(.admin-user-profile-form-shell, .admin-user-status-card, .admin-user-account-card, .admin-user-activity-card, .admin-user-access-card-pro, .admin-advanced-permissions-shell) {
    border-radius: 10px !important;
    border: 1px solid rgba(226, 232, 240, 0.96) !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-profile-form-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-profile-field-wide {
    grid-column: 1 / -1 !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-role-card-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(120px, 1fr)) !important;
    gap: 8px !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-module-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-sheet-close {
    min-width: 92px !important;
    height: 40px !important;
    border-radius: 10px !important;
}

body #kartIceAktarimPanel,
body .kart-yonetimi-export-btn {
    display: none !important;
}

body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) #kartYonetimiPanel .kart-yonetimi-sekmeler {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

body .evrak-modal-kart {
    width: min(1180px, calc(100vw - 56px)) !important;
    max-height: calc(100vh - 56px) !important;
    overflow: auto !important;
    border-radius: 12px !important;
}

body .evrak-yonetim-satir {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}

body .evrak-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    max-height: min(48vh, 440px) !important;
    gap: 10px !important;
}

body .evrak-kart {
    min-height: 128px !important;
    align-items: stretch !important;
    padding: 12px !important;
    border-radius: 10px !important;
    background: #ffffff !important;
}

body .evrak-ad,
body .evrak-meta-mini {
    text-align: left !important;
}

body .evrak-durum-panel {
    border-radius: 12px !important;
}

@media (max-width: 1280px) {
    body #adminPortalHub #adminTabKullanicilar.admin-users-layout,
    body #adminTabKullanicilar.admin-users-layout,
    body #adminTabKullanicilar.admin-users-layout .admin-user-directory-card {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-command-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-role-card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    body #adminKullaniciPaneli.admin-user-sheet-open {
        padding: 10px !important;
        align-items: stretch !important;
    }

    body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-command-panel {
        width: 100% !important;
        max-height: calc(100vh - 20px) !important;
    }

    body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-profile-form-grid,
    body #adminKullaniciPaneli.admin-user-sheet-open .admin-user-module-grid,
    body #adminTabKullanicilar.admin-users-layout .admin-user-filter-card .admin-user-filter-selects {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body #adminTabKullanicilar.admin-users-layout .admin-user-item.admin-user-row-v3 {
        grid-template-columns: 32px minmax(0, 1fr) !important;
    }

    body #adminTabKullanicilar.admin-users-layout .admin-user-row-mail {
        display: none !important;
    }
}

/* 19 Premium Refinement / Kurumsal login, ikon dili ve bos durumlar ---- */
#girisEkrani,
.giris-ekrani-acik {
    background:
        radial-gradient(circle at 18% 12%, rgba(247, 108, 13, 0.055), transparent 28%),
        radial-gradient(circle at 78% 6%, rgba(15, 23, 42, 0.055), transparent 30%),
        linear-gradient(135deg, #f6f8fb 0%, #eef2f7 54%, #f9fafb 100%) !important;
}

#girisEkrani::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(148, 163, 184, 0.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, 0.08) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(180deg, rgba(0,0,0,0.72), transparent 72%);
}

#girisEkrani .giris-kart.giris-kart-dar {
    width: min(392px, calc(100vw - 36px)) !important;
    max-width: 392px !important;
    padding: 30px 30px 24px !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow:
        0 26px 70px rgba(15, 23, 42, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.92) inset !important;
    backdrop-filter: blur(18px);
    text-align: left !important;
}

.giris-brand-lockup {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin-bottom: 16px;
    text-align: center;
}

#girisEkrani .giris-logo-buyuk {
    width: min(226px, 78%) !important;
    height: auto !important;
    margin: 0 auto !important;
}

.giris-brand-lockup span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 10px;
    border: 1px solid rgba(203, 213, 225, 0.88);
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 10.5px;
    font-weight: 720;
}

#girisEkrani .giris-alt-metin {
    margin: 0 0 18px !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-align: center;
}

#girisEkrani .giris-canli-duyuru {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 8px 10px !important;
    align-items: start;
    margin: 0 0 20px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    border-radius: 12px !important;
    background: #fbfcfe !important;
    box-shadow: none !important;
}

#girisEkrani .giris-canli-duyuru::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-top: 5px;
    border-radius: 999px;
    background: #f76c0d;
    box-shadow: 0 0 0 4px rgba(247, 108, 13, 0.10);
}

#girisEkrani .giris-canli-duyuru strong,
#girisEkrani .giris-canli-duyuru span {
    grid-column: 2;
}

#girisEkrani .giris-canli-duyuru strong {
    color: #1f2937 !important;
    font-size: 12px !important;
    font-weight: 720 !important;
}

#girisEkrani .giris-canli-duyuru span {
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 560 !important;
    line-height: 1.45 !important;
}

#girisEkrani .giris-field {
    margin-bottom: 13px !important;
}

#girisEkrani .giris-field-son {
    margin-bottom: 18px !important;
}

#girisEkrani .giris-field-label {
    display: block;
    margin: 0 0 6px 2px !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

#girisEkrani .giris-field-input {
    min-height: 44px !important;
    border-radius: 12px !important;
    background: #f8fafc !important;
    font-size: 14px !important;
}

#girisEkrani .giris-btn-buyuk {
    min-height: 44px !important;
    border-radius: 12px !important;
    font-size: 14px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 12px 24px rgba(247, 108, 13, 0.20) !important;
}

#girisEkrani .giris-surum {
    margin-top: 13px !important;
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 620 !important;
    letter-spacing: 0 !important;
    text-align: center;
}

.yukleniyor-overlay {
    background: rgba(248, 250, 252, 0.78) !important;
    backdrop-filter: blur(10px) !important;
}

.yukleniyor-kart {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-width: 278px;
    padding: 15px 17px;
    border: 1px solid rgba(226, 232, 240, 0.94);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.13);
}

.yukleniyor-kart .spinner {
    flex: 0 0 auto;
}

.yukleniyor-mesaj {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.yukleniyor-mesaj strong {
    color: #111827;
    font-size: 12.5px;
    font-weight: 760;
}

.yukleniyor-mesaj span {
    color: #64748b;
    font-size: 11px;
    line-height: 1.35;
}

body.logi-inline-loading.logi-authenticated:not(.mobil-gorunum) #yukleniyorOverlay .yukleniyor-kart {
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.logi-inline-loading.logi-authenticated:not(.mobil-gorunum) #yukleniyorOverlay .yukleniyor-mesaj {
    display: none !important;
}

body:not(.mobil-gorunum) .header-araclar-btn .logi-icon,
body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon .logi-icon {
    display: inline-block !important;
}

body:not(.mobil-gorunum) .header-araclar-btn > svg {
    display: none !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon::before,
body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon::after {
    content: none !important;
    display: none !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #475569 !important;
    background: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon .logi-icon {
    width: 15px !important;
    height: 15px !important;
    flex-basis: 15px !important;
    opacity: 0.9 !important;
}

body:not(.mobil-gorunum) [data-logi-icon="chart"] .logi-icon::before {
    left: 2px !important;
    bottom: 2px !important;
    width: 2px !important;
    height: 7px !important;
    border-radius: 99px !important;
    background: currentColor !important;
    box-shadow: 5px -3px 0 currentColor, 10px -6px 0 currentColor !important;
}

body:not(.mobil-gorunum) [data-logi-icon="chart"] .logi-icon::after {
    left: 1px !important;
    right: 1px !important;
    bottom: 1px !important;
    height: 1.5px !important;
    border-radius: 99px !important;
    background: currentColor !important;
    opacity: 0.48 !important;
}

body:not(.mobil-gorunum) [data-logi-icon="currency"] .logi-icon::before {
    content: "₺" !important;
    inset: 1px !important;
    display: grid !important;
    place-items: center !important;
    border: 1.5px solid currentColor !important;
    border-radius: 999px !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-euro [data-logi-icon="currency"] .logi-icon::before,
body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-euro .logi-icon::before {
    content: "€" !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-dolar [data-logi-icon="currency"] .logi-icon::before,
body:not(.mobil-gorunum) #dashboardPanel .db-kpi-ikon-dolar .logi-icon::before {
    content: "$" !important;
}

body:not(.mobil-gorunum) #dashboardPanel .db-kpi-etiket {
    font-size: 9.4px !important;
    font-weight: 650 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) .tab-btn > span,
body:not(.mobil-gorunum) .db-panel-baslik,
body:not(.mobil-gorunum) .db-bolum-metin {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-empty-state,
    #finansMerkeziPanel .finans-empty-state-card,
    .company-empty-state,
    .admin-empty-state,
    .admin-side-empty-card,
    #tekliflerPanel .teklif-bos-durum,
    #tekliflerPanel .teklif-gecmis-bos,
    #tekliflerPanel .teklif-bagli-yukler-bos,
    .cari-sag-panel-bos,
    .cari-bos-yonlendirme,
    .kart-import-empty
) {
    position: relative !important;
    display: grid !important;
    align-content: center !important;
    gap: 7px !important;
    min-height: 112px !important;
    padding: 20px 22px 20px 64px !important;
    border: 1px solid rgba(226, 232, 240, 0.94) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92) !important;
    color: #64748b !important;
    text-align: left !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-empty-state,
    #finansMerkeziPanel .finans-empty-state-card,
    .company-empty-state,
    .admin-empty-state,
    .admin-side-empty-card,
    #tekliflerPanel .teklif-bos-durum,
    #tekliflerPanel .teklif-gecmis-bos,
    #tekliflerPanel .teklif-bagli-yukler-bos,
    .cari-sag-panel-bos,
    .cari-bos-yonlendirme,
    .kart-import-empty
)::before {
    content: "LN";
    position: absolute;
    left: 20px;
    top: 22px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(247, 108, 13, 0.18);
    border-radius: 10px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 0;
}

body:not(.mobil-gorunum) .tablo-empty-icon {
    display: none !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-empty-state strong,
    #finansMerkeziPanel .finans-empty-state-card strong,
    .company-empty-state strong,
    .admin-empty-state strong,
    .admin-side-empty-card strong,
    #tekliflerPanel .teklif-bos-durum strong,
    #tekliflerPanel .teklif-gecmis-bos strong,
    #tekliflerPanel .teklif-bagli-yukler-bos strong,
    .cari-sag-panel-bos strong,
    .cari-bos-yonlendirme strong
) {
    color: #111827 !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) :is(
    .tablo-empty-state span,
    #finansMerkeziPanel .finans-empty-state-card span,
    .admin-empty-state span,
    .admin-side-empty-card small,
    #tekliflerPanel .teklif-bos-durum span,
    #tekliflerPanel .teklif-gecmis-bos span,
    #tekliflerPanel .teklif-bagli-yukler-bos span,
    .cari-sag-panel-bos span,
    .cari-bos-yonlendirme span
) {
    color: #64748b !important;
    font-size: 11.5px !important;
    line-height: 1.55 !important;
}

@media (max-width: 768px) {
    #girisEkrani {
        padding: 18px !important;
        align-items: center !important;
    }

    #girisEkrani .giris-kart.giris-kart-dar {
        width: 100% !important;
        margin-top: 0 !important;
        padding: 26px 20px 22px !important;
        border-radius: 18px !important;
    }

    #girisEkrani .giris-logo-buyuk,
    #girisEkrani img.giris-logo-buyuk {
        width: min(208px, 76%) !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    #girisEkrani .giris-canli-duyuru {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    #girisEkrani .giris-canli-duyuru::before {
        display: none !important;
    }

    #girisEkrani .giris-canli-duyuru strong,
    #girisEkrani .giris-canli-duyuru span {
        grid-column: 1 !important;
    }

    .yukleniyor-kart {
        min-width: min(300px, calc(100vw - 40px));
    }
}

/* 20 Premium System Layer / kart dili, operasyon toolbar ve admin onceligi ---- */
:root {
    --logi-radius-panel: 8px;
    --logi-radius-raised: 10px;
    --logi-radius-modal: 12px;
    --logi-shadow-panel: 0 1px 2px rgba(15, 23, 42, 0.04), 0 10px 24px rgba(15, 23, 42, 0.035);
    --logi-shadow-raised: 0 2px 5px rgba(15, 23, 42, 0.055), 0 16px 34px rgba(15, 23, 42, 0.06);
    --logi-shadow-modal: 0 18px 52px rgba(15, 23, 42, 0.18);
    --logi-border-soft: rgba(226, 232, 240, 0.92);
    --logi-surface-soft: rgba(248, 250, 252, 0.92);
}

body:not(.mobil-gorunum) :where(
    .tablo-kart,
    .db-panel-kart,
    .db-kpi-kart,
    .teklif-kart,
    .cari-liste-kart,
    .cari-detay-kart,
    .cari-form-kart,
    .company-card,
    .gider-panel,
    .gider-kpi-kart,
    .finans-empty-state-card,
    .admin-hub-card,
    .admin-overview-kpi-card,
    .admin-simple-action,
    .admin-security-shell,
    .kart-import-card,
    .kart-import-issue-board,
    .kart-import-detail-board
) {
    border-radius: var(--logi-radius-panel) !important;
    border-color: var(--logi-border-soft) !important;
    box-shadow: var(--logi-shadow-panel) !important;
}

body:not(.mobil-gorunum) :where(
    .db-chart-hero,
    .admin-user-directory-card,
    .admin-user-profile-panel,
    .admin-security-shell,
    .kart-import-shell,
    .cari-detay-kapak,
    .detay-kart
) {
    border-radius: var(--logi-radius-raised) !important;
    box-shadow: var(--logi-shadow-raised) !important;
}

body:not(.mobil-gorunum) :where(
    .modal-kart,
    .evrak-modal-kart,
    .onay-kart,
    .admin-modal-kart,
    .giris-kart
) {
    border-radius: var(--logi-radius-modal) !important;
    box-shadow: var(--logi-shadow-modal) !important;
}

body:not(.mobil-gorunum) .arama-bari {
    display: grid !important;
    grid-template-columns: max-content minmax(140px, 1fr) max-content !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 10px !important;
    padding: 8px 10px !important;
    min-height: 52px !important;
    border: 1px solid var(--logi-border-soft) !important;
    border-radius: var(--logi-radius-raised) !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,250,252,0.95)) !important;
    box-shadow: var(--logi-shadow-panel) !important;
}

body:not(.mobil-gorunum) .arama-bari-sol,
body:not(.mobil-gorunum) .arama-bari-sag {
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-width: 0 !important;
}

body:not(.mobil-gorunum) .arama-bari-sol {
    grid-column: 1 !important;
    flex-wrap: nowrap !important;
    overflow: hidden !important;
}

body:not(.mobil-gorunum) .arama-bari-sag {
    grid-column: 3 !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
}

body:not(.mobil-gorunum) .hizli-filtreler-ust {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    min-height: 34px !important;
    padding: 4px !important;
    border: 1px solid rgba(226, 232, 240, 0.86) !important;
    border-radius: var(--logi-radius-panel) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) .hizli-filtre {
    height: 28px !important;
    padding: 0 9px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #475569 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) .hizli-filtre:hover {
    background: rgba(241, 245, 249, 0.95) !important;
    color: #0f172a !important;
}

body:not(.mobil-gorunum) .hizli-filtre.aktif {
    background: #ffffff !important;
    color: #c2410c !important;
    box-shadow: inset 0 0 0 1px rgba(247, 108, 13, 0.20), 0 4px 10px rgba(247, 108, 13, 0.07) !important;
}

body:not(.mobil-gorunum) .arama-bari-sag :where(.btn-ana, .btn-sutunlar, .genel-arama-input, .genel-arama-sarmal, .genel-arama-sarmal input) {
    height: 38px !important;
    border-radius: var(--logi-radius-panel) !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) .arama-bari-sag :is(.genel-arama-input, .genel-arama-sarmal input) {
    width: clamp(200px, 18vw, 320px) !important;
    background: #ffffff !important;
    border-color: rgba(203, 213, 225, 0.9) !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.03) !important;
    padding-left: 38px !important;
    padding-right: 32px !important;
}

body:not(.mobil-gorunum) .arama-bari-sag .btn-yeni-kayit {
    min-width: 104px !important;
    box-shadow: 0 8px 18px rgba(247, 108, 13, 0.14) !important;
}

body:not(.mobil-gorunum) .aktif-filtre-ozeti {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    overflow: hidden !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti[style*="flex"] {
    display: flex !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-summary {
    max-width: min(360px, 24vw) !important;
    height: 28px !important;
    min-height: 28px !important;
}

body:not(.mobil-gorunum) .arama-bari > #aktifFiltreOzeti .aktif-filtre-temizle.toolbar-filtre-temizle {
    height: 28px !important;
    min-height: 28px !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-hub-card,
body:not(.mobil-gorunum) #adminPortalHub .admin-simple-action,
body:not(.mobil-gorunum) #adminPortalHub .admin-overview-kpi-card {
    border-radius: var(--logi-radius-panel) !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-simple-action-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
    gap: 10px !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-simple-action {
    min-height: 86px !important;
    padding: 15px !important;
    background: #ffffff !important;
    border: 1px solid var(--logi-border-soft) !important;
    text-align: left !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-simple-action:first-child {
    background: linear-gradient(180deg, #ffffff, #fff7ed) !important;
    border-color: rgba(247, 108, 13, 0.30) !important;
    box-shadow: var(--logi-shadow-raised) !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-simple-action strong {
    color: #0f172a !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-simple-action span {
    margin-top: 5px !important;
    color: #64748b !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-hub-header,
body:not(.mobil-gorunum) #adminPortalHub .admin-hub-nav,
body:not(.mobil-gorunum) #adminPortalHub .admin-user-filter-card,
body:not(.mobil-gorunum) #adminPortalHub .admin-user-create-card {
    border-radius: var(--logi-radius-raised) !important;
    box-shadow: var(--logi-shadow-panel) !important;
}

body:not(.mobil-gorunum) #adminPortalHub .admin-section-kicker,
body:not(.mobil-gorunum) #adminPortalHub .admin-hub-title-chip,
body:not(.mobil-gorunum) #adminPortalHub .admin-hub-metric-card .label {
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body:not(.mobil-gorunum) #adminPortalHub #adminTabGuvenlik .admin-security-shell {
    border-color: rgba(34, 197, 94, 0.22) !important;
    background: linear-gradient(180deg, #ffffff, rgba(240, 253, 244, 0.62)) !important;
}

body:not(.mobil-gorunum) #adminPortalHub #adminTabLoglar .admin-hub-card,
body:not(.mobil-gorunum) #adminPortalHub #adminTabCop .admin-hub-card,
body:not(.mobil-gorunum) #adminPortalHub #adminTabAraclar .admin-hub-card {
    box-shadow: none !important;
    background: rgba(255, 255, 255, 0.86) !important;
}

@media (max-width: 1180px) {
    body:not(.mobil-gorunum) .arama-bari {
        grid-template-columns: max-content minmax(100px, 1fr) max-content !important;
        overflow-x: auto !important;
    }

    body:not(.mobil-gorunum) .arama-bari-sag {
        justify-content: flex-end !important;
        flex-wrap: nowrap !important;
    }

    body:not(.mobil-gorunum) #adminPortalHub .admin-simple-action-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

html body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .arama-bari,
html body.operasyon-sayfasi-aktif:not(.mobil-gorunum) .arama-bari,
html body:not(.mobil-gorunum) .arama-bari {
    border-radius: var(--logi-radius-raised) !important;
    border-top-left-radius: var(--logi-radius-raised) !important;
    border-top-right-radius: var(--logi-radius-raised) !important;
    border-bottom-right-radius: var(--logi-radius-raised) !important;
    border-bottom-left-radius: var(--logi-radius-raised) !important;
    box-shadow: var(--logi-shadow-panel) !important;
}

html body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .tablo-kart,
html body.operasyon-sayfasi-aktif:not(.mobil-gorunum) .tablo-kart,
html body:not(.mobil-gorunum) :where(.db-kpi-kart, .db-panel-kart, .admin-hub-card, .admin-simple-action, .teklif-kart, .cari-liste-kart, .cari-detay-kart) {
    border-radius: var(--logi-radius-panel) !important;
    border-top-left-radius: var(--logi-radius-panel) !important;
    border-top-right-radius: var(--logi-radius-panel) !important;
    border-bottom-right-radius: var(--logi-radius-panel) !important;
    border-bottom-left-radius: var(--logi-radius-panel) !important;
}

html body.operasyon-disi-sayfa-aktif :is(
    #operasyonToolbar,
    .form-panel,
    #aktifFiltreOzeti,
    #topluBari,
    #operasyonTabloKart,
    #sayfalamaDiv
) {
    display: none !important;
}

html body.operasyon-sayfasi-aktif #operasyonToolbar {
    display: flex !important;
}
.sifre-belirleme-ekrani {
    position: fixed;
    inset: 0;
    z-index: 10020;
}

body .evrak-onizleme-overlay {
    z-index: 100002;
    padding: 20px;
}

body .evrak-onizleme-kart {
    width: min(1120px, calc(100vw - 40px));
    max-height: calc(100vh - 40px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body .evrak-onizleme-alan {
    position: relative;
    display: block;
    width: 100%;
    height: min(72vh, 780px);
    min-height: 420px;
    border: 1px solid rgba(148, 163, 184, 0.32);
    border-radius: 12px;
    background: #f8fafc;
    overflow: hidden;
}

body .evrak-onizleme-cerceve,
body .evrak-onizleme-gorsel {
    display: none;
    width: 100%;
    height: 100%;
    border: 0;
    background: #f8fafc;
}

body .evrak-onizleme-gorsel {
    object-fit: contain;
}

body .evrak-onizleme-desteksiz {
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: var(--metin-ikincil);
    text-align: center;
}

body .evrak-onizleme-not {
    color: var(--metin-ikincil);
    font-size: 11px;
}

body .evrak-onizleme-indir {
    text-decoration: none;
}

@media (max-width: 760px) {
    body .evrak-onizleme-overlay {
        padding: 8px;
    }

    body .evrak-onizleme-kart {
        width: calc(100vw - 16px);
        max-height: calc(100vh - 16px);
    }

    body .evrak-onizleme-alan {
        min-height: 60vh;
        height: 68vh;
    }
}

/* Ana modül sekmeleri: Chromium/Electron tıklama sırasında aktif dolguyu
   merkezden büyüyen ince bir çizgi gibi rasterleştirebiliyor. Sekme yüzeyini
   tek parça, animasyonsuz bir katman olarak çizerek bu artefaktı engelle. */
body:not(.mobil-gorunum) .tab-sarici > .tab-btn,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn:hover,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn:active,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn:focus,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn:focus-visible,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn.aktif {
    -webkit-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
    background-image: none !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    outline: none !important;
    box-shadow: none !important;
    will-change: auto !important;
    user-select: none !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn:not(.aktif) {
    background-color: #ffffff !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn:not(.aktif):hover {
    background-color: #fff7ed !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn.aktif,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn.aktif:hover,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn.aktif:active,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn.aktif:focus,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn.aktif:focus-visible {
    background-color: var(--turuncu) !important;
    border-color: var(--turuncu) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn:not(.aktif):focus-visible {
    border-color: rgba(71, 85, 105, 0.42) !important;
    box-shadow: inset 0 0 0 1px rgba(71, 85, 105, 0.16) !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn::before,
body:not(.mobil-gorunum) .tab-sarici > .tab-btn::after {
    content: none !important;
    display: none !important;
    animation: none !important;
    transition: none !important;
}
/* ============================================================
   CRM / SATIS MERKEZI
   ============================================================ */
.crm-panel {
    --crm-navy: #132238;
    --crm-navy-soft: #20334e;
    --crm-orange: #f36b0a;
    --crm-orange-soft: #fff2e8;
    --crm-border: #dfe6ee;
    --crm-muted: #64748b;
    min-height: calc(100vh - 126px);
    padding: 0 0 28px;
    color: #111827;
    background: #f4f6f9;
}

.crm-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    overflow: hidden;
    padding: 17px 19px 17px 23px;
    border: 1px solid #dbe3ec;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(15, 23, 42, .05);
    color: var(--crm-navy);
}

.crm-hero::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--crm-orange);
    content: "";
}

.crm-eyebrow {
    display: block;
    margin-bottom: 6px;
    color: #fb923c;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
}

.crm-hero h1 {
    margin: 0;
    color: var(--crm-navy);
    font-size: clamp(19px, 1.7vw, 26px);
    line-height: 1.12;
}

.crm-hero p {
    margin: 6px 0 0;
    color: var(--crm-muted);
    font-size: 12px;
}

.crm-hero-actions {
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
}

.crm-hero .btn-iptal {
    border-color: #d8e1ea;
    background: #fff;
    color: #475569;
}

.crm-source-banner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
    margin: 10px 0;
    padding: 10px 12px;
    border: 1px solid #fed7aa;
    border-radius: 11px;
    background: #fffaf5;
}

.crm-source-banner-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    background: var(--crm-orange);
    color: #fff;
    font-size: 14px;
    font-weight: 900;
}

.crm-source-banner strong,
.crm-source-banner span {
    display: block;
}

.crm-source-banner strong {
    color: #9a3412;
    font-size: 11px;
}

.crm-source-banner span {
    margin-top: 2px;
    color: #7c4a2c;
    font-size: 10px;
}

.crm-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 12px;
}

.crm-kpi-card {
    min-width: 0;
    padding: 17px 18px;
    border: 1px solid var(--crm-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 7px 20px rgba(15, 23, 42, .05);
}

.crm-kpi-card span,
.crm-kpi-card small {
    display: block;
    color: var(--crm-muted);
    font-size: 11px;
    font-weight: 750;
}

.crm-kpi-card strong {
    display: block;
    margin: 5px 0 2px;
    color: var(--crm-navy);
    font-size: 28px;
    line-height: 1;
}

.crm-kpi-card-vurgu {
    border-color: #fed7aa;
    background: linear-gradient(145deg, #fff, var(--crm-orange-soft));
}

.crm-kpi-card-vurgu strong {
    color: #c2410c;
}

.crm-nav-shell {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 5px;
    border: 1px solid var(--crm-border);
    border-radius: 13px;
    background: #fff;
}

.crm-view-tabs {
    display: flex;
    flex: 1 1 auto;
    gap: 4px;
    padding: 0;
    overflow-x: auto;
}

.crm-view-tabs button {
    min-height: 38px;
    padding: 0 16px;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #526176;
    font: inherit;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.crm-view-tabs button:hover {
    background: #f3f6f9;
    color: var(--crm-navy);
}

.crm-view-tabs button.aktif {
    background: var(--crm-orange);
    color: #fff;
    box-shadow: 0 5px 12px rgba(243, 107, 10, .22);
}

.crm-nav-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}

.crm-nav-actions .btn-ana {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 6px 10px;
    font-size: 10.5px;
}

.crm-tools-menu {
    position: relative;
}

.crm-tools-menu summary {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 6px 11px;
    border: 1px solid #d8e1ea;
    border-radius: 9px;
    background: #fff;
    color: #475569;
    font-size: 10.5px;
    font-weight: 800;
    list-style: none;
    cursor: pointer;
}

.crm-tools-menu summary::-webkit-details-marker {
    display: none;
}

.crm-tools-menu summary::after {
    margin-left: 7px;
    content: "⌄";
}

.crm-tools-menu[open] summary {
    border-color: #fdba74;
    color: #c2410c;
}

.crm-tools-menu > div {
    position: absolute;
    top: calc(100% + 7px);
    right: 0;
    z-index: 30;
    display: grid;
    min-width: 190px;
    padding: 6px;
    border: 1px solid #dfe6ee;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .16);
}

.crm-tools-menu > div button {
    min-height: 34px;
    padding: 7px 9px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #475569;
    font: inherit;
    font-size: 10.5px;
    font-weight: 750;
    text-align: left;
    cursor: pointer;
}

.crm-tools-menu > div button:hover {
    background: #f8fafc;
    color: #c2410c;
}

.crm-toolbar {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 10px 0 12px;
    padding: 10px;
    border: 1px solid var(--crm-border);
    border-radius: 13px;
    background: #fff;
}

.crm-toolbar-search {
    position: relative;
    flex: 1 1 340px;
}

.crm-toolbar-search svg {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    fill: none;
    stroke: #8090a5;
    stroke-width: 2;
}

.crm-toolbar-search input {
    width: 100%;
    height: 39px;
    padding: 0 13px 0 38px;
    border: 1px solid #d7e0e9;
    border-radius: 9px;
    outline: 0;
    font: inherit;
    font-size: 12px;
}

.crm-toolbar-search input:focus {
    border-color: #fb923c;
    box-shadow: 0 0 0 3px rgba(251, 146, 60, .13);
}

.crm-toolbar .select-alan,
.crm-toolbar .btn-ana,
.crm-toolbar .btn-iptal {
    min-height: 39px;
}

.crm-content {
    min-height: 370px;
}

.crm-loading-card,
.crm-empty {
    display: grid;
    min-height: 240px;
    place-items: center;
    padding: 30px;
    border: 1px dashed #cbd5e1;
    border-radius: 16px;
    background: rgba(255, 255, 255, .74);
    color: var(--crm-muted);
    text-align: center;
}

.crm-dashboard-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr);
    gap: 12px;
}

.crm-card {
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--crm-border);
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, .045);
}

.crm-card-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
}

.crm-card-header h2,
.crm-card-header h3 {
    margin: 0;
    color: var(--crm-navy);
    font-size: 16px;
}

.crm-card-header p {
    margin: 4px 0 0;
    color: var(--crm-muted);
    font-size: 11px;
}

.crm-list {
    display: grid;
    gap: 7px;
}

.crm-list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    cursor: pointer;
    transition: background 0.12s ease, border-color 0.12s ease;
}

.crm-list-row:hover {
    border-color: #fdba74;
    background: #fffbf9;
}

.crm-list-main strong,
.crm-list-main span,
.crm-list-meta strong,
.crm-list-meta span {
    display: block;
}

.crm-list-main strong {
    color: #111827;
    font-size: 13px;
}

.crm-company-name {
    text-transform: uppercase;
    letter-spacing: .015em;
}

.crm-company-input {
    text-transform: uppercase;
}

.crm-list-main span,
.crm-list-meta span {
    margin-top: 2px;
    overflow: hidden;
    color: var(--crm-muted);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-list-meta strong {
    color: #344359;
    font-size: 12px;
}

.crm-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 25px;
    padding: 0 9px;
    border: 1px solid #dbe3eb;
    border-radius: 999px;
    background: #f8fafc;
    color: #526176;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.crm-chip.turuncu { border-color: #fed7aa; background: #fff7ed; color: #c2410c; }
.crm-chip.yesil { border-color: #bbf7d0; background: #f0fdf4; color: #15803d; }
.crm-chip.mavi { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
.crm-chip.kirmizi { border-color: #fecaca; background: #fff1f2; color: #be123c; }

.crm-row-status {
    display: grid;
    justify-items: end;
    gap: 4px;
}

.crm-stage-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.crm-stage-summary article {
    padding: 12px;
    border: 1px solid #e7edf3;
    border-radius: 11px;
    background: #f9fbfd;
}

.crm-stage-summary span,
.crm-stage-summary strong {
    display: block;
}

.crm-stage-summary span { color: var(--crm-muted); font-size: 10px; font-weight: 800; }
.crm-stage-summary strong { margin-top: 4px; color: var(--crm-navy); font-size: 20px; }

.crm-pipeline {
    display: grid;
    grid-template-columns: repeat(8, minmax(230px, 1fr));
    gap: 10px;
    padding-bottom: 10px;
    overflow-x: auto;
}

.crm-pipeline-column {
    min-height: 410px;
    padding: 10px;
    border: 1px solid #dfe6ee;
    border-radius: 13px;
    background: #eef2f6;
}

.crm-pipeline-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 9px;
    color: #334155;
    font-size: 11px;
    font-weight: 900;
}

.crm-pipeline-header i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--stage-color, #64748b);
}

.crm-pipeline-header span:first-of-type {
    margin-right: auto;
}

.crm-opportunity-card {
    margin-bottom: 8px;
    padding: 11px;
    border: 1px solid #dce4ec;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(15, 23, 42, .04);
}

.crm-opportunity-card strong,
.crm-opportunity-card small {
    display: block;
}

.crm-opportunity-card strong { font-size: 12px; color: #111827; }
.crm-opportunity-card small { margin-top: 3px; color: var(--crm-muted); font-size: 10px; }

.crm-opportunity-actions {
    display: flex;
    gap: 5px;
    margin-top: 9px;
}

.crm-opportunity-actions select,
.crm-opportunity-actions button {
    min-width: 0;
    height: 30px;
    border: 1px solid #dce4ec;
    border-radius: 7px;
    background: #fff;
    color: #415069;
    font: inherit;
    font-size: 10px;
    font-weight: 750;
}

.crm-opportunity-actions select { flex: 1; }

.crm-modal-overlay {
    position: fixed;
    z-index: 2300;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(12, 24, 39, .58);
    backdrop-filter: blur(5px);
}

.crm-modal {
    width: min(720px, 100%);
    max-height: min(86vh, 820px);
    overflow: auto;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 28px 70px rgba(3, 15, 31, .28);
}

.crm-modal-header {
    position: sticky;
    z-index: 2;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 17px 19px;
    border-bottom: 1px solid #e4eaf0;
    background: rgba(255, 255, 255, .97);
}

.crm-modal-header h2 {
    margin: 0;
    color: var(--crm-navy);
    font-size: 20px;
}

.crm-modal-body {
    padding: 18px 19px 21px;
}

.crm-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.crm-form-grid label {
    display: grid;
    gap: 6px;
    color: #526176;
    font-size: 11px;
    font-weight: 800;
}

.crm-form-grid label.tam {
    grid-column: 1 / -1;
}

.crm-form-optional {
    padding: 10px 12px;
    border: 1px solid #e3eaf0;
    border-radius: 11px;
    background: #f8fafc;
}

.crm-form-optional summary {
    color: #475569;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
}

.crm-form-grid-nested {
    margin-top: 11px;
}

.crm-form-grid input,
.crm-form-grid select,
.crm-form-grid textarea {
    width: 100%;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #d8e0e8;
    border-radius: 9px;
    outline: 0;
    background: #fff;
    color: #111827;
    font: inherit;
    font-size: 12px;
}

.crm-form-grid textarea {
    min-height: 92px;
    resize: vertical;
}

.crm-form-grid input:focus,
.crm-form-grid select:focus,
.crm-form-grid textarea:focus {
    border-color: #fb923c;
    box-shadow: 0 0 0 3px rgba(251, 146, 60, .13);
}

.crm-form-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    grid-column: 1 / -1;
    padding-top: 4px;
}

.crm-import-progress {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: #fff7ed;
    color: #9a3412;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.crm-detail-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.crm-detail-block {
    padding: 13px;
    border: 1px solid #e3eaf0;
    border-radius: 11px;
    background: #f9fbfd;
}

.crm-detail-block.tam { grid-column: 1 / -1; }
.crm-detail-block span { display: block; color: var(--crm-muted); font-size: 10px; font-weight: 800; }
.crm-detail-block strong { display: block; margin-top: 4px; color: #1e293b; font-size: 13px; }

.crm-company-detail-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
    padding: 14px;
    border: 1px solid #fed7aa;
    border-radius: 12px;
    background: linear-gradient(135deg, #fffaf5, #fff);
}

.crm-company-detail-hero div > span,
.crm-company-detail-hero div > strong,
.crm-company-detail-hero div > p {
    display: block;
}

.crm-company-detail-hero div > span {
    color: #c2410c;
    font-size: 10px;
    font-weight: 850;
}

.crm-company-detail-hero div > strong {
    margin-top: 4px;
    color: var(--crm-navy);
    font-size: 17px;
    letter-spacing: .02em;
}

.crm-company-detail-hero div > p {
    max-width: 560px;
    margin: 5px 0 0;
    color: var(--crm-muted);
    font-size: 11px;
    line-height: 1.45;
}

.crm-next-action-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid #dbe3eb;
    border-radius: 999px;
    background: #f8fafc;
    color: #526176;
    font-size: 10px;
    font-weight: 850;
    white-space: nowrap;
}

.crm-next-action-badge.turuncu { border-color: #fed7aa; background: #fff7ed; color: #c2410c; }
.crm-next-action-badge.mavi { border-color: #bfdbfe; background: #eff6ff; color: #1d4ed8; }
.crm-next-action-badge.kirmizi { border-color: #fecaca; background: #fff1f2; color: #be123c; }

.crm-contact-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.crm-activity-timeline {
    margin-top: 12px;
    padding: 13px;
    border: 1px solid #e3eaf0;
    border-radius: 12px;
    background: #fff;
}

.crm-activity-timeline > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.crm-activity-timeline > header strong,
.crm-activity-timeline > header span {
    display: block;
}

.crm-activity-timeline > header strong { color: var(--crm-navy); font-size: 13px; }
.crm-activity-timeline > header span { margin-top: 2px; color: var(--crm-muted); font-size: 10px; }

.crm-activity-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    padding: 9px 0;
    border-top: 1px solid #eef2f6;
}

.crm-activity-item:first-child { border-top: 0; }
.crm-activity-icon {
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 8px;
    background: #fff2e8;
    color: #c2410c;
    font-size: 11px;
    font-weight: 900;
}
.crm-activity-item strong { color: #1e293b; font-size: 11px; }
.crm-activity-item p { margin: 3px 0; color: #475569; font-size: 11px; line-height: 1.4; }
.crm-activity-item small { color: var(--crm-muted); font-size: 9px; }
.crm-activity-empty { margin: 0; padding: 14px; color: var(--crm-muted); font-size: 11px; text-align: center; }

.crm-source-explainer {
    color: #334155;
    font-size: 13px;
    line-height: 1.55;
}

.crm-source-explainer > p { margin: 0 0 12px; }
.crm-source-explainer ol { display: grid; gap: 8px; margin: 0; padding-left: 20px; }
.crm-source-privacy {
    display: grid;
    gap: 4px;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid #bbf7d0;
    border-radius: 10px;
    background: #f0fdf4;
    color: #166534;
}
.crm-source-note {
    margin-top: 12px !important;
    padding: 10px 12px;
    border-left: 4px solid var(--crm-orange);
    background: #fff7ed;
}

@media (max-width: 1100px) {
    .crm-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .crm-dashboard-grid { grid-template-columns: 1fr; }
    .crm-stage-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .crm-panel { min-height: auto; padding: 0 10px 90px; }
    .crm-hero { align-items: flex-start; padding: 18px; flex-direction: column; }
    .crm-hero-actions { width: 100%; }
    .crm-hero-actions button { flex: 1; }
    .crm-kpi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .crm-nav-shell { align-items: stretch; flex-direction: column; }
    .crm-nav-actions { justify-content: flex-end; }
    .crm-toolbar { align-items: stretch; flex-wrap: wrap; }
    .crm-toolbar-search { flex-basis: 100%; }
    .crm-toolbar .select-alan,
    .crm-toolbar button { flex: 1 1 140px; }
    .crm-source-banner { grid-template-columns: auto 1fr; }
    .crm-source-banner button { grid-column: 1 / -1; }
    .crm-list-row { grid-template-columns: 1fr auto; }
    .crm-list-row > :nth-child(2),
    .crm-list-row > :nth-child(3) { display: none; }
    .crm-form-grid,
    .crm-detail-grid { grid-template-columns: 1fr; }
    .crm-form-grid label.tam,
    .crm-detail-block.tam { grid-column: auto; }
    .crm-company-detail-hero { align-items: flex-start; }
}

/* CRM eklendikten sonra dokuz ana modül sekmesini masaüstünde tek satırda tut. */
body:not(.mobil-gorunum) .tab-sarici {
    display: flex !important;
    flex-flow: row nowrap !important;
    white-space: nowrap !important;
}

body:not(.mobil-gorunum) .tab-sarici > .tab-btn,
body:not(.mobil-gorunum) .tab-sarici > #tabCrm {
    flex: 1 1 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 8px !important;
    gap: 5px !important;
    overflow: hidden !important;
    font-size: 9.8px !important;
    letter-spacing: 0 !important;
}

.crm-row-actions,
.crm-pagination {
    display: flex;
    align-items: center;
    gap: 7px;
}

.crm-row-actions {
    justify-content: flex-end;
}

.crm-row-actions .btn-iptal {
    min-height: 28px !important;
    padding: 5px 8px !important;
}

.crm-pagination {
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #e7edf3;
}

.crm-pagination span {
    color: var(--crm-muted);
    font-size: 11px;
    font-weight: 750;
}

.crm-pagination button:disabled {
    cursor: not-allowed;
    opacity: .45;
}

.crm-check-label {
    display: flex !important;
    align-items: center;
    align-self: end;
    grid-template-columns: auto 1fr;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #e3eaf0;
    border-radius: 9px;
    background: #f9fbfd;
}

.crm-check-label input {
    width: 16px !important;
    min-height: 16px !important;
    margin: 0 !important;
}

@media (max-width: 1280px) {
    body:not(.mobil-gorunum) .tab-sarici > #tabCrm {
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 6px !important;
        gap: 4px !important;
        font-size: 9.4px !important;
    }
}

@media (max-width: 760px) {
    .crm-pagination span {
        text-align: center;
    }
}

/* Üst marka logosu: orijinal dikey LogiNexus amblemini bozmadan göster. */
@media (min-width: 769px) {
    body:not(.mobil-gorunum) .header-brand-lockup {
        height: 60px !important;
        padding: 1px 0 !important;
    }

    body:not(.mobil-gorunum) .header-brand-lockup .header-logo-image {
        width: auto !important;
        height: 58px !important;
        max-width: min(120px, 11vw) !important;
        object-fit: contain !important;
        object-position: left center !important;
    }

    /* Ana sekmeler ile çalışma alanları arasında artık dış boşluk yok. */
    body:not(.mobil-gorunum) .icerik,
    body.tablo-disi-sayfa-aktif:not(.mobil-gorunum) .icerik,
    body.operasyon-sayfasi-aktif:not(.mobil-gorunum) .icerik {
        padding-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body:not(.mobil-gorunum) .tab-sarici {
        margin: 0 !important;
    }

    html body.operasyon-sayfasi-aktif:not(.mobil-gorunum) #operasyonToolbar {
        margin-top: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}

/* ============================================================
   CRM — Firma Detay Drawer + Premium Tasarım Sistemi (v0.9.707)
   ============================================================ */

.crm-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 2300;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(6px);
}

.crm-modal {
    width: min(1080px, 96vw);
    max-height: min(90vh, 880px);
    overflow: hidden;
    border: 1px solid rgba(226, 232, 240, 0.9);
    border-radius: 18px;
    background: #ffffff;
    box-shadow: 0 25px 60px -15px rgba(15, 23, 42, 0.35);
    display: flex;
    flex-direction: column;
}

.crm-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 22px;
    border-bottom: 1px solid #e2e8f0;
    background: #ffffff;
}

.crm-eyebrow {
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    color: #ea580c;
    text-transform: uppercase;
}

#crmModalBaslik {
    margin: 2px 0 0;
    color: #0f172a;
    font-size: 19px;
    font-weight: 800;
}

.crm-modal-body {
    padding: 0;
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

/* Drawer 2 Sütun */
.crm-drawer-layout {
    display: grid;
    grid-template-columns: 300px 1fr;
    flex: 1;
    min-height: 540px;
    overflow: hidden;
    background: #ffffff;
}

.crm-drawer-sidebar {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 20px 18px;
    border-right: 1px solid #e2e8f0;
    background: #f8fafc;
    overflow-y: auto;
}

.crm-company-detail-hero {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.crm-company-avatar {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, #1e293b, #0f172a);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.15);
}

.crm-company-hero-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.crm-drawer-company-name {
    color: #0f172a;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    word-break: break-word;
}

.crm-domain-link {
    font-size: 12px;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    margin-top: 1px;
}

.crm-domain-link:hover {
    text-decoration: underline;
}

.crm-hero-tags {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
}

.crm-next-action-card {
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.crm-next-action-label {
    font-size: 9.5px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.crm-next-action-text {
    font-size: 12.5px;
    font-weight: 800;
    color: #0f172a;
}

.crm-detail-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.crm-detail-stat {
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.crm-detail-stat span {
    font-size: 9.5px;
    font-weight: 750;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.crm-detail-stat strong {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
}

.crm-drawer-notes {
    padding: 12px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
}

.crm-notes-header {
    font-size: 10.5px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4px;
}

.crm-drawer-notes p {
    font-size: 12px;
    color: #334155;
    line-height: 1.45;
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Hızlı Takip Ekle Akordeon */
.crm-quick-task-details {
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    background: #ffffff;
    overflow: hidden;
}

.crm-quick-task-summary {
    padding: 10px 12px;
    font-size: 12px;
    font-weight: 800;
    color: #ea580c;
    cursor: pointer;
    background: #fff7ed;
    user-select: none;
    transition: background 0.12s;
}

.crm-quick-task-summary:hover {
    background: #ffedd5;
}

.crm-quick-task-summary::-webkit-details-marker { display: none; }

.crm-quick-task-form {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px 12px 12px;
    border-top: 1px solid #fed7aa;
}

.crm-quick-task-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

.crm-quick-input {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    background: #ffffff;
    color: #0f172a;
    font-size: 12px;
    box-sizing: border-box;
}

.crm-quick-input:focus {
    border-color: #ea580c;
    outline: none;
    box-shadow: 0 0 0 3px rgba(234, 88, 12, 0.12);
}

.crm-quick-save-btn {
    width: 100%;
}

/* Aksiyon Butonları */
.crm-drawer-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
    padding-top: 10px;
}

.crm-btn-primary {
    width: 100%;
    background: #ea580c !important;
    border-color: #c2410c !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(234, 88, 12, 0.25) !important;
}

.crm-btn-primary:hover {
    background: #c2410c !important;
}

.crm-drawer-secondary-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.crm-drawer-secondary-actions .btn-iptal,
.crm-drawer-secondary-actions .crm-contact-link {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-size: 11.5px;
    padding: 6px 8px !important;
    min-height: 32px !important;
}

/* Sağ Sekmeli İçerik */
.crm-drawer-main {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
}

.crm-drawer-tabs {
    padding: 12px 18px 0;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
    display: flex;
    gap: 6px;
    align-items: center;
    overflow-x: auto;
}

.crm-drawer-tab {
    padding: 9px 15px;
    border-radius: 8px 8px 0 0;
    border: 1px solid transparent;
    border-bottom: none;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: all 0.15s ease;
}

.crm-drawer-tab:hover {
    color: #0f172a;
    background: rgba(241, 245, 249, 0.7);
}

.crm-drawer-tab.aktif {
    background: #ffffff;
    color: #0f172a;
    border-color: #e2e8f0 #e2e8f0 #ffffff #e2e8f0;
    font-weight: 800;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.03);
}

.crm-tab-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    background: #e2e8f0;
    color: #475569;
    font-size: 10px;
    font-weight: 800;
}

.crm-tab-count.kirmizi {
    background: #fef2f2;
    color: #dc2626;
}

.crm-drawer-tab-content {
    flex: 1;
    overflow: hidden;
}

.crm-drawer-panel {
    height: 100%;
    padding: 16px 20px 20px;
    overflow-y: auto;
}

.crm-drawer-panel:not(.aktif) { display: none; }

.crm-activity-toolbar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

.crm-activity-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.crm-detail-contact-row,
.crm-detail-opp-row,
.crm-detail-task-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 14px;
    border: 1px solid #e2e8f0;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.crm-detail-task-row.gecikti {
    border-color: #fca5a5;
    background: #fff7f7;
}

.crm-detail-opp-meta,
.crm-detail-contact-links {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.crm-detail-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 7px;
    border-radius: 5px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10.5px;
    font-weight: 700;
}

.crm-detail-tag.yesil {
    background: #dcfce7;
    color: #16a34a;
}

.crm-btn-sm {
    min-height: 28px !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
}

/* Çip / Rozet Standartları */
.crm-chip {
    display: inline-flex;
    align-items: center;
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.crm-chip.prospect,
.crm-chip.potansiyel,
.crm-chip.turuncu {
    background: #fff7ed;
    color: #c2410c;
    border: 1px solid #ffedd5;
}

.crm-chip.mail_sent {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.crm-chip.followup_needed {
    background: #fffbebfb;
    background: #fef3c7;
    color: #b45309;
    border: 1px solid #fde68a;
}

.crm-chip.replied {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.crm-chip.opportunity {
    background: #f5f3ff;
    color: #6d28d9;
    border: 1px solid #ddd6fe;
}

.crm-chip.sleeping {
    background: #f1f5f9;
    color: #64748b;
    border: 1px solid #e2e8f0;
}

.crm-chip.active,
.crm-chip.musteri,
.crm-chip.yesil {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.crm-chip.kirmizi,
.crm-chip.gecikti {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

/* Satış Masası Dashboard Stilleri */
.crm-dashboard-kpis {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

.crm-kpi-card {
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.02);
}

.crm-kpi-card span {
    font-size: 11px;
    font-weight: 750;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.crm-kpi-card strong {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
}

.crm-kpi-card.turuncu strong { color: #ea580c; }
.crm-kpi-card.yesil strong { color: #16a34a; }
.crm-kpi-card.mavi strong { color: #2563eb; }

.crm-dashboard-grid-sade {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/* Satır içi hızlı aksiyon butonları */
.crm-row-quick-actions {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-left: 6px;
}

.crm-quick-act-btn {
    padding: 3px 8px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: 10.5px;
    font-weight: 750;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.12s, border-color 0.12s;
    position: relative;
    z-index: 1;
}

.crm-quick-act-btn:hover {
    background: #ffffff;
    border-color: #ea580c;
    color: #ea580c;
}

.crm-quick-act-btn.crm-btn-wa {
    color: #15803d;
    background: #f0fdf4;
    border-color: #bbf7d0;
}

.crm-quick-act-btn.crm-btn-wa:hover {
    background: #25d366;
    border-color: #16a34a;
    color: #ffffff;
}

/* Premium CRM Design System */
.crm-hero-banner {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #1e1b4b 100%);
    border-radius: 12px;
    padding: 16px 20px;
    color: #ffffff;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 10px 25px -5px rgba(15, 23, 42, 0.25);
    flex-wrap: wrap;
    gap: 12px;
}

.crm-hero-title h1 {
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 4px 0;
    color: #f8fafc;
    display: flex;
    align-items: center;
    gap: 8px;
}

.crm-hero-title p {
    font-size: 12px;
    color: #94a3b8;
    margin: 0;
}

.crm-kpi-ribbon {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.crm-kpi-pill {
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    padding: 8px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
}

.crm-kpi-pill span {
    font-size: 10px;
    font-weight: 600;
    color: #cbd5e1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.crm-kpi-pill strong {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
}

.crm-kpi-pill.amber strong { color: #fbbf24; }
.crm-kpi-pill.emerald strong { color: #34d399; }
.crm-kpi-pill.sky strong { color: #38bdf8; }

.crm-premium-card {
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.04);
    padding: 14px 16px;
    margin-bottom: 10px;
    transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    cursor: pointer;
}

.crm-premium-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -4px rgba(15, 23, 42, 0.08);
    border-color: #cbd5e1;
}

.crm-avatar {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);
    color: #3730a3;
    font-size: 13px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.crm-card-info {
    flex: 1;
    min-width: 0;
}

.crm-card-title-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px;
}

.crm-card-title {
    font-size: 13.5px;
    font-weight: 750;
    color: #0f172a;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-card-sub {
    font-size: 11.5px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.crm-badge-status {
    padding: 3px 9px;
    border-radius: 20px;
    font-size: 10.5px;
    font-weight: 750;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.crm-badge-prospect { background: #eff6ff; color: #1d4ed8; }
.crm-badge-mail_sent { background: #fffbeb; color: #b45309; }
.crm-badge-followup_needed { background: #fef2f2; color: #b91c1c; }
.crm-badge-replied { background: #f0fdf4; color: #15803d; }
.crm-badge-opportunity { background: #f0f9ff; color: #0369a1; }
.crm-badge-customer { background: #ecfdf5; color: #047857; }
.crm-badge-sleeping { background: #f8fafc; color: #64748b; border: 1px solid #e2e8f0; }

.crm-action-group {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.crm-btn-action {
    padding: 5px 10px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: 11px;
    font-weight: 750;
    cursor: pointer;
    transition: all 0.12s ease;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.crm-btn-action:hover {
    background: #ffffff;
    border-color: #6366f1;
    color: #4f46e5;
    box-shadow: 0 2px 5px rgba(99, 102, 241, 0.15);
}

.crm-btn-action.wa {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #16a34a;
}
.crm-btn-action.wa:hover {
    background: #25d366;
    border-color: #16a34a;
    color: #ffffff;
}

.crm-btn-action.amber {
    background: #fffbeb;
    border-color: #fde68a;
    color: #d97706;
}
.crm-btn-action.amber:hover {
    background: #f59e0b;
    border-color: #d97706;
    color: #ffffff;
}

.crm-btn-action.blue {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #2563eb;
}
.crm-btn-action.blue:hover {
    background: #3b82f6;
    border-color: #2563eb;
    color: #ffffff;
}

/* LogiNexus CRM Tab Filter Bar */
.crm-tab-btn {
    padding: 7px 14px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #475569;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    transition: all 0.15s ease;
}

.crm-tab-btn:hover {
    background: #ffffff;
    color: #ea580c;
    border-color: #fdba74;
}

.crm-tab-btn.aktif {
    background: #ea580c;
    color: #ffffff;
    border-color: #ea580c;
    box-shadow: 0 3px 8px rgba(234, 88, 12, 0.25);
}

/* Ultra-Compact CRM Table List View */
.crm-list-row-compact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 6px 12px;
    min-height: 38px;
    border-bottom: 1px solid #f1f5f9;
    background: #ffffff;
    cursor: pointer;
    transition: background 0.1s ease;
}

.crm-list-row-compact:hover {
    background: #f8fafc;
}

.crm-badge-compact {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 4px;
    background: #f1f5f9;
    color: #475569;
    border: 1px solid #e2e8f0;
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
}

.crm-btn-mini {
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    color: #334155;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.1s ease;
}

.crm-btn-mini:hover {
    background: #f8fafc;
    border-color: #94a3b8;
    color: #0f172a;
}

.crm-btn-mini.wa {
    color: #16a34a;
    border-color: #bbf7d0;
    background: #f0fdf4;
}

.crm-btn-mini.wa:hover {
    background: #16a34a;
    color: #ffffff;
    border-color: #16a34a;
}

.crm-btn-mini.amber {
    color: #d97706;
    border-color: #fef3c7;
    background: #fffbeb;
}

.crm-btn-mini.amber:hover {
    background: #d97706;
    color: #ffffff;
    border-color: #d97706;
}

.crm-btn-mini.blue {
    color: #2563eb;
    border-color: #dbeafe;
    background: #eff6ff;
}

.crm-btn-mini.blue:hover {
    background: #2563eb;
    color: #ffffff;
    border-color: #2563eb;
}

/* CRM Excel Table Container & Cell Rules */
.crm-table-container {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
}

.crm-table {
    width: 100% !important;
    max-width: 100% !important;
    border-collapse: collapse;
    table-layout: auto;
}

.crm-table tbody td {
    text-transform: none !important;
    font-size: 12px;
    padding: 6px 10px;
    white-space: nowrap;
}

.crm-table thead th {
    font-size: 11px;
    font-weight: 700;
    padding: 8px 10px;
    white-space: nowrap;
}


@media (max-width: 1024px) {
    .crm-dashboard-grid-sade { grid-template-columns: 1fr; }
    .crm-dashboard-kpis { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
    .crm-drawer-layout { grid-template-columns: 1fr; }
    .crm-drawer-sidebar { border-right: none; border-bottom: 1px solid #e2e8f0; }
    .crm-modal-overlay:has(.crm-drawer-layout) .crm-modal { max-height: 96vh; }
    .crm-dashboard-kpis { grid-template-columns: 1fr; }
}

/* ================================================================
   CRM SATIŞ SEKMESI — LogiNexus Yerel Tasarım Sistemi Uyumluluğu (v0.9.730)
   ================================================================ */

/* CRM Tablo Sarmal Konteyneri */
.crm-table-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* LogiNexus Standart CRM Tablosu */
.crm-table {
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    font-size: 12px;
    color: #334155;
}

.crm-table thead tr {
    background: #f8fafc;
    border-bottom: 2px solid #e2e8f0;
}

.crm-table thead th {
    padding: 10px 12px;
    font-size: 11px;
    font-weight: 750;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    text-align: left;
    white-space: nowrap;
}

.crm-table tbody tr {
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.12s ease;
}

.crm-table tbody tr:hover {
    background: #fffbf9;
}

.crm-table td {
    padding: 10px 12px;
    vertical-align: middle;
}

/* ================================================================
   CRM / SATIŞ — SADE, TEKİL GÖRSEL SİSTEM (v0.9.731)
   Bu blok CRM için önceki dağınık kuralları tek standarda indirir.
   ================================================================ */
.crm-panel {
    --crm-surface: #ffffff;
    --crm-canvas: #f5f7fa;
    --crm-ink: #172132;
    --crm-soft-ink: #526176;
    --crm-line: #dfe5ec;
    --crm-table-head: #233247;
    --crm-accent: #f36b0a;
    --crm-accent-soft: #fff4eb;
    background: var(--crm-canvas);
}

.crm-panel .crm-kpi-grid {
    gap: 8px;
    margin: 0;
    padding: 10px 12px 8px;
}

.crm-panel .crm-kpi-card {
    position: relative;
    min-height: 76px;
    padding: 12px 14px 11px 18px;
    overflow: hidden;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface);
    box-shadow: 0 2px 8px rgba(15, 23, 42, .035);
}

.crm-panel .crm-kpi-card::before {
    position: absolute;
    inset: 13px auto 13px 0;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: #94a3b8;
    content: "";
}

.crm-panel .crm-kpi-card:nth-child(1)::before { background: var(--crm-accent); }
.crm-panel .crm-kpi-card:nth-child(2)::before { background: #3b82f6; }
.crm-panel .crm-kpi-card:nth-child(3)::before { background: #d99a17; }
.crm-panel .crm-kpi-card:nth-child(4)::before { background: #22a06b; }

.crm-panel .crm-kpi-card span {
    color: #66758a;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.crm-panel .crm-kpi-card strong {
    margin: 5px 0 2px;
    color: var(--crm-ink);
    font-size: 23px;
    font-weight: 850;
    line-height: 1;
}

.crm-panel .crm-kpi-card small {
    color: #8793a4;
    font-size: 10px;
    font-weight: 650;
}

.crm-panel .crm-nav-shell {
    margin: 0 12px 8px;
    padding: 10px 12px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface);
    box-shadow: none;
}

.crm-panel .crm-title-area {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.crm-panel .crm-title-mark {
    width: 4px;
    height: 34px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--crm-accent);
}

.crm-panel .crm-title-area h2 {
    margin: 0;
    color: var(--crm-ink);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.2;
}

.crm-panel .crm-title-area p {
    margin: 3px 0 0;
    color: #7a8798;
    font-size: 10.5px;
    font-weight: 600;
}

.crm-panel .crm-nav-actions {
    gap: 6px;
}

.crm-panel .crm-nav-actions .btn-ana,
.crm-panel .crm-tools-menu summary {
    min-height: 34px;
    border-radius: 8px;
    font-size: 10.5px;
    font-weight: 800;
}

.crm-panel .crm-nav-actions .btn-ana {
    padding: 0 13px;
    box-shadow: 0 3px 8px rgba(243, 107, 10, .18);
}

.crm-panel .crm-tools-menu summary {
    padding: 0 11px;
    border-color: #d7dfe8;
    color: #526176;
}

.crm-panel .crm-toolbar {
    gap: 7px;
    margin: 0 12px 8px;
    padding: 7px;
    border: 1px solid var(--crm-line);
    border-radius: 11px;
    background: var(--crm-surface);
    box-shadow: none;
}

.crm-panel .crm-toolbar-search input,
.crm-panel .crm-toolbar-select {
    height: 36px;
    min-height: 36px;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
    background: #fff;
    color: #344359;
    font: inherit;
    font-size: 11px;
    font-weight: 650;
}

.crm-panel .crm-toolbar-search input {
    padding-left: 36px;
}

.crm-panel .crm-toolbar-search svg {
    left: 11px;
    width: 15px;
    height: 15px;
}

.crm-panel .crm-toolbar-select {
    width: 176px;
    max-width: 176px;
    padding: 0 30px 0 10px;
}

.crm-panel #crmSiralama {
    width: 214px;
    max-width: 214px;
}

.crm-panel .crm-content {
    min-height: 340px;
    margin: 0 12px;
}

.crm-panel .crm-tab-filter-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 12px;
    padding: 5px 8px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
    flex-wrap: wrap;
}

.crm-panel .crm-tab-group {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

.crm-panel .crm-tab-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 36px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 8px;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.15s ease;
}

.crm-panel .crm-tab-btn:hover {
    background: #f8fafc;
    color: #0f172a;
}

.crm-panel .crm-tab-btn b {
    min-width: 20px;
    padding: 2px 7px;
    border-radius: 10px;
    background: #f1f5f9;
    color: #475569;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.3;
}

.crm-panel .crm-tab-btn.aktif {
    background: #0f172a;
    color: #ffffff;
    border-color: #0f172a;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.15);
}

.crm-panel .crm-tab-btn.aktif b {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.crm-main-views-nav {
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(241, 245, 249, 0.85);
    padding: 3px 4px;
    border-radius: 9px;
    border: 1px solid rgba(226, 232, 240, 0.85);
}

.crm-main-view-btn {
    padding: 6px 14px;
    font-size: 11.5px;
    font-weight: 650;
    color: #64748b;
    border: none;
    background: transparent;
    border-radius: 7px;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}

.crm-main-view-btn:hover {
    color: #1e293b;
    background: rgba(255, 255, 255, 0.65);
}

.crm-main-view-btn.aktif {
    background: #ffffff;
    color: #0f172a;
    font-weight: 750;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08), 0 1px 2px rgba(15, 23, 42, 0.04);
}

.crm-panel .crm-table-card {
    padding: 0;
    overflow: hidden;
    border: 1px solid var(--crm-line);
    border-radius: 12px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, .045);
}

.crm-panel .crm-table-card-header {
    align-items: center;
    margin: 0;
    padding: 12px 15px;
    border-bottom: 1px solid var(--crm-line);
    background: #fff;
}

.crm-panel .crm-table-card-header h2 {
    color: var(--crm-ink);
    font-size: 13px;
    font-weight: 850;
}

.crm-panel .crm-table-card-header p {
    margin-top: 3px;
    color: #7a8798;
    font-size: 10.5px;
    font-weight: 600;
}

.crm-panel .crm-result-count {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid #e0e6ed;
    border-radius: 999px;
    background: #f7f9fb;
    color: #526176;
    font-size: 9.5px;
    font-weight: 800;
    white-space: nowrap;
}

.crm-panel .crm-table-container {
    max-width: 100%;
    border: 1px solid rgba(203, 213, 225, 0.82);
    border-radius: 8px;
    background: #fff;
    overflow-x: auto;
}

.crm-panel .crm-table {
    width: 100% !important;
    min-width: 1040px;
    max-width: none !important;
    table-layout: auto;
    border-collapse: collapse !important;
    color: var(--metin);
    font-size: var(--density-table-font, 11px);
    white-space: nowrap;
}

.crm-panel .crm-table thead tr {
    background: #1e293b !important;
}

.crm-panel .crm-table thead th {
    position: sticky;
    z-index: 20;
    top: 0;
    height: 32px;
    padding: 5px 8px !important;
    border: 1px solid #0f172a !important;
    border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: #1e293b !important;
    color: #ffffff !important;
    font-size: 9.2px !important;
    font-weight: 750 !important;
    letter-spacing: 0.05em !important;
    line-height: 1.2;
    text-align: left;
    text-transform: uppercase;
}

.crm-panel .crm-table thead th.secim-hucre,
.crm-panel .crm-table tbody td.secim-hucre {
    width: 38px !important;
    min-width: 38px !important;
    max-width: 38px !important;
    text-align: center !important;
    padding: 0 !important;
    vertical-align: middle !important;
    background: #192231 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}

.crm-panel .crm-table tbody td.secim-hucre {
    background: #ffffff !important;
    border-right: 1px solid var(--std-table-border, rgba(218, 226, 237, 0.9)) !important;
}

.crm-panel .crm-table .secim-hucre input[type="checkbox"] {
    cursor: pointer;
    width: 14px;
    height: 14px;
    margin: 0 auto;
    display: block;
    accent-color: #f97316;
}

.crm-panel .crm-table thead th .siralanabilir-baslik {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    width: 100% !important;
}

.crm-panel .crm-table thead th .baslik-metin-kap {
    font-size: 9.2px !important;
    font-weight: 750 !important;
    color: #ffffff !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.crm-panel .crm-table thead th .filtre-tetik {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 3px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.8) !important;
    font-size: 7px !important;
    cursor: pointer !important;
    transition: all 0.12s ease !important;
}

.crm-panel .crm-table thead th .filtre-tetik:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    color: #ffffff !important;
}

.crm-panel .crm-table .crm-col-company { width: 30%; }
.crm-panel .crm-table .crm-col-contact { width: 24%; }
.crm-panel .crm-table .crm-col-status { width: 14%; }
.crm-panel .crm-table .crm-col-next { width: 16%; }
.crm-panel .crm-table .crm-col-actions { width: 16%; text-align: center !important; }

.crm-panel .crm-company-name-title {
    font-size: 12px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.3;
    margin-bottom: 2px;
}

.crm-panel .crm-company-meta-line {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 10.5px;
    color: #64748b;
}

.crm-panel .crm-domain-text {
    color: #475569;
    font-weight: 500;
}

.crm-panel .crm-source-tag {
    background: #f1f5f9;
    color: #475569;
    padding: 1px 6px;
    border-radius: 4px;
    font-size: 9.5px;
    font-weight: 600;
    border: 1px solid #e2e8f0;
}

.crm-panel .crm-contact-summary {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.crm-panel .crm-contact-summary strong {
    font-size: 11.5px;
    font-weight: 600;
    color: #1e293b;
}

.crm-panel .crm-email-link {
    font-size: 10.5px;
    color: #2563eb;
    text-decoration: none;
    font-weight: 500;
}

.crm-panel .crm-email-link:hover {
    text-decoration: underline;
    color: #1d4ed8;
}

.crm-panel .crm-table tbody tr {
    border: 0;
    background: #ffffff;
    cursor: pointer;
    transition: background-color .12s ease;
}

.crm-panel .crm-table tbody tr:nth-child(even) td {
    background: #fcfdfe;
}

.crm-panel .crm-table tbody tr:hover td {
    background: var(--turuncu-hafif, #fff7ed) !important;
}

.crm-panel .crm-table tbody tr.satir-secili td,
.crm-panel .crm-table tbody tr.selected td {
    background: #ffedd5 !important;
}

.crm-panel .crm-table tbody td {
    height: 44px;
    padding: 8px 10px;
    overflow: hidden;
    border: 1px solid var(--std-table-border, rgba(218, 226, 237, 0.9));
    color: var(--metin, #1e293b);
    font-size: 11px;
    line-height: 1.3;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.crm-panel .crm-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 2px 9px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #f8fafc;
    color: #475569;
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}

.crm-panel .crm-chip::before {
    display: none !important;
}

.crm-panel .crm-chip.prospect { border-color: #cbd5e1; background: #f8fafc; color: #475569; }
.crm-panel .crm-chip.mail_sent,
.crm-panel .crm-chip.mavi { border-color: #93c5fd; background: #eff6ff; color: #1d4ed8; }
.crm-panel .crm-chip.followup_needed,
.crm-panel .crm-chip.turuncu { border-color: #fdba74; background: #fff7ed; color: #c2410c; }
.crm-panel .crm-chip.replied,
.crm-panel .crm-chip.yesil { border-color: #86efac; background: #f0fdf4; color: #15803d; }
.crm-panel .crm-chip.opportunity { border-color: #d8b4fe; background: #faf5ff; color: #7e22ce; }
.crm-panel .crm-chip.sleeping { border-color: #cbd5e1; background: #f8fafc; color: #64748b; }
.crm-panel .crm-chip.kirmizi,
.crm-panel .crm-chip.gecikti { border-color: #fca5a5; background: #fef2f2; color: #b91c1c; }

.crm-panel .crm-next-step {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.crm-panel .crm-actions-cell {
    overflow: visible;
    text-align: center !important;
}

.crm-panel .crm-table-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.crm-panel .crm-btn-mini {
    min-height: 26px;
    padding: 3px 9px;
    border: 1px solid #cbd5e1;
    border-radius: 6px;
    background: #ffffff;
    color: #475569;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
    transition: all 0.15s ease;
}

.crm-panel .crm-next-step strong {
    color: #1e293b;
    font-size: 11.5px;
    font-weight: 700;
}

.crm-panel .crm-next-step small {
    overflow: hidden;
    color: #64748b;
    font-size: 10.5px;
    font-weight: 500;
    text-overflow: ellipsis;
}

.crm-panel .crm-next-step.overdue strong {
    color: #dc2626;
}

.crm-panel .crm-next-step.warm strong {
    color: #16a34a;
}

.crm-panel .crm-btn-mini:hover {
    border-color: #94a3b8;
    background: #f8fafc;
    color: #0f172a;
}

.crm-panel .crm-btn-mini.blue {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.crm-panel .crm-btn-mini.blue:hover {
    border-color: #93c5fd;
    background: #dbeafe;
    color: #1e40af;
}

.crm-panel .crm-btn-mini.amber {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.crm-panel .crm-btn-mini.amber:hover {
    border-color: #fdba74;
    background: #ffedd5;
    color: #9a3412;
}

.crm-panel .crm-btn-mini.wa {
    border-color: #bbf7d0;
    background: #f0fdf4;
    color: #15803d;
}

.crm-panel .crm-btn-mini.wa:hover {
    border-color: #86efac;
    background: #dcfce7;
    color: #166534;
}

.crm-panel .crm-table-footer {
    padding: 8px 14px;
    border-top: 0;
    background: #fff;
}

.crm-panel .crm-pagination {
    margin: 0;
    padding: 0;
    border: 0;
}

.crm-panel .crm-table-empty {
    min-height: 190px;
    margin: 12px;
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .crm-panel .crm-toolbar-select {
        width: 158px;
        max-width: 158px;
    }
}

@media (max-width: 760px) {
    .crm-panel {
        padding: 0 0 88px;
    }

    .crm-panel .crm-kpi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-right: 8px;
        padding-left: 8px;
    }

    .crm-panel .crm-nav-shell,
    .crm-panel .crm-toolbar,
    .crm-panel .crm-content {
        margin-right: 8px;
        margin-left: 8px;
    }

    .crm-panel .crm-nav-shell {
        align-items: stretch;
        gap: 10px;
    }

    .crm-panel .crm-nav-actions {
        width: 100%;
    }

    .crm-panel .crm-nav-actions .btn-ana {
        flex: 1;
    }

    .crm-panel .crm-toolbar {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .crm-panel .crm-toolbar-search {
        flex-basis: 100%;
    }

    .crm-panel .crm-toolbar-select {
        width: auto;
        max-width: none;
        flex: 1 1 145px;
    }

    .crm-panel .crm-tab-filter-bar {
        justify-content: flex-start;
    }
}

/* ================================================================
   CRM / SATIŞ — GÜNLÜK SATIŞ MASASI (v0.9.732)
   Seçim, toplu işlem, Excel aktarımı ve mobil kart düzeni.
   ================================================================ */
.crm-panel .crm-table {
    min-width: 1080px;
}

.crm-panel .crm-table .crm-col-select {
    width: 44px;
    padding: 0;
    text-align: center;
}

.crm-panel .crm-table .crm-col-company { width: 25%; }
.crm-panel .crm-table .crm-col-contact { width: 22%; }
.crm-panel .crm-table .crm-col-status { width: 13%; }
.crm-panel .crm-table .crm-col-next { width: 16%; }
.crm-panel .crm-table .crm-col-actions { width: 24%; text-align: right; }

.crm-panel .crm-select-cell {
    width: 42px;
    padding-right: 0;
    padding-left: 0;
    overflow: visible;
    text-align: center;
}

.crm-panel .crm-row-checkbox {
    width: 15px;
    height: 15px;
    margin: 0;
    accent-color: var(--crm-accent);
    cursor: pointer;
}

.crm-panel .crm-table tbody tr.selected {
    background: #fff7f0;
    box-shadow: inset 3px 0 0 var(--crm-accent);
}

.crm-panel .crm-contact-summary {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.crm-panel .crm-contact-summary strong,
.crm-panel .crm-contact-summary a,
.crm-panel .crm-contact-summary small {
    overflow: hidden;
    text-overflow: ellipsis;
}

.crm-panel .crm-contact-summary strong {
    color: #344359;
    font-size: 10.5px;
    font-weight: 780;
}

.crm-panel .crm-contact-summary a {
    color: #45617f;
    font-size: 9.5px;
    font-weight: 650;
    text-decoration: none;
}

.crm-panel .crm-contact-summary small,
.crm-panel .crm-contact-missing {
    color: #8a96a6;
    font-size: 9px;
    font-weight: 650;
}

.crm-panel .crm-contact-missing {
    color: #b56b46;
}

.crm-panel .crm-source-label {
    display: block;
    overflow: hidden;
    color: #68778b;
    font-size: 9.5px;
    font-weight: 700;
    text-overflow: ellipsis;
    text-transform: capitalize;
}

.crm-panel .crm-next-step.overdue strong {
    color: #b9424e;
}

.crm-panel .crm-next-step.warm strong {
    color: #27815a;
}

.crm-panel .crm-bulk-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 52px;
    padding: 8px 14px;
    border-bottom: 1px solid #f1d7c5;
    background: linear-gradient(90deg, #fff7f0 0%, #fffaf6 100%);
}

.crm-panel .crm-bulk-bar > div:first-child {
    display: grid;
    gap: 2px;
}

.crm-panel .crm-bulk-bar strong {
    color: #9d430d;
    font-size: 10.5px;
    font-weight: 850;
}

.crm-panel .crm-bulk-bar span {
    color: #8b6b57;
    font-size: 9px;
    font-weight: 600;
}

.crm-panel .crm-bulk-actions {
    display: flex;
    align-items: center;
    gap: 5px;
}

.crm-bulk-mail-summary,
.crm-import-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 14px;
}

.crm-bulk-mail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-bulk-mail-summary > div,
.crm-import-stats > div {
    display: grid;
    gap: 6px;
    min-height: 72px;
    padding: 12px;
    border: 1px solid #e1e7ee;
    border-radius: 10px;
    background: #f8fafc;
}

.crm-bulk-mail-summary span,
.crm-import-stats span {
    color: #758398;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.crm-bulk-mail-summary strong,
.crm-import-stats strong {
    color: #1c293b;
    font-size: 20px;
    font-weight: 850;
}

.crm-bulk-mail-field,
.crm-import-heading label {
    display: grid;
    gap: 6px;
    color: #526176;
    font-size: 10px;
    font-weight: 800;
}

.crm-bulk-mail-field textarea {
    min-height: 92px;
    resize: vertical;
}

.crm-bulk-company-preview,
.crm-import-preview-list {
    display: grid;
    gap: 0;
    max-height: 280px;
    margin: 12px 0;
    overflow: auto;
    border: 1px solid #e1e7ee;
    border-radius: 10px;
    background: #fff;
}

.crm-bulk-company-preview > div,
.crm-import-preview-list > div {
    display: grid;
    grid-template-columns: minmax(180px, 1fr) minmax(180px, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 43px;
    padding: 7px 11px;
    border-bottom: 1px solid #edf1f5;
}

.crm-bulk-company-preview strong,
.crm-import-preview-list strong {
    color: #263449;
    font-size: 10px;
    font-weight: 800;
}

.crm-bulk-company-preview span,
.crm-import-preview-list span,
.crm-import-preview-list small {
    overflow: hidden;
    color: #66758a;
    font-size: 9.5px;
    font-weight: 650;
    text-overflow: ellipsis;
}

.crm-bulk-company-preview .missing {
    color: #b9424e;
}

.crm-import-heading {
    display: grid;
    gap: 5px;
    margin-bottom: 14px;
    padding: 13px;
    border: 1px solid #f1d7c5;
    border-radius: 11px;
    background: #fff8f3;
}

.crm-import-heading p {
    margin: 0;
    color: #846b5a;
    font-size: 9.5px;
}

.crm-import-checks {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0;
}

.crm-import-checks span {
    padding: 5px 8px;
    border: 1px solid #dfe5ec;
    border-radius: 999px;
    background: #f7f9fb;
    color: #66758a;
    font-size: 9px;
    font-weight: 750;
}

.crm-import-note,
.crm-selection-summary {
    padding: 10px 12px;
    border: 1px solid #d9e3ec;
    border-radius: 9px;
    background: #f6f9fc;
    color: #5d6b7e;
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1.5;
}

.crm-selection-summary {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.crm-selection-summary strong {
    color: #c95108;
    font-size: 14px;
}

.crm-mail-template-layout {
    display: grid;
    gap: 12px;
    padding: 4px;
}

.crm-template-select-bar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
    border: 1px solid #e1e7ee;
    border-radius: 10px;
    background: #f8fafc;
}

.crm-template-select-bar label {
    display: grid;
    gap: 5px;
    color: #526176;
    font-size: 9.5px;
    font-weight: 800;
}

.crm-mail-body {
    min-height: 250px;
    resize: vertical;
    font-family: inherit;
    font-size: 11.5px;
    line-height: 1.55;
}

.crm-mail-actions {
    justify-content: flex-end;
}

.crm-sync-intro {
    padding: 16px;
    border: 1px solid #dfe6ed;
    border-radius: 12px;
    background: #f8fafc;
}

.crm-sync-intro > strong {
    color: #1c293b;
    font-size: 14px;
    font-weight: 850;
}

.crm-sync-intro p,
.crm-sync-intro li {
    color: #5d6b7e;
    font-size: 10.5px;
    font-weight: 600;
    line-height: 1.55;
}

.crm-sync-intro ul {
    display: grid;
    gap: 5px;
    margin: 12px 0 0;
    padding-left: 18px;
}

@media (max-width: 760px) {
    .crm-panel .crm-tab-btn {
        min-height: 36px;
        padding: 0 10px;
    }

    .crm-panel .crm-table-container {
        overflow: visible;
        background: transparent;
    }

    .crm-panel .crm-table {
        display: block;
        width: 100% !important;
        min-width: 0;
        background: transparent;
    }

    .crm-panel .crm-table thead {
        display: none;
    }

    .crm-panel .crm-table tbody {
        display: grid;
        gap: 8px;
        padding: 8px;
    }

    .crm-panel .crm-table tbody tr,
    .crm-panel .crm-table tbody tr:nth-child(even) {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 10px;
        padding: 13px;
        border: 1px solid #dfe5ec;
        border-radius: 11px;
        background: #fff;
        box-shadow: 0 3px 10px rgba(15, 23, 42, .045);
    }

    .crm-panel .crm-table tbody tr:hover,
    .crm-panel .crm-table tbody tr.selected {
        background: #fffaf6;
        box-shadow: inset 3px 0 0 var(--crm-accent), 0 3px 10px rgba(15, 23, 42, .045);
    }

    .crm-panel .crm-table tbody td {
        display: block;
        width: auto;
        height: auto;
        padding: 0;
        overflow: visible;
        border: 0;
        white-space: normal;
    }

    .crm-panel .crm-select-cell {
        position: absolute;
        top: 14px;
        right: 12px;
        z-index: 2;
    }

    .crm-panel .crm-company-cell {
        grid-column: 1;
        padding-right: 26px !important;
    }

    .crm-panel .crm-contact-cell {
        grid-column: 1 / -1;
    }

    .crm-panel .crm-source-cell {
        grid-column: 1;
    }

    .crm-panel .crm-company-row > td:nth-of-type(5) {
        grid-column: 2;
        grid-row: 1;
        padding-right: 24px;
    }

    .crm-panel .crm-company-row > td:nth-of-type(6) {
        grid-column: 1;
    }

    .crm-panel .crm-actions-cell {
        grid-column: 1 / -1;
        text-align: left;
    }

    .crm-panel .crm-table-actions {
        display: flex;
        justify-content: flex-start;
        overflow-x: auto;
    }

    .crm-panel .crm-btn-mini {
        min-height: 31px;
        font-size: 9.5px;
        white-space: nowrap;
    }

    .crm-panel .crm-bulk-bar {
        align-items: stretch;
        flex-direction: column;
    }

    .crm-panel .crm-bulk-actions {
        overflow-x: auto;
    }

    .crm-bulk-mail-summary,
    .crm-import-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crm-bulk-company-preview > div,
    .crm-import-preview-list > div {
        grid-template-columns: 1fr;
        gap: 3px;
    }

    .crm-template-select-bar {
        grid-template-columns: 1fr;
    }

    .crm-mail-actions {
        align-items: stretch;
        flex-direction: column;
    }
}

/* ================================================================
   CRM / SATIŞ — PREMIUM FİRMA ÇALIŞMA ALANI (v0.9.733)
   ================================================================ */

.crm-modal-overlay:has(.crm-workspace) {
    padding: 14px;
    background: rgba(15, 23, 42, .58);
    backdrop-filter: blur(10px);
}

.crm-modal:has(.crm-workspace) {
    width: min(1280px, calc(100vw - 28px));
    height: min(900px, calc(100vh - 28px));
    max-height: none;
    border: 1px solid rgba(255, 255, 255, .72);
    border-radius: 22px;
    box-shadow: 0 34px 90px rgba(15, 23, 42, .34);
}

.crm-modal:has(.crm-workspace) .crm-modal-header {
    min-height: 58px;
    padding: 10px 18px;
    border-bottom-color: #e6ebf1;
    background: rgba(255, 255, 255, .96);
}

.crm-modal:has(.crm-workspace) .crm-eyebrow {
    color: #f36b0a;
    font-size: 9px;
}

.crm-modal:has(.crm-workspace) #crmModalBaslik {
    font-size: 15px;
}

.crm-modal:has(.crm-workspace) .crm-modal-header > .btn-iptal {
    min-height: 34px;
    padding: 0 13px;
    border-radius: 10px;
    border-color: #dce3ea;
    background: #f8fafc;
    color: #526176;
    font-size: 11px;
}

.crm-workspace {
    --crm-workspace-navy: #14263a;
    --crm-workspace-orange: #f36b0a;
    --crm-workspace-line: #e4eaf0;
    --crm-workspace-muted: #66758a;
    display: flex;
    min-height: 0;
    height: 100%;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    color: #172033;
    background: #fff;
}

.crm-workspace-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 22px 14px;
    background:
        radial-gradient(circle at 88% 10%, rgba(243, 107, 10, .10), transparent 28%),
        linear-gradient(180deg, #fff, #fbfcfe);
}

.crm-workspace-identity {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 13px;
}

.crm-workspace-avatar {
    display: grid;
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #1f354b, #0f1e2d);
    box-shadow: 0 8px 20px rgba(20, 38, 58, .18);
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    letter-spacing: .03em;
}

.crm-workspace-title-row {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 9px;
    flex-wrap: wrap;
}

.crm-workspace-title-row > strong {
    overflow: hidden;
    color: #101828;
    font-size: clamp(17px, 1.6vw, 23px);
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1.15;
    text-overflow: ellipsis;
}

.crm-workspace-meta {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 7px;
    flex-wrap: wrap;
    color: var(--crm-workspace-muted);
    font-size: 10.5px;
    font-weight: 650;
}

.crm-workspace-meta > * {
    display: inline-flex;
    align-items: center;
}

.crm-workspace-meta > * + *::before {
    width: 3px;
    height: 3px;
    margin-right: 7px;
    border-radius: 999px;
    background: #b3becb;
    content: "";
}

.crm-workspace-meta a {
    color: #42688e;
    text-decoration: none;
}

.crm-workspace-hero-actions {
    display: flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}

.crm-workspace-header-btn,
.crm-record-action,
.crm-icon-action {
    border: 1px solid #dce3ea;
    background: #fff;
    color: #435268;
    cursor: pointer;
    font: inherit;
    font-weight: 800;
    transition: border-color .15s ease, color .15s ease, background .15s ease, transform .15s ease;
}

.crm-workspace-header-btn {
    min-height: 35px;
    padding: 0 13px;
    border-radius: 10px;
    font-size: 10.5px;
}

.crm-workspace-header-btn:hover,
.crm-record-action:hover,
.crm-icon-action:hover {
    border-color: #fdba74;
    background: #fff8f2;
    color: #c94f00;
}

.crm-sales-journey {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 10px 24px 14px;
    border-bottom: 1px solid var(--crm-workspace-line);
    background: #fbfcfe;
}

.crm-sales-journey::before {
    position: absolute;
    top: 23px;
    right: calc(12.5% + 24px);
    left: calc(12.5% + 24px);
    height: 2px;
    background: #e1e7ee;
    content: "";
}

.crm-sales-journey-step {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #8a98aa;
}

.crm-sales-journey-step > span {
    display: grid;
    width: 27px;
    height: 27px;
    place-items: center;
    border: 3px solid #fbfcfe;
    border-radius: 50%;
    background: #e5eaf0;
    color: #6b7a8d;
    box-shadow: 0 0 0 1px #dce3ea;
    font-size: 9px;
    font-weight: 900;
}

.crm-sales-journey-step > strong {
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
}

.crm-sales-journey-step.complete > span {
    background: #dff5e8;
    box-shadow: 0 0 0 1px #b6e7ca;
    color: #147a45;
}

.crm-sales-journey-step.complete {
    color: #397659;
}

.crm-sales-journey-step.active > span {
    background: var(--crm-workspace-orange);
    box-shadow: 0 0 0 1px #f36b0a, 0 4px 12px rgba(243, 107, 10, .22);
    color: #fff;
}

.crm-sales-journey-step.active {
    color: #bd4d08;
}

.crm-workspace-body {
    display: grid;
    grid-template-columns: 318px minmax(0, 1fr);
    min-height: 0;
    flex: 1;
    overflow: hidden;
}

.crm-workspace-sidebar {
    display: flex;
    min-height: 0;
    flex-direction: column;
    gap: 11px;
    padding: 15px;
    overflow-y: auto;
    border-right: 1px solid var(--crm-workspace-line);
    background: #f7f9fc;
}

.crm-command-card,
.crm-primary-contact-card,
.crm-sales-action-card {
    border: 1px solid #e0e6ed;
    border-radius: 14px;
    background: #fff;
}

.crm-command-card {
    position: relative;
    display: flex;
    min-height: 138px;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    overflow: hidden;
    border: 0;
    background:
        radial-gradient(circle at 90% 5%, rgba(243, 107, 10, .34), transparent 38%),
        linear-gradient(145deg, #1b3045, #102233);
    box-shadow: 0 12px 24px rgba(16, 34, 51, .15);
    color: #fff;
}

.crm-command-card::after {
    position: absolute;
    right: -30px;
    bottom: -48px;
    width: 120px;
    height: 120px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    content: "";
}

.crm-command-card.overdue {
    background:
        radial-gradient(circle at 90% 5%, rgba(255, 255, 255, .15), transparent 35%),
        linear-gradient(145deg, #9f2635, #6f1d2a);
}

.crm-command-eyebrow {
    position: relative;
    z-index: 1;
    color: #c8d5e1;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.crm-command-card > strong {
    position: relative;
    z-index: 1;
    margin-top: 7px;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.28;
}

.crm-command-card > p {
    position: relative;
    z-index: 1;
    margin: 5px 0 12px;
    color: #c9d5df;
    font-size: 10.5px;
}

.crm-command-card > button {
    position: relative;
    z-index: 1;
    min-height: 31px;
    margin-top: auto;
    padding: 0 11px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 9px;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    cursor: pointer;
    font-size: 10px;
    font-weight: 850;
}

.crm-command-card > button:hover {
    background: #fff;
    color: #172a3d;
}

.crm-primary-contact-card,
.crm-sales-action-card {
    padding: 13px;
}

.crm-sidebar-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 11px;
}

.crm-sidebar-section-title > span {
    color: #6b788a;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.crm-sidebar-section-title > button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #d95708;
    cursor: pointer;
    font-size: 9.5px;
    font-weight: 850;
}

.crm-primary-contact {
    display: flex;
    align-items: center;
    gap: 9px;
}

.crm-primary-contact > span,
.crm-workspace-contact-avatar {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 10px;
    background: #edf3f8;
    color: #37546f;
    font-size: 10px;
    font-weight: 900;
}

.crm-primary-contact > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.crm-primary-contact strong {
    overflow: hidden;
    color: #172033;
    font-size: 11.5px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-primary-contact small,
.crm-primary-contact-links,
.crm-sidebar-empty {
    color: #738196;
    font-size: 9.5px;
}

.crm-primary-contact-links {
    display: grid;
    gap: 4px;
    margin-top: 9px;
}

.crm-primary-contact-links a {
    overflow: hidden;
    color: #42698d;
    font-weight: 700;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-workspace-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.crm-workspace-action {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border: 1px solid #dce4eb;
    border-radius: 9px;
    background: #fff;
    color: #45566b;
    cursor: pointer;
    font: inherit;
    font-size: 9.5px;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
}

.crm-workspace-action:hover {
    border-color: #fdba74;
    background: #fff8f1;
    color: #c94f00;
}

.crm-workspace-action.primary {
    border-color: #f36b0a;
    background: #f36b0a;
    color: #fff;
}

.crm-workspace-action.success {
    border-color: #b8e4c9;
    background: #ecf9f1;
    color: #187848;
}

.crm-workspace-action.quiet {
    background: #f7f9fb;
    color: #718095;
}

.crm-workspace-stats {
    gap: 6px;
}

.crm-workspace-stats .crm-detail-stat {
    padding: 8px 9px;
    border-radius: 10px;
    box-shadow: none;
}

.crm-workspace-stats .crm-detail-stat span {
    font-size: 8px;
}

.crm-workspace-stats .crm-detail-stat strong {
    font-size: 13px;
}

.crm-workspace-sidebar .crm-drawer-notes {
    border-radius: 12px;
}

.crm-workspace-sidebar .crm-quick-task-details {
    border-color: #dce4eb;
    border-radius: 12px;
}

.crm-workspace-main {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}

.crm-workspace-main .crm-drawer-tabs {
    min-height: 51px;
    padding: 10px 17px 0;
    gap: 4px;
    background: #fff;
}

.crm-workspace-main .crm-drawer-tab {
    min-height: 40px;
    padding: 8px 12px;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 8px 8px 0 0;
    color: #758297;
    font-size: 10.5px;
    font-weight: 800;
}

.crm-workspace-main .crm-drawer-tab:hover {
    background: #f8fafc;
    color: #27384b;
}

.crm-workspace-main .crm-drawer-tab.aktif {
    border-color: transparent transparent #f36b0a;
    background: #fff;
    box-shadow: none;
    color: #b94808;
}

.crm-workspace-main .crm-tab-count {
    min-width: 17px;
    height: 17px;
    padding: 0 5px;
    background: #eff2f6;
    font-size: 8.5px;
}

.crm-workspace-main .crm-drawer-tab-content {
    min-height: 0;
    background: #f8fafc;
}

.crm-workspace-main .crm-drawer-panel {
    padding: 16px 18px 22px;
}

.crm-workspace-overview {
    display: grid;
    gap: 15px;
}

.crm-overview-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 9px;
}

.crm-overview-grid > article {
    display: flex;
    min-width: 0;
    min-height: 112px;
    flex-direction: column;
    padding: 14px;
    border: 1px solid #e2e8ef;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(20, 38, 58, .035);
}

.crm-overview-grid > article > span,
.crm-overview-section > header span,
.crm-panel-heading span,
.crm-workspace-record-top > div > span {
    color: #79869a;
    font-size: 8.5px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.crm-overview-grid > article > strong {
    margin-top: 10px;
    overflow: hidden;
    color: #172033;
    font-size: 12px;
    font-weight: 850;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.crm-overview-grid > article > small {
    margin-top: auto;
    padding-top: 9px;
    color: #748196;
    font-size: 9.5px;
    line-height: 1.35;
}

.crm-overview-section {
    padding: 15px;
    border: 1px solid #e2e8ef;
    border-radius: 14px;
    background: #fff;
}

.crm-overview-section > header,
.crm-panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
}

.crm-overview-section > header > div,
.crm-panel-heading > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.crm-overview-section > header strong,
.crm-panel-heading strong {
    color: #1c2a3a;
    font-size: 12px;
    font-weight: 850;
}

.crm-record-action,
.crm-icon-action {
    min-height: 29px;
    padding: 0 9px;
    border-radius: 8px;
    font-size: 9px;
}

.crm-workspace .crm-activity-list {
    gap: 7px;
}

.crm-workspace .crm-activity-item {
    position: relative;
    grid-template-columns: 31px minmax(0, 1fr);
    gap: 10px;
    padding: 11px;
    border: 1px solid #e6ebf0;
    border-radius: 11px;
    background: #fff;
}

.crm-workspace .crm-activity-icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
}

.crm-workspace .crm-activity-email .crm-activity-icon {
    background: #eef5ff;
    color: #2d63a4;
}

.crm-workspace .crm-activity-call .crm-activity-icon {
    background: #edf9f2;
    color: #1d7c4b;
}

.crm-workspace .crm-activity-meeting .crm-activity-icon {
    background: #f4f0ff;
    color: #6844aa;
}

.crm-activity-copy {
    min-width: 0;
}

.crm-activity-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.crm-workspace .crm-activity-item strong {
    overflow: hidden;
    color: #1a2838;
    font-size: 10.5px;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-workspace .crm-activity-item p {
    margin: 4px 0 5px;
    color: #536176;
    font-size: 10px;
}

.crm-workspace .crm-activity-item small {
    color: #8995a5;
    font-size: 8.5px;
}

.crm-activity-direction {
    display: inline-flex;
    min-height: 18px;
    flex: 0 0 auto;
    align-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: #f1f4f7;
    color: #69788b;
    font-size: 7.5px;
    font-weight: 850;
}

.crm-activity-direction.incoming {
    background: #eaf8f0;
    color: #217649;
}

.crm-activity-direction.outgoing {
    background: #eef5ff;
    color: #356499;
}

.crm-workspace-record-list {
    display: grid;
    gap: 8px;
}

.crm-workspace-opportunity,
.crm-workspace-task,
.crm-workspace-contact-row,
.crm-workspace-empty {
    border: 1px solid #e2e8ef;
    border-radius: 12px;
    background: #fff;
}

.crm-workspace-opportunity {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 14px;
    padding: 13px;
}

.crm-workspace-record-top {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.crm-workspace-record-top > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.crm-workspace-record-top strong {
    color: #1b2939;
    font-size: 11px;
    font-weight: 850;
}

.crm-opportunity-stage {
    display: inline-flex;
    min-height: 24px;
    align-items: center;
    padding: 0 8px;
    border: 1px solid color-mix(in srgb, var(--stage-color), #fff 72%);
    border-radius: 999px;
    background: color-mix(in srgb, var(--stage-color), #fff 90%);
    color: var(--stage-color);
    font-size: 8.5px;
    font-weight: 850;
}

.crm-workspace-record-meta {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #708095;
    font-size: 9px;
}

.crm-workspace-opportunity > .crm-record-action {
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
}

.crm-workspace-task {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: start;
    padding: 12px;
}

.crm-workspace-task.overdue {
    border-color: #fecaca;
    background: #fffafa;
}

.crm-task-check {
    width: 15px;
    height: 15px;
    margin-top: 2px;
    border: 2px solid #c8d2dc;
    border-radius: 5px;
    background: #fff;
}

.crm-workspace-task p {
    margin: 4px 0 5px;
    color: #5d6a7c;
    font-size: 9.5px;
}

.crm-workspace-task small {
    color: #8592a3;
    font-size: 8.5px;
    font-weight: 700;
}

.crm-workspace-task.overdue small {
    color: #b42335;
}

.crm-workspace-contact-row {
    display: grid;
    grid-template-columns: 35px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 12px;
}

.crm-workspace-contact-copy {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.crm-workspace-contact-copy > div:first-child {
    display: flex;
    align-items: center;
    gap: 7px;
}

.crm-workspace-contact-copy strong {
    color: #1c2a3a;
    font-size: 10.5px;
    font-weight: 850;
}

.crm-workspace-contact-copy small {
    color: #79869a;
    font-size: 8.5px;
}

.crm-workspace-contact-copy .crm-detail-contact-links {
    gap: 8px;
    margin-top: 3px;
    font-size: 9px;
}

.crm-workspace-contact-copy .crm-detail-contact-links a {
    color: #42698d;
    text-decoration: none;
}

.crm-workspace-contact-copy .crm-detail-contact-links span {
    color: #9aa5b3;
}

.crm-workspace-empty {
    display: flex;
    min-height: 130px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 22px;
    color: #768397;
    text-align: center;
}

.crm-workspace-empty strong {
    color: #344256;
    font-size: 11px;
}

.crm-workspace-empty span {
    max-width: 330px;
    margin-top: 5px;
    font-size: 9.5px;
    line-height: 1.45;
}

@media (max-width: 980px) {
    .crm-workspace-body {
        grid-template-columns: 282px minmax(0, 1fr);
    }

    .crm-overview-grid {
        grid-template-columns: 1fr;
    }

    .crm-overview-grid > article {
        min-height: 94px;
    }

    .crm-workspace-title-row > strong {
        max-width: 430px;
    }
}

@media (max-width: 760px) {
    .crm-modal-overlay:has(.crm-workspace) {
        padding: 0;
    }

    .crm-modal:has(.crm-workspace) {
        width: 100vw;
        height: 100dvh;
        border: 0;
        border-radius: 0;
    }

    .crm-modal:has(.crm-workspace) .crm-modal-header {
        min-height: 52px;
        padding: 8px 12px;
    }

    .crm-workspace {
        overflow-y: auto;
    }

    .crm-workspace-hero {
        align-items: flex-start;
        padding: 14px 12px 11px;
        flex-direction: column;
    }

    .crm-workspace-avatar {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        border-radius: 12px;
        font-size: 13px;
    }

    .crm-workspace-title-row > strong {
        max-width: calc(100vw - 96px);
        font-size: 17px;
        white-space: normal;
    }

    .crm-workspace-meta {
        font-size: 9px;
    }

    .crm-workspace-hero-actions {
        width: 100%;
    }

    .crm-workspace-header-btn {
        min-width: 0;
        flex: 1;
    }

    .crm-sales-journey {
        padding: 9px 6px 12px;
    }

    .crm-sales-journey::before {
        right: 13%;
        left: 13%;
    }

    .crm-sales-journey-step {
        flex-direction: column;
        gap: 4px;
        text-align: center;
    }

    .crm-sales-journey-step > strong {
        max-width: 72px;
        font-size: 7.5px;
        white-space: normal;
    }

    .crm-workspace-body {
        display: block;
        overflow: visible;
    }

    .crm-workspace-sidebar {
        padding: 12px;
        overflow: visible;
        border-right: 0;
        border-bottom: 1px solid var(--crm-workspace-line);
    }

    .crm-command-card {
        min-height: 128px;
    }

    .crm-workspace-main,
    .crm-workspace-main .crm-drawer-tab-content {
        overflow: visible;
    }

    .crm-workspace-main .crm-drawer-tabs {
        position: sticky;
        top: 0;
        z-index: 4;
        min-height: 48px;
        padding: 8px 9px 0;
        overflow-x: auto;
        border-bottom: 1px solid #e4eaf0;
    }

    .crm-workspace-main .crm-drawer-tab {
        min-height: 38px;
        padding: 7px 10px;
    }

    .crm-workspace-main .crm-drawer-panel {
        height: auto;
        padding: 12px;
        overflow: visible;
    }

    .crm-overview-grid {
        grid-template-columns: 1fr;
    }

    .crm-overview-section {
        padding: 11px;
    }

    .crm-workspace-opportunity {
        grid-template-columns: 1fr;
    }

    .crm-workspace-opportunity > .crm-record-action {
        grid-column: 1;
        grid-row: auto;
        justify-self: start;
    }

    .crm-workspace-task {
        grid-template-columns: 18px minmax(0, 1fr);
    }

    .crm-workspace-task > .crm-record-action {
        grid-column: 2;
        justify-self: start;
    }

    .crm-workspace-contact-row {
        grid-template-columns: 35px minmax(0, 1fr);
    }

    .crm-workspace-contact-row > .crm-icon-action {
        grid-column: 2;
        justify-self: start;
    }
}

/* ================================================================
   CRM / SATIŞ — SADE PREMIUM FİRMA AKIŞI (v0.9.734)
   ================================================================ */

.crm-modal:has(.crm-workspace) {
    width: min(1180px, calc(100vw - 28px));
}

.crm-workspace-hero {
    padding: 15px 20px 12px;
}

.crm-workspace-avatar {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
}

.crm-sales-journey {
    padding-top: 8px;
    padding-bottom: 11px;
}

.crm-sales-journey::before {
    top: 21px;
}

.crm-sales-journey-step > span {
    width: 25px;
    height: 25px;
}

.crm-workspace-body {
    grid-template-columns: 290px minmax(0, 1fr);
}

.crm-workspace-sidebar {
    gap: 9px;
    padding: 13px;
}

.crm-command-card {
    min-height: 126px;
    padding: 14px;
}

.crm-primary-contact-card,
.crm-sales-action-card {
    padding: 12px;
}

.crm-primary-contact-actions {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin-top: 10px;
}

.crm-primary-contact-actions > a,
.crm-primary-contact-actions > button {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: #f9fbfc;
    color: #526176;
    cursor: pointer;
    font: inherit;
    font-size: 8.5px;
    font-weight: 850;
    text-decoration: none;
}

.crm-primary-contact-actions > a:hover,
.crm-primary-contact-actions > button:hover {
    border-color: #fdba74;
    background: #fff8f1;
    color: #c94f00;
}

.crm-workspace-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-workspace-actions > .crm-workspace-action.quiet:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.crm-stage-reset {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding: 8px 2px 2px;
}

.crm-stage-reset-icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 1px solid #fed7aa;
    border-radius: 14px;
    background: #fff7ed;
    color: #ea580c;
    font-size: 22px;
    font-weight: 900;
}

.crm-stage-reset h4 {
    margin: 1px 0 6px;
    color: #172033;
    font-size: 14px;
    font-weight: 900;
}

.crm-stage-reset p {
    margin: 0;
    color: #607087;
    font-size: 12px;
    line-height: 1.55;
}

.crm-stage-reset-note,
.crm-stage-reset-actions {
    grid-column: 1 / -1;
}

.crm-stage-reset-note {
    padding: 10px 12px;
    border: 1px solid #e5eaf0;
    border-radius: 10px;
    background: #f8fafc;
    color: #66758a;
    font-size: 11px;
    line-height: 1.45;
}

.crm-stage-reset-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 2px;
}

.crm-stage-reset-actions button {
    min-width: 132px;
}

.crm-workspace-main .crm-drawer-tabs {
    justify-content: flex-start;
}

.crm-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.crm-overview-grid > article {
    min-height: 102px;
}

.crm-sales-stack {
    display: grid;
    gap: 12px;
}

.crm-sales-stack > section {
    padding: 14px;
    border: 1px solid #e2e8ef;
    border-radius: 14px;
    background: #fff;
}

.crm-sales-stack > section > .crm-panel-heading {
    margin-bottom: 10px;
}

@media (max-width: 980px) {
    .crm-workspace-body {
        grid-template-columns: 270px minmax(0, 1fr);
    }

    .crm-overview-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .crm-modal:has(.crm-workspace) {
        width: 100vw;
    }

    .crm-workspace-body {
        display: block;
    }

    .crm-workspace-sidebar {
        gap: 10px;
    }

    .crm-workspace-main .crm-drawer-tabs {
        justify-content: flex-start;
    }

    .crm-overview-grid {
        grid-template-columns: 1fr;
    }

    .crm-sales-stack > section {
        padding: 11px;
    }
}

/* ================================================================
   CRM / SATIŞ — ODAKLI PREMIUM SATIŞ DENEYİMİ (v0.9.737)
   Daha az sütun, tıklanabilir özetler ve üç sekmeli firma ekranı.
   ================================================================ */

.crm-panel .crm-kpi-card {
    appearance: none;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.crm-panel .crm-kpi-card:hover {
    border-color: #f2c6a7;
    box-shadow: 0 10px 24px rgba(27, 43, 63, .08);
    transform: translateY(-2px);
}

.crm-panel .crm-kpi-card:focus-visible {
    outline: 3px solid rgba(243, 107, 10, .20);
    outline-offset: 2px;
}

.crm-panel .crm-kpi-card em {
    position: absolute;
    right: 13px;
    bottom: 10px;
    color: #a5633d;
    font-size: 8px;
    font-style: normal;
    font-weight: 850;
    opacity: 0;
    transform: translateX(-4px);
    transition: opacity .16s ease, transform .16s ease;
}

.crm-panel .crm-kpi-card:hover em,
.crm-panel .crm-kpi-card:focus-visible em {
    opacity: 1;
    transform: translateX(0);
}

.crm-panel .crm-table {
    min-width: 980px;
    table-layout: fixed;
}

.crm-panel .crm-table .crm-col-select { width: 44px; text-align: center; }
.crm-panel .crm-table .crm-col-company { width: 25%; }
.crm-panel .crm-table .crm-col-contact { width: 22%; }
.crm-panel .crm-table .crm-col-status { width: 13%; }
.crm-panel .crm-table .crm-col-next { width: 16%; }
.crm-panel .crm-table .crm-col-actions { width: 24%; text-align: right; }

.crm-panel .crm-company-table-name {
    font-size: 12px;
    letter-spacing: .012em;
}

.crm-panel .crm-company-meta-line {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    overflow: hidden;
    color: #8793a4;
    font-size: 8.5px;
    font-weight: 650;
}

.crm-panel .crm-company-meta-line span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-panel .crm-company-meta-line span + span::before {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: 0 6px 2px 0;
    border-radius: 999px;
    background: #c2cad4;
    content: "";
}

.crm-panel .crm-table tbody td {
    height: 56px;
}

.crm-panel .crm-table-card {
    border-radius: 14px;
    box-shadow: 0 10px 28px rgba(24, 39, 58, .055);
}

.crm-panel .crm-table-card-header {
    min-height: 58px;
}

.crm-modal:has(.crm-workspace) {
    width: min(1120px, calc(100vw - 28px));
    height: min(820px, calc(100vh - 28px));
}

.crm-workspace-hero {
    padding: 16px 20px 13px;
    background:
        radial-gradient(circle at 91% 12%, rgba(243, 107, 10, .12), transparent 30%),
        linear-gradient(180deg, #fff, #fafbfd);
}

.crm-workspace-body {
    grid-template-columns: 310px minmax(0, 1fr);
}

.crm-workspace-sidebar {
    gap: 10px;
    padding: 14px;
    background: #f5f7fa;
}

.crm-focus-card {
    position: relative;
    display: grid;
    gap: 9px;
    padding: 16px;
    overflow: hidden;
    border: 0;
    border-radius: 16px;
    background:
        radial-gradient(circle at 92% 4%, rgba(243, 107, 10, .35), transparent 34%),
        linear-gradient(145deg, #1c3147, #112235);
    box-shadow: 0 14px 28px rgba(16, 34, 51, .16);
    color: #fff;
}

.crm-focus-card::after {
    position: absolute;
    right: -45px;
    bottom: -62px;
    width: 150px;
    height: 150px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.crm-focus-card.overdue {
    background:
        radial-gradient(circle at 92% 4%, rgba(255, 255, 255, .14), transparent 34%),
        linear-gradient(145deg, #9f2635, #6e1d2b);
}

.crm-focus-kicker {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.crm-focus-kicker span {
    color: #d8e3ec;
    font-size: 8.5px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.crm-focus-kicker i {
    width: 8px;
    height: 8px;
    border: 2px solid rgba(255, 255, 255, .72);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, .08);
}

.crm-focus-card > strong {
    position: relative;
    z-index: 1;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.3;
}

.crm-focus-card > p {
    position: relative;
    z-index: 1;
    margin: -2px 0 0;
    color: #c6d2dc;
    font-size: 10px;
    line-height: 1.5;
}

.crm-focus-date {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 28px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 6px 8px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 9px;
    background: rgba(255, 255, 255, .07);
}

.crm-focus-date span {
    color: #d4dee7;
    font-size: 8.5px;
    font-weight: 750;
}

.crm-focus-date button {
    padding: 0;
    border: 0;
    background: transparent;
    color: #ffd1b1;
    cursor: pointer;
    font: inherit;
    font-size: 8.5px;
    font-weight: 900;
}

.crm-focus-actions {
    position: relative;
    z-index: 1;
    margin-top: 1px;
}

.crm-focus-actions .crm-workspace-action {
    min-height: 34px;
    border-color: rgba(255, 255, 255, .20);
    background: rgba(255, 255, 255, .10);
    color: #fff;
}

.crm-focus-actions .crm-workspace-action:hover {
    border-color: rgba(255, 255, 255, .40);
    background: rgba(255, 255, 255, .18);
    color: #fff;
}

.crm-focus-actions .crm-workspace-action.primary {
    border-color: #f36b0a;
    background: #f36b0a;
    box-shadow: 0 6px 14px rgba(243, 107, 10, .24);
}

.crm-focus-actions .crm-workspace-action.success {
    border-color: rgba(117, 232, 170, .28);
    background: rgba(58, 181, 116, .18);
    color: #d6f7e5;
}

.crm-focus-actions .crm-workspace-action.quiet {
    background: rgba(255, 255, 255, .05);
    color: #c6d2dc;
}

.crm-focus-complete {
    position: relative;
    z-index: 1;
    min-height: 28px;
    padding: 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    background: transparent;
    color: #d8e3ec;
    cursor: pointer;
    font: inherit;
    font-size: 8.5px;
    font-weight: 800;
    text-align: left;
}

.crm-focus-complete:hover {
    color: #fff;
}

.crm-primary-contact-card {
    padding: 14px;
    border-radius: 14px;
    box-shadow: 0 4px 14px rgba(20, 38, 58, .04);
}

.crm-workspace-main .crm-drawer-tabs {
    min-height: 54px;
    padding: 11px 18px 0;
    gap: 6px;
}

.crm-workspace-main .crm-drawer-tab {
    min-width: 104px;
}

.crm-overview-brief {
    display: grid;
    overflow: hidden;
    border: 1px solid #e1e7ee;
    border-radius: 14px;
    background: #fff;
}

.crm-overview-brief > article {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 86px;
    padding: 13px 15px;
}

.crm-overview-brief > article + article {
    border-top: 1px solid #e8edf2;
}

.crm-overview-brief-index {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border-radius: 10px;
    background: #fff3e9;
    color: #d95708;
    font-size: 9px;
    font-weight: 900;
}

.crm-overview-brief article > div {
    display: grid;
    min-width: 0;
    gap: 3px;
}

.crm-overview-brief small {
    color: #7c899a;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.crm-overview-brief strong {
    overflow: hidden;
    color: #172033;
    font-size: 12px;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-overview-brief p {
    margin: 0;
    color: #708095;
    font-size: 9.5px;
}

.crm-records-stack {
    display: grid;
    gap: 10px;
}

.crm-records-stack > section {
    padding: 13px;
    border: 1px solid #e1e7ee;
    border-radius: 14px;
    background: #fff;
}

.crm-records-stack > section > .crm-panel-heading {
    margin-bottom: 10px;
}

.crm-record-note p {
    margin: 0;
    color: #56657a;
    font-size: 10px;
    line-height: 1.55;
    white-space: pre-wrap;
}

@media (max-width: 980px) {
    .crm-workspace-body {
        grid-template-columns: 286px minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .crm-panel .crm-kpi-card {
        min-height: 82px;
    }

    .crm-panel .crm-kpi-card em {
        display: none;
    }

    .crm-panel .crm-table {
        min-width: 0;
    }

    .crm-panel .crm-table tbody tr,
    .crm-panel .crm-table tbody tr:nth-child(even) {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .crm-panel .crm-company-row > td:nth-of-type(4) {
        grid-column: 2;
        grid-row: 1;
        padding-right: 24px;
    }

    .crm-panel .crm-company-row > td:nth-of-type(5) {
        grid-column: 1;
        grid-row: auto;
        padding-right: 0;
    }

    .crm-panel .crm-company-row > td:nth-of-type(6) {
        grid-column: 1 / -1;
    }

    .crm-workspace-sidebar {
        padding: 12px;
    }

    .crm-focus-card {
        padding: 15px;
    }

    .crm-workspace-main .crm-drawer-tabs {
        padding-right: 10px;
        padding-left: 10px;
    }

    .crm-workspace-main .crm-drawer-tab {
        min-width: 96px;
    }

    .crm-overview-brief > article {
        min-height: 82px;
        padding: 12px;
    }

    .crm-records-stack > section {
        padding: 11px;
    }
}

/* ================================================================
   CRM / SATIŞ — FERAH DETAY VE FORM DENEYİMİ (v0.9.738)
   Özet kutuları kaldırıldı; formlar ve firma alanı nefes alan düzene alındı.
   ================================================================ */

.crm-panel > .crm-nav-shell:first-child {
    margin-top: 0;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) {
    width: min(800px, calc(100vw - 48px));
    max-height: min(760px, calc(100vh - 48px));
    border-radius: 22px;
    box-shadow: 0 32px 84px rgba(15, 23, 42, .30);
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-modal-header {
    min-height: 72px;
    padding: 17px 24px;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-modal-header h2 {
    margin-top: 3px;
    font-size: 20px;
    letter-spacing: -.02em;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-modal-body {
    display: block;
    padding: 22px;
    overflow-y: auto;
    background: #f4f7fa;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid {
    gap: 18px 16px;
    padding: 22px;
    border: 1px solid #e1e7ed;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 38, 58, .055);
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid label {
    gap: 8px;
    color: #435268;
    font-size: 11.5px;
    letter-spacing: .01em;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid input,
.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid select,
.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid textarea {
    min-height: 46px;
    padding: 10px 13px;
    border-color: #d8e1e9;
    border-radius: 11px;
    background: #fbfcfd;
    font-size: 12.5px;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid textarea {
    min-height: 112px;
    line-height: 1.55;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-actions {
    margin: 3px -22px -22px;
    padding: 16px 22px;
    border-top: 1px solid #e5eaf0;
    border-radius: 0 0 17px 17px;
    background: #fbfcfd;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-actions > button {
    min-height: 38px;
    padding-right: 16px;
    padding-left: 16px;
    border-radius: 10px;
}

.crm-modal-overlay:has(.crm-workspace) {
    padding: 24px;
    background: rgba(15, 23, 42, .56);
}

.crm-modal:has(.crm-workspace) {
    position: relative;
    width: min(1120px, calc(100vw - 48px));
    height: min(680px, calc(100vh - 48px));
    border-radius: 24px;
    box-shadow: 0 36px 96px rgba(15, 23, 42, .34);
}

.crm-modal:has(.crm-workspace) .crm-modal-header {
    position: absolute;
    z-index: 12;
    top: 17px;
    right: 17px;
    min-height: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.crm-modal:has(.crm-workspace) .crm-modal-header > div {
    display: none;
}

.crm-modal:has(.crm-workspace) .crm-modal-header > .btn-iptal {
    min-height: 38px;
    padding: 0 14px;
    border-color: #d9e1e8;
    border-radius: 11px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 5px 16px rgba(20, 38, 58, .07);
    backdrop-filter: blur(8px);
}

.crm-workspace-hero {
    min-height: 88px;
    padding: 18px 94px 17px 22px;
    border-bottom: 1px solid #e7ecf1;
    background:
        radial-gradient(circle at 86% 8%, rgba(243, 107, 10, .08), transparent 30%),
        #fff;
}

.crm-workspace-hero-actions {
    margin-left: auto;
}

.crm-sales-journey {
    padding: 11px 28px 14px;
    background: #fbfcfd;
}

.crm-workspace-body {
    grid-template-columns: 310px minmax(0, 1fr);
    gap: 18px;
    padding: 18px;
    background: #f4f7fa;
}

.crm-workspace-sidebar {
    gap: 14px;
    padding: 0;
    overflow-y: auto;
    border: 0;
    background: transparent;
}

.crm-focus-card {
    padding: 18px;
    border-radius: 18px;
    box-shadow: 0 16px 34px rgba(16, 34, 51, .17);
}

.crm-primary-contact-card {
    padding: 16px;
    border-color: #dde5ec;
    border-radius: 17px;
    box-shadow: 0 7px 20px rgba(20, 38, 58, .05);
}

.crm-workspace-main {
    border: 1px solid #dee6ed;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(20, 38, 58, .05);
}

.crm-workspace-main .crm-drawer-tabs {
    min-height: 58px;
    padding: 13px 18px 0;
    border-bottom: 1px solid #e7ecf1;
    border-radius: 18px 18px 0 0;
}

.crm-workspace-main .crm-drawer-tab {
    min-height: 44px;
    padding: 9px 14px;
}

.crm-workspace-main .crm-drawer-tab-content {
    background: #fff;
}

.crm-workspace-main .crm-drawer-panel {
    padding: 20px;
}

.crm-workspace-overview {
    gap: 18px;
}

.crm-overview-brief {
    border-color: #dee6ed;
    border-radius: 16px;
    box-shadow: 0 5px 16px rgba(20, 38, 58, .035);
}

.crm-overview-brief > article {
    min-height: 90px;
    padding: 15px 17px;
}

.crm-overview-section,
.crm-records-stack > section {
    border-color: #dee6ed;
    border-radius: 16px;
    box-shadow: 0 5px 16px rgba(20, 38, 58, .035);
}

@media (max-width: 760px) {
    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) {
        width: calc(100vw - 20px);
        max-height: calc(100dvh - 20px);
        border-radius: 18px;
    }

    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-modal-header {
        min-height: 62px;
        padding: 13px 15px;
    }

    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-modal-body {
        padding: 11px;
    }

    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 16px;
        border-radius: 15px;
    }

    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid label,
    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid label.tam {
        grid-column: 1;
    }

    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-actions {
        margin: 2px -16px -16px;
        padding: 14px 16px;
    }

    .crm-modal-overlay:has(.crm-workspace) {
        padding: 0;
    }

    .crm-modal:has(.crm-workspace) {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border-radius: 0;
    }

    .crm-modal:has(.crm-workspace) .crm-modal-header {
        top: 10px;
        right: 10px;
    }

    .crm-workspace-hero {
        min-height: 0;
        padding: 15px 76px 14px 13px;
    }

    .crm-workspace-hero-actions {
        width: 100%;
        margin-left: 0;
    }

    .crm-sales-journey {
        padding: 10px 7px 13px;
    }

    .crm-workspace-body {
        display: block;
        padding: 12px;
        overflow: visible;
    }

    .crm-workspace-sidebar {
        gap: 12px;
        padding: 0;
        overflow: visible;
        border: 0;
    }

    .crm-workspace-main {
        margin-top: 12px;
        overflow: visible;
        border-radius: 16px;
    }

    .crm-workspace-main .crm-drawer-tabs {
        border-radius: 16px 16px 0 0;
    }

    .crm-workspace-main .crm-drawer-panel {
        padding: 14px;
    }
}

/* ================================================================
   CRM / SATIŞ — NET ETKİLEŞİM VE KADEMELİ FORMLAR (v0.9.739)
   Firma açma belirginleştirildi; gelişmiş form alanları isteğe bağlandı.
   ================================================================ */

.crm-panel .crm-company-row:hover {
    background: #fbfcfd;
    box-shadow: none;
}

.crm-panel .crm-company-row.selected,
.crm-panel .crm-company-row.selected:hover {
    background: #fff8f3;
    box-shadow: inset 3px 0 0 var(--crm-accent);
}

.crm-panel .crm-company-open {
    appearance: none;
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 3px 2px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.crm-panel .crm-company-open-copy {
    display: block;
    min-width: 0;
}

.crm-panel .crm-company-open i {
    display: grid;
    width: 30px;
    height: 24px;
    flex: 0 0 34px;
    place-items: center;
    border: 1px solid #e1e7ed;
    border-radius: 8px;
    background: #f8fafc;
    color: #8793a4;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    line-height: 1;
    opacity: .68;
    transition: border-color .16s ease, background .16s ease, color .16s ease, transform .16s ease, opacity .16s ease;
}

.crm-panel .crm-company-open:hover .crm-company-table-name,
.crm-panel .crm-company-open:focus-visible .crm-company-table-name {
    color: #c94f00;
}

.crm-panel .crm-company-open:hover i,
.crm-panel .crm-company-open:focus-visible i {
    border-color: #fdba74;
    background: #fff6ed;
    color: #d95708;
    opacity: 1;
    transform: translateX(2px);
}

.crm-panel .crm-company-open:focus-visible {
    border-radius: 9px;
    outline: 3px solid rgba(243, 107, 10, .16);
    outline-offset: 2px;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-optional {
    padding: 0;
    overflow: hidden;
    border-color: #dfe6ed;
    border-radius: 13px;
    background: #fbfcfd;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid > .tam {
    grid-column: 1 / -1;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-optional > summary {
    position: relative;
    padding: 13px 42px 13px 15px;
    list-style: none;
    color: #4b5b70;
    font-size: 11px;
    font-weight: 850;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-optional > summary::-webkit-details-marker {
    display: none;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-optional > summary::after {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #8b98a8;
    content: "+";
    font-size: 17px;
    line-height: 1;
    transform: translateY(-50%);
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-optional[open] > summary {
    border-bottom: 1px solid #e4eaf0;
    background: #f7f9fb;
    color: #243449;
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-optional[open] > summary::after {
    content: "−";
}

.crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid.crm-form-grid-nested {
    margin: 0;
    padding: 16px;
    border: 0;
    border-radius: 0;
    background: #fff;
    box-shadow: none;
}

@media (max-width: 760px) {
    .crm-panel .crm-company-open {
        padding: 1px 28px 1px 0;
    }

    .crm-panel .crm-company-open i {
        position: absolute;
        top: 49px;
        right: 13px;
    }

    .crm-modal:has(.crm-form-grid):not(:has(.crm-workspace)) .crm-form-grid.crm-form-grid-nested {
        padding: 14px;
    }
}

/* ──────────────────────────────────────────────────────────── */
/* CRM YENİ TASARIM / UX İYİLEŞTİRMELERİ                        */
/* ──────────────────────────────────────────────────────────── */

/* 1. Renkli Sekme Rozetleri (Tab Badges) */
.crm-panel .crm-tab-btn b.crm-badge-today { background: #fee2e2; color: #ef4444; }
.crm-panel .crm-tab-btn b.crm-badge-ilk-mail { background: #e0e7ff; color: #6366f1; }
.crm-panel .crm-tab-btn b.crm-badge-followup { background: #dbeafe; color: #3b82f6; }
.crm-panel .crm-tab-btn b.crm-badge-replied { background: #d1fae5; color: #10b981; }
.crm-panel .crm-tab-btn b.crm-badge-reactivation { background: #fef3c7; color: #d97706; }
.crm-panel .crm-tab-btn b.crm-badge-all { background: #f1f5f9; color: #64748b; }

/* Aktif sekmelerde rozetlerin yüksek kontrastlı olması */
.crm-panel .crm-tab-btn.aktif b.crm-badge-today,
.crm-panel .crm-tab-btn.aktif b.crm-badge-ilk-mail,
.crm-panel .crm-tab-btn.aktif b.crm-badge-followup,
.crm-panel .crm-tab-btn.aktif b.crm-badge-replied,
.crm-panel .crm-tab-btn.aktif b.crm-badge-reactivation,
.crm-panel .crm-tab-btn.aktif b.crm-badge-all {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* 2. Dikey Aktivite Zaman Tüneli (Timeline) */
.crm-activity-list {
    position: relative;
    padding-left: 2px;
}
.crm-activity-list::before {
    content: '';
    position: absolute;
    left: 22px;
    top: 24px;
    bottom: 24px;
    width: 2px;
    background: #e2e8f0;
    z-index: 1;
}
.crm-workspace .crm-activity-item {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 12px !important;
    position: relative;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
    margin-bottom: 0 !important;
}
.crm-workspace .crm-activity-icon {
    position: relative;
    z-index: 2;
    background: #ffffff;
    border: 2px solid #e2e8f0;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    font-size: 14px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.crm-workspace .crm-activity-email .crm-activity-icon { border-color: #3b82f6; background: #eff6ff; }
.crm-workspace .crm-activity-call .crm-activity-icon { border-color: #10b981; background: #ecfdf5; }
.crm-workspace .crm-activity-meeting .crm-activity-icon { border-color: #8b5cf6; background: #f5f3ff; }
.crm-workspace .crm-activity-note .crm-activity-icon { border-color: #64748b; background: #f8fafc; }
.crm-workspace .crm-activity-task .crm-activity-icon { border-color: #f59e0b; background: #fffbeb; }
.crm-workspace .crm-activity-quote .crm-activity-icon { border-color: #10b981; background: #ecfdf5; }
.crm-workspace .crm-activity-status .crm-activity-icon { border-color: #6366f1; background: #e0e7ff; }

/* 3. Dinamik E-Posta Şablon Editörü (Şablon Yöneticisi) */
.crm-template-editor-layout {
    display: grid;
    grid-template-columns: 240px 1fr;
    gap: 20px;
    height: 480px;
    margin-top: 10px;
}
.crm-template-editor-sidebar {
    border-right: 1px solid #e2e8f0;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
}
.crm-template-list-title {
    font-size: 10px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
}
.crm-template-item-btn {
    display: block;
    width: 100%;
    text-align: left;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid transparent;
    background: transparent;
    font-size: 11px;
    color: #475569;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.15s ease;
}
.crm-template-item-btn:hover {
    background: #f1f5f9;
}
.crm-template-item-btn.aktif {
    background: #eef2f6;
    border-color: #cbd5e1;
    color: #0f172a;
    font-weight: 700;
}
.crm-template-editor-main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    padding-right: 5px;
}
.crm-template-variables-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    background: #f8fafc;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #e2e8f0;
}
.crm-template-variables-bar > span {
    font-size: 10px;
    font-weight: 600;
    color: #64748b;
    margin-right: 4px;
}
.crm-template-variable-badge {
    background: #e2e8f0;
    color: #334155;
    font-size: 10px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.1s ease;
}
.crm-template-variable-badge:hover {
    background: #cbd5e1;
    color: #0f172a;
}
.crm-template-editor-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e2e8f0;
    padding-top: 12px;
    margin-top: 10px;
}

/* ================================================================
   CRM / SATIŞ — KULLANIMA HAZIR PREMIUM SATIŞ MASASI (v0.9.758)
   Tek görsel sistem, dengeli liste, sade firma detayı ve güvenli mobil akış.
   ================================================================ */

.crm-panel {
    --crm-premium-ink: #172235;
    --crm-premium-muted: #6f7e92;
    --crm-premium-line: #dfe6ed;
    --crm-premium-soft: #f5f7fa;
    background: #f4f6f9;
}

.crm-panel .crm-nav-shell {
    display: flex;
    min-height: 62px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0 12px 9px;
    padding: 11px 14px;
    border-color: var(--crm-premium-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 18px rgba(18, 35, 53, .045);
}

.crm-panel .crm-title-area h2 {
    color: var(--crm-premium-ink);
    font-size: 16px;
    letter-spacing: -.015em;
}

.crm-panel .crm-title-area p {
    margin-top: 4px;
    color: var(--crm-premium-muted);
}

.crm-panel .crm-nav-actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
}

.crm-panel .crm-tools-menu {
    position: relative;
}

.crm-panel .crm-tools-menu > div {
    z-index: 80;
}

.crm-panel .crm-toolbar {
    min-height: 54px;
    margin-bottom: 9px;
    padding: 8px;
    border-color: var(--crm-premium-line);
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(18, 35, 53, .035);
}

.crm-panel .crm-toolbar-search input,
.crm-panel .crm-toolbar-select {
    height: 38px;
    min-height: 38px;
    border-color: #dbe3eb;
    border-radius: 9px;
    background: #fbfcfd;
}

.crm-panel .crm-content {
    min-width: 0;
}

.crm-panel .crm-tab-filter-bar {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    margin-bottom: 9px;
    padding: 5px;
    overflow-x: auto;
    border-color: var(--crm-premium-line);
    border-radius: 14px;
    box-shadow: 0 4px 15px rgba(18, 35, 53, .035);
    flex-wrap: nowrap;
    scrollbar-width: none;
}

.crm-panel .crm-tab-filter-bar::-webkit-scrollbar {
    display: none;
}

.crm-panel .crm-tab-btn {
    min-height: 36px;
    flex: 0 0 auto;
    gap: 7px;
    padding: 0 13px;
    border-radius: 9px;
    color: #5c6b7f;
    font-size: 10.5px;
    font-weight: 780;
}

.crm-panel .crm-tab-btn.aktif {
    border-color: #203248;
    background: #203248;
    box-shadow: 0 5px 12px rgba(19, 38, 57, .16);
}

.crm-panel .crm-tab-btn b {
    min-width: 21px;
    padding: 2px 6px;
    font-size: 9px;
}

.crm-panel .crm-table-card {
    border-color: var(--crm-premium-line);
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(18, 35, 53, .045);
}

.crm-panel .crm-table-card-header {
    min-height: 62px;
    padding: 13px 16px;
}

.crm-panel .crm-table-card-header h2 {
    font-size: 14px;
    letter-spacing: -.01em;
}

.crm-panel .crm-table-container {
    overflow-x: auto;
    border: 0;
    border-radius: 0;
}

.crm-panel .crm-table {
    width: 100% !important;
    min-width: 1080px;
    table-layout: fixed;
    border-collapse: separate !important;
    border-spacing: 0;
}

.crm-panel .crm-table .crm-col-select { width: 44px; text-align: center; }
.crm-panel .crm-table .crm-col-company { width: 25%; }
.crm-panel .crm-table .crm-col-contact { width: 22%; }
.crm-panel .crm-table .crm-col-status { width: 14%; }
.crm-panel .crm-table .crm-col-next { width: 17%; }
.crm-panel .crm-table .crm-col-actions { width: 22%; text-align: right; }

.crm-panel .crm-table thead th {
    position: sticky;
    z-index: 3;
    top: 0;
    height: 38px;
    padding: 0 12px !important;
    border: 0 !important;
    border-right: 1px solid rgba(255, 255, 255, .10) !important;
    background: #203248 !important;
    color: #f8fafc !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: .07em !important;
    text-align: left;
}

.crm-panel .crm-table thead th:first-child {
    text-align: center;
}

.crm-panel .crm-table thead th:last-child {
    border-right: 0 !important;
    text-align: right;
}

.crm-panel .crm-table tbody tr {
    cursor: default;
}

.crm-panel .crm-table tbody td {
    height: 64px;
    padding: 9px 12px;
    overflow: hidden;
    border: 0;
    border-bottom: 1px solid #e8edf2;
    background: #fff;
    vertical-align: middle;
}

.crm-panel .crm-table tbody tr:nth-child(even) td {
    background: #fbfcfd;
}

.crm-panel .crm-company-row:hover td {
    background: #fffaf6 !important;
}

.crm-panel .crm-company-row.selected td,
.crm-panel .crm-company-row.satir-secili td {
    background: #fff5ec !important;
}

.crm-panel .crm-select-cell {
    width: 44px;
    padding: 0 !important;
    text-align: center;
}

.crm-panel .crm-company-open {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 4px 0;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
}

.crm-panel .crm-company-open-copy {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.crm-panel .crm-company-table-name {
    overflow: hidden;
    color: #172235;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .015em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-panel .crm-company-meta-line {
    margin: 0;
    color: #8491a2;
    font-size: 8.5px;
}

.crm-panel .crm-company-open i {
    display: grid;
    width: 30px;
    height: 25px;
    flex: 0 0 30px;
    place-items: center;
    border: 1px solid #dfe6ed;
    border-radius: 8px;
    background: #f8fafc;
    color: #7a8899;
    font-size: 8px;
    font-style: normal;
    font-weight: 900;
    opacity: 1;
}

.crm-panel .crm-company-open:hover i,
.crm-panel .crm-company-open:focus-visible i {
    border-color: #fdba74;
    background: #fff4e9;
    color: #c94f00;
    transform: none;
}

.crm-panel .crm-contact-summary {
    gap: 3px;
}

.crm-panel .crm-contact-summary strong {
    color: #35445a;
    font-size: 10.5px;
    font-weight: 800;
}

.crm-panel .crm-contact-summary a,
.crm-panel .crm-contact-summary small {
    font-size: 9px;
}

.crm-panel .crm-chip {
    min-height: 24px;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 800;
}

.crm-panel .crm-chip::before {
    display: block !important;
    width: 5px;
    height: 5px;
    margin-right: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
    opacity: .6;
}

.crm-panel .crm-next-step strong {
    font-size: 10px;
    font-weight: 850;
}

.crm-panel .crm-next-step small,
.crm-panel .crm-muted-value {
    color: #7c899a;
    font-size: 9px;
}

.crm-panel .crm-actions-cell {
    overflow: visible;
}

.crm-panel .crm-table-actions {
    justify-content: flex-end !important;
    gap: 6px !important;
}

.crm-panel .crm-btn-mini {
    min-height: 29px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

.crm-panel .crm-table-footer {
    min-height: 48px;
    padding: 9px 14px;
    border-top: 0;
}

.crm-modal-overlay:has(.crm-workspace) {
    padding: 20px;
    background: rgba(15, 23, 42, .58);
}

.crm-modal:has(.crm-workspace) {
    width: min(1080px, calc(100vw - 40px));
    height: min(720px, calc(100dvh - 40px));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 34px 90px rgba(15, 23, 42, .34);
}

.crm-workspace-hero {
    min-height: 86px;
    padding: 17px 110px 15px 20px;
    border-bottom: 1px solid #e7ecf1;
    background: #fff;
}

.crm-workspace-title-row > strong {
    color: #152237;
    font-size: 19px;
    letter-spacing: -.02em;
}

.crm-workspace-meta {
    margin-top: 5px;
    color: #778599;
}

.crm-sales-journey {
    min-height: 58px;
    padding: 9px 28px 11px;
    border-bottom: 1px solid #e8edf2;
    background: #f8fafc;
}

.crm-workspace-body {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 16px;
    padding: 16px;
    overflow: hidden;
    background: #f4f6f9;
}

.crm-workspace-sidebar {
    gap: 12px;
    padding: 0;
    overflow-y: auto;
    border: 0;
    background: transparent;
}

.crm-focus-card {
    gap: 10px;
    padding: 17px;
    border-radius: 17px;
    background:
        radial-gradient(circle at 94% 4%, rgba(243, 107, 10, .28), transparent 35%),
        linear-gradient(145deg, #20364c, #14283c);
    box-shadow: 0 15px 32px rgba(17, 36, 55, .17);
}

.crm-primary-contact-card {
    padding: 15px;
    border: 1px solid var(--crm-premium-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(18, 35, 53, .045);
}

.crm-workspace-main {
    overflow: hidden;
    border: 1px solid var(--crm-premium-line);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 7px 21px rgba(18, 35, 53, .045);
}

.crm-workspace-main .crm-drawer-tabs {
    min-height: 56px;
    padding: 11px 16px 0;
    border-bottom: 1px solid #e7ecf1;
}

.crm-workspace-main .crm-drawer-tab {
    min-width: 0;
    min-height: 44px;
    padding: 8px 14px;
    font-size: 10px;
}

.crm-workspace-main .crm-drawer-panel {
    padding: 18px;
}

.crm-workspace-overview {
    display: block;
}

.crm-overview-section-primary {
    min-height: 100%;
    padding: 16px;
    border-color: var(--crm-premium-line);
    border-radius: 15px;
    box-shadow: none;
}

.crm-workspace .crm-activity-list {
    display: grid;
    gap: 8px;
    padding: 0;
}

.crm-workspace .crm-activity-list::before {
    display: none;
}

.crm-workspace .crm-activity-item {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) !important;
    gap: 11px !important;
    align-items: start;
    padding: 11px 12px !important;
    border: 1px solid #e5eaf0 !important;
    border-radius: 12px !important;
    background: #fbfcfd !important;
}

.crm-workspace .crm-activity-icon {
    display: grid !important;
    width: 30px !important;
    height: 30px !important;
    place-items: center;
    border: 0 !important;
    border-radius: 9px !important;
    background: #eaf0f6 !important;
    color: #334e68;
    font-size: 9px !important;
    font-weight: 900;
    box-shadow: none;
}

.crm-workspace .crm-activity-email .crm-activity-icon { background: #edf4ff !important; color: #2f6093; }
.crm-workspace .crm-activity-call .crm-activity-icon { background: #eaf8f0 !important; color: #24764a; }
.crm-workspace .crm-activity-meeting .crm-activity-icon { background: #f3efff !important; color: #6849a3; }
.crm-workspace .crm-activity-quote .crm-activity-icon { background: #fff3e8 !important; color: #b95414; }

.crm-workspace .crm-activity-item strong {
    font-size: 10.5px;
}

.crm-workspace .crm-activity-item p {
    margin: 4px 0;
    font-size: 9.5px;
    line-height: 1.45;
}

.crm-workspace-empty {
    min-height: 92px;
    padding: 18px;
    border-style: dashed;
    background: #fbfcfd;
}

.crm-records-stack {
    gap: 12px;
}

.crm-records-stack > section {
    padding: 14px;
    border-color: var(--crm-premium-line);
    border-radius: 14px;
    box-shadow: none;
}

@media (max-width: 1040px) {
    .crm-panel .crm-table-container {
        overflow: visible;
        background: transparent;
    }

    .crm-panel .crm-table {
        display: block;
        width: 100% !important;
        min-width: 0;
        background: transparent;
    }

    .crm-panel .crm-table thead {
        display: none;
    }

    .crm-panel .crm-table tbody {
        display: grid;
        gap: 9px;
        padding: 10px;
    }

    .crm-panel .crm-table tbody tr,
    .crm-panel .crm-table tbody tr:nth-child(even) {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px 14px;
        padding: 14px;
        border: 1px solid var(--crm-premium-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 5px 15px rgba(18, 35, 53, .045);
    }

    .crm-panel .crm-table tbody td,
    .crm-panel .crm-table tbody tr:nth-child(even) td {
        display: block;
        width: auto;
        height: auto;
        padding: 0;
        overflow: visible;
        border: 0;
        background: transparent !important;
        white-space: normal;
    }

    .crm-panel .crm-company-row:hover td,
    .crm-panel .crm-company-row.selected td {
        background: transparent !important;
    }

    .crm-panel .crm-company-row:hover,
    .crm-panel .crm-company-row.selected {
        border-color: #fdc79f;
        background: #fffaf6;
    }

    .crm-panel .crm-select-cell {
        position: absolute;
        z-index: 2;
        top: 17px;
        right: 15px;
    }

    .crm-panel .crm-company-cell {
        grid-column: 1 / -1;
        padding-right: 32px !important;
    }

    .crm-panel .crm-company-open {
        padding-right: 4px;
    }

    .crm-panel .crm-company-open i {
        margin-right: 28px;
    }

    .crm-panel .crm-contact-cell {
        grid-column: 1;
    }

    .crm-panel .crm-company-row > td:nth-of-type(4) {
        grid-column: 2;
        grid-row: 2;
        align-self: center;
    }

    .crm-panel .crm-company-row > td:nth-of-type(5) {
        grid-column: 1;
        grid-row: 3;
    }

    .crm-panel .crm-actions-cell,
    .crm-panel .crm-company-row > td:nth-of-type(6) {
        grid-column: 1 / -1;
        grid-row: 4;
        padding-top: 10px;
        border-top: 1px solid #edf1f5;
    }

    .crm-panel .crm-table-actions {
        justify-content: flex-start !important;
    }

    .crm-workspace-body {
        grid-template-columns: 274px minmax(0, 1fr);
        gap: 12px;
        padding: 12px;
    }
}

@media (max-width: 820px) {
    .crm-panel .crm-nav-shell {
        align-items: stretch;
        flex-direction: column;
    }

    .crm-panel .crm-nav-actions {
        width: 100%;
    }

    .crm-panel .crm-nav-actions .btn-ana {
        flex: 1;
    }

    .crm-panel .crm-toolbar {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .crm-panel .crm-toolbar-search {
        grid-column: 1 / -1;
    }

    .crm-panel .crm-toolbar-select,
    .crm-panel #crmSiralama {
        width: 100%;
        max-width: none;
    }

    .crm-modal-overlay:has(.crm-workspace) {
        padding: 0;
    }

    .crm-modal:has(.crm-workspace) {
        width: 100vw;
        height: 100dvh;
        max-height: none;
        border: 0;
        border-radius: 0;
    }

    .crm-workspace {
        overflow-y: auto;
    }

    .crm-workspace-hero {
        padding: 14px 78px 13px 13px;
    }

    .crm-workspace-body {
        display: block;
        padding: 11px;
        overflow: visible;
    }

    .crm-workspace-sidebar {
        overflow: visible;
    }

    .crm-workspace-main {
        margin-top: 12px;
        overflow: visible;
    }

    .crm-workspace-main .crm-drawer-panel {
        height: auto;
        padding: 13px;
        overflow: visible;
    }
}

@media (max-width: 560px) {
    .crm-panel .crm-nav-shell,
    .crm-panel .crm-toolbar,
    .crm-panel .crm-content {
        margin-right: 7px;
        margin-left: 7px;
    }

    .crm-panel .crm-title-area p {
        display: none;
    }

    .crm-panel .crm-nav-actions {
        display: grid;
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    }

    .crm-panel .crm-nav-actions .btn-ana {
        width: 100%;
    }

    .crm-panel .crm-toolbar {
        grid-template-columns: 1fr;
    }

    .crm-panel .crm-toolbar-search {
        grid-column: 1;
    }

    .crm-panel .crm-table-card-header {
        align-items: flex-start;
        gap: 8px;
        padding: 12px;
    }

    .crm-panel .crm-table tbody {
        padding: 8px;
    }

    .crm-panel .crm-table tbody tr,
    .crm-panel .crm-table tbody tr:nth-child(even) {
        padding: 13px;
    }

    .crm-workspace-title-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .crm-sales-journey-step > strong {
        font-size: 7px;
    }

    .crm-primary-contact-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ================================================================
   CRM / SATIŞ — FİRMA SÜTUNU SABİT HİZALAMA (v0.9.759)
   Genel ikon sistemi düğmeyi ortalıyordu. Simge, metin ve AÇ eylemi
   artık sabit üç sütunda durur; tüm firma adları aynı çizgiden başlar.
   ================================================================ */

.crm-panel td.crm-company-cell {
    text-align: left !important;
}

.crm-panel .crm-company-open.logi-icon-button {
    display: grid !important;
    grid-template-columns: 14px minmax(0, 1fr) 30px !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 4px 0 !important;
    align-items: center !important;
    justify-content: stretch !important;
    justify-items: stretch !important;
    gap: 10px !important;
    text-align: left !important;
}

.crm-panel .crm-company-open.logi-icon-button > .logi-icon {
    grid-column: 1;
    justify-self: start;
    margin: 0 !important;
}

.crm-panel .crm-company-open.logi-icon-button > .crm-company-open-copy {
    grid-column: 2;
    width: 100%;
    min-width: 0;
    justify-self: stretch;
    text-align: left !important;
}

.crm-panel .crm-company-open.logi-icon-button .crm-company-table-name,
.crm-panel .crm-company-open.logi-icon-button .crm-company-meta-line {
    width: 100%;
    text-align: left !important;
}

.crm-panel .crm-company-open.logi-icon-button > i {
    position: static !important;
    inset: auto !important;
    grid-column: 3;
    justify-self: end;
    margin: 0 !important;
}

/* ================================================================
   CRM / SATIŞ — KOMPAKT SATIŞ ÇUBUĞU VE TEK AKSİYONLU LİSTE (v0.9.760)
   Başlık, arama, filtreler ve aşamalar tek yüzeyde; liste dört ana sütunda.
   ================================================================ */

.crm-panel .crm-sales-command {
    margin: 0 12px 10px;
    overflow: visible;
    border: 1px solid #dfe6ed;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(18, 35, 53, .05);
}

.crm-panel .crm-sales-command .crm-nav-shell {
    min-height: 52px;
    margin: 0;
    padding: 9px 12px 8px;
    border: 0;
    border-radius: 16px 16px 0 0;
    box-shadow: none;
}

.crm-panel .crm-sales-command .crm-title-area h2 {
    font-size: 15px;
}

.crm-panel .crm-sales-command .crm-title-area p {
    margin-top: 2px;
    font-size: 9px;
}

.crm-panel .crm-sales-command .crm-toolbar {
    min-height: 48px;
    margin: 0;
    padding: 7px 10px;
    border: 0;
    border-top: 1px solid #edf1f5;
    border-radius: 0;
    background: #fbfcfd;
    box-shadow: none;
}

.crm-panel .crm-sales-command .crm-toolbar-search input,
.crm-panel .crm-sales-command .crm-toolbar-select {
    height: 34px;
    min-height: 34px;
    background: #fff;
}

.crm-panel .crm-sales-command .crm-tab-filter-bar {
    min-height: 43px;
    margin: 0;
    padding: 5px 8px 6px;
    border: 0;
    border-top: 1px solid #edf1f5;
    border-radius: 0 0 16px 16px;
    background: #fff;
    box-shadow: none;
}

.crm-panel .crm-sales-command .crm-tab-btn {
    min-height: 31px;
    padding: 0 11px;
    border-radius: 8px;
    font-size: 9.5px;
}

.crm-panel .crm-table {
    min-width: 930px;
}

.crm-panel .crm-table .crm-col-select {
    width: 44px;
}

.crm-panel .crm-table .crm-col-company {
    width: 28%;
}

.crm-panel .crm-table .crm-col-contact {
    width: 24%;
}

.crm-panel .crm-table .crm-col-stage-next {
    width: 28%;
}

.crm-panel .crm-table .crm-col-actions {
    width: 20%;
    text-align: right;
}

.crm-panel .crm-stage-next-cell {
    overflow: visible;
}

.crm-panel .crm-stage-next {
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 10px;
    align-items: center;
    min-width: 0;
}

.crm-panel .crm-stage-next .crm-next-step,
.crm-panel .crm-stage-next .crm-muted-value {
    min-width: 0;
}

.crm-panel .crm-stage-next .crm-next-step strong,
.crm-panel .crm-stage-next .crm-next-step small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.crm-panel .crm-table-actions {
    width: 100%;
}

.crm-panel .crm-row-primary-action {
    display: inline-flex;
    min-width: 122px;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid transparent;
    border-radius: 9px;
    background: #203248;
    color: #fff;
    font: inherit;
    font-size: 9.5px;
    font-weight: 850;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease, transform .15s ease;
}

.crm-panel .crm-row-primary-action::after {
    content: "›";
    font-size: 15px;
    line-height: 1;
}

.crm-panel .crm-row-primary-action.prospect {
    background: #f36b0a;
    box-shadow: 0 5px 12px rgba(243, 107, 10, .18);
}

.crm-panel .crm-row-primary-action.followup {
    background: #203248;
}

.crm-panel .crm-row-primary-action.replied {
    background: #087f6f;
}

.crm-panel .crm-row-primary-action.customer {
    border-color: #fdba74;
    background: #fff5eb;
    color: #b94700;
}

.crm-panel .crm-row-primary-action:hover,
.crm-panel .crm-row-primary-action:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(18, 35, 53, .16);
}

@media (max-width: 1040px) {
    .crm-panel .crm-table {
        min-width: 0;
    }

    .crm-panel .crm-stage-next-cell,
    .crm-panel .crm-company-row > td:nth-of-type(4) {
        grid-column: 1 / -1;
        grid-row: 3;
    }

    .crm-panel .crm-stage-next {
        grid-template-columns: max-content minmax(0, 1fr);
    }

    .crm-panel .crm-actions-cell,
    .crm-panel .crm-company-row > td:nth-of-type(5) {
        grid-column: 1 / -1;
        grid-row: 4;
    }

    .crm-panel .crm-row-primary-action {
        width: 100%;
    }
}

@media (max-width: 820px) {
    .crm-panel .crm-sales-command {
        margin-right: 9px;
        margin-left: 9px;
    }

    .crm-panel .crm-sales-command .crm-nav-shell {
        padding: 10px;
    }

    .crm-panel .crm-sales-command .crm-toolbar {
        padding: 8px;
    }
}

@media (max-width: 560px) {
    .crm-panel .crm-sales-command {
        margin-right: 7px;
        margin-left: 7px;
        border-radius: 13px;
    }

    .crm-panel .crm-sales-command .crm-nav-shell {
        border-radius: 13px 13px 0 0;
    }

    .crm-panel .crm-sales-command .crm-tab-filter-bar {
        border-radius: 0 0 13px 13px;
    }

    .crm-panel .crm-stage-next {
        grid-template-columns: 1fr;
        gap: 6px;
    }
}

/* ==========================================================================
   LOGI-NEXUS EXECUTIVE SPLIT DETAIL VIEW & MODERN PAGINATION BAR (v0.9.845)
   ========================================================================== */

/* --- 1. DETAY EKRANI MODERN SEKME (TABBED) MODELİ --- */
body #detayOverlay .detay-tabbed-kart,
body #detayOverlay .detay-split-kart {
    width: min(1240px, 95vw) !important;
    max-height: 92vh !important;
    height: min(92vh, 880px) !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px 24px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 16px !important;
    box-shadow: 0 20px 48px -12px rgba(15, 23, 42, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Üst Başlık & Yapışkan Aksiyon Barı */
body #detayOverlay .detay-ust {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #f1f5f9 !important;
    margin-bottom: 14px !important;
    flex-shrink: 0 !important;
    gap: 16px !important;
}

body #detayOverlay .detay-ust-sol {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

body #detayOverlay .detay-ust-sol .modal-baslik {
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: -0.015em !important;
    color: #0f172a !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

body #detayOverlay .detay-ust-sol .detay-alt {
    font-size: 11px !important;
    color: #64748b !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

body #detayOverlay .detay-ust-sag-aksiyonlar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
}

body #detayOverlay .btn-detay-aksiyon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    height: 30px !important;
    padding: 0 11px !important;
    border-radius: 7px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #334155 !important;
    font-size: 11.5px !important;
    font-weight: 650 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

body #detayOverlay .btn-detay-aksiyon:hover {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    transform: translateY(-1px) !important;
}

body #detayOverlay .btn-detay-aksiyon.btn-detay-duzenle {
    background: linear-gradient(180deg, #ea580c 0%, #d94e08 100%) !important;
    border-color: #c2410c !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.25) !important;
}

body #detayOverlay .btn-detay-aksiyon.btn-detay-duzenle:hover {
    background: #c2410c !important;
    box-shadow: 0 4px 10px rgba(234, 88, 12, 0.35) !important;
}

body #detayOverlay .btn-detay-aksiyon.btn-detay-parasut {
    background: #0284c7 !important;
    border-color: #0369a1 !important;
    color: #ffffff !important;
}

body #detayOverlay .btn-detay-aksiyon svg {
    flex-shrink: 0 !important;
}

body #detayOverlay .detay-ust-sag-aksiyonlar .ldm-kapat {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    margin-left: 4px !important;
}

body #detayOverlay .detay-ust-sag-aksiyonlar .ldm-kapat:hover {
    background: #fee2e2 !important;
    border-color: #fca5a5 !important;
    color: #dc2626 !important;
}

/* Sabit Hero Alanı */
body #detayOverlay .detay-imza-panel {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    box-shadow: none !important;
    margin-bottom: 14px !important;
    flex-shrink: 0 !important;
}

/* Uyarı Şeridi */
body #detayOverlay .detay-uyari-serit {
    margin-bottom: 8px !important;
    flex-shrink: 0 !important;
}

/* Modern Segmented Tab Bar */
body #detayOverlay .detay-tab-bar {
    display: inline-flex !important;
    align-items: center !important;
    padding: 3px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    gap: 2px !important;
    margin-bottom: 14px !important;
    width: fit-content !important;
    flex-shrink: 0 !important;
    box-shadow: none !important;
}

body #detayOverlay .detay-tab-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 14px !important;
    border-radius: 7px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
    user-select: none !important;
}

body #detayOverlay .detay-tab-btn:hover:not(.aktif) {
    background: rgba(255, 255, 255, 0.5) !important;
    color: #0f172a !important;
}

body #detayOverlay .detay-tab-btn.aktif {
    background: #ffffff !important;
    color: #ea580c !important;
    border-color: #e2e8f0 !important;
    font-weight: 750 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08) !important;
}

body #detayOverlay .detay-tab-ikon {
    font-size: 14px !important;
}

/* Tab İçerik Gövdesi */
body #detayOverlay .detay-tabbed-govde {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

body #detayOverlay .detay-tab-govde {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    padding-right: 6px !important;
}

body #detayOverlay .detay-tab-govde::-webkit-scrollbar {
    width: 6px !important;
}
body #detayOverlay .detay-tab-govde::-webkit-scrollbar-track {
    background: rgba(241, 245, 249, 0.6) !important;
    border-radius: 4px !important;
}
body #detayOverlay .detay-tab-govde::-webkit-scrollbar-thumb {
    background: rgba(203, 213, 225, 0.8) !important;
    border-radius: 4px !important;
}
body #detayOverlay .detay-tab-govde::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.9) !important;
}

/* Tab Panelleri */
body #detayOverlay .detay-tab-panel {
    animation: tabFadeIn 0.2s ease-out !important;
}

@keyframes tabFadeIn {
    from { opacity: 0; transform: translateY(4px); }
    to { opacity: 1; transform: translateY(0); }
}

body #detayOverlay .detay-panel-ici-dikey {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

body #detayOverlay .detay-premium-bolum {
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    border-radius: 14px !important;
    padding: 16px 20px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

/* Sürücü telefonunun tek satırda kalması ve kırılmaması */
body #detayOverlay .detay-tel-link {
    white-space: nowrap !important;
    word-break: keep-all !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #0284c7 !important;
    font-weight: 750 !important;
    text-decoration: none !important;
}
body #detayOverlay .detay-tel-link:hover {
    text-decoration: underline !important;
}

/* Süreç & Denetim Izgarası */
body #detayOverlay .detay-surec-izgara {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

body #detayOverlay .detay-surec-sol,
body #detayOverlay .detay-surec-sag {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    min-width: 0 !important;
}

/* Evrak & Notlar Izgarası */
body #detayOverlay .detay-evrak-izgara {
    display: grid !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
}

body #detayOverlay .detay-evrak-sol,
body #detayOverlay .detay-evrak-sag {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-width: 0 !important;
}

body #detayOverlay .detay-panel-kart-baslik {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

@media (max-width: 1080px) {
    body #detayOverlay .detay-tabbed-kart,
    body #detayOverlay .detay-split-kart {
        width: 95vw !important;
        height: auto !important;
        max-height: 94vh !important;
        padding: 14px 16px !important;
    }
    body #detayOverlay .detay-surec-izgara,
    body #detayOverlay .detay-evrak-izgara {
        grid-template-columns: 1fr !important;
    }
    body #detayOverlay .detay-tab-bar {
        width: 100% !important;
        overflow-x: auto !important;
    }
}

/* --- 2. TABLO ALTI MODERN SAYFALAMA BARI (PAGINATION) --- */
.sayfalama,
#sayfalamaDiv {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
}

.sayfalama-modern {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 18px !important;
    background: #ffffff !important;
    border: 1.5px solid var(--kenarlik, #e2e8f0) !important;
    border-top: none !important;
    border-radius: 0 0 14px 14px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    gap: 16px !important;
    min-height: 50px !important;
    overflow: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.sayfalama-modern::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.sayfalama-sol {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.sayfalama-aralik {
    font-variant-numeric: tabular-nums lining-nums !important;
}

.sayfalama-aralik strong {
    color: #0f172a !important;
    font-weight: 750 !important;
}

.sayfalama-orta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.sayfalama-orta::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.sayfa-rakamlar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    flex-wrap: nowrap !important;
    overflow: visible !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.sayfa-rakamlar::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

.sayfa-no-btn {
    min-width: 30px !important;
    height: 30px !important;
    padding: 0 7px !important;
    border-radius: 7px !important;
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #475569 !important;
    font-size: 12.5px !important;
    font-weight: 650 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
    font-variant-numeric: tabular-nums !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.sayfa-no-btn:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

.sayfa-no-btn.aktif {
    background: #ea580c !important;
    color: #ffffff !important;
    font-weight: 750 !important;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.26) !important;
}

.sayfa-nav-btn {
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 7px !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    background: #ffffff !important;
    color: #475569 !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

.sayfa-nav-btn:hover:not(:disabled) {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

.sayfa-nav-btn:disabled {
    opacity: 0.3 !important;
    cursor: not-allowed !important;
    border-color: rgba(226, 232, 240, 0.8) !important;
}

.sayfa-noktalar {
    padding: 0 4px !important;
    color: #94a3b8 !important;
    font-size: 13px !important;
    user-select: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.sayfalama-sag {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    white-space: nowrap !important;
}

.sayfalama-adet-kap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #64748b !important;
}

.sayfalama-adet-select {
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    background: #ffffff !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    cursor: pointer !important;
    transition: border-color 0.15s ease !important;
}

.sayfalama-adet-select:hover,
.sayfalama-adet-select:focus {
    border-color: #ea580c !important;
    outline: none !important;
}

.sayfalama-tumu-etiket {
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 600 !important;
}

@media (max-width: 768px) {
    .sayfalama-modern {
        flex-direction: column !important;
        gap: 10px !important;
        padding: 12px 14px !important;
    }
    .sayfalama-sol,
    .sayfalama-orta,
    .sayfalama-sag {
        width: 100% !important;
        justify-content: center !important;
    }
}

/* ============================================================
   SOL KATLANABİLİR KENAR ÇUBUĞU (COLLAPSIBLE LEFT SIDEBAR)
   Enterprise Lojistik ERP Düzeni (Flexport / Stripe Modeli)
   ============================================================ */

body.logi-authenticated:not(.mobil-gorunum) #anaUygulama {
    display: flex !important;
    flex-direction: row !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: hidden !important;
    background: #f8fafc !important;
}

.app-sidebar {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
    height: 100vh;
    background: #ffffff;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    z-index: 600;
    transition: width 0.2s cubic-bezier(0.4, 0, 0.2, 1), min-width 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-shadow: 1px 0 4px rgba(15, 23, 42, 0.03);
}

.app-sidebar.collapsed {
    width: 64px !important;
    min-width: 64px !important;
    max-width: 64px !important;
}

.sidebar-header {
    height: 54px;
    min-height: 54px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f5f9;
    background: #ffffff;
    gap: 8px;
    flex-shrink: 0;
}

.sidebar-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    cursor: default;
    overflow: hidden;
}

.sidebar-brand-icon-wrap {
    width: 32px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.sidebar-brand-emblem {
    width: 32px;
    height: 22px;
    display: block;
}

.sidebar-brand-logo {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.sidebar-brand-text {
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.sidebar-brand-title {
    font-size: 14.5px;
    font-weight: 750;
    letter-spacing: -0.015em;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
    display: flex;
    align-items: center;
    user-select: none;
    line-height: 1;
}

.sidebar-brand-title .brand-logi {
    color: #0f172a !important;
}

.sidebar-brand-title .brand-nexus {
    color: #f97316 !important;
}

.sidebar-brand-badge {
    display: none !important;
}

.btn-sidebar-toggle {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
    transition: all 0.18s ease;
    padding: 0;
}

.btn-sidebar-toggle:hover {
    background: #f1f5f9;
    color: #0f172a;
    border-color: #cbd5e1;
}

.sidebar-toggle-chevron {
    width: 15px;
    height: 15px;
    transition: transform 0.22s ease;
}

.app-sidebar.collapsed .sidebar-toggle-chevron {
    transform: rotate(180deg) !important;
}

.app-sidebar.collapsed .sidebar-header {
    min-height: 82px !important;
    padding: 10px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.app-sidebar.collapsed .sidebar-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 32px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    cursor: pointer !important;
    border-radius: 8px !important;
    transition: transform 0.18s ease !important;
}

.app-sidebar.collapsed .sidebar-brand:hover {
    transform: scale(1.08) !important;
}

.app-sidebar.collapsed .sidebar-brand-icon-wrap {
    width: 40px !important;
    height: 27px !important;
}

.app-sidebar.collapsed .sidebar-brand-emblem {
    width: 40px !important;
    height: 27px !important;
}

.app-sidebar.collapsed .sidebar-brand-text {
    display: none !important;
}

.app-sidebar.collapsed .btn-sidebar-toggle {
    width: 32px !important;
    height: 24px !important;
    margin: 0 auto !important;
}

.sidebar-nav-wrap {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 8px;
}

.sidebar-nav-wrap::-webkit-scrollbar {
    width: 4px;
}

.sidebar-nav-wrap::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 2px;
}

.sidebar-section-title {
    font-size: 9.5px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    color: #94a3b8;
    padding: 13px 10px 5px 10px;
    white-space: nowrap;
    user-select: none;
}

.sidebar-section-title:first-child {
    padding-top: 4px;
}

.app-sidebar.collapsed .sidebar-section-title {
    display: none !important;
}

.app-sidebar .sidebar-nav.tab-sarici {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ============================================================
   SIDEBAR NAV ITEMS: HIGHEST SPECIFICITY OVERRIDE
   Prevents any leakage from legacy horizontal tab styling
   ============================================================ */
body .app-sidebar .sidebar-nav .tab-btn,
body .app-sidebar .sidebar-nav .sidebar-nav-btn,
body .app-sidebar .sidebar-nav > button,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > .tab-btn,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabGenel,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabUkt,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabTeklifler,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabCrm,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabKartYonetimi,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabDashboard,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabFinansMerkezi,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabSirketMerkezi,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabAdmin {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 33px !important;
    min-height: 33px !important;
    margin: 1px 0 !important;
    padding: 0 10px !important;
    gap: 9px !important;
    border-radius: 7px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
    transform: none !important;
    color: #334155 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: normal !important;
    text-align: left !important;
    cursor: pointer !important;
    outline: none !important;
    transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease !important;
}

/* Hover State: Soft light slate background (#f1f5f9) and deep dark slate text (#0f172a) */
body .app-sidebar .sidebar-nav .tab-btn:hover,
body .app-sidebar .sidebar-nav .sidebar-nav-btn:hover,
body .app-sidebar .sidebar-nav > button:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > .tab-btn:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabGenel:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabUkt:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabTeklifler:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabCrm:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabKartYonetimi:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabDashboard:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabFinansMerkezi:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabSirketMerkezi:hover,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabAdmin:hover {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
}

body .app-sidebar .sidebar-nav .tab-btn:hover .ana-tab-icon,
body .app-sidebar .sidebar-nav .sidebar-nav-btn:hover .ana-tab-icon,
body .app-sidebar .sidebar-nav > button:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > .tab-btn:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabGenel:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabUkt:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabTeklifler:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabCrm:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabKartYonetimi:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabDashboard:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabFinansMerkezi:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabSirketMerkezi:hover .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabAdmin:hover .ana-tab-icon {
    stroke: #0f172a !important;
    color: #0f172a !important;
}

/* Active State: Warm fresh peach (#fff7ed) with vibrant corporate orange (#ea580c) and 3px orange accent bar (#f97316) */
body .app-sidebar .sidebar-nav .tab-btn.aktif,
body .app-sidebar .sidebar-nav .sidebar-nav-btn.aktif,
body .app-sidebar .sidebar-nav > button.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > .tab-btn.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabGenel.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabUkt.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabTeklifler.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabCrm.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabKartYonetimi.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabDashboard.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabFinansMerkezi.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabSirketMerkezi.aktif,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabAdmin.aktif {
    background: #fff7ed !important;
    border: 1px solid #ffedd5 !important;
    color: #ea580c !important;
    font-weight: 650 !important;
    box-shadow: inset 3px 0 0 #f97316, 0 1px 3px rgba(249, 115, 22, 0.08) !important;
}

body .app-sidebar .sidebar-nav .tab-btn.aktif .ana-tab-icon,
body .app-sidebar .sidebar-nav .sidebar-nav-btn.aktif .ana-tab-icon,
body .app-sidebar .sidebar-nav > button.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > .tab-btn.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabGenel.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabUkt.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabTeklifler.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabCrm.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabKartYonetimi.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabDashboard.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabFinansMerkezi.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabSirketMerkezi.aktif .ana-tab-icon,
body:not(.mobil-gorunum) .app-sidebar .tab-sarici > #tabAdmin.aktif .ana-tab-icon {
    stroke: #ea580c !important;
    color: #ea580c !important;
    filter: none !important;
}

.app-sidebar .sidebar-nav .tab-btn .tab-btn-text,
.app-sidebar .sidebar-nav-btn .tab-btn-text {
    display: inline-block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex: 1 1 auto !important;
    text-align: left !important;
    color: inherit !important;
    font-size: 12px !important;
    font-weight: inherit !important;
}

.app-sidebar .sidebar-nav .tab-btn .ana-tab-icon,
.app-sidebar .sidebar-nav-btn .ana-tab-icon {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex: 0 0 16px !important;
    stroke: #64748b !important;
    fill: none !important;
    stroke-width: 1.8 !important;
    transition: stroke 0.15s ease !important;
}

/* Collapsed Rail (64px) Mode */
body .app-sidebar.collapsed .sidebar-nav .tab-btn,
body .app-sidebar.collapsed .sidebar-nav .sidebar-nav-btn,
body .app-sidebar.collapsed .sidebar-nav > button,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > .tab-btn,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabGenel,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabUkt,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabTeklifler,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabCrm,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabKartYonetimi,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabDashboard,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabFinansMerkezi,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabSirketMerkezi,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabAdmin {
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    margin: 3px auto !important;
    justify-content: center !important;
    border-radius: 10px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
}

body .app-sidebar.collapsed .sidebar-nav .tab-btn .tab-btn-text,
body .app-sidebar.collapsed .sidebar-nav-btn .tab-btn-text,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > .tab-btn .tab-btn-text {
    display: none !important;
}

body .app-sidebar.collapsed .sidebar-nav .tab-btn:hover,
body .app-sidebar.collapsed .sidebar-nav .sidebar-nav-btn:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > .tab-btn:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabGenel:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabUkt:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabTeklifler:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabCrm:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabKartYonetimi:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabDashboard:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabFinansMerkezi:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabSirketMerkezi:hover,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabAdmin:hover {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

body .app-sidebar.collapsed .sidebar-nav .tab-btn.aktif,
body .app-sidebar.collapsed .sidebar-nav .sidebar-nav-btn.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > .tab-btn.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabGenel.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabUkt.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabTeklifler.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabCrm.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabKartYonetimi.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabDashboard.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabFinansMerkezi.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabSirketMerkezi.aktif,
body:not(.mobil-gorunum) .app-sidebar.collapsed .tab-sarici > #tabAdmin.aktif {
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    box-shadow: 0 1px 4px rgba(249, 115, 22, 0.15) !important;
}

.sidebar-footer {
    padding: 10px 10px 8px 10px;
    border-top: 1px solid #f1f5f9;
    background: #ffffff;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.sidebar-footer-actions {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}

.sidebar-footer-actions .akilli-bildirim-kisayol-yuvasi {
    width: 100%;
    min-width: 0;
    display: flex;
}

.sidebar-footer-actions .akilli-bildirim-geri-ac {
    width: 100%;
    min-height: 33px;
    height: 33px;
    padding: 0 10px;
    font-size: 11.5px;
    font-weight: 600;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    user-select: none;
    box-sizing: border-box;
}

.sidebar-footer-actions .akilli-bildirim-geri-ac:hover {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #ea580c;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.08);
}

.sidebar-footer-actions .akilli-bildirim-geri-ac.aktif {
    background: #fff7ed;
    border-color: #f97316;
    color: #ea580c;
}

.sidebar-footer-actions .akilli-bildirim-geri-ac .sidebar-bildirim-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-right: 8px;
    color: currentColor;
}

.sidebar-footer-actions .akilli-bildirim-geri-ac .logi-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    margin-right: 8px;
    color: currentColor;
}

.sidebar-footer-actions .akilli-bildirim-geri-ac .btn-label {
    flex: 1 1 auto;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11.5px;
    font-weight: 600;
}

.sidebar-footer-actions .akilli-bildirim-geri-ac strong {
    height: 18px;
    min-width: 18px;
    font-size: 10px;
    font-weight: 750;
    padding: 0 5px;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #ffffff;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 3px rgba(234, 88, 12, 0.3);
    flex-shrink: 0;
}

.sidebar-araclar {
    position: relative;
    width: 100%;
}

.sidebar-araclar-btn {
    width: 100%;
    min-height: 33px;
    height: 33px;
    padding: 0 10px;
    font-size: 11.5px;
    font-weight: 600;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
    transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
    user-select: none;
    box-sizing: border-box;
}

.sidebar-araclar-btn:hover {
    background: #fff7ed;
    border-color: #fed7aa;
    color: #ea580c;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.08);
}

.header-araclar.acik .sidebar-araclar-btn {
    background: #fff7ed !important;
    border-color: #fed7aa !important;
    color: #ea580c !important;
}

.sidebar-araclar-btn-left {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
}

.sidebar-araclar-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    color: currentColor;
}

.sidebar-araclar-btn .btn-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-araclar-chevron {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    color: #94a3b8;
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.header-araclar.acik .header-araclar-chevron {
    transform: rotate(180deg);
    color: #ea580c;
}

body:not(.mobil-gorunum) .sidebar-araclar .header-araclar-menu,
body:not(.mobil-gorunum) .sidebar-araclar-dropup {
    position: absolute !important;
    bottom: calc(100% + 8px) !important;
    top: auto !important;
    left: -9px !important;
    right: auto !important;
    width: 218px !important;
    min-width: 218px !important;
    max-width: 218px !important;
    max-height: calc(100vh - 130px) !important;
    overflow-y: auto !important;
    background: rgba(255, 255, 255, 0.985) !important;
    backdrop-filter: blur(20px) saturate(180%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 16px 36px -6px rgba(15, 23, 42, 0.14), 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    padding: 5px !important;
    display: none !important;
    flex-direction: column !important;
    gap: 1px !important;
    z-index: 1250 !important;
    box-sizing: border-box !important;
    animation: dropupSüzül 0.16s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.sidebar-araclar-dropup::-webkit-scrollbar {
    width: 4px;
}

.sidebar-araclar-dropup::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-araclar-dropup::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

body:not(.mobil-gorunum) .header-araclar.acik .sidebar-araclar .header-araclar-menu,
body:not(.mobil-gorunum) .header-araclar.acik .sidebar-araclar-dropup {
    display: flex !important;
}

@keyframes dropupSüzül {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.sidebar-dropup-section-title {
    padding: 6px 8px 3px 8px;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.07em;
    color: #94a3b8;
    text-transform: uppercase;
    user-select: none;
}

.sidebar-dropup-divider {
    height: 1px;
    background: #f1f5f9;
    margin: 3px 4px;
}

body:not(.mobil-gorunum) .sidebar-araclar-dropup button.sidebar-dropup-item {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    gap: 9px !important;
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 8px !important;
    border-radius: 7px !important;
    background: transparent !important;
    border: 1px solid transparent !important;
    cursor: pointer !important;
    text-align: left !important;
    color: #334155 !important;
    font-size: 11.8px !important;
    font-weight: 550 !important;
    transition: all 0.12s ease !important;
    box-sizing: border-box !important;
}

body:not(.mobil-gorunum) .sidebar-araclar-dropup button.sidebar-dropup-item:hover {
    background: #fff7ed !important;
    border-color: #ffedd5 !important;
    color: #ea580c !important;
}

.sidebar-dropup-item-icon {
    width: 15px !important;
    height: 15px !important;
    flex-shrink: 0 !important;
    color: #64748b !important;
    transition: color 0.12s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body:not(.mobil-gorunum) .sidebar-araclar-dropup button.sidebar-dropup-item:hover .sidebar-dropup-item-icon {
    color: #ea580c !important;
}

.sidebar-dropup-item-label {
    flex: 1 1 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

/* Geriye dönük uyumluluk sınıfları */
.sidebar-dropup-header {
    padding: 5px 8px 3px 8px;
    font-size: 9px;
    font-weight: 750;
    letter-spacing: 0.07em;
    color: #94a3b8;
    text-transform: uppercase;
}

.dropup-item-icon {
    width: 15px;
    height: 15px;
    flex-shrink: 0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropup-item-text strong {
    font-size: 11.8px !important;
    font-weight: 550 !important;
    color: inherit !important;
    line-height: 1 !important;
}

.sidebar-footer-divider {
    width: 100%;
    height: 1px;
    background: #f1f5f9;
    margin: 2px 0;
}

.sidebar-user-row {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    height: 34px;
}

.sidebar-user-card {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 8px;
    height: 34px;
    min-height: 34px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
    overflow: hidden;
    flex: 1 1 0;
    min-width: 0;
    box-sizing: border-box;
}

.btn-sidebar-cikis {
    width: 34px;
    height: 34px;
    min-width: 34px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #64748b;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
    flex-shrink: 0;
    box-sizing: border-box;
}

.btn-sidebar-cikis:hover {
    background: #fee2e2;
    color: #ef4444;
    border-color: #fca5a5;
}

.sidebar-user-avatar {
    width: 24px;
    height: 24px;
    min-width: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 750;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 1px 3px rgba(249, 115, 22, 0.25);
}

.sidebar-user-details {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
}

.sidebar-user-name {
    font-size: 11px;
    font-weight: 650;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.sidebar-user-role {
    font-size: 9px;
    font-weight: 600;
    color: #64748b;
    line-height: 1;
    margin-top: 1px;
}

.sidebar-system-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;
    font-size: 10.5px;
    color: #94a3b8;
    font-weight: 600;
    padding: 3px 2px 0 2px;
    user-select: none;
    width: 100%;
}

.sidebar-system-bar .vds-realtime-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1px 7px;
    background: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 999px;
    font-size: 10px;
    color: #16a34a;
}

.sidebar-system-bar .sidebar-system-sep {
    color: #cbd5e1;
    font-size: 11px;
    line-height: 1;
    user-select: none;
}

.sidebar-system-bar .vds-realtime-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #22c55e;
    display: inline-block;
    box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2);
}

.sidebar-system-bar .app-version-badge {
    background: transparent;
    border: none;
    padding: 0;
    font-size: 10.5px;
    color: #94a3b8;
    font-family: monospace;
    font-weight: 600;
}

.app-sidebar.collapsed .sidebar-footer {
    padding: 10px 0 !important;
    gap: 8px !important;
    align-items: center !important;
    width: 64px !important;
}

.app-sidebar.collapsed .sidebar-footer-actions {
    flex-direction: column !important;
    gap: 8px !important;
    align-items: center !important;
    width: 42px !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .sidebar-copilot-kisayol-yuvasi {
    width: 40px !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .sidebar-copilot-footer-btn {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
    justify-content: center !important;
    align-items: center !important;
    position: relative !important;
    border-radius: 10px !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .sidebar-copilot-footer-btn .sidebar-copilot-btn-left {
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .sidebar-copilot-footer-btn .sidebar-copilot-icon {
    margin: 0 !important;
    width: 17px !important;
    height: 17px !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .sidebar-copilot-footer-btn .btn-label,
.app-sidebar.collapsed .sidebar-footer-actions .sidebar-copilot-footer-btn .sidebar-copilot-badge {
    display: none !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .akilli-bildirim-kisayol-yuvasi {
    width: 40px !important;
    justify-content: center !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .akilli-bildirim-geri-ac {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    justify-content: center !important;
    position: relative !important;
    border-radius: 10px !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .akilli-bildirim-geri-ac .sidebar-bildirim-icon,
.app-sidebar.collapsed .sidebar-footer-actions .akilli-bildirim-geri-ac .logi-icon {
    margin-right: 0 !important;
    width: 16px !important;
    height: 16px !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .akilli-bildirim-geri-ac .btn-label {
    display: none !important;
}

.app-sidebar.collapsed .sidebar-footer-actions .akilli-bildirim-geri-ac strong {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    font-size: 9px !important;
    height: 17px !important;
    min-width: 17px !important;
    padding: 0 4px !important;
}

.app-sidebar.collapsed .sidebar-araclar {
    width: 40px !important;
    flex: 0 0 auto !important;
    display: flex !important;
    justify-content: center !important;
}

.app-sidebar.collapsed .sidebar-araclar-btn {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    justify-content: center !important;
    border-radius: 10px !important;
}

.app-sidebar.collapsed .sidebar-araclar-btn-left {
    justify-content: center !important;
    flex: 0 0 auto !important;
}

.app-sidebar.collapsed .sidebar-araclar-btn .btn-label,
.app-sidebar.collapsed .sidebar-araclar-btn .header-araclar-chevron,
.app-sidebar.collapsed .sidebar-araclar-btn .header-araclar-ok {
    display: none !important;
}

body:not(.mobil-gorunum) .app-sidebar.collapsed .sidebar-araclar .header-araclar-menu,
body:not(.mobil-gorunum) .app-sidebar.collapsed .sidebar-araclar-dropup {
    left: calc(100% + 18px) !important;
    bottom: 0 !important;
    top: auto !important;
    right: auto !important;
    width: 224px !important;
    min-width: 224px !important;
    max-width: 224px !important;
}

.app-sidebar.collapsed .sidebar-footer-divider {
    width: 30px !important;
}

.app-sidebar.collapsed .sidebar-user-row {
    width: 40px !important;
    justify-content: center !important;
}

.app-sidebar.collapsed .sidebar-user-card {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    justify-content: center !important;
    width: 40px !important;
}

.app-sidebar.collapsed .sidebar-user-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
}

.app-sidebar.collapsed .sidebar-user-details,
.app-sidebar.collapsed .btn-sidebar-cikis {
    display: none !important;
}

.app-sidebar.collapsed .sidebar-system-bar {
    width: 40px !important;
    padding: 2px 0 !important;
    justify-content: center !important;
}

.app-sidebar.collapsed .sidebar-system-bar .app-version-badge,
.app-sidebar.collapsed .sidebar-system-bar .sidebar-system-sep,
.app-sidebar.collapsed .sidebar-system-bar .vds-realtime-badge strong {
    display: none !important;
}

.app-sidebar.collapsed .sidebar-system-bar .vds-realtime-badge {
    padding: 2px !important;
    border: none !important;
    background: transparent !important;
}

.app-sidebar.collapsed .sidebar-user-details {
    display: none !important;
}

.app-main-area {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8fafc;
    position: relative;
}

.header-page-context {
    display: none;
}

@media (min-width: 769px) {
    body:not(.mobil-gorunum) .header {
        flex: 0 0 54px !important;
        height: 54px !important;
        min-height: 54px !important;
        padding: 0 20px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    }

    body:not(.mobil-gorunum) .header .header-sol .header-brand-lockup {
        display: none !important;
    }

    body:not(.mobil-gorunum) .header-page-context {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
    }

    .header-page-category {
        font-size: 10.5px !important;
        font-weight: 750 !important;
        color: #94a3b8 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
    }

    .header-page-sep {
        color: #cbd5e1 !important;
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    .header-page-title {
        font-size: 14.5px !important;
        font-weight: 750 !important;
        color: #0f172a !important;
        letter-spacing: -0.01em !important;
        margin: 0 !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum) .tablo-sarici {
        max-height: calc(100vh - 162px) !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum).operasyon-mod .tablo-sarici,
    body:not(.tablo-disi-sayfa-aktif):not(.mobil-gorunum).kompakt-mod .tablo-sarici {
        max-height: calc(100vh - 144px) !important;
    }

    /* ============================================================
       TAVSİYE 1: KİLİTLİ SAYFA & TEK TABLO ÇUBUĞU (LINEAR/STRIPE ERP MODELİ)
       Sayfa gövdesi dikey taşmayı kilitler (overflow-y: hidden).
       Header, filtre çubuğu ve sayfalama barı ekrana kilitlenir.
       Tablo (.tablo-sarici) aradaki kalan tüm esnek alanı doldurur.
       Dıştaki gereksiz 2. çubuk tamamen yok olur.
       ============================================================ */
    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) .app-main-area {
        overflow-y: hidden !important;
        overflow-x: hidden !important;
        height: 100vh !important;
        max-height: 100vh !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) .icerik {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 0 !important;
        min-height: 0 !important;
        height: calc(100vh - 54px) !important;
        max-height: calc(100vh - 54px) !important;
        overflow: hidden !important;
        padding-top: 0 !important;
        padding-bottom: 8px !important;
        box-sizing: border-box !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) #operasyonToolbar {
        flex: 0 0 auto !important;
        margin-top: 0 !important;
        margin-bottom: 6px !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) #topluBari {
        flex: 0 0 auto !important;
        margin-bottom: 6px !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) #aktifFiltreOzeti {
        flex: 0 0 auto !important;
        margin-bottom: 6px !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) #operasyonTabloKart {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        margin-bottom: 0 !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) #operasyonTabloKart .tablo-sarici {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        height: 100% !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: auto !important;
    }

    body:not(.tablo-disi-sayfa-aktif):not(.sefer-dossier-aktif):not(.mobil-gorunum) #sayfalamaDiv {
        flex: 0 0 auto !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 768px) {
    .app-sidebar {
        display: none !important;
    }
    .header-page-context {
        display: none !important;
    }
    .header .header-brand-lockup {
        display: flex !important;
    }
}

body.mobil-gorunum .app-sidebar {
    display: none !important;
}

body.mobil-gorunum .header-page-context {
    display: none !important;
}

body.mobil-gorunum .header .header-brand-lockup {
    display: flex !important;
}

/* ==========================================================================
   SIDEBAR FLOATING TOOLTIP (Daraltılmış Mod Sekme Başlıkları)
   ========================================================================== */
.sidebar-floating-tooltip {
    position: fixed !important;
    z-index: 9999999 !important;
    pointer-events: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    background: #090e1a !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 7px !important;
    box-shadow: 0 8px 24px -2px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(249, 115, 22, 0.15) !important;
    color: #ffffff !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateY(-50%) translateX(-4px) !important;
    transition: opacity 0.14s ease, transform 0.14s ease, visibility 0.14s ease !important;
}

.sidebar-floating-tooltip.gorunur {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(-50%) translateX(0) !important;
}

.sidebar-floating-tooltip .sidebar-tooltip-arrow {
    position: absolute !important;
    left: -5px !important;
    top: 50% !important;
    transform: translateY(-50%) rotate(45deg) !important;
    width: 8px !important;
    height: 8px !important;
    background: #090e1a !important;
    border-left: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
}

.sidebar-floating-tooltip .sidebar-tooltip-label {
    position: relative !important;
    z-index: 1 !important;
    color: #f8fafc !important;
    letter-spacing: -0.01em !important;
}

.sidebar-floating-tooltip .sidebar-tooltip-shortcut {
    position: relative !important;
    z-index: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
    color: #fb923c !important;
    background: rgba(249, 115, 22, 0.16) !important;
    border: 1px solid rgba(249, 115, 22, 0.38) !important;
    border-radius: 4px !important;
    padding: 1px 5px !important;
    letter-spacing: 0.03em !important;
}

/* ============================================================
   ÇOKLU ÇALIŞMA ALANI SEKMELERİ (WORKSPACE TABS) - HEADER ENTEGRASYONU
   ============================================================ */
@media (min-width: 769px) {
    body:not(.mobil-gorunum) .header {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 16px !important;
        padding: 0 16px !important;
        flex: 0 0 52px !important;
        height: 52px !important;
        min-height: 52px !important;
        background: #ffffff !important;
        border-bottom: 1px solid #e2e8f0 !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    }

    body:not(.mobil-gorunum) .header-sol {
        display: none !important;
    }

    body:not(.mobil-gorunum) .header-sag {
        display: none !important;
    }

    body:not(.mobil-gorunum) .workspace-tab-bar {
        display: flex !important;
        align-items: center !important;
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        overflow: hidden !important;
        position: static !important;
        z-index: 10 !important;
    }
}

.workspace-tab-bar {
    display: flex;
    align-items: center;
    height: 38px;
    background: transparent;
    border: none;
    padding: 0;
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
    user-select: none;
    box-sizing: border-box;
}

.workspace-tabs-scroll {
    display: flex;
    align-items: center;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    flex: 1;
    min-width: 0;
    height: 100%;
}

.workspace-tabs-scroll::-webkit-scrollbar {
    display: none;
}

.workspace-tab {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    font-size: 12.5px;
    font-weight: 500;
    color: #475569;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    max-width: 220px;
    transition: all 0.15s ease;
    box-sizing: border-box;
    flex-shrink: 0;
}

.workspace-tab:hover {
    color: #0f172a;
    background: #f1f5f9;
    border-color: #cbd5e1;
}

.workspace-tab.active {
    color: #0f172a;
    background: #ffffff;
    font-weight: 650;
    border-color: #f97316;
    box-shadow: 0 1px 4px rgba(249, 115, 22, 0.15);
}

.workspace-tab-icon {
    font-size: 13px;
    line-height: 1;
    flex-shrink: 0;
}

.workspace-tab-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}

.workspace-tab-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    margin-left: 4px;
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 10.5px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.15s ease;
    padding: 0;
    flex-shrink: 0;
    line-height: 1;
}

.workspace-tab-close:hover {
    background: #fee2e2;
    color: #ef4444;
}

/* Mobil Koruma: Mobilde sekme çubuğu gizlenir, logo ve çıkış görünür */
@media (max-width: 768px) {
    .workspace-tab-bar {
        display: none !important;
    }
    .header-sol {
        display: flex !important;
    }
    .header-sag .kullanici-rozeti {
        display: none !important;
    }
    .header-sag .btn-cikis {
        display: flex !important;
    }
}

body.mobil-gorunum .workspace-tab-bar {
    display: none !important;
}

body.mobil-gorunum .header-sol {
    display: flex !important;
}

body.mobil-gorunum .header-sag .kullanici-rozeti {
    display: none !important;
}

body.mobil-gorunum .header-sag .btn-cikis {
    display: flex !important;
}

/* ==========================================================================
   MODEL B: ÇALIŞMA ALANI SEKMELERİ İKON & ROZETLERİ (YRT 🚛 / UKT 🌍 / CRM 🏢)
   ========================================================================== */

.workspace-tab-badge {
    font-size: 9.5px;
    font-weight: 800;
    padding: 1.5px 5px;
    border-radius: 4px;
    letter-spacing: 0.04em;
    line-height: 1.1;
    flex-shrink: 0;
}

.workspace-tab-badge.yurtici {
    background: #fff7ed;
    color: #ea580c;
    border: 1px solid #fdba74;
}

.workspace-tab-badge.ukt {
    background: #eff6ff;
    color: #2563eb;
    border: 1px solid #93c5fd;
}

/* Modül ve Çocuk Sekme Kümeleme Stilleri */
.workspace-tab.tab-yurtici {
    border-left: 3px solid #f97316;
}

.workspace-tab.tab-yurtici:hover {
    background: rgba(249, 115, 22, 0.05);
}

.workspace-tab.tab-yurtici.active {
    border-color: #f97316;
    border-left: 3.5px solid #ea580c;
    box-shadow: 0 1px 6px rgba(249, 115, 22, 0.22);
}

.workspace-tab.tab-ukt {
    border-left: 3px solid #2563eb;
}

.workspace-tab.tab-ukt:hover {
    background: rgba(37, 99, 235, 0.05);
}

.workspace-tab.tab-ukt.active {
    border-color: #2563eb;
    border-left: 3.5px solid #1d4ed8;
    box-shadow: 0 1px 6px rgba(37, 99, 235, 0.22);
}

.workspace-tab.tab-module-genel.active {
    border-color: #f97316;
}

.workspace-tab.tab-module-ukt.active {
    border-color: #2563eb;
}

.workspace-tab.tab-crm.active {
    border-color: #059669;
    box-shadow: 0 1px 6px rgba(5, 150, 105, 0.2);
}

/* ==========================================================================
/* ==========================================================================
   MODALTRANS MODELİ: TAM SAYFA 2-KOLONLU LOJİSTİK SİPARİŞ DOSYASI (DOSSIER)
   v0.9.899 — Enterprise Ultra-Premium Edition (LogiNexus Corporate Unified Design)
   ========================================================================== */

/* ==========================================================================
/* ==========================================================================
   MODALTRANS SEFER SİPARİŞ DOSYASI (SEFER DOSSIER) - ULTRA-PREMIUM V9 (PINNACLE)
   ========================================================================== */

/* ==========================================================================
   MODALTRANS SEFER SİPARİŞ DOSYASI (SEFER DOSSIER) - ENTERPRISE PINNACLE V10
   LogiNexus Executive Unified Aesthetic: Clean Bento, Zero Box Fatigue
   ========================================================================== */

/* ==========================================================================
   MODALTRANS SEFER SİPARİŞ DOSYASI (SEFER DOSSIER) - ENTERPRISE PINNACLE V11
   LogiNexus Executive Unified Aesthetic: Clean Bento, Zero Box Fatigue
   ========================================================================== */

/* ==========================================================================
   MODALTRANS SEFER SİPARİŞ DOSYASI (SEFER DOSSIER) - ENTERPRISE PINNACLE V12
   LogiNexus Executive Unified Aesthetic: Pure Clean Bento, Zero Round Avatars
   ========================================================================== */

.sefer-dossier-panel {
    display: none !important;
    width: 100%;
    min-height: calc(100vh - 54px);
    background: var(--arka, #f8f9fb);
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    font-size: 13px;
    color: var(--metin, #1a1a2e);
    overflow-x: hidden;
    overflow-y: visible;
    -webkit-font-smoothing: antialiased;
}

body.sefer-dossier-aktif .icerik {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

body.sefer-dossier-aktif #operasyonToolbar,
body.sefer-dossier-aktif #aktifFiltreOzeti,
body.sefer-dossier-aktif #topluBari,
body.sefer-dossier-aktif #operasyonTabloKart,
body.sefer-dossier-aktif #sayfalamaDiv {
    display: none !important;
}

.dossier-wrapper {
    width: 100%;
    min-height: calc(100vh - 54px);
    background: var(--arka, #f8f9fb);
    display: flex;
    flex-direction: column;
}

/* ── 1. STICKY EXECUTIVE HEADER BAR (52px) ────────────────────────── */
.dossier-header-bar {
    position: sticky;
    top: 0;
    z-index: 120;
    height: 52px;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(226, 232, 240, 0.9);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
}

.dh-left {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.btn-dossier-geri {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 32px;
    padding: 0 12px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    white-space: nowrap;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.btn-dossier-geri:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06);
    transform: translateY(-0.5px);
}

.btn-dossier-geri svg {
    width: 14px;
    height: 14px;
    color: #64748b;
}

.dh-kbd-esc {
    font-family: monospace;
    font-size: 9.5px;
    font-weight: 700;
    color: #94a3b8;
    background: #f1f5f9;
    padding: 1px 5px;
    border-radius: 4px;
    border: 1px solid #e2e8f0;
}

.dh-sep {
    width: 1px;
    height: 20px;
    background: #e2e8f0;
}

.dh-identity-block {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dh-tur-badge {
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dh-tur-badge.yurtici {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.dh-tur-badge.ukt {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.dh-ref-group {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #f8fafc;
    padding: 2px 8px;
    border-radius: 6px;
    border: 1px solid #e2e8f0;
}

.dh-ref-tag {
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0.02em;
}

.dh-btn-copy {
    width: 22px;
    height: 22px;
    border: none;
    background: transparent;
    border-radius: 4px;
    color: #94a3b8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.15s ease;
}

.dh-btn-copy:hover {
    color: var(--turuncu, #F76C0D);
    background: #fff4ee;
}

.dh-btn-copy svg {
    width: 13px;
    height: 13px;
}

.dh-title-customer {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dh-musteri-name {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    max-width: 260px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.01em;
}

.dh-meta-pills {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dh-meta-pill {
    font-size: 10.5px;
    font-weight: 600;
    color: #64748b;
    background: #f1f5f9;
    padding: 2px 7px;
    border-radius: 5px;
    border: 1px solid #e2e8f0;
}

.dh-right {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dossier-kayit-durum-rozet {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 600;
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.dossier-kayit-durum-rozet.degisiklik-var {
    background: #fffbeb;
    color: #b45309;
    border-color: #fde68a;
}

.dossier-kayit-durum-rozet .nokta {
    font-size: 11px;
    font-weight: 800;
}

.dh-action-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dh-btn-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 13px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    border: 1px solid transparent;
    white-space: nowrap;
    font-family: inherit;
}

.dh-btn-pill svg {
    width: 14px;
    height: 14px;
    transition: transform 0.18s ease;
}

.dh-btn-pill:hover svg {
    transform: scale(1.06);
}

.dh-btn-pill.btn-wa {
    background: #ffffff;
    border: 1px solid #dcfce7;
    color: #15803d;
    box-shadow: 0 1px 2px rgba(22, 101, 52, 0.04);
}

.dh-btn-pill.btn-wa:hover {
    background: #f0fdf4;
    border-color: #86efac;
    color: #166534;
    box-shadow: 0 2px 6px rgba(22, 101, 52, 0.12);
    transform: translateY(-0.5px);
}

.dh-btn-pill.btn-evrak {
    background: #ffffff;
    border: 1px solid #e0e7ff;
    color: #3730a3;
    box-shadow: 0 1px 2px rgba(49, 46, 129, 0.04);
}

.dh-btn-pill.btn-evrak:hover {
    background: #eef2ff;
    border-color: #a5b4fc;
    color: #312e81;
    box-shadow: 0 2px 6px rgba(49, 46, 129, 0.12);
    transform: translateY(-0.5px);
}

.dh-btn-pill.btn-print {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #475569;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.dh-btn-pill.btn-print:hover {
    background: #f8fafc;
    border-color: #cbd5e1;
    color: #0f172a;
    transform: translateY(-0.5px);
}

.dh-btn-pill.btn-duzenle-primary,
.dh-btn-pill.btn-save-primary {
    background: linear-gradient(135deg, #F76C0D 0%, #ea580c 100%);
    color: #ffffff;
    border: 1px solid rgba(217, 92, 8, 0.3);
    box-shadow: 0 2px 8px rgba(247, 108, 13, 0.28);
    font-weight: 700;
}

.dh-btn-pill.btn-duzenle-primary:hover,
.dh-btn-pill.btn-save-primary:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
    box-shadow: 0 4px 12px rgba(247, 108, 13, 0.38);
    transform: translateY(-1px);
}

.dh-btn-pill.btn-cancel {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    color: #64748b;
}

.dh-btn-pill.btn-cancel:hover {
    background: #f8fafc;
    color: #0f172a;
    border-color: #cbd5e1;
}

/* ── 2. SLIM TIMELINE PIPELINE SUB-BAR (38px) ────────────────────── */
.dossier-pipeline-subbar {
    width: 100%;
    background: #ffffff;
    border-bottom: 1px solid rgba(226, 232, 240, 0.85);
    padding: 6px 28px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
}

.dossier-stepper-track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    width: 100%;
    max-width: 1080px;
}

.dossier-step-node {
    display: flex;
    align-items: center;
    gap: 7px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 3px 8px;
    border-radius: 6px;
    transition: all 0.15s ease;
}

.dossier-step-node:hover {
    background: #f8fafc;
}

.dossier-step-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f1f5f9;
    border: 1.5px solid #cbd5e1;
    color: #64748b;
    font-size: 10.5px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.dossier-step-label {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    transition: color 0.15s ease;
}

.dossier-step-node.tamamlandi .dossier-step-circle {
    background: #10b981;
    border-color: #10b981;
    color: #ffffff;
}

.dossier-step-node.tamamlandi .dossier-step-label {
    color: #0f172a;
}

.dossier-step-node.aktif .dossier-step-circle {
    background: var(--turuncu, #F76C0D);
    border-color: var(--turuncu, #F76C0D);
    color: #ffffff;
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.2);
}

.dossier-step-node.aktif .dossier-step-label {
    color: var(--turuncu, #F76C0D);
    font-weight: 700;
}

.dossier-step-line {
    flex: 1;
    height: 2px;
    background: #e2e8f0;
    min-width: 20px;
    margin: 0 3px;
    border-radius: 1px;
    transition: background 0.2s ease;
}

.dossier-step-line.dolu {
    background: #10b981;
}

.dossier-step-line.aktif {
    background: linear-gradient(90deg, #10b981, var(--turuncu, #F76C0D));
}

/* ── 3. MAIN CONTAINER & 2-COLUMN LUXURY BENTO GRID ────────────────── */
.dossier-full-container {
    flex: 1;
    padding: 16px 24px 32px 24px;
    max-width: 1800px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.dp-edit-musteri-bar {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 20px;
    margin-bottom: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

.dp-emb-grid {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 16px;
}

.dossier-grid {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    gap: 16px;
    align-items: start;
}

@media (max-width: 1200px) {
    .dossier-grid {
        grid-template-columns: 1fr;
    }
}

.dossier-kolon {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
}

/* ── 4. CARD COMMON STYLES (CALM BENTO) ────────────────────────────── */
.dp-card,
.dossier-kart {
    background: #ffffff;
    border: 1px solid #eef2f6;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.02);
    overflow: hidden;
    transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

.dp-card:hover,
.dossier-kart:hover {
    border-color: #e2e8f0;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06), 0 8px 20px rgba(15, 23, 42, 0.03);
}

.dp-card-header,
.dossier-kart-baslik {
    padding: 12px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f1f5f9;
    background: #ffffff;
}

.dp-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dp-header-icon {
    width: 28px;
    height: 28px;
    border-radius: 7px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dp-header-icon svg {
    width: 14px;
    height: 14px;
}

.dp-header-icon.hrs-icon {
    background: #fff4ee;
    border-color: #ffe0cc;
    color: var(--turuncu, #F76C0D);
}

.dp-header-icon.fleet-icon {
    background: #eff6ff;
    border-color: #dbeafe;
    color: #2563eb;
}

.dp-header-icon.fin-icon {
    background: #ecfdf5;
    border-color: #d1fae5;
    color: #059669;
}

.dp-card-title {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

.dp-header-badges {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dp-wbc-label {
    font-size: 10px;
    font-weight: 800;
    color: #64748b;
    background: #f1f5f9;
    padding: 2px 7px;
    border-radius: 5px;
    letter-spacing: 0.05em;
}

.hrs-badge-tag {
    font-size: 10.5px;
    font-weight: 700;
    color: var(--turuncu, #F76C0D);
    background: #fff4ee;
    border: 1px solid #fed7aa;
    padding: 2px 8px;
    border-radius: 5px;
}

.dp-card-body {
    padding: 16px 18px;
}

/* ── 5. KART 1: GÜZERGAH & YÜK PLANLAMA (CALM CORRIDOR FLOW) ───────── */
.dp-horizontal-route-wrap {
    padding-bottom: 14px;
}

.dp-hr-main {
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: space-between;
}

/* Origin & Destination: Clean Unboxed Points */
.dp-hr-point {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.dp-hr-point.origin {
    text-align: left;
}

.dp-hr-point.destination {
    text-align: right;
}

.dp-hr-head {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.dp-hr-point.destination .dp-hr-head {
    justify-content: flex-end;
}

.dp-hr-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 2px 8px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.dp-hr-badge.origin {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.dp-hr-badge.destination {
    background: #fff4ee;
    color: #d95c08;
    border: 1px solid #fed7aa;
}

.dp-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
}

.dp-badge-dot.green {
    background: #10b981;
}

.dp-badge-dot.orange {
    background: var(--turuncu, #F76C0D);
}

.dp-hr-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
}

.dp-hr-date svg {
    width: 12px;
    height: 12px;
    color: #94a3b8;
}

.dp-hr-city {
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dp-hr-company {
    font-size: 11.5px;
    font-weight: 500;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Corridor Connector */
.dp-hr-line-wrap {
    flex: 0 0 140px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.dp-hr-line-track {
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, #10b981 0%, var(--turuncu, #F76C0D) 100%);
    position: relative;
    border-radius: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dp-hr-track-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
}

.dp-hr-track-dot.origin {
    left: 0;
    background: #10b981;
    box-shadow: 0 0 0 2px #ffffff;
}

.dp-hr-track-dot.destination {
    right: 0;
    background: var(--turuncu, #F76C0D);
    box-shadow: 0 0 0 2px #ffffff;
}

.dp-hr-track-arrow {
    font-size: 9px;
    color: #ffffff;
    background: #0f172a;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.dp-hr-pill-badge {
    display: flex;
    align-items: center;
    gap: 4px;
}

.dp-hr-dist-tag {
    font-size: 10.5px;
    font-weight: 700;
    color: #0f172a;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    padding: 1px 8px;
    border-radius: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

.dp-hr-stops-tag {
    font-size: 10px;
    font-weight: 700;
    color: #2563eb;
    background: #eff6ff;
    padding: 1px 6px;
    border-radius: 10px;
}

/* Sub-stops List */
.dp-hr-substops {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px dashed #e2e8f0;
}

.dp-hr-substops-title {
    font-size: 10.5px;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dp-hr-substops-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.dp-hr-substop-pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
}

.dhs-step-num {
    font-weight: 800;
    font-size: 9.5px;
    color: #64748b;
    background: #ffffff;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Integrated Flush Cargo Summary Strip */
.dp-cargo-summary-strip {
    margin: 12px -18px -16px -18px;
    padding: 12px 18px;
    background: #fbfcfe;
    border-top: 1px solid #f1f5f9;
    border-radius: 0 0 12px 12px;
    display: grid;
    grid-template-columns: 1fr 1fr 1.4fr;
    gap: 0;
    align-items: center;
}

.dcs-metric-item {
    padding: 0 14px;
    border-right: 1px solid #edf2f7;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dcs-metric-item:first-child {
    padding-left: 0;
}

.dcs-chips-item {
    padding-left: 14px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dcs-lbl {
    font-size: 9.5px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 2px;
}

.dcs-lbl svg {
    width: 12px;
    height: 12px;
    color: var(--turuncu, #F76C0D);
}

.dcs-val {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.dcs-val small {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.dp-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center;
}

.dp-tag-pill {
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 7px;
    border-radius: 5px;
    background: #f1f5f9;
    color: #475569;
}

.dp-tag-pill.active {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.dp-tag-pill.adr {
    background: #fef2f2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

/* Edit Mode Elements in Route */
.dp-waybill-edit-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin-bottom: 12px;
}

.dp-we-side {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 12px;
}

.dp-we-title {
    font-size: 11px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.dp-extra-stops-section {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 12px;
}

.dp-ess-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.dp-ess-title {
    font-size: 10px;
    font-weight: 800;
    color: #475569;
    letter-spacing: 0.05em;
}

.btn-add-stop {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 5px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    cursor: pointer;
}

/* ── 6. KART 2: TAŞIYICI EKİP & ARAÇ (AUTHENTIC TR PLATES, NO CIRCULAR AVATARS) ─── */
.fleet-company-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 8px;
    margin-bottom: 14px;
}

.fcb-lbl {
    font-size: 9.5px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 2px;
}

.fcb-val {
    font-size: 13.5px;
    font-weight: 700;
    color: #0f172a;
}

.fcb-tag {
    font-size: 10.5px;
    font-weight: 700;
    color: #047857;
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    padding: 2px 8px;
    border-radius: 12px;
}

/* Authentic Turkish European License Plates */
.tr-plate-assembly {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 6px 0 16px 0;
}

.tr-plate-col {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}

.tr-plate-kind-tag {
    font-size: 9.5px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tr-plate-item {
    width: 172px;
    height: 36px;
    background: #ffffff;
    border: 1.5px solid #1e293b;
    border-radius: 5px;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.dossier-plaka-sari {
    border-color: #1e293b;
}

.tr-plate-band {
    width: 28px;
    height: 100%;
    background: #003399;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.tr-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: 0.05em;
}

.tr-plate-text {
    flex: 1;
    font-family: 'JetBrains Mono', monospace;
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: 0.12em;
    text-align: center;
    white-space: nowrap;
}

.tr-plate-hitch {
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tr-plate-hitch svg {
    width: 22px;
    height: 22px;
}

/* Driver Profile Row (Clean Typography, No Initial Circle) */
.driver-profile-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 16px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 9px;
    transition: all 0.15s ease;
}

.driver-profile-card:hover {
    background: #f1f5f9;
    border-color: #e2e8f0;
}

.driver-profile-card .dpc-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.dpc-lbl {
    font-size: 9.5px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
}

.dpc-name {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dpc-call-side {
    display: flex;
    align-items: center;
    gap: 8px;
}

.dpc-actions-view {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dpc-tel-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 12px;
    border-radius: 7px;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    font-size: 12px;
    font-weight: 600;
    color: #0f172a;
    text-decoration: none;
    transition: all 0.18s ease;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.dpc-tel-pill:hover {
    border-color: var(--turuncu, #F76C0D);
    color: var(--turuncu, #F76C0D);
    background: #fff4ee;
    box-shadow: 0 2px 6px rgba(247, 108, 13, 0.12);
    transform: translateY(-0.5px);
}

.dpc-tel-pill svg {
    width: 13px;
    height: 13px;
    color: #64748b;
    transition: color 0.18s ease;
}

.dpc-tel-pill:hover svg {
    color: var(--turuncu, #F76C0D);
}

.dpc-wa-pill {
    width: 30px;
    height: 30px;
    border-radius: 7px;
    background: linear-gradient(135deg, #25d366 0%, #16a34a 100%);
    border: none;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.18s ease;
    box-shadow: 0 2px 6px rgba(37, 211, 102, 0.25);
}

.dpc-wa-pill:hover {
    background: linear-gradient(135deg, #20ba5a 0%, #15803d 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 10px rgba(37, 211, 102, 0.35);
}

.dpc-wa-pill svg {
    width: 14px;
    height: 14px;
}

/* ── 7. KART 3: EVRAK & TESLİMAT BELGELERİ (CLEAN AMBER STATE) ─────── */
.dossier-evrak-panel-card {
    border-radius: 8px;
}

.depc-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    border-radius: 8px;
}

.depc-content.depc-empty {
    background: #fffbeb;
    border: 1px solid #fde68a;
}

.depc-content.depc-filled {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
}

.depc-icon-badge {
    width: 32px;
    height: 32px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex-shrink: 0;
}

.depc-icon-badge.hourglass {
    background: #fef3c7;
    color: #d97706;
}

.depc-icon-badge.check {
    background: #d1fae5;
    color: #059669;
}

.depc-icon-badge svg {
    width: 16px;
    height: 16px;
}

.depc-info {
    flex: 1;
    min-width: 0;
}

.depc-title {
    font-size: 12.5px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.2;
}

.depc-desc {
    font-size: 11px;
    color: #64748b;
    margin-top: 2px;
}

.btn-depc-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 14px;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    border: none;
    transition: all 0.18s ease;
}

.btn-depc-action svg {
    width: 13px;
    height: 13px;
}

.btn-depc-action.btn-upload {
    background: linear-gradient(135deg, #F76C0D 0%, #ea580c 100%);
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(247, 108, 13, 0.22);
}

.btn-depc-action.btn-upload:hover {
    background: linear-gradient(135deg, #ea580c 0%, #c2410c 100%);
    box-shadow: 0 4px 10px rgba(247, 108, 13, 0.32);
    transform: translateY(-0.5px);
}

.btn-depc-action.btn-view {
    background: #0f172a;
    color: #ffffff;
}

.btn-depc-action.btn-add-more {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #475569;
    margin-left: 6px;
}

.dossier-evraklar-wrap {
    margin-top: 10px;
}

.dossier-evrak-bos {
    display: none;
}

.dossier-evrak-liste {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dossier-evrak-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 8px;
    transition: all 0.15s ease;
}

.dossier-evrak-item:hover {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.04);
}

.dei-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.dei-type-badge {
    font-size: 10px;
    font-weight: 800;
    padding: 2px 7px;
    border-radius: 5px;
    background: #e2e8f0;
    color: #334155;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.dei-type-badge.cmr {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.dei-type-badge.irsaliye {
    background: #fdf4ff;
    color: #a21caf;
    border: 1px solid #f0abfc;
}

.dei-meta {
    display: flex;
    flex-direction: column;
    gap: 1px;
    min-width: 0;
}

.dei-ad {
    font-size: 12px;
    font-weight: 600;
    color: #0f172a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 260px;
}

.dei-tarih {
    font-size: 10.5px;
    color: #94a3b8;
}

.dei-btn-gor {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    padding: 0 11px;
    border-radius: 6px;
    background: #ffffff;
    border: 1px solid #cbd5e1;
    font-size: 11.5px;
    font-weight: 600;
    color: #0f172a;
    cursor: pointer;
    transition: all 0.15s ease;
}

.dei-btn-gor:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
}

.dei-btn-gor svg {
    width: 12px;
    height: 12px;
    color: #64748b;
}

/* ── 8. KART 4: FİNANS & FATURALANDIRMA (EXECUTIVE P&L RIBBON) ──────── */
.finans-marj-rozet {
    font-size: 10.5px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 6px;
}

.finans-marj-rozet.yuksek {
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #a7f3d0;
}

.finans-marj-rozet.orta {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.finans-marj-rozet.dusuk {
    background: #fffbeb;
    color: #b45309;
    border: 1px solid #fde68a;
}

/* Unified 4-Metric Ribbon: Clean, Flat, Separated by Subtle Dividers */
.dp-pnl-banner,
.dossier-pnl-banner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 9px;
    padding: 12px 14px;
}

.dp-pnl-metric {
    padding: 0 12px;
    border-right: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dp-pnl-metric:first-child {
    padding-left: 0;
}

.dp-pnl-metric:last-child {
    border-right: none;
    padding-right: 0;
}

.dpm-lbl {
    font-size: 9.5px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 2px;
}

.dpm-val {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.dpm-val small {
    font-size: 11px;
    font-weight: 600;
    color: #64748b;
}

.dpm-val.dossier-pnl-kar-tutar {
    color: #10b981;
}

.dp-pnl-metric.negatif .dpm-val.dossier-pnl-kar-tutar {
    color: #ef4444;
}

.dpm-val.dossier-pnl-kar-marj {
    color: #0f172a;
}

.dpm-sub {
    margin-top: 3px;
}

.dpm-sub-tag {
    font-size: 10.5px;
    font-weight: 600;
    color: #64748b;
}

.dossier-finans-durum-rozet {
    display: inline-block;
    font-size: 9.5px;
    font-weight: 800;
    padding: 1px 6px;
    border-radius: 4px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.dossier-finans-durum-rozet.kar {
    background: #ecfdf5;
    color: #047857;
}

.dossier-finans-durum-rozet.zarar {
    background: #fef2f2;
    color: #dc2626;
}

/* Slim Margin Progress Bar */
.dossier-pnl-bar-wrap {
    margin-top: 10px;
}

.dossier-pnl-bar {
    height: 5px;
    border-radius: 3px;
    background: #e2e8f0;
    overflow: hidden;
    display: flex;
    width: 100%;
}

.dpb-segment {
    height: 100%;
    transition: width 0.3s ease;
}

.dpb-segment .dpb-label {
    display: none !important;
}

.dpb-cost {
    background: #94a3b8;
}

.dpb-profit.kar {
    background: #10b981;
}

.dpb-profit.zarar {
    background: #ef4444;
}

.dpb-legend {
    display: flex;
    justify-content: space-between;
    font-size: 10.5px;
    color: #64748b;
    margin-top: 4px;
}

.dpb-legend-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.dpb-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
}

.dpb-dot.cost {
    background: #94a3b8;
}

.dpb-dot.profit.kar {
    background: #10b981;
}

.dpb-dot.profit.zarar {
    background: #ef4444;
}

/* Invoicing Matrix (2-Column Flat Grid) */
.dp-fin-subpanels-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 10px;
    background: #ffffff;
    border: 1px solid #edf2f7;
    border-radius: 8px;
    padding: 10px 14px;
}

.dp-fin-subpanel {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dp-fsp-header {
    border-bottom: 1px solid #f1f5f9;
    padding-bottom: 4px;
}

.dp-fsp-title {
    font-size: 10px;
    font-weight: 800;
    color: #475569;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.dp-fsp-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.dp-fsp-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dp-fsp-lbl {
    font-size: 10px;
    font-weight: 600;
    color: #64748b;
    text-transform: uppercase;
}

.dp-fsp-val {
    font-size: 12px;
    font-weight: 600;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 6px;
}

.val-gib {
    color: #1d4ed8;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11.5px;
}

.val-tdr {
    color: #0f172a;
    font-family: 'JetBrains Mono', monospace;
    font-size: 11.5px;
}

.dp-vade-tag {
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
}

.dp-vade-tag.normal {
    background: #ecfdf5;
    color: #047857;
}

.dp-vade-tag.yakin {
    background: #fffbeb;
    color: #b45309;
}

.dp-vade-tag.bugun {
    background: #fff7ed;
    color: #c2410c;
}

.dp-vade-tag.gecikti {
    background: #fef2f2;
    color: #dc2626;
}

.dp-cashflow-gap-strip {
    margin-top: 8px;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 11px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.dp-cashflow-gap-strip.pozitif {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.dp-cashflow-gap-strip.negatif {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: #991b1b;
}

.dp-cashflow-gap-strip.notr {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.cfg-badge {
    font-weight: 800;
    font-size: 9.5px;
    padding: 1px 5px;
    border-radius: 4px;
    background: rgba(0,0,0,0.06);
}

/* Payment Note Strip */
.dp-pay-note-box {
    margin-top: 8px;
    padding: 8px 12px;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 6px;
}

.dp-pnb-lbl {
    font-size: 9px;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 2px;
}

.dp-pnb-val {
    font-size: 11.5px;
    color: #334155;
}

.dp-empty {
    color: #94a3b8;
    font-style: italic;
}

/* ── 9. KART 5: OPERASYON NOTLARI & ZAMAN TÜNELİ ────────────────────── */
.dossier-quick-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 12px;
}

.dq-chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 28px;
    padding: 0 11px;
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #ffffff;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02);
}

.dq-chip:hover {
    border-color: var(--turuncu, #F76C0D);
    color: var(--turuncu, #F76C0D);
    background: #fff4ee;
    transform: translateY(-0.5px);
    box-shadow: 0 2px 6px rgba(247, 108, 13, 0.12);
}

.dq-chip-icon {
    font-size: 11px;
}

.dossier-hizli-not-form {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 14px;
}

.dossier-input {
    height: 34px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 12px;
    font-size: 12.5px;
    color: #0f172a;
    background: #ffffff;
    box-sizing: border-box;
    width: 100%;
    outline: none;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.dossier-input:focus {
    border-color: var(--turuncu, #F76C0D);
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.15);
}

.btn-dossier-not-ekle {
    height: 34px;
    padding: 0 16px;
    border-radius: 8px;
    background: #0f172a;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #0f172a;
    cursor: pointer;
    transition: all 0.18s ease;
    white-space: nowrap;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.12);
}

.btn-dossier-not-ekle:hover {
    background: #1e293b;
    border-color: #1e293b;
    transform: translateY(-0.5px);
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.18);
}

.btn-dossier-hizli-evrak {
    height: 34px;
    padding: 0 13px;
    border-radius: 8px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.18s ease;
}

.btn-dossier-hizli-evrak:hover {
    background: #edf2f7;
    border-color: #94a3b8;
    color: #0f172a;
    transform: translateY(-0.5px);
}

/* Timeline Stream */
.dossier-tl-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.dossier-tl-not-ozet {
    background: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px;
    padding: 8px 12px;
    margin-bottom: 6px;
}

.dtl-no-tag {
    font-size: 9.5px;
    font-weight: 800;
    color: #b45309;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 2px;
}

.dossier-tl-not-ozet p {
    margin: 0;
    font-size: 12px;
    color: #78350f;
}

.dossier-tl-liste {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
    padding-left: 16px;
}

.dossier-tl-liste::before {
    content: '';
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 4px;
    width: 2px;
    background: #edf2f7;
    border-radius: 1px;
}

.dossier-tl-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 8px;
}

.dtl-event-bullet {
    position: absolute;
    left: -16px;
    top: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--turuncu, #F76C0D);
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px rgba(247, 108, 13, 0.4);
}

.dtl-event-content {
    flex: 1;
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 7px;
    padding: 7px 11px;
}

.dtl-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 2px;
}

.dtl-event-title {
    font-size: 11.5px;
    font-weight: 700;
    color: #0f172a;
}

.dtl-time {
    font-size: 10px;
    font-weight: 600;
    color: #94a3b8;
    font-family: 'JetBrains Mono', monospace;
}

.dtl-event-desc {
    font-size: 11.5px;
    color: #475569;
    margin-bottom: 2px;
}

.dtl-event-user {
    font-size: 10px;
    color: #94a3b8;
}

.dtl-user-comment {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 7px;
    padding: 7px 11px;
    margin-left: 0;
    border-left: 3px solid #2563eb;
}

.dtl-avatar {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 9px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dtl-comment-bubble {
    flex: 1;
    min-width: 0;
}

.dtl-user-title {
    font-size: 11.5px;
    font-weight: 700;
    color: #0f172a;
}

.dtl-comment-text {
    font-size: 12px;
    color: #334155;
    margin-top: 2px;
}

.dossier-tl-bos {
    font-size: 12px;
    color: #94a3b8;
    text-align: center;
    padding: 12px 0;
    font-style: italic;
}

/* ── 10. EDIT MODE / VIEW MODE SWITCHING ──────────────────────────── */
.dp-edit-el {
    display: none !important;
}

#dossierWrapper.edit-mode .dp-view-el {
    display: none !important;
}

#dossierWrapper.edit-mode .dp-edit-el {
    display: block !important;
}

#dossierWrapper.edit-mode .dp-edit-el.tr-plate-edit-wrap,
#dossierWrapper.edit-mode .dp-edit-el.dpc-actions-edit {
    display: flex !important;
}

#dossierWrapper.edit-mode .dp-edit-el.dp-edit-musteri-bar {
    display: block !important;
}

#dossierWrapper.edit-mode .dp-edit-el.dp-waybill-edit-grid {
    display: grid !important;
}

.dossier-birim-select {
    height: 32px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    padding: 0 6px;
    font-size: 11.5px;
    color: #0f172a;
    background: #ffffff;
}

.dossier-tag-btn {
    height: 26px;
    padding: 0 8px;
    border-radius: 6px;
    border: 1px solid #cbd5e1;
    background: #ffffff;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
}

.dossier-tag-btn.secili {
    background: var(--turuncu, #F76C0D);
    border-color: var(--turuncu, #F76C0D);
    color: #ffffff;
}

/* Drawer overlay if present */
body.sefer-dossier-aktif .evrak-modal-kart {
    width: min(560px, 94vw) !important;
    max-width: 560px !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 20px 0 0 20px !important;
    border: none !important;
    border-left: 1px solid rgba(226, 232, 240, 0.8) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    box-shadow: -12px 0 40px rgba(15, 23, 42, 0.16) !important;
    display: flex !important;
    flex-direction: column !important;
}

/* ==========================================================================
   PREMIUM KİLİTLİ İNCELEME MODU (6 TEMEL KURUMSAL TASARIM STANDARDI)
   ========================================================================== */

/* 1. "Gri Input Kutusu" Yerine BORDERLESS READOUT (Border & Underline Clutter Sıfırlandı) */
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri :is(.input-alan, .select-alan, textarea, input),
body .form-panel.goruntuleme-modu #inputSatiri :is(.input-alan, .select-alan, textarea, input),
body .form-panel.goruntuleme-modu :is(.input-alan, .select-alan, textarea, input) {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    font-size: 13.5px !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: default !important;
    caret-color: transparent !important;
    user-select: text !important;
    padding: 4px 2px 6px 2px !important;
    height: 32px !important;
    min-height: 32px !important;
    transition: none !important;
}

body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri :is(.input-alan, .select-alan, textarea, input):hover,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri :is(.input-alan, .select-alan, textarea, input):focus,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri :is(.input-alan, .select-alan, textarea, input):active,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri :is(.input-alan, .select-alan, textarea, input):focus-within,
body .form-panel.goruntuleme-modu :is(.input-alan, .select-alan, textarea, input):focus {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    color: #0f172a !important;
    box-shadow: none !important;
    outline: none !important;
    cursor: default !important;
    caret-color: transparent !important;
}

/* Boş kilitli alanlar - Akıllı sessizlik & em-dash */
body:not(#_nonexistent_) .form-panel.goruntuleme-modu .kilitli-bos-alan,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu input.input-alan:placeholder-shown,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu textarea.input-alan:placeholder-shown,
body .form-panel.goruntuleme-modu .kilitli-bos-alan {
    background: transparent !important;
    border: none !important;
    border-bottom: none !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
    outline: none !important;
    font-weight: 600 !important;
}

body .form-panel.goruntuleme-modu .kilitli-bos-alan::placeholder,
body .form-panel.goruntuleme-modu input.input-alan:placeholder-shown::placeholder,
body .form-panel.goruntuleme-modu textarea.input-alan:placeholder-shown::placeholder {
    color: #94a3b8 !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

/* Kilitli modda telefon ve para wrapperlerinin cercevesini kaldir */
body .form-panel.goruntuleme-modu .tel-input-wrap,
body .form-panel.goruntuleme-modu .para-input-wrap {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
body .form-panel.goruntuleme-modu .tel-input-wrap {
    border: none !important;
    border-bottom: none !important;
}
body .form-panel.goruntuleme-modu .tel-input-wrap .tel-input {
    border: none !important;
    border-bottom: none !important;
}

/* Kilitli modda oneri acilir listelerini kesin olarak yok et */
body .form-panel.goruntuleme-modu .oneri-listesi,
body .form-panel.goruntuleme-modu .oneri-listesi * {
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Rota Bolumunde Lojistik Irsaliye Zarafeti (Kutulari Birlestirmeden) */
.form-panel.goruntuleme-modu .etiket-rozet-oto {
    display: none !important;
}
.form-panel.goruntuleme-modu #f_yukleme_firma,
.form-panel.goruntuleme-modu #f_bosaltma_firma {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.9) !important;
}
.form-panel.goruntuleme-modu #f_yukleme_yeri,
.form-panel.goruntuleme-modu #f_bosaltma_yeri {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    letter-spacing: 0.02em !important;
    border-bottom: 1px solid rgba(226, 232, 240, 0.6) !important;
}

/* 3. Finans & Faturalandirmada Fintech Netligi */
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #f_gelir {
    border: none !important;
    border-left: 3.5px solid #16a34a !important;
    border-bottom: 2px solid #16a34a !important;
    color: #15803d !important;
    font-weight: 800 !important;
    font-size: 14.5px !important;
    background: transparent !important;
    padding-left: 8px !important;
}
.form-panel.goruntuleme-modu #addon_gelir {
    color: #16a34a !important;
    font-weight: 800 !important;
}
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #f_gider {
    border: none !important;
    border-left: 3.5px solid #64748b !important;
    border-bottom: 2px solid #64748b !important;
    color: #334155 !important;
    font-weight: 800 !important;
    font-size: 14.5px !important;
    background: transparent !important;
    padding-left: 8px !important;
}
.form-panel.goruntuleme-modu #addon_gider {
    color: #64748b !important;
    font-weight: 800 !important;
}

/* 4. Hiyerarsik Bilgi Mimarisi (Musteri & Plakalar) */
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #f_musteri {
    font-size: 15.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid var(--turuncu, #F76C0D) !important;
    padding-bottom: 4px !important;
    box-shadow: none !important;
}
.form-panel.goruntuleme-modu .input-grup[data-alan="musteri"] .input-etiket {
    color: var(--turuncu, #F76C0D) !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    letter-spacing: 0.05em !important;
}

/* TR Plaka cercevesi kilitli modda */
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame,
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame:hover,
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame:focus,
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame:focus-within {
    background: #f8fafc !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    border-color: rgba(203, 213, 225, 0.8) !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    outline: none !important;
}
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-input {
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    border-bottom: none !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
}

/* 5. Kilit Durumu Iletisimi (Hover Lock Ikonu & Pulse Efekti) */
.form-panel.goruntuleme-modu .input-grup:not(.yuk-nitelikleri-grup-wrap) .input-etiket::after {
    content: " 🔒";
    font-size: 9px;
    opacity: 0;
    transition: opacity 0.15s ease;
    margin-left: 4px;
    vertical-align: middle;
}
.form-panel.goruntuleme-modu .input-grup:not(.yuk-nitelikleri-grup-wrap):hover .input-etiket::after {
    opacity: 0.55;
}

@keyframes kilitliBtnPulse {
    0% { transform: scale(1); box-shadow: 0 4px 14px rgba(247, 108, 13, 0.35); }
    50% { transform: scale(1.04); box-shadow: 0 0 0 5px rgba(247, 108, 13, 0.22), 0 6px 18px rgba(247, 108, 13, 0.45); }
    100% { transform: scale(1); box-shadow: 0 4px 14px rgba(247, 108, 13, 0.35); }
}
.btn-dikkat-nabiz {
    animation: kilitliBtnPulse 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* 6. Bento Grid & Yuzey Kontrasti */
.form-panel .form-icerik-kap {
    background: #f8fafc !important;
}
.form-panel .form-section-card {
    background: #ffffff !important;
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03), 0 4px 12px rgba(15, 23, 42, 0.02) !important;
}

/* 7. Bos Alanlari Gizleme & Aciklama / Dekont Yonetimi */
.form-panel.goruntuleme-modu .kilitli-bos-gizle {
    display: none !important;
}
.form-panel.goruntuleme-modu .form-row-aciklamalar:not(:has(#f_gelir_notu:not(:placeholder-shown))):not(:has(#f_gider_notu:not(:placeholder-shown))) {
    display: none !important;
}
.form-panel.goruntuleme-modu .input-grup[data-alan="odeme_bilgisi"]:has(#f_odeme_bilgisi:placeholder-shown),
.form-panel.goruntuleme-modu .input-grup[data-alan="odeme_bilgisi"]:has(#f_odeme_bilgisi.kilitli-bos-alan) {
    display: none !important;
}

/* Dolu notlar icin temiz metin blogu */
body .form-panel.goruntuleme-modu textarea.input-alan:not(.kilitli-bos-alan) {
    background: #f8fafc !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    min-height: 48px !important;
    resize: none !important;
    line-height: 1.45 !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 12.5px !important;
}

/* 8. Cift Buton Fazlaligi - Ust bardaki Duzenle butonunu gizle */
#btnFormDuzenleModu,
.form-panel .btn-form-ek-aksiyon.duzenle {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════
   ⭐ ALTERNATİF A: ERP SOL KENAR KILAVUZU & MİKRO ZÜMRÜT VURGUSU
   ══════════════════════════════════════════════════════════════
   - Boş Kutu: Temiz beyaz zemin (#ffffff), çok hafif gri çerçeve (1px solid #e2e8f0)
   - Veri Girildiği An: Zemin BEYAZ kalır, sol kenarda 2.5px zümrüt yeşili çizgi (#0d9488)
   - Etiket: Hafif soluk griden tok kurumsal laciverte (#0f172a, font-weight: 700) döner
   - Operatör göz ucuyla baktığında mühürlenen alanları anında ayırt eder.
   ══════════════════════════════════════════════════════════════ */

/* Düzenleme modunda boş kutular — temiz beyaz zemin ve zarif çerçeve */
.form-panel:not(.goruntuleme-modu) #inputSatiri :is(.input-alan, .select-alan, textarea) {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    transition: border 0.14s ease, box-shadow 0.14s ease !important;
}

/* Veri Girildiği An (alan-dolu): Zemin beyaz kalır, sol kenara 2.5px zümrüt kılavuz çizgisi oturur */
.form-panel:not(.goruntuleme-modu) #inputSatiri input.input-alan.alan-dolu,
.form-panel:not(.goruntuleme-modu) #inputSatiri textarea.input-alan.alan-dolu,
.form-panel:not(.goruntuleme-modu) #inputSatiri select.select-alan.alan-dolu {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-left: 2.5px solid #0d9488 !important;
    padding-left: 9px !important;
}

/* Dolu alan etiketi: soluk griden tok kurumsal laciverte dönüşür */
.form-panel:not(.goruntuleme-modu) #inputSatiri .input-grup.input-grup-dolu > .input-etiket {
    color: #0f172a !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    transition: color 0.14s ease !important;
}

/* TR Plaka çerçevesi için sol kılavuz çizgisi */
.form-panel:not(.goruntuleme-modu) #inputSatiri .input-grup-tr-plaka.input-grup-dolu .tr-plate-frame {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-left: 2.5px solid #0d9488 !important;
}

/* Telefon ve Para input wrapperleri şeffaf kalır, border içteki input-alan üzerinde taşınır */
.form-panel:not(.goruntuleme-modu) #inputSatiri .tel-input-wrap,
.form-panel:not(.goruntuleme-modu) #inputSatiri .para-input-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ══════════════════════════════════════════════════════════════
   GÖMÜLÜ BİRİMLER (INLINE SUFFIX ADDONS)
   ══════════════════════════════════════════════════════════════ */

/* Para input wrapper ve gömülü döviz seçici */
.form-panel .para-input-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}
.form-panel .para-input-wrap .para-input {
    width: 100% !important;
    padding-right: 48px !important;
}
.form-panel .para-birim-select {
    position: absolute !important;
    right: 4px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 24px !important;
    padding: 0 5px !important;
    border: 1px solid rgba(203, 213, 225, 0.8) !important;
    border-radius: 5px !important;
    background: #f8fafc !important;
    color: #1e293b !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    outline: none !important;
    transition: all 0.14s ease !important;
    z-index: 2 !important;
}
.form-panel .para-birim-select:hover,
.form-panel .para-birim-select:focus {
    background: #ffffff !important;
    border-color: var(--turuncu, #F76C0D) !important;
    color: var(--turuncu, #F76C0D) !important;
}

/* KG ve KAP birim rozetleri (input-suffix-wrap) */
.form-panel .input-suffix-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}
.form-panel .input-suffix-wrap input {
    width: 100% !important;
    padding-right: 46px !important;
}
.form-panel .inline-unit-badge {
    position: absolute !important;
    right: 6px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    background: #f1f5f9 !important;
    padding: 2px 6px !important;
    border-radius: 4px !important;
    pointer-events: none !important;
    letter-spacing: 0.04em !important;
    z-index: 2 !important;
}

/* Kilitli görüntüleme modunda gömülü para alanları ve döviz birimi */
body .form-panel.goruntuleme-modu .para-input-wrap {
    display: inline-flex !important;
    align-items: baseline !important;
    width: fit-content !important;
    max-width: 100% !important;
    gap: 4px !important;
    position: relative !important;
}
body .form-panel.goruntuleme-modu .para-input-wrap .para-input {
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    font-size: 19px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    width: auto !important;
    field-sizing: content !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
body .form-panel.goruntuleme-modu .para-birim-select {
    position: static !important;
    transform: none !important;
    border: none !important;
    background: transparent !important;
    color: #15803d !important;
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    pointer-events: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    line-height: 1.2 !important;
    right: auto !important;
    top: auto !important;
}
body .form-panel.goruntuleme-modu #f_gider ~ .para-birim-select,
body .form-panel.goruntuleme-modu #f_ydg_gider ~ .para-birim-select {
    color: #475569 !important;
}
body .form-panel.goruntuleme-modu .inline-unit-badge {
    background: transparent !important;
    color: #94a3b8 !important;
    font-size: 10px !important;
}

/* Kilitli modda alan-dolu nötrlenir */
body .form-panel.goruntuleme-modu .alan-dolu,
body .form-panel.goruntuleme-modu .input-grup-dolu > .input-etiket {
    border-left-color: transparent !important;
    background: transparent !important;
    color: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit !important;
}


/* ==========================================================================
   LOGICORE / B2B SAAS PREMIUM ENHANCEMENTS
   1. Mikro-Katmanlar ve Derinlik (Borders over Shadows & Glassmorphism Backdrop)
   2. Sayısal Tipografi: Tabular Nums & Finansal Netlik
   3. Renk Enflasyonunu Önleme & Rozet Mimarisi (Subtle Badges)
   4. Apple/Linear Tarzı Akıcı Geçişler (Spring Micro-interactions)
   ========================================================================== */

/* ── 1. Mikro-Katmanlar & Glassmorphism ───────────────────────────────── */
:is(
    .modal-overlay,
    .onay-overlay,
    .evrak-modal-overlay,
    .ldm-overlay,
    #detayOverlay,
    .komut-paleti-overlay,
    .crm-modal-overlay,
    .maliyet-overlay,
    .kart-lokasyon-onizleme-overlay,
    .evrak-onizleme-overlay
) {
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(8px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(8px) saturate(180%) !important;
}

:is(
    .modal-kart,
    .onay-kart,
    .ldm-kart,
    .evrak-modal-kart,
    #detayOverlay .detay-kart,
    .komut-paleti-kart,
    .admin-modal-kart,
    .crm-modal
) {
    border: 1px solid rgba(226, 232, 240, 0.85) !important;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 20px 44px -10px rgba(15, 23, 42, 0.22) !important;
    animation: modalSpringIn 0.22s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Subtle border over heavy shadow for main cards */
.tablo-kart,
.dossier-kart,
.dp-card,
.db-kpi-kart,
.crm-kart,
.finans-kart,
.akilli-bos-kart {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

/* ── 2. Sayısal Tipografi: Tabular Nums & Monospace Rakam Hizalaması ───── */
td.kolon-sayisal,
th.kolon-sayisal,
td.kolon-finans,
th.kolon-finans,
td.cell-finance-gelir,
td.cell-finance-gider,
td.kolon-tarih,
th.kolon-tarih,
td.kolon-ref,
th.kolon-ref,
td.kolon-yil,
th.kolon-yil,
.finans-hucre-tutar,
.tutar-hucre,
.sayi,
.stat-sayi,
.kpi-deger,
.metric-value,
.badge-sayac,
.vade-sayac,
.vade-sayac-rozet,
.dossier-pnl-kar-tutar,
.dossier-pnl-kar-marj,
.dossier-pnl-deger,
.form-live-pnl-tutar,
.form-live-pnl-marj,
.dossier-stat-deger,
.dossier-stepper-num,
.hrc-tutar,
.teklif-fiyat,
.tabular-nums,
[data-kolon="kg"],
[data-kolon="kap"],
[data-kolon="ldm"],
[data-kolon="gelir"],
[data-kolon="gider"],
[data-kolon="ydg_gelir"],
[data-kolon="ydg_gider"],
[data-kolon="fatura_gelir"],
[data-kolon="fatura_gider"],
[data-kolon="tarih"],
[data-kolon="vade_tarihi"],
[data-kolon="tahsilat_vade_tarihi"] {
    font-variant-numeric: tabular-nums !important;
    font-feature-settings: 'tnum' !important;
}

/* ── 3. Renk Enflasyonunu Önleme & Subtle Badge Stilleri ──────────────── */
.status-pill.planlandi,
.status-pill.taslak {
    background: rgba(100, 116, 139, 0.10) !important;
    color: #475569 !important;
    border: 1px solid rgba(100, 116, 139, 0.20) !important;
}

.status-pill.yukleme-sevk {
    background: rgba(217, 119, 6, 0.10) !important;
    color: #b45309 !important;
    border: 1px solid rgba(217, 119, 6, 0.22) !important;
}

.status-pill.yuklemede {
    background: rgba(8, 145, 178, 0.10) !important;
    color: #0891b2 !important;
    border: 1px solid rgba(8, 145, 178, 0.22) !important;
}

.status-pill.bosaltma-sevk,
.status-pill.yolda {
    background: rgba(59, 130, 246, 0.12) !important;
    color: #2563eb !important;
    border: 1px solid rgba(59, 130, 246, 0.20) !important;
}

.status-pill.bosaltmada {
    background: rgba(124, 58, 237, 0.10) !important;
    color: #7c3aed !important;
    border: 1px solid rgba(124, 58, 237, 0.20) !important;
}

.status-pill.teslim-edildi {
    background: rgba(34, 197, 94, 0.12) !important;
    color: #16a34a !important;
    border: 1px solid rgba(34, 197, 94, 0.20) !important;
}

.status-pill.tamamlandi {
    background: rgba(247, 108, 13, 0.10) !important;
    color: #d95c08 !important;
    border: 1px solid rgba(247, 108, 13, 0.24) !important;
}

.status-pill.hata,
.status-pill.status-danger,
.status-pill.iptal {
    background: rgba(239, 68, 68, 0.12) !important;
    color: #dc2626 !important;
    border: 1px solid rgba(239, 68, 68, 0.20) !important;
}

.status-pill.secili,
.filter-chip.secili,
.status-pill.odak {
    background: rgba(247, 108, 13, 0.12) !important;
    border: 1px solid rgba(247, 108, 13, 0.35) !important;
    color: #F76C0D !important;
}

/* ── 4. Apple/Linear Tarzı Akıcı Geçişler (Spring Micro-interactions) ─── */
@keyframes modalSpringIn {
    0% {
        opacity: 0;
        transform: scale(0.97) translateY(8px);
    }
    100% {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

button,
.btn,
.tablo-btn,
.btn-action,
.teklif-pill,
.status-pill,
.action-btn {
    transition: transform 0.14s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease !important;
}

button:not(:disabled):active,
.btn:not(:disabled):active,
.tablo-btn:not(:disabled):active,
.btn-action:not(:disabled):active,
.teklif-pill:not(:disabled):active,
.status-pill:not(:disabled):active,
.action-btn:not(:disabled):active,
.btn-dossier-kaydet:not(:disabled):active,
.btn-dossier-wa:not(:disabled):active,
.btn-dossier-evrak:not(:disabled):active,
.btn-dossier-sozlesme:not(:disabled):active,
.btn-dossier-geri:not(:disabled):active {
    transform: scale(0.98) !important;
}

/* ==========================================================================
   LINEAR / APPLE TARZI BENTO GRID KART MİMARİSİ
   1. Kart Başlıkları (Headers): Mikro gri-mavi zemin (#fafbfc) + ince ayrım çizgisi
   2. İkon Yuvası: 24x24px yuvarlatılmış pastel zemin (Rota: mavi, Araç: turuncu vb.)
   3. Kart İç Alanları: Gömülü Inset Kutucuklar (background: #f8fafc, border: 1px solid #eef2f6)
   ========================================================================== */

/* ── 1. Kart Başlıkları (Bento Card Headers) ─────────────────────────── */
.dp-card-header,
.dossier-kart-baslik,
.form-panel .form-section-header {
    padding: 10px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #fafbfc !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
}

.dp-card-title,
.form-section-header h3 {
    font-size: 12.5px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
}

/* ── 2. İkon Yuvaları (24x24px Pastel Zemin) ─────────────────────────── */
.dp-header-icon,
.form-sec-icon-box {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 1px solid transparent !important;
}

.dp-header-icon svg,
.form-sec-icon-box svg {
    width: 13px !important;
    height: 13px !important;
}

/* Rota: Hafif Mavi Kutu */
.dp-header-icon.hrs-icon,
.form-sec-icon-box.icon-rota {
    background: rgba(59, 130, 246, 0.12) !important;
    border-color: rgba(59, 130, 246, 0.22) !important;
    color: #2563eb !important;
}

/* Araç & Filo: Hafif Turuncu Kutu */
.dp-header-icon.fleet-icon,
.form-sec-icon-box.icon-arac {
    background: rgba(247, 108, 13, 0.12) !important;
    border-color: rgba(247, 108, 13, 0.25) !important;
    color: var(--turuncu, #F76C0D) !important;
}

/* Evrak & Belgeler: Hafif Mor / İndigo Kutu */
.dp-header-icon.docs-icon,
.form-sec-icon-box.icon-evrak {
    background: rgba(124, 58, 237, 0.10) !important;
    border-color: rgba(124, 58, 237, 0.20) !important;
    color: #7c3aed !important;
}

/* Finans & P&L: Hafif Zümrüt Yeşili Kutu */
.dp-header-icon.fin-icon,
.form-sec-icon-box.icon-finans {
    background: rgba(34, 197, 94, 0.12) !important;
    border-color: rgba(34, 197, 94, 0.22) !important;
    color: #16a34a !important;
}

/* Zaman Tüneli & Notlar: Hafif Amber Kutu */
.dp-header-icon.timeline-icon,
.form-sec-icon-box.icon-notlar {
    background: rgba(217, 119, 6, 0.10) !important;
    border-color: rgba(217, 119, 6, 0.22) !important;
    color: #b45309 !important;
}

/* ── 3. Kart İç Alanları: Gömülü Inset Kutucuklar (background: #f8fafc, border: 1px solid #eef2f6) ── */
.dp-hr-main {
    align-items: stretch !important;
    gap: 14px !important;
}

/* Çıkış & Varış Noktaları Inset Kutusu */
.dp-hr-point {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease !important;
}

.dp-hr-point:hover {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

.dp-hr-line-wrap {
    justify-content: center !important;
    padding: 0 4px !important;
}

/* Edit Modu Çıkış / Varış Kutuları */
.dp-we-side {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
}

/* Ek Duraklar Bölümü */
.dp-extra-stops-section {
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
}

/* Entegre Yük Metrik Şeridi */
.dp-cargo-summary-strip {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    margin: 14px 0 0 0 !important;
    padding: 12px 16px !important;
}

/* Taşıyıcı & Tedarikçi Firma Kutusu */
.fleet-company-box {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    margin-bottom: 12px !important;
}

/* Plaka Montaj Alanı */
.tr-plate-assembly {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    margin-bottom: 12px !important;
}

/* Sürücü & İletişim Kutusu */
.driver-profile-card {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

.driver-profile-card:hover {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

/* Evrak Paneli Kartı */
.dossier-evrak-panel-card {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
}

/* Finans P&L Metrik Banner */
.dp-pnl-banner {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 14px 16px !important;
}

/* P&L Marj Dağılım Çubuğu Kutusu */
.dossier-pnl-bar-wrap {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    margin: 12px 0 !important;
}

/* Finans Satış & Alış Eşit İkili Panelleri */
.dp-fin-subpanel {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
}

/* Ödeme / Dekont Notu Kutusu */
.dp-pay-note-box {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
    margin-top: 12px !important;
}

/* Hızlı Not Ekleme Barı */
.dossier-hizli-not-bar {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 10px 12px !important;
    margin-bottom: 12px !important;
}

/* Zaman Tüneli Akış Kutusu */
.dp-timeline-feed-wrap {
    background: #f8fafc !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 10px !important;
    padding: 12px 14px !important;
}

/* ==========================================================================
   DETAY EKRANI MÜŞTERİ & TEDARİKÇİ ROZETLERİ VE OTOMATİK İL/İLÇE STİLLERİ
   1. Müşteri & Tedarikçi İsimleri: Tablodaki gibi rozet görünümü
   2. Otomatik İl / İlçe Alanı: Grimsi, elle doldurulamaz görünüm
   ========================================================================== */

/* ── 1. Müşteri & Tedarikçi Rozetleri (Tablodaki Gibi) ──────────────── */
.dossier-header-bar .dh-musteri-name,
.dh-musteri-name.musteri-hucre-etiket {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    max-width: 320px !important;
    padding: 3px 12px 4px !important;
    border: 1px solid rgba(247, 108, 13, 0.28) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff9f5 100%) !important;
    color: #111827 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgba(247, 108, 13, 0.08), 0 1px 4px rgba(247, 108, 13, 0.08) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.dossier-header-bar .dh-musteri-name .musteri-hucre-ad {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

/* Tedarikçi Rozeti */
.fcb-val .tedarikci-hucre-etiket,
.dossier-kart .tedarikci-hucre-etiket {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 28px !important;
    max-width: 340px !important;
    padding: 3px 12px 4px !important;
    border: 1px solid rgba(100, 116, 139, 0.22) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.96) 100%) !important;
    color: #1e293b !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgba(100, 116, 139, 0.08), 0 1px 4px rgba(15, 23, 42, 0.04) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.fcb-val .tedarikci-hucre-etiket.kart-yok.dp-empty {
    border: 1px dashed #cbd5e1 !important;
    background: #f8fafc !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* ── 2. Otomatik Gelen İl / İlçe: Grimsi & Elle Doldurulamaz ─────────── */
.dp-hr-city {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 3px 9px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #475569 !important;
    letter-spacing: 0 !important;
    margin: 3px 0 4px 0 !important;
    width: fit-content !important;
    max-width: 100% !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

.dp-hr-point.destination .dp-hr-city {
    margin-left: auto !important;
}

/* Edit Modunda ve Formlarda Otomatik İl / İlçe Inputu (Grimsi & Kilitli) - Kesin Öncelik */
.form-panel #inputSatiri input#f_yukleme_yeri,
.form-panel #inputSatiri input#f_bosaltma_yeri,
.form-panel #inputSatiri input#f_yukleme_yeri.alan-dolu,
.form-panel #inputSatiri input#f_bosaltma_yeri.alan-dolu,
.form-panel #inputSatiri input.oto-il-ilce-input,
.form-panel #inputSatiri input.oto-il-ilce-input.alan-dolu,
.form-panel #inputSatiri input.dossier-input-auto,
.form-panel #inputSatiri input.dossier-input-auto.alan-dolu,
.form-panel #inputSatiri .input-grup.sistem-alani input.input-alan,
.form-panel #inputSatiri .input-grup.sistem-alani input.input-alan.alan-dolu,
#f_yukleme_yeri,
#f_bosaltma_yeri,
#f_yukleme_yeri.alan-dolu,
#f_bosaltma_yeri.alan-dolu,
#dossier_yukleme_yeri,
#dossier_bosaltma_yeri,
.dds-yer,
.dossier-input-auto,
.oto-il-ilce-input,
input[readonly].dossier-input,
#f_yukleme_yeri,
#f_bosaltma_yeri {
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-left: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 700 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

.form-panel #inputSatiri input#f_yukleme_yeri:focus,
.form-panel #inputSatiri input#f_bosaltma_yeri:focus,
.form-panel #inputSatiri input.oto-il-ilce-input:focus,
#dossier_yukleme_yeri:focus,
#dossier_bosaltma_yeri:focus,
#f_yukleme_yeri:focus,
#f_bosaltma_yeri:focus,
.dds-yer:focus,
.dossier-input-auto:focus {
    outline: none !important;
    background: #f8fafc !important;
    background-color: #f8fafc !important;
    border-color: #94a3b8 !important;
    border-left: 1px solid #94a3b8 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

/* Detay Panelinde Rota Şehir Bilgisi (Grimsi Otomatik Rozet) */
.detay-rota-sehir.oto-il-ilce-rozet {
    display: inline-flex !important;
    align-items: center !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 3px 9px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    color: #334155 !important;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    margin: 2px 0 4px 0 !important;
}

/* Form Panelinde Müşteri Inputu (Tablodaki Turuncu Rozet Stili) */
.form-panel #inputSatiri input#f_musteri,
.form-panel #inputSatiri input.musteri-rozet-input,
#f_musteri.musteri-rozet-input {
    border: 1.5px solid rgba(247, 108, 13, 0.38) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, #fff9f5 100%) !important;
    color: #111827 !important;
    font-weight: 850 !important;
    letter-spacing: 0.01em !important;
    box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgba(247, 108, 13, 0.08), 0 1px 4px rgba(247, 108, 13, 0.08) !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.form-panel #inputSatiri input#f_musteri:focus,
.form-panel #inputSatiri input.musteri-rozet-input:focus,
#f_musteri.musteri-rozet-input:focus {
    border-color: #F76C0D !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.18), inset 0 1px 0 #ffffff !important;
}

/* Form Panelinde Tedarikçi Inputu (Tablodaki Mavi/Slate Rozet Stili) */
.form-panel #inputSatiri input#f_fatura_basligi,
.form-panel #inputSatiri input.tedarikci-rozet-input,
#f_fatura_basligi.tedarikci-rozet-input {
    border: 1.5px solid rgba(100, 116, 139, 0.32) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.96) 100%) !important;
    color: #1e293b !important;
    font-weight: 850 !important;
    letter-spacing: 0.01em !important;
    box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 rgba(100, 116, 139, 0.08), 0 1px 4px rgba(15, 23, 42, 0.04) !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.form-panel #inputSatiri input#f_fatura_basligi:focus,
.form-panel #inputSatiri input.tedarikci-rozet-input:focus,
#f_fatura_basligi.tedarikci-rozet-input:focus {
    border-color: #64748b !important;
    background: #ffffff !important;
    box-shadow: 0 0 0 3px rgba(100, 116, 139, 0.18), inset 0 1px 0 #ffffff !important;
}

.form-panel.goruntuleme-modu #inputSatiri input#f_fatura_basligi.kilitli-bos-alan,
.form-panel.goruntuleme-modu #inputSatiri input#f_fatura_basligi:placeholder-shown {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Detay Panelinde Müşteri ve Tedarikçi Rozet Boyutlandırmaları */
.detay-imza-kimlik .musteri-hucre-etiket {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 13px !important;
    min-height: 30px !important;
    padding: 4px 13px !important;
    margin-bottom: 4px !important;
}

.detay-bilgi-grid-5 .tedarikci-hucre-etiket {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 12px !important;
    min-height: 26px !important;
    padding: 3px 10px !important;
}

.etiket-rozet-oto {
    display: inline-flex !important;
    align-items: center !important;
    padding: 1px 6px !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    color: #475569 !important;
    background: #e2e8f0 !important;
    border-radius: 4px !important;
    margin-left: 6px !important;
    letter-spacing: 0.02em !important;
    vertical-align: middle !important;
}

/* ==========================================================================
   PREMIUM KİLİTLİ MOD ROZETLERİ (MÜŞTERİ, TEDARİKÇİ, SEFER TARİHİ AKIŞI)
   ========================================================================== */

/* 1. Sefer Tarih Akışı (Yükleme -> Teslimat) */
.form-grid-sefer-tarih-musteri {
    display: grid !important;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.6fr) !important;
    gap: 12px !important;
    align-items: flex-end !important;
}

.form-panel.goruntuleme-modu .form-grid-sefer-tarih-musteri {
    align-items: center !important;
}

.sefer-tarih-akisi {
    display: flex !important;
    align-items: flex-end !important;
    gap: 6px !important;
    width: 100% !important;
    padding-right: 12px !important;
    border-right: 1px solid #e2e8f0 !important;
    box-sizing: border-box !important;
}

.sefer-tarih-akisi .input-grup {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
}

.tarih-akis-ok {
    font-size: 11px !important;
    color: #94a3b8 !important;
    padding-bottom: 7px !important;
    flex-shrink: 0 !important;
    font-weight: 800 !important;
    user-select: none !important;
}

.form-panel.goruntuleme-modu .tarih-akis-ok {
    color: #cbd5e1 !important;
}

/* 2. Kilitli Modda Müşteri Kurumsal Rozeti (Orange/Amber Badge) */
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 2.5px 8px !important;
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(247, 108, 13, 0.06) !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 0 !important;
}

.form-panel.goruntuleme-modu .musteri-rozet-input-wrap::before {
    content: none !important;
    display: none !important;
}

body:not(#_nonexistent_) .form-panel.goruntuleme-modu #f_musteri {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #9a3412 !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    line-height: 1.2 !important;
}

/* 3. Kilitli Modda Tedarikçi Kurumsal Rozeti (Slate Carrier Badge) */
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 2.5px 8px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 0 !important;
}

.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap::before {
    content: "🚛" !important;
    font-size: 10.5px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

body:not(#_nonexistent_) .form-panel.goruntuleme-modu #f_fatura_basligi {
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    line-height: 1.2 !important;
}

/* Kilitli modda boş alanlarda rozet çerçevesini gizle */
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap:has(input.kilitli-bos-alan),
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:has(input.kilitli-bos-alan),
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap:has(input:placeholder-shown),
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:has(input:placeholder-shown) {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu .musteri-rozet-input-wrap:has(input.kilitli-bos-alan)::before,
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:has(input.kilitli-bos-alan)::before,
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap:has(input:placeholder-shown)::before,
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:has(input:placeholder-shown)::before {
    display: none !important;
}

/* ==========================================================================
   v0.9.947: GÖRSEL İYİLEŞTİRMELER (FİNANS SADELEŞTİRME, 3'LÜ YÜK KPI, GÜZERGAH KRONOLOJİSİ)
   ========================================================================== */

/* 1. Finans Dağılım Kartı Kilitli Mod Sadeleştirmesi (Çift Başlık ve Mükerrer Marj Rozetini Kaldır) */
.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti {
    margin-top: 6px !important;
    padding: 7px 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    gap: 5px !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-dagilim-baslik {
    display: none !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-dagilim-progress-bar {
    height: 7px !important;
    border-radius: 4px !important;
    margin-bottom: 5px !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-tiles-grid {
    gap: 6px !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-tile {
    padding: 5px 9px !important;
    border-radius: 6px !important;
    background: #ffffff !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-tile.maliyet {
    border: 1px solid #fee2e2 !important;
    border-top: 3px solid #ef4444 !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-tile.kar {
    border: 1px solid #dcfce7 !important;
    border-top: 3px solid #10b981 !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-tile-val {
    font-size: 12.5px !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-tile.maliyet .pnl-tile-val {
    color: #dc2626 !important;
    font-weight: 850 !important;
}

.form-panel.goruntuleme-modu .finans-pnl-dagilim-karti .pnl-tile.kar .pnl-tile-val {
    color: #15803d !important;
    font-weight: 850 !important;
}

/* 2. Yük & Kargo Bilgileri - 3'lü Estetik KPI Rozet Dizilimi (Alternatif B) */
.form-panel.goruntuleme-modu .form-grid-yuk-olculeri {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: 100% !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri > .input-grup {
    flex: none !important;
    width: 100% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 5px 9px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri > .input-grup .input-etiket {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.035em !important;
    text-transform: uppercase !important;
    margin-bottom: 2px !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .input-suffix-wrap {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;
    width: 100% !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .input-suffix-wrap input {
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #0f172a !important;
    height: auto !important;
    line-height: 1.2 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    width: auto !important;
    max-width: 100% !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .inline-unit-badge {
    font-size: 9px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    background: #e2e8f0 !important;
    padding: 1px 4.5px !important;
    border-radius: 4px !important;
    letter-spacing: 0.02em !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .yuk-nitelikleri-grup-wrap {
    flex: none !important;
    width: 100% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 5px 9px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 46px !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .yuk-nitelik-chips {
    padding-top: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .nitelik-bos-rozet {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 3px 8px !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #15803d !important;
    border-radius: 6px !important;
}

/* 3. Güzergah Kronolojisi & Kilitli Mod Birleşik Çift Koridor */
.form-panel.goruntuleme-modu .form-rota-ek-duraklar {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    margin-top: 5px !important;
    padding-top: 5px !important;
    border-top: 1px dashed #cbd5e1 !important;
    width: 100% !important;
}

.form-panel.goruntuleme-modu .form-rota-ek-duraklar.bos-durak-blok,
.form-panel.goruntuleme-modu .form-rota-ek-duraklar[style*="display:none"] {
    display: none !important;
}

.form-panel.goruntuleme-modu .rota-tek-nokta-bilgi {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2.5px 7px !important;
    border-radius: 5px !important;
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    color: #94a3b8 !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    margin-top: 4px !important;
}

.form-panel.goruntuleme-modu .rota-tek-nokta-bilgi .tek-nokta-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: #94a3b8 !important;
}

.form-panel.goruntuleme-modu .rota-kronoloji-seridi {
    display: none !important;
}

.form-panel:not(.goruntuleme-modu) .rota-kronoloji-seridi {
    display: none !important;
}

.rota-kronoloji-seridi {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 6px 9px !important;
    margin-top: 6px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.rota-kronoloji-seridi .kronoloji-ust-baslik {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.rota-kronoloji-seridi .kronoloji-baslik-sol {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.rota-kronoloji-seridi .kronoloji-ikon {
    font-size: 11px !important;
    line-height: 1 !important;
}

.rota-kronoloji-seridi .kronoloji-baslik-metin {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

.rota-kronoloji-seridi .kronoloji-adet-badge {
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    background: #e2e8f0 !important;
    padding: 1px 5px !important;
    border-radius: 999px !important;
}

.rota-kronoloji-seridi .kronoloji-akisi-track {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 4px 6px !important;
    padding-top: 1px !important;
}

.rota-kronoloji-seridi .kronoloji-node-item {
    flex-shrink: 0 !important;
}

.rota-kronoloji-seridi .kronoloji-node-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 7px !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    user-select: none !important;
}

.rota-kronoloji-seridi .kronoloji-node-pill.cikis {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #15803d !important;
}

.rota-kronoloji-seridi .kronoloji-node-pill.ek-yukleme {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
}

.rota-kronoloji-seridi .kronoloji-node-pill.varis {
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    color: #c2410c !important;
}

.rota-kronoloji-seridi .kronoloji-node-pill.ek-bosaltma {
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    color: #9a3412 !important;
}

.rota-kronoloji-seridi .node-ikon {
    font-size: 9.5px !important;
    line-height: 1 !important;
}

.rota-kronoloji-seridi .node-sira-no {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 13px !important;
    height: 13px !important;
    border-radius: 50% !important;
    font-size: 8px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.rota-kronoloji-seridi .node-sira-no.yukleme {
    background: #16a34a !important;
    color: #ffffff !important;
}

.rota-kronoloji-seridi .node-sira-no.bosaltma {
    background: #F76C0D !important;
    color: #ffffff !important;
}

.rota-kronoloji-seridi .node-firma {
    letter-spacing: -0.01em !important;
}

.rota-kronoloji-seridi .node-yer {
    font-size: 9px !important;
    font-weight: 600 !important;
    opacity: 0.8 !important;
}

.rota-kronoloji-seridi .kronoloji-baglanti-ok {
    font-size: 10px !important;
    color: #cbd5e1 !important;
    flex-shrink: 0 !important;
    font-weight: 800 !important;
    user-select: none !important;
}

.rota-kronoloji-seridi .kronoloji-baglanti-ok.transit {
    color: #F76C0D !important;
    font-size: 11.5px !important;
}

.rota-kronoloji-seridi .kronoloji-adim-grubu {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* Kilitli modda boş tahsilat vadesi rozeti */
.vade-sayac-rozet.vade-belirtilmedi {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    padding: 2px 7px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
}

.form-panel.goruntuleme-modu .vade-alan-satir.vade-yok input,
.form-panel.goruntuleme-modu .vade-alan-satir:has(.vade-belirtilmedi) input {
    display: none !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   v0.9.949: EXECUTIVE P&L HERO KPI & 2-KOLONLU FİNANS MATRİSİ
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1. Hero KPI Bandı */
.finans-hero-kpi-bar {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%) !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    padding: 7px 10px !important;
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03) !important;
}

.finans-hero-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

.hero-kpi-tile {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
    padding: 5px 8px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    min-width: 0 !important;
}

.hero-kpi-tile.gelir {
    border-color: #cbd5e1 !important;
}

.hero-kpi-tile.maliyet {
    border-color: #cbd5e1 !important;
}

.hero-kpi-tile.kar {
    background: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
}

.hero-kpi-tile.kar.kar-dikkat {
    background: #fffbeb !important;
    border-color: #fde68a !important;
}

.hero-kpi-tile.kar.kar-zarar {
    background: #fef2f2 !important;
    border-color: #fecaca !important;
}

.hero-kpi-label {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.hero-kpi-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.hero-kpi-dot.gelir {
    background: #0f172a !important;
}

.hero-kpi-dot.maliyet {
    background: #64748b !important;
}

.hero-kpi-dot.kar {
    background: #10b981 !important;
}

.hero-kpi-marj-badge {
    margin-left: auto !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    padding: 1px 5px !important;
    border-radius: 999px !important;
    background: #dcfce7 !important;
    color: #15803d !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

.hero-kpi-tile.kar.kar-dikkat .hero-kpi-marj-badge {
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.hero-kpi-tile.kar.kar-zarar .hero-kpi-marj-badge {
    background: #fee2e2 !important;
    color: #b91c1c !important;
}

.hero-kpi-deger {
    display: flex !important;
    align-items: baseline !important;
    gap: 3px !important;
    font-family: 'JetBrains Mono', 'DM Mono', 'SF Mono', monospace !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.03em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.hero-kpi-deger.gelir {
    color: #0f172a !important;
}

.hero-kpi-deger.maliyet {
    color: #475569 !important;
}

.hero-kpi-deger.kar {
    color: #059669 !important;
}

.hero-kpi-tile.kar.kar-dikkat .hero-kpi-deger.kar {
    color: #d97706 !important;
}

.hero-kpi-tile.kar.kar-zarar .hero-kpi-deger.kar {
    color: #dc2626 !important;
}

.hero-kpi-birim {
    font-size: 12px !important;
    font-weight: 750 !important;
    color: #64748b !important;
}

.hero-kpi-progress-track {
    display: flex !important;
    height: 6px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #e2e8f0 !important;
    width: 100% !important;
}

.hero-progress-seg.maliyet {
    background: #94a3b8 !important;
    height: 100% !important;
    transition: width 0.3s ease !important;
}

.hero-progress-seg.kar {
    background: #10b981 !important;
    height: 100% !important;
    transition: width 0.3s ease !important;
}

/* 2. Kilitli Modda Redundancy Temizliği & 2-Kolonlu Matris */
.form-panel.goruntuleme-modu .form-section-card:has(.form-sec-icon-box.finance) .form-live-pnl {
    display: none !important;
}

.form-panel.goruntuleme-modu .form-row-gelir-tutar,
.form-panel.goruntuleme-modu .form-row-gider-tutar {
    display: none !important;
}

.form-panel.goruntuleme-modu #finansDagilimBarWrap {
    display: none !important;
}

.form-panel.goruntuleme-modu .form-finans-stacked-cards {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    padding: 8px 10px !important;
    align-items: stretch !important;
}

.form-panel.goruntuleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
    background: transparent !important;
    gap: 4px !important;
}

.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi {
    border-left: 1px dashed #cbd5e1 !important;
    padding-left: 10px !important;
}

.form-panel.goruntuleme-modu .form-row-tedarikci-baslik {
    margin-bottom: 2px !important;
}

.form-panel.goruntuleme-modu .form-row-tedarikci-baslik input#f_fatura_basligi {
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    height: 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.form-panel.goruntuleme-modu .form-row-fatura-vade {
    margin-bottom: 0 !important;
}

/* Müşteri & Taşıyıcı Simetrisi */
.form-row-finans-musteri-bilgi {
    display: none !important;
    margin-bottom: 2px !important;
}

.form-panel.goruntuleme-modu .form-row-finans-musteri-bilgi {
    display: flex !important;
}

.finans-musteri-rozet {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    height: 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

.finans-musteri-ikon {
    font-size: 10px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.finans-musteri-metin {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    overflow: hidden !important;
}

/* Kilitli Modda Fatura ve Vade Satırlarının Kolon İçinde Dikey Dizilimi (Kesilmeyi Kesin Önler) */
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    width: 100% !important;
}

.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade .input-grup {
    width: 100% !important;
}

.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade input#f_fatura_gelir,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade input#f_fatura_gider {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    font-family: 'JetBrains Mono', 'DM Mono', 'SF Mono', monospace !important;
    color: #0f172a !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    padding: 2px 7px !important;
    border-radius: 5px !important;
    height: 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade .vade-alan-satir {
    height: 22px !important;
    width: 100% !important;
}







/* ══════════════════════════════════════════════════════════════════════════════
   v0.9.954: DÜZENLEME & GÖRÜNTÜLEME MODU NİHAİ PREMIUM AYARLARI
   ══════════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   1. HEADER BAR — Rozet Çakışmalarının Kesin Çözümü
   ───────────────────────────────────────────── */
.form-ref-no {
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: -0.3px !important;
    color: #0f172a !important;
}

.form-durum-rozet.status-pill.teslim-edildi,
.form-durum-rozet.durum-teslim_edildi {
    background: #dcfce7 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    padding: 4px 10px !important;
    border-radius: 20px !important;
}

/* Salt Okunur kilit rozeti — SADECE görüntüleme modunda çıkar */
.form-kilit-rozet {
    font-size: 11px !important;
    color: #94a3b8 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    align-items: center !important;
    gap: 4px !important;
}
.form-kilit-rozet svg,
.form-kilit-rozet span {
    color: #94a3b8 !important;
}

.form-panel.goruntuleme-modu #formKilitRozet:not(.gizli-rozet) {
    display: inline-flex !important;
}
.form-panel.aktif-duzenleme-modu #formKilitRozet,
#formKilitRozet.gizli-rozet {
    display: none !important;
}

/* ✏️ Düzenleme Modu rozeti — SADECE düzenleme modunda çıkar */
.form-duzenleme-rozet {
    display: none;
    align-items: center !important;
    gap: 4px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    letter-spacing: 0.02em !important;
    white-space: nowrap !important;
}
.form-duzenleme-rozet svg {
    color: #2563eb !important;
}

.form-panel.aktif-duzenleme-modu #formDuzenlemeRozet:not(.gizli-rozet),
.form-panel.aktif-duzenleme-modu .form-duzenleme-rozet:not(.gizli-rozet) {
    display: inline-flex !important;
}
.form-panel.goruntuleme-modu #formDuzenlemeRozet,
.form-panel.goruntuleme-modu .form-duzenleme-rozet,
.form-duzenleme-rozet.gizli-rozet {
    display: none !important;
}

/* Düzenleme modunda modal sol kenar vurgusu */
.form-panel.aktif-duzenleme-modu {
    border-left: 4px solid #2563eb !important;
}
.form-panel.goruntuleme-modu {
    border-left: 1px solid rgba(226, 232, 240, 0.95) !important;
}

/* ─────────────────────────────────────────────
   2. PANEL GÖRSEL TONU — Düzenleme vs Görüntüleme
   ───────────────────────────────────────────── */
.form-panel.aktif-duzenleme-modu,
.form-panel.aktif-duzenleme-modu .form-icerik-kap {
    background: #f7f9fd !important;
}
.form-panel.aktif-duzenleme-modu .form-section-card {
    border: 1px solid #bfdbfe !important;
    background: #ffffff !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.04) !important;
}

.form-panel.goruntuleme-modu,
.form-panel.goruntuleme-modu .form-icerik-kap {
    background: #f8fafc !important;
}
.form-panel.goruntuleme-modu .form-section-card {
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

/* ─────────────────────────────────────────────
   3. SEFER TARİH BLOĞU & FOCUS RİNG
   ───────────────────────────────────────────── */
.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-etiket {
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
}

.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-alan {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    letter-spacing: -0.2px !important;
}

/* Sefer Tarih Oku — Canlı LogiSpeed Turuncusu */
.form-panel .tarih-akis-ok,
.form-panel.goruntuleme-modu .tarih-akis-ok,
.form-panel.aktif-duzenleme-modu .tarih-akis-ok,
.tarih-akis-ok,
.sefer-tarih-akisi .tarih-akis-ok {
    color: #F76C0D !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

.form-panel:not(.goruntuleme-modu) #f_tarih:focus,
.form-panel:not(.goruntuleme-modu) #f_teslim_tarihi:focus,
.form-panel:not(.goruntuleme-modu) .sefer-tarih-akisi .input-alan:focus {
    border-color: #F76C0D !important;
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.16) !important;
    outline: none !important;
}

/* ─────────────────────────────────────────────
   4. ROTA BLOĞU — Kurumsal Depo Kartı & Nötr Slate Rozet
   ───────────────────────────────────────────── */
.rota-baslik-metin {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    color: #475569 !important;
}

/* Çıkış ve Varış kutularında mavi/turuncu kalın sol şeritleri kaldır, nötr kurumsal kenarlık ata */
.form-rota-bolumu.yukleme,
.form-rota-bolumu.bosaltma,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu.yukleme,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu.bosaltma {
    border: 1px solid #e2e8f0 !important;
    border-left: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    border-radius: 9px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

.form-rota-kutu-cifti {
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
}

/* Kilitli modda havada asılı duran '🏢' ikonunu tamamen temizle */
.form-panel.goruntuleme-modu [data-alan="yukleme_firma"]::before,
.form-panel.goruntuleme-modu [data-alan="bosaltma_firma"]::before,
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme [data-alan="yukleme_firma"]::before,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma [data-alan="bosaltma_firma"]::before {
    display: none !important;
    content: none !important;
}

/* Kilitli modda Firma adları: Başrol (13px, bold, koyu antrasit) */
.form-panel.goruntuleme-modu [data-alan="yukleme_firma"] input,
.form-panel.goruntuleme-modu [data-alan="bosaltma_firma"] input,
.form-panel.goruntuleme-modu #f_yukleme_firma,
.form-panel.goruntuleme-modu #f_bosaltma_firma {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    color: #0f172a !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1.3 !important;
    width: auto !important;
    max-width: 100% !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    cursor: default !important;
}

/* İl / İlçe: Kurumsal Nötr Slate Rozet */
.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-input-wrap,
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .oto-yer-input-wrap,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .oto-yer-input-wrap {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    width: fit-content !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

/* Çıkış ve Varış Sembolleri (🟢 Çıkış / 🏁 Varış) */
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .oto-yer-input-wrap::before {
    content: "🟢" !important;
    font-size: 9px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .oto-yer-input-wrap::before {
    content: "🏁" !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu input#f_yukleme_yeri,
.form-panel.goruntuleme-modu .form-rota-bolumu input#f_bosaltma_yeri,
.form-panel.goruntuleme-modu [data-alan="yukleme_yeri"] .input-alan,
.form-panel.goruntuleme-modu [data-alan="bosaltma_yeri"] .input-alan {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    color: #334155 !important;
    line-height: 1.2 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    cursor: default !important;
}

.etiket-rozet-oto {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    background: #eff6ff !important;
    color: #2563eb !important;
    border: 1px solid #bfdbfe !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    border-radius: 5px !important;
    letter-spacing: 0.02em !important;
    line-height: 1 !important;
}
.form-panel.goruntuleme-modu .etiket-rozet-oto {
    display: none !important;
}

/* ─────────────────────────────────────────────
   5. EK DURAK SATIRI — Pürüzsüz Entegre Kart & Sıfır Kesilme
   ───────────────────────────────────────────── */
.embedded-ribbon-node {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    padding: 2.5px 5px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
    transition: border-color 0.14s ease, box-shadow 0.14s ease !important;
}
.embedded-ribbon-node:focus-within {
    border-color: var(--turuncu, #F76C0D) !important;
    box-shadow: 0 0 0 2px rgba(247, 108, 13, 0.12) !important;
}

.embedded-ribbon-node .ribbon-sol {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
    flex-shrink: 0 !important;
}

.durak-node-sira {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    font-size: 8.5px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
}

.durak-node-etiket {
    display: none !important;
}

.embedded-ribbon-node .ribbon-orta {
    display: flex !important;
    align-items: center !important;
    gap: 2.5px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.durak-node-input::-webkit-calendar-picker-indicator {
    display: none !important;
    -webkit-appearance: none !important;
}

/* Durak Input: Çerçevesiz, sol çizgisiz, akıcı tek parça */
.embedded-ribbon-node .durak-node-input,
.embedded-ribbon-node .durak-node-input.alan-dolu,
.durak-node-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    height: 22px !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    padding: 0 4px !important;
    border: none !important;
    border-left: none !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    color: #0f172a !important;
}

/* Durak Şehir Rozeti: Ana durak standardında şık, kompakt mikro rozet */
.embedded-ribbon-node .durak-yer-rozet,
.embedded-ribbon-node .durak-yer-rozet.sehir-disi,
.durak-yer-rozet {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2.5px 8px !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    filter: none !important;
}

.embedded-ribbon-node .ribbon-sag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 1.5px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

.btn-durak-tasi,
.btn-durak-sil {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    font-size: 8px !important;
    padding: 0 !important;
    border-radius: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #94a3b8 !important;
}
.btn-durak-tasi:hover {
    background: #f8fafc !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}
.btn-durak-sil:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
}
.btn-durak-sil:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
}

/* ─────────────────────────────────────────────
   6. MÜŞTERİ & TEDARİKÇİ FİRMA ALANLARI — Çerçevesiz Asil Başlık
   ───────────────────────────────────────────── */
.form-panel:not(.goruntuleme-modu) .musteri-rozet-input-wrap,
.form-panel.aktif-duzenleme-modu .musteri-rozet-input-wrap,
.form-panel:not(.goruntuleme-modu) [data-alan="musteri"] .musteri-rozet-input-wrap,
.form-panel.aktif-duzenleme-modu [data-alan="musteri"] .musteri-rozet-input-wrap,
.form-panel:not(.goruntuleme-modu) .tedarikci-rozet-input-wrap,
.form-panel.aktif-duzenleme-modu .tedarikci-rozet-input-wrap,
.form-panel:not(.goruntuleme-modu) [data-alan="fatura_basligi"] .tedarikci-rozet-input-wrap,
.form-panel.aktif-duzenleme-modu [data-alan="fatura_basligi"] .tedarikci-rozet-input-wrap {
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
}

.form-panel:not(.goruntuleme-modu) #inputSatiri input#f_musteri,
.form-panel:not(.goruntuleme-modu) input.musteri-rozet-input,
.form-panel.aktif-duzenleme-modu input#f_musteri,
.form-panel.aktif-duzenleme-modu input.musteri-rozet-input,
.form-panel:not(.goruntuleme-modu) #f_fatura_basligi,
.form-panel:not(.goruntuleme-modu) [data-alan="fatura_basligi"] input#f_fatura_basligi,
.form-panel.aktif-duzenleme-modu #f_fatura_basligi,
.form-panel.aktif-duzenleme-modu [data-alan="fatura_basligi"] input#f_fatura_basligi {
    field-sizing: normal !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    padding: 0 10px !important;
    margin: 0 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
    line-height: 26px !important;
    display: block !important;
    cursor: text !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.form-panel:not(.goruntuleme-modu) #inputSatiri input#f_musteri:focus,
.form-panel:not(.goruntuleme-modu) input.musteri-rozet-input:focus,
.form-panel.aktif-duzenleme-modu input#f_musteri:focus,
.form-panel.aktif-duzenleme-modu input.musteri-rozet-input:focus,
.form-panel:not(.goruntuleme-modu) #f_fatura_basligi:focus,
.form-panel.aktif-duzenleme-modu #f_fatura_basligi:focus {
    border-color: #F76C0D !important;
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.12) !important;
    background: #ffffff !important;
}

/* Görüntüleme modunda Müşteri ve Tedarikçi firma adları: Çerçevesiz temiz 13px antrasit */
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap,
.form-panel.goruntuleme-modu [data-alan="musteri"] .musteri-rozet-input-wrap,
.form-panel.goruntuleme-modu [data-alan="fatura_basligi"] .input-alan,
.form-panel.goruntuleme-modu #f_fatura_basligi {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    height: auto !important;
    line-height: 1.3 !important;
    cursor: default !important;
}

.form-panel.goruntuleme-modu #f_musteri {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1.3 !important;
    cursor: default !important;
}

.form-panel.goruntuleme-modu .finans-musteri-rozet {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* ─────────────────────────────────────────────
   7. YÜK & KARGO — Büyük Stateless Rakamlar + Nitelikler
   ───────────────────────────────────────────── */
.form-panel.goruntuleme-modu [data-alan="kap"] .input-alan,
.form-panel.goruntuleme-modu [data-alan="kg"] .input-alan,
.form-panel.goruntuleme-modu [data-alan="hacim"] .input-alan,
.form-panel.goruntuleme-modu [data-alan="ldm"] .input-alan {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #1a1a2e !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    letter-spacing: -0.5px !important;
    line-height: 1.1 !important;
    height: auto !important;
}

.yuk-nitelik-chips:has(.nitelik-cb:checked) .nitelik-bos-rozet {
    display: none !important;
}
.yuk-nitelik-chips.nitelik-yok .nitelik-bos-rozet {
    display: inline-flex !important;
}

/* ─────────────────────────────────────────────
   8. TAŞIMA EKİBİ & ARAÇ
   ───────────────────────────────────────────── */
.form-panel.goruntuleme-modu [data-alan="surucu"] .input-alan {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}
.form-panel.goruntuleme-modu [data-alan="iletisim"] .input-alan {
    font-size: 13px !important;
    color: #64748b !important;
    font-variant-numeric: tabular-nums !important;
}
.btn-tel-aksiyon {
    min-width: 32px !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 7px !important;
    font-size: 13px !important;
}

/* ─────────────────────────────────────────────
   9. FİNANS SAĞ PANEL — Mükerrersiz Executive Görünüm & Nötr Beyaz Kartlar
   ───────────────────────────────────────────── */
.hero-kpi-deger {
    font-variant-numeric: tabular-nums !important;
    letter-spacing: -0.5px !important;
}
.hero-progress-seg.maliyet {
    background: #f97316 !important;
}
.hero-progress-seg.kar {
    background: #22c55e !important;
}

/* Mükerrer kâr rozetini ve alttaki mükerrer dağılım widget'ını hem görüntüleme hem düzenleme modunda KESİNLİKLE GİZLE */
#formLivePnL,
.form-live-pnl,
.finans-dagilim-alani,
.finans-dagilim-bar-kapsayici,
.finans-dagilim-bar,
.finans-pnl-dagilim-karti,
#finansDagilimBarWrap,
.form-finans-sag-panel .form-section-baslik .form-finans-durum-rozet,
.form-finans-sag-panel .finans-kar-rozet,
.form-panel.goruntuleme-modu .form-finans-sag-panel .form-finans-durum-rozet,
.form-panel.goruntuleme-modu .form-finans-sag-panel .finans-kar-rozet,
.form-panel.aktif-duzenleme-modu .form-finans-sag-panel .form-finans-durum-rozet,
.form-panel.aktif-duzenleme-modu .form-finans-sag-panel .finans-kar-rozet {
    display: none !important;
}

.form-finans-subhead {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #64748b !important;
}
.subhead-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
}
.subhead-dot.gelir { background: #22c55e !important; }
.subhead-dot.gider { background: #f97316 !important; }

/* Çift renkli kutular yerine iki taraf da asil saf beyaz kart */
.form-finans-section-group.gelir-tarafi,
.form-finans-section-group.gider-tarafi {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 9px !important;
    padding: 8px 11px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
}

/* Para birimi chevron açılır okunu gizle (temiz ₺ sembolü) */
.para-input-wrap .para-birim-select,
.para-input-wrap select.select-alan,
.doviz-mini-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: none !important;
    padding-right: 4px !important;
    text-align: center !important;
    cursor: pointer !important;
    border: none !important;
    background: transparent !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    color: #475569 !important;
    min-width: 44px !important;
}

/* Vade rozetleri — Vade Belirtilmedi şık gri rozet (SADECE GÖRÜNTÜLEME MODUNDA) */
.form-panel.goruntuleme-modu .vade-sayac-rozet.vade-belirtilmedi {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    padding: 3px 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    font-style: italic !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    height: 20px !important;
    line-height: 1 !important;
}

/* DÜZENLEME MODUNDA Vade Belirtilmedi KESİNLİKLE GİZLİ */
.form-panel:not(.goruntuleme-modu) .vade-sayac-rozet.vade-belirtilmedi,
.form-panel.aktif-duzenleme-modu .vade-sayac-rozet.vade-belirtilmedi {
    display: none !important;
}

/* Vade Giriş Alanı: Boşken Düzenleme modunda tam genişlik, doluyken sayaçla orantılı 96px */
.form-panel:not(.goruntuleme-modu) .vade-alan-satir:not(.vade-dolu) input,
.form-panel.aktif-duzenleme-modu .vade-alan-satir:not(.vade-dolu) input,
.form-panel:not(.goruntuleme-modu) .vade-grup-wrap:not(.vade-dolu) .vade-alan-satir input,
.form-panel.aktif-duzenleme-modu .vade-grup-wrap:not(.vade-dolu) .vade-alan-satir input {
    width: 100% !important;
    flex: 1 1 auto !important;
    max-width: 100% !important;
}

.vade-alan-satir.vade-dolu input,
.vade-grup-wrap.vade-dolu .vade-alan-satir input {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    flex: 0 0 96px !important;
}

.form-panel.goruntuleme-modu .vade-alan-satir.vade-yok input,
.form-panel.goruntuleme-modu .vade-alan-satir:has(.vade-belirtilmedi) input,
.form-panel.goruntuleme-modu .vade-grup-wrap.vade-yok input {
    display: none !important;
}

.vade-sayac-rozet.kalan {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}
.vade-sayac-rozet.gecikti {
    background: #fef2f2 !important;
    color: #b91c1c !important;
    border: 1px solid #fecaca !important;
    font-weight: 800 !important;
}

.form-row-aciklamalar textarea::placeholder {
    text-transform: none !important;
    font-size: 11px !important;
    color: #94a3b8 !important;
}

/* ─────────────────────────────────────────────
   10. ALT AÇIKLAMA VE DEKONT ALANLARI (Kompaktlaştırma)
   ───────────────────────────────────────────── */
.form-panel #inputSatiri textarea#f_gelir_notu,
.form-panel #inputSatiri textarea#f_gider_notu,
.form-row-aciklamalar textarea {
    height: 34px !important;
    min-height: 34px !important;
    max-height: 120px !important;
    padding: 6px 9px !important;
    font-size: 11.5px !important;
    line-height: 1.3 !important;
    resize: vertical !important;
    transition: height 0.2s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.15s ease, box-shadow 0.15s ease !important;
}
.form-panel #inputSatiri textarea#f_gelir_notu:focus,
.form-panel #inputSatiri textarea#f_gider_notu:focus,
.form-row-aciklamalar textarea:focus {
    height: 60px !important;
}

/* ─────────────────────────────────────────────
   11. FOOTER BAR & DEĞİŞİKLİK UYARISI
   ───────────────────────────────────────────── */
.form-ipucu-item kbd {
    display: inline-block !important;
    background: #f1f5f9 !important;
    border: 1px solid #d1d5db !important;
    border-radius: 4px !important;
    padding: 1px 5px !important;
    font-size: 10px !important;
    font-family: 'JetBrains Mono', 'DM Mono', monospace !important;
    color: #475569 !important;
    font-weight: 700 !important;
    box-shadow: 0 1px 0 #d1d5db !important;
}
.form-panel.goruntuleme-modu #formIpucuEnter kbd {
    color: var(--turuncu, #F76C0D) !important;
    border-color: #fed7aa !important;
    background: #fff7ed !important;
    box-shadow: 0 1px 0 #fed7aa !important;
}

.btn-iptal:hover,
#btnVazgec:hover {
    background: #fee2e2 !important;
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
}

#formDegisiklikUyari,
.form-degisiklik-uyarisi {
    display: none !important;
    align-items: center !important;
    gap: 4px !important;
    background: #fef3c7 !important;
    color: #92400e !important;
    border: 1px solid #fde68a !important;
    padding: 3px 8px !important;
    border-radius: 5px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

#formDegisiklikUyari.gorunur,
.form-degisiklik-uyarisi.gorunur,
.form-panel.aktif-duzenleme-modu #formDegisiklikUyari.gorunur {
    display: inline-flex !important;
}

.form-audit-stamp {
    font-size: 11px !important;
    color: #94a3b8 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}
.form-audit-stamp svg {
    color: #94a3b8 !important;
}
.form-audit-stamp .audit-time {
    font-weight: 600 !important;
    color: #64748b !important;
}
.form-audit-stamp .audit-user {
    color: #94a3b8 !important;
}

/* ─────────────────────────────────────────────
   12. SCROLL İZOLASYONU
   ───────────────────────────────────────────── */
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards,
.form-panel.aktif-duzenleme-modu section.form-blok:last-of-type {
    overflow-y: auto !important;
}

/* ─────────────────────────────────────────────
   13. KURUMSAL MONOKROM PREMIUM CİLA & VADE SİMETRİSİ (v0.9.957)
   ───────────────────────────────────────────── */

/* 1. Tutarsız sol yeşil çizgileri kaldır, temiz ve tek tip 1px nötr kurumsal kenarlık uygula */
.form-panel #inputSatiri input.input-alan.alan-dolu,
.form-panel #inputSatiri textarea.input-alan.alan-dolu,
.form-panel #inputSatiri select.select-alan.alan-dolu,
.form-panel #inputSatiri .input-grup-tr-plaka.input-grup-dolu .tr-plate-frame,
.form-panel:not(.goruntuleme-modu) #inputSatiri input.input-alan.alan-dolu,
.form-panel:not(.goruntuleme-modu) #inputSatiri textarea.input-alan.alan-dolu,
.form-panel:not(.goruntuleme-modu) #inputSatiri select.select-alan.alan-dolu,
.form-panel:not(.goruntuleme-modu) #inputSatiri .input-grup-tr-plaka.input-grup-dolu .tr-plate-frame {
    border-left: 1px solid #cbd5e1 !important;
}

/* 2. Düzenleme Modunda Şehir / İlçe: Tam genişlik ve sıfır kırpılma */
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu .oto-yer-input-wrap,
.form-panel.aktif-duzenleme-modu .form-rota-bolumu .oto-yer-input-wrap {
    width: 100% !important;
    display: flex !important;
}

.form-panel:not(.goruntuleme-modu) #inputSatiri input#f_yukleme_yeri,
.form-panel:not(.goruntuleme-modu) #inputSatiri input#f_bosaltma_yeri,
.form-panel.aktif-duzenleme-modu #inputSatiri input#f_yukleme_yeri,
.form-panel.aktif-duzenleme-modu #inputSatiri input#f_bosaltma_yeri,
.form-panel #inputSatiri input#f_yukleme_yeri,
.form-panel #inputSatiri input#f_bosaltma_yeri,
#f_yukleme_yeri,
#f_bosaltma_yeri {
    width: 100% !important;
    min-width: 0 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* 3. Görüntüleme Modunda Gereksiz Kesikli Bilgi Kutusunu Gizle */
.form-panel.goruntuleme-modu .rota-tek-nokta-bilgi {
    display: none !important;
}

/* 4. Müşteri ve Tedarikçi Firma Alanları: Çerçevesiz, temiz ve asil tipografi */
.form-panel.goruntuleme-modu .form-row-tedarikci-baslik input#f_fatura_basligi,
.form-panel.goruntuleme-modu .finans-musteri-rozet {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    height: auto !important;
}

/* 5. Görüntüleme Modunda Tahsilat & Ödeme Vadesi Rozet Simetrisi */
.form-panel.goruntuleme-modu .vade-sayac-rozet.vade-belirtilmedi {
    background: #f1f5f9 !important;
    color: #64748b !important;
    border: 1px solid #e2e8f0 !important;
    padding: 2.5px 8px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    border-radius: 5px !important;
    font-style: italic !important;
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    height: 20px !important;
    line-height: 1 !important;
}

/* ─────────────────────────────────────────────
   14. KURUMSAL MONOKROM FINTECH STANDARDI & GÖRSEL SAKİNLİK (v0.9.958)
   ───────────────────────────────────────────── */

/* 1. Bölüm Başlık İkonları: Tek Tip Nötr Slate / Kurumsal Mikro İkon Kutusu */
.form-sec-icon-box,
.form-sec-icon-box.route,
.form-sec-icon-box.fleet,
.form-sec-icon-box.cargo,
.form-sec-icon-box.finance,
.form-sec-icon-box.icon-rota,
.form-sec-icon-box.icon-arac,
.form-sec-icon-box.icon-evrak,
.form-sec-icon-box.icon-finans,
.form-sec-icon-box.icon-notlar,
.dp-header-icon,
.dp-header-icon.hrs-icon,
.dp-header-icon.fleet-icon,
.dp-header-icon.docs-icon,
.dp-header-icon.fin-icon,
.dp-header-icon.timeline-icon {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    border-radius: 7px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.form-sec-icon-box svg,
.dp-header-icon svg {
    color: #475569 !important;
    stroke: #475569 !important;
}

/* 2. Yük Nitelikleri Çipleri: Monokrom & Asil Antrasit / Nötr Gri Standart */
.nitelik-chip-pill {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-weight: 650 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.15s ease !important;
}

.nitelik-chip-pill:hover {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #1e293b !important;
}

/* Seçili Nitelikler: Tok Antrasit Kurumsal Rozet */
.nitelik-cb:checked + .nitelik-chip-pill,
.nitelik-cb:checked + .nitelik-chip-pill.adr,
.nitelik-cb:checked + .nitelik-chip-pill.frigo,
.nitelik-cb:checked + .nitelik-chip-pill.gabari,
.nitelik-cb:checked + .nitelik-chip-pill.express,
.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill,
.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.adr,
.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.frigo,
.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.gabari,
.form-panel.goruntuleme-modu .nitelik-cb:checked + .nitelik-chip-pill.express {
    background: #0f172a !important;
    border-color: #0f172a !important;
    color: #ffffff !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.20) !important;
}

/* Görüntüleme Modunda Standart Kuru Yük Rozeti */
.nitelik-bos-rozet,
.form-panel.goruntuleme-modu .nitelik-bos-rozet {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 3. Görüntüleme Modunda Boş Veriler (Zarif Soluk Em-Dash) */
body .form-panel.goruntuleme-modu .kilitli-bos-alan,
body .form-panel.goruntuleme-modu input.input-alan:placeholder-shown,
body .form-panel.goruntuleme-modu textarea.input-alan:placeholder-shown {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

body .form-panel.goruntuleme-modu .kilitli-bos-alan::placeholder,
body .form-panel.goruntuleme-modu input.input-alan:placeholder-shown::placeholder,
body .form-panel.goruntuleme-modu textarea.input-alan:placeholder-shown::placeholder {
    color: #cbd5e1 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
}

/* Görüntüleme modunda teslim tarihi boşsa aradaki akış okunu soluklaştır */
.form-panel.goruntuleme-modu .sefer-tarih-akisi:has(#f_teslim_tarihi.kilitli-bos-alan) .tarih-akis-ok,
.form-panel.goruntuleme-modu .sefer-tarih-akisi:has(#f_teslim_tarihi:placeholder-shown) .tarih-akis-ok {
    color: #cbd5e1 !important;
    font-weight: 600 !important;
}

/* 4. Müşteri ve Tedarikçi Placeholder Uyumlu Font & Padding */
.form-panel .input-alan::placeholder,
.form-panel .select-alan::placeholder {
    font-size: 11px !important;
    font-weight: 550 !important;
    color: #94a3b8 !important;
}

/* 5. Görüntüleme Modunda Çıkış & Varış Noktası Şehir/İlçe Rozetleri Dengesi */
.form-panel.goruntuleme-modu .lokasyon-rozet-cikis,
.form-panel.goruntuleme-modu .lokasyon-rozet-varis {
    font-size: 11.5px !important;
    font-weight: 750 !important;
    letter-spacing: 0.02em !important;
}

/* ─────────────────────────────────────────────
   15. ULTRA PREMİUM SAKİNLİK, SİMETRİK FİNANS & EMOJİ ARINDIRMA (v0.9.959)
   ───────────────────────────────────────────── */

/* 1. Finans Paneli Kusursuz Simetri (Müşteri vs Tedarikçi) */
.form-panel.goruntuleme-modu .finans-musteri-ikon,
.form-panel .finans-musteri-ikon {
    display: none !important;
}

.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap::before,
.form-panel .tedarikci-rozet-input-wrap::before {
    display: none !important;
    content: none !important;
}

.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap,
.form-panel.goruntuleme-modu .form-row-tedarikci-baslik .tedarikci-rozet-input-wrap {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: 100% !important;
    display: block !important;
}

.form-panel.goruntuleme-modu .finans-musteri-metin,
.form-panel.goruntuleme-modu .form-row-tedarikci-baslik input#f_fatura_basligi,
.form-panel.goruntuleme-modu #f_fatura_basligi {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    line-height: 1.3 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Finans Alt Başlık Noktaları (Cırtlak Yeşil & Turuncu Yerine Nötr Mikro İşaret) */
.finans-subhead .subhead-dot.gelir,
.finans-subhead .subhead-dot.gider {
    background: #94a3b8 !important;
    width: 6px !important;
    height: 6px !important;
    box-shadow: none !important;
}

.finans-subhead .subhead-title {
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    color: #475569 !important;
}

/* 2. Açıklama Textarea'sı: Görüntüleme Modunda Scrollbar'sız Otomatik Esneyen Not Kartı */
.form-panel.goruntuleme-modu textarea.input-alan,
.form-panel.goruntuleme-modu #f_gelir_notu,
.form-panel.goruntuleme-modu #f_gider_notu {
    height: auto !important;
    min-height: 36px !important;
    max-height: none !important;
    resize: none !important;
    overflow: visible !important;
    overflow-y: visible !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 7px 10px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #1e293b !important;
    cursor: default !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

.form-panel.goruntuleme-modu textarea.input-alan::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
}

/* 3. Güzergah & Lokasyon Rozetleri: Emojisiz, Kurumsal Nötr Slate Kapsül */
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .oto-yer-input-wrap::before,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .oto-yer-input-wrap::before,
.form-panel .form-rota-bolumu .oto-yer-input-wrap::before {
    display: none !important;
    content: none !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-input-wrap {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    padding: 3.5px 9px !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu input#f_yukleme_yeri,
.form-panel.goruntuleme-modu .form-rota-bolumu input#f_bosaltma_yeri {
    font-size: 11px !important;
    font-weight: 750 !important;
    color: #1e293b !important;
    letter-spacing: 0.02em !important;
}

/* Ek Durak Rozetleri: Sakin Nötr Slate (Kırmızı Pinler Yerine Şık Mikro Etiket) */
.durak-konum-tag,
.ara-durak-cip small,
.form-panel .durak-konum-tag {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #64748b !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    border-radius: 4px !important;
    padding: 1.5px 6px !important;
}

.durak-konum-tag::before {
    display: none !important;
}

.guzergah-adet-badge,
.guzergah-adet-badge.yukleme,
.guzergah-adet-badge.bosaltma {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    border-radius: 5px !important;
    padding: 2px 7px !important;
}

/* 4. WhatsApp Butonu: Cırtlak Yeşil Çerçeve Yerine Kurumsal Beyaz/Slate Buton */
.btn-form-ek-aksiyon.wa {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-weight: 650 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.15s ease !important;
}

.btn-form-ek-aksiyon.wa svg {
    color: #475569 !important;
    stroke: #475569 !important;
}

.btn-form-ek-aksiyon.wa:hover {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

/* 5. Referans Kopyalama Butonu: Büyüteç Hissini Yok Eden Minimal Çerçevesiz İkon */
.btn-ref-kopyala {
    background: transparent !important;
    border: none !important;
    color: #64748b !important;
    padding: 2px 4px !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.15s ease !important;
}

.btn-ref-kopyala:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
}

/* 6. Düzenleme Modu & Salt Okunur Rozetleri: Sakin Kurumsal Slate */
.form-kilit-rozet,
.form-duzenleme-rozet,
#formDuzenlemeRozet,
#formKilitRozet {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 10.5px !important;
    font-weight: 750 !important;
    border-radius: 6px !important;
    padding: 3px 8px !important;
}

.form-duzenleme-rozet svg,
#formDuzenlemeRozet svg,
.form-kilit-rozet svg,
#formKilitRozet svg {
    color: #64748b !important;
    stroke: #64748b !important;
}

/* ─────────────────────────────────────────────
   16. FİNANS KANATLARI SİMETRİSİ & GELİR-GİDER DENGESİ (v0.9.960)
   ───────────────────────────────────────────── */

/* 1. Müşteri & Tedarikçi Firma Alanları (Hem Düzenleme Hem Görüntüleme Modunda Açık ve Senkron) */
.form-row-finans-musteri-bilgi,
.form-panel.goruntuleme-modu .form-row-finans-musteri-bilgi,
.form-panel.aktif-duzenleme-modu .form-row-finans-musteri-bilgi,
.form-panel:not(.goruntuleme-modu) .form-row-finans-musteri-bilgi {
    display: flex !important;
    margin-bottom: 6px !important;
}

/* Düzenleme modunda Müşteri Rozeti: Tedarikçi Inputuyla Birebir Eşit Yükseklik ve Netlik */
.form-panel:not(.goruntuleme-modu) .finans-musteri-rozet,
.form-panel.aktif-duzenleme-modu .finans-musteri-rozet {
    display: flex !important;
    align-items: center !important;
    height: 32px !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

.form-panel:not(.goruntuleme-modu) .finans-musteri-metin,
.form-panel.aktif-duzenleme-modu .finans-musteri-metin,
#finansMusteriOzetMetin {
    font-size: 12px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
}

/* Görüntüleme modunda Müşteri ve Tedarikçi Tipografisi */
.form-panel.goruntuleme-modu .finans-musteri-rozet {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: auto !important;
}

.form-panel.goruntuleme-modu .finans-musteri-metin {
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
}

.form-panel.goruntuleme-modu .form-row-tedarikci-baslik input#f_fatura_basligi {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    height: auto !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    cursor: default !important;
}

/* 2. Görüntüleme Modunda Rakamların Görünmesi (Tutar Satırları Açık) */
.form-panel.goruntuleme-modu .form-row-gelir-tutar,
.form-panel.goruntuleme-modu .form-row-gider-tutar {
    display: flex !important;
    margin-bottom: 6px !important;
}

.form-panel.goruntuleme-modu #f_gelir {
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #047857 !important;
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    border-radius: 6px !important;
    height: 28px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    font-family: 'DM Sans', -apple-system, sans-serif !important;
}

.form-panel.goruntuleme-modu #addon_gelir {
    color: #059669 !important;
    font-weight: 850 !important;
    font-size: 13px !important;
}

.form-panel.goruntuleme-modu #f_gider {
    font-size: 14px !important;
    font-weight: 850 !important;
    color: #c2410c !important;
    background: #fff7ed !important;
    border: 1px solid #fed7aa !important;
    border-radius: 6px !important;
    height: 28px !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    font-family: 'DM Sans', -apple-system, sans-serif !important;
}

.form-panel.goruntuleme-modu #addon_gider {
    color: #ea580c !important;
    font-weight: 850 !important;
    font-size: 13px !important;
}

/* Düzenleme modunda tutar alanları kurumsal renkleri */
.form-panel #f_gelir,
.form-panel.aktif-duzenleme-modu #f_gelir {
    color: #047857 !important;
    font-weight: 800 !important;
}

.form-panel #f_gider,
.form-panel.aktif-duzenleme-modu #f_gider {
    color: #c2410c !important;
    font-weight: 800 !important;
}

/* 3. İki Kanatlı Kurumsal Finans Kartları (Yeşil Gelir vs Turuncu Gider Dengesi) */
/* Görüntüleme Modu: Yan Yana 2 Kolonlu Zarif Twin Kartlar */
.form-panel.goruntuleme-modu .form-finans-stacked-cards {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    align-items: stretch !important;
}

.form-panel.goruntuleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
    gap: 6px !important;
}

.form-panel.goruntuleme-modu .form-finans-section-group.gelir-tarafi {
    border-left: 3.5px solid #10b981 !important;
}

.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi {
    border-left: 3.5px solid #F76C0D !important;
}

/* Düzenleme Modu: Tam Genişlikte Ferah Kartlar */
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel:not(.goruntuleme-modu) .form-finans-section-group.gelir-tarafi {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 3.5px solid #10b981 !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-section-group.gider-tarafi,
.form-panel:not(.goruntuleme-modu) .form-finans-section-group.gider-tarafi {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-left: 3.5px solid #F76C0D !important;
    border-radius: 8px !important;
    padding: 10px 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
}

/* 4. Alt Başlıklar (Subhead) ve Nokta Göstergeleri */
.finans-subhead {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.subhead-dot.gelir {
    background: #10b981 !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.15) !important;
}

.subhead-dot.gider {
    background: #F76C0D !important;
    box-shadow: 0 0 0 2px rgba(247, 108, 13, 0.15) !important;
}

.gelir-tarafi .subhead-title {
    color: #065f46 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
}

.gider-tarafi .subhead-title {
    color: #9a3412 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
}

/* 5. Durak Yer Rozetleri: Sakin Slate Mikro Etiket */
.durak-yer-rozet {
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

/* ─────────────────────────────────────────────
   17. HIGH-DENSITY KOMPAKT TMS FİNANS ŞERİDİ & 2-KOLONLU SİMETRİ (v0.9.961)
   ───────────────────────────────────────────── */

/* A. Hero KPI Bloğu: 3 Büyük Kutu Yerine Kompakt 1-Satır Ticker Ribbon */
.finans-hero-kpi-bar {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 5px 8px !important;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

.finans-hero-kpi-grid {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
}

.hero-kpi-tile {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    min-width: 0 !important;
}

.hero-kpi-tile.kar {
    background: transparent !important;
    border: none !important;
}

.hero-kpi-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3.5px !important;
    font-size: 9px !important;
    font-weight: 750 !important;
    color: #64748b !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.hero-kpi-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

.hero-kpi-dot.gelir {
    background: #047857 !important;
}

.hero-kpi-dot.maliyet {
    background: #c2410c !important;
}

.hero-kpi-dot.kar {
    background: #10b981 !important;
}

.hero-kpi-deger {
    display: inline-flex !important;
    align-items: baseline !important;
    gap: 2px !important;
    font-family: 'DM Sans', -apple-system, sans-serif !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: -0.01em !important;
    white-space: nowrap !important;
}

.hero-kpi-deger.gelir {
    color: #065f46 !important;
}

.hero-kpi-deger.maliyet {
    color: #9a3412 !important;
}

.hero-kpi-deger.kar {
    color: #047857 !important;
}

.hero-kpi-birim {
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #64748b !important;
}

.hero-kpi-marj-badge {
    margin-left: 2px !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    padding: 1px 4.5px !important;
    border-radius: 4px !important;
    background: #dcfce7 !important;
    color: #15803d !important;
    line-height: 1.2 !important;
}

.hero-kpi-progress-track {
    display: flex !important;
    height: 3px !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    background: #e2e8f0 !important;
    width: 100% !important;
    margin-top: 1px !important;
}

/* B. İki Kanatlı Finans Kartları: Hem Düzenleme Hem Görüntüleme Modunda 2-Kolonlu Grid */
.form-finans-stacked-cards,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards,
.form-panel.goruntuleme-modu .form-finans-stacked-cards,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    align-items: stretch !important;
    margin-bottom: 6px !important;
}

.form-finans-section-group.gelir-tarafi,
.form-finans-section-group.gider-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gider-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 7px 9px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    gap: 4px !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
}

.form-finans-section-group.gelir-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gelir-tarafi {
    border-left: 3px solid #10b981 !important;
}

.form-finans-section-group.gider-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gider-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi {
    border-left: 3px solid #F76C0D !important;
}

/* Fatura ve Vade Satırının Kolon İçinde Dikey Dizilimi (Hem Düzenleme Hem Görüntülemede) */
.form-finans-stacked-cards .form-row.form-row-fatura-vade,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade {
    display: flex !important;
    flex-direction: column !important;
    gap: 3.5px !important;
    width: 100% !important;
    margin-bottom: 0 !important;
}

.form-finans-stacked-cards .form-row.form-row-fatura-vade .input-grup,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade .input-grup,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-fatura-vade .input-grup {
    width: 100% !important;
}

/* C. Kompakt Input Yükseklikleri & High-Density Tipografi */
.form-finans-stacked-cards .input-etiket,
.form-finans-stacked-cards label.input-etiket {
    font-size: 9px !important;
    font-weight: 750 !important;
    color: #64748b !important;
    letter-spacing: 0.03em !important;
    margin-bottom: 2px !important;
    line-height: 1.15 !important;
}

/* Düzenleme Modunda Kompakt Inputlar (27px) */
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards input.input-alan,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards input.input-alan,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .finans-musteri-rozet,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .finans-musteri-rozet {
    height: 27px !important;
    min-height: 27px !important;
    font-size: 11px !important;
    padding: 0 7px !important;
    border-radius: 5px !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards input#f_gelir,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards input#f_gelir {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #047857 !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards input#f_gider,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards input#f_gider {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #c2410c !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards #addon_gelir,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards #addon_gider,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards #addon_gelir,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards #addon_gider {
    font-size: 11px !important;
    font-weight: 800 !important;
}

/* Görüntüleme Modunda Zarif Kompakt Tipografi */
.form-panel.goruntuleme-modu .form-finans-stacked-cards .finans-musteri-metin,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input#f_fatura_basligi {
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu .form-finans-stacked-cards #f_gelir {
    font-size: 12.5px !important;
    font-weight: 850 !important;
    color: #047857 !important;
    height: 20px !important;
    line-height: 20px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu .form-finans-stacked-cards #f_gider {
    font-size: 12.5px !important;
    font-weight: 850 !important;
    color: #c2410c !important;
    height: 20px !important;
    line-height: 20px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu .form-finans-stacked-cards input#f_fatura_gelir,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input#f_fatura_gider {
    font-size: 11px !important;
    font-weight: 750 !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    color: #334155 !important;
    height: 19px !important;
    line-height: 19px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* D. Alt Bilgiler (Ödeme Bilgisi & Açıklamalar) */
.form-panel .form-section-card:has(.form-sec-icon-box.finance) .form-row:has(#f_odeme_bilgisi) {
    margin-top: 2px !important;
    margin-bottom: 4px !important;
}

.form-panel .form-section-card:has(.form-sec-icon-box.finance) input#f_odeme_bilgisi {
    height: 27px !important;
    min-height: 27px !important;
    font-size: 11px !important;
}

.form-panel.aktif-duzenleme-modu .form-row-aciklamalar textarea,
.form-panel:not(.goruntuleme-modu) .form-row-aciklamalar textarea {
    height: 44px !important;
    min-height: 44px !important;
    font-size: 11px !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
}

/* E. Sol Kolon Inputları Kompaktlaştırma (TMS Disiplini) */
.form-panel.aktif-duzenleme-modu .sol-kolon input.input-alan,
.form-panel:not(.goruntuleme-modu) .sol-kolon input.input-alan {
    height: 28px !important;
    min-height: 28px !important;
    font-size: 11px !important;
}

.form-panel.aktif-duzenleme-modu .sol-kolon .input-grup-tr-plaka .tr-plate-frame,
.form-panel:not(.goruntuleme-modu) .sol-kolon .input-grup-tr-plaka .tr-plate-frame {
    height: 28px !important;
    min-height: 28px !important;
}

/* ─────────────────────────────────────────────
   18. EXECUTIVE TMS RAFİNASYON & KAPANIŞ KONTROLÜ (v0.9.962)
   ───────────────────────────────────────────── */

/* 1. Finans Ticker: Net Kâr ve Marj Rozeti Sıralaması */
.hero-kpi-tile.kar {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 5px !important;
}

.hero-kpi-tile.kar .hero-kpi-deger.kar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* 2. Sefer Kapanış & Uyumluluk Kontrol Kartı (Görüntülemede Açık, Düzenlemede Gizli) */
.form-panel.aktif-duzenleme-modu .finans-kapanis-kontrol-karti,
.form-panel:not(.goruntuleme-modu) .finans-kapanis-kontrol-karti {
    display: none !important;
}

.form-panel.goruntuleme-modu .finans-kapanis-kontrol-karti {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    padding: 8px 10px !important;
    margin-top: 8px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.02) !important;
}

.kapanis-kontrol-baslik {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    padding-bottom: 4px !important;
    border-bottom: 1px solid #edf2f7 !important;
}

.kapanis-kontrol-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 4px 8px !important;
}

.kontrol-item {
    display: flex !important;
    align-items: center !important;
    gap: 4.5px !important;
    font-size: 9.5px !important;
    color: #475569 !important;
    white-space: nowrap !important;
}

.kontrol-item.tamam .kontrol-ikon {
    color: #10b981 !important;
    font-weight: 900 !important;
    font-size: 11px !important;
}

.kontrol-item.bekliyor .kontrol-ikon {
    color: #94a3b8 !important;
    font-size: 9px !important;
}

.kontrol-item.tamam strong {
    color: #047857 !important;
    font-weight: 750 !important;
}

.kontrol-item.bekliyor strong {
    color: #64748b !important;
    font-weight: 700 !important;
}

/* 3. Çıkış Noktası Tek Yükleme Bilgilendirme Bandı */
.form-panel.goruntuleme-modu .rota-tek-nokta-bilgi,
.rota-tek-nokta-bilgi {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
    padding: 5px 9px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 6px !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    color: #475569 !important;
}

.rota-tek-nokta-bilgi .tek-nokta-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #10b981 !important;
    flex-shrink: 0 !important;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.15) !important;
}

/* 4. Düzenleme Modunda Vade Rozeti ve Input (Kompakt 27px Tek Satır Hizalama) */
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .vade-alan-satir,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .vade-alan-satir {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 4px !important;
    width: 100% !important;
    height: 27px !important;
    min-height: 27px !important;
    box-sizing: border-box !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .vade-alan-satir input,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .vade-alan-satir input {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    font-size: 11px !important;
    padding: 0 6px !important;
    box-sizing: border-box !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .vade-alan-satir:not(.vade-dolu) input,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .vade-alan-satir:not(.vade-dolu) input {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: 100% !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .vade-alan-satir.vade-dolu input,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .vade-alan-satir.vade-dolu input {
    flex: 0 0 96px !important;
    width: 96px !important;
    max-width: 96px !important;
}

.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .vade-sayac-rozet,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .vade-sayac-rozet {
    flex: 0 0 auto !important;
    height: 20px !important;
    font-size: 8.5px !important;
    padding: 0 5px !important;
    margin: 0 !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* 5. Tüketici Emojilerine Monokrom Kurumsal Cila */
.rota-pin-ikon {
    filter: grayscale(100%) opacity(0.7) !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   19. ENTERPRISE TMS ERP CİLASI & KOLON DENGELEME (v0.9.963)
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1. Kâr / Maliyet Çizgisini Kaldırma (Kullanıcı Talebi) */
.hero-kpi-progress-track {
    display: none !important;
}

/* 2. Finans Ticker Marj Rozeti Sürekli Görünür & Net */
.hero-kpi-deger.kar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.hero-kpi-marj-badge {
    display: inline-flex !important;
    align-items: center !important;
    font-size: 8.5px !important;
    font-weight: 800 !important;
    padding: 1px 4.5px !important;
    border-radius: 4px !important;
    background: #dcfce7 !important;
    color: #15803d !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

/* 3. Evrak Sayısı Rozetinde Boş Halka / Daire Oluşmasını Kesin Engelleme */
.btn-evrak-adet-badge:empty,
.btn-evrak-adet-badge[style*="display: none"],
.btn-evrak-adet-badge[style*="display:none"] {
    display: none !important;
}

/* 4. Tarih Akış Okunun 27px Giriş Kutularının Tam Merkezine Kilitlenmesi */
.sefer-tarih-akisi {
    display: flex !important;
    align-items: flex-end !important;
    gap: 6px !important;
    width: 100% !important;
}

.sefer-tarih-akisi .tarih-akis-ok {
    height: 27px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    margin-bottom: 0 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    color: #94a3b8 !important;
    user-select: none !important;
    flex-shrink: 0 !important;
}

.form-panel.goruntuleme-modu .sefer-tarih-akisi .tarih-akis-ok {
    height: 24px !important;
    color: #cbd5e1 !important;
}

/* 5. Görüntüleme Modunda Boş Teslim Tarihi Placeholder Stili */
.form-panel.goruntuleme-modu #f_teslim_tarihi.kilitli-bos-alan::placeholder,
.form-panel.goruntuleme-modu #f_teslim_tarihi:placeholder-shown::placeholder {
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    letter-spacing: 0.02em !important;
}

/* 6. Dikey Kolon Taban Eşitlemesi (Sol ve Sağ Alt Çizgiyi Milimetrik Hizalama) */
.form-detayli-grid-2col {
    display: grid !important;
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
}

.form-detayli-kolon.sol-kolon {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 7px !important;
    height: 100% !important;
}

.form-detayli-kolon.sag-kolon {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.form-detayli-kolon.sag-kolon > .form-section-card {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

.form-panel.goruntuleme-modu .finans-kapanis-kontrol-karti {
    margin-top: auto !important;
}

/* 7. Düzenleme Modunda Sağ Kolonun Fazla Sarkmasını Önleyen Kompakt Açıklamalar */
.form-panel.aktif-duzenleme-modu .form-row-aciklamalar,
.form-panel:not(.goruntuleme-modu) .form-row-aciklamalar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    margin-top: 4px !important;
    margin-bottom: 0 !important;
}

.form-panel.aktif-duzenleme-modu .form-row-aciklamalar textarea,
.form-panel:not(.goruntuleme-modu) .form-row-aciklamalar textarea {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;
    font-size: 10.5px !important;
    padding: 4px 7px !important;
    resize: none !important;
    line-height: 1.2 !important;
}

.form-panel.aktif-duzenleme-modu .form-row:has(#f_odeme_bilgisi) input,
.form-panel:not(.goruntuleme-modu) .form-row:has(#f_odeme_bilgisi) input {
    height: 27px !important;
    min-height: 27px !important;
    font-size: 11px !important;
}









/* ══════════════════════════════════════════════════════════════════════════════
   20. ENTERPRISE TMS ERP GÖRÜNÜM & DÜZENLEME CİLASI (v0.9.964)
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1. Şehir / İlçe Alanının Dönüşümü */
/* A. Görüntüleme Modu: Firma adının altında zarif 11px lokasyon mikro etiketi */
.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-grup {
    margin-top: 1px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-grup .input-etiket {
    display: none !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-input-wrap,
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .oto-yer-input-wrap,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .oto-yer-input-wrap {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #f1f5f9 !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    padding: 1px 7px !important;
    width: fit-content !important;
    max-width: 100% !important;
    margin-top: 2px !important;
    height: 18px !important;
    min-height: 18px !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    box-sizing: border-box !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-input-wrap::before,
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .oto-yer-input-wrap::before,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .oto-yer-input-wrap::before {
    display: inline-block !important;
    content: "📍" !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    opacity: 0.85 !important;
    margin-right: 2px !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu .oto-yer-input-wrap input.oto-il-ilce-input,
.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme input#f_yukleme_yeri,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma input#f_bosaltma_yeri,
.form-panel.goruntuleme-modu #inputSatiri input#f_yukleme_yeri,
.form-panel.goruntuleme-modu #inputSatiri input#f_bosaltma_yeri {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 16px !important;
    min-height: 16px !important;
    line-height: 16px !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    color: #475569 !important;
    field-sizing: content !important;
    width: max-content !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    cursor: default !important;
}

/* B. Düzenleme Modu: 40px yerine 22px kompakt kilitli sistem alanı */
.form-panel.aktif-duzenleme-modu .form-rota-bolumu .oto-yer-grup,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu .oto-yer-grup {
    margin-top: 2px !important;
    margin-bottom: 0 !important;
}

.form-panel.aktif-duzenleme-modu .form-rota-bolumu .oto-yer-grup .input-etiket,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu .oto-yer-grup .input-etiket {
    display: none !important;
}

.form-panel.aktif-duzenleme-modu .form-rota-bolumu .oto-yer-input-wrap,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu .oto-yer-input-wrap {
    height: 22px !important;
    min-height: 22px !important;
    max-height: 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 5px !important;
    padding: 0 7px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.form-panel.aktif-duzenleme-modu .form-rota-bolumu .oto-yer-input-wrap::before,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu .oto-yer-input-wrap::before {
    display: inline-block !important;
    content: "📍" !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
    opacity: 0.75 !important;
}

.form-panel.aktif-duzenleme-modu .form-rota-bolumu .oto-yer-input-wrap input.oto-il-ilce-input,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu .oto-yer-input-wrap input.oto-il-ilce-input,
.form-panel.aktif-duzenleme-modu #inputSatiri input#f_yukleme_yeri,
.form-panel.aktif-duzenleme-modu #inputSatiri input#f_bosaltma_yeri,
.form-panel:not(.goruntuleme-modu) #inputSatiri input#f_yukleme_yeri,
.form-panel:not(.goruntuleme-modu) #inputSatiri input#f_bosaltma_yeri {
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 20px !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* 2. Boş Alanlarda Çıplak Tire Yerine Nötr ERP Durum Rozetleri */
.form-panel.goruntuleme-modu input.kilitli-bos-atanmadi::placeholder {
    color: #64748b !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    font-style: normal !important;
    background: #f1f5f9 !important;
    padding: 1.5px 7px !important;
    border-radius: 4px !important;
    border: 1px solid #e2e8f0 !important;
    line-height: 1.3 !important;
}

.form-panel.goruntuleme-modu input.kilitli-bos-bekleniyor::placeholder {
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    background: #f8fafc !important;
    padding: 1.5px 7px !important;
    border-radius: 4px !important;
    border: 1px dashed #cbd5e1 !important;
    line-height: 1.3 !important;
}

.form-panel.goruntuleme-modu input.kilitli-bos-girilmedi::placeholder {
    color: #94a3b8 !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    font-style: normal !important;
    background: #f8fafc !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    border: 1px dashed #cbd5e1 !important;
}

/* 3. Plakaların Gerçek Filo Kartı Hissine Kavuşması (Metalik Akrilik Kabartma) */
.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame,
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame,
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame:hover {
    width: fit-content !important;
    min-width: 165px !important;
    max-width: 210px !important;
    height: 28px !important;
    min-height: 28px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-blue {
    width: 24px !important;
    background: #003399 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 5px 0 0 5px !important;
    flex-shrink: 0 !important;
}

.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-text {
    color: #ffffff !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
}

.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-input {
    background: transparent !important;
    border: none !important;
    font-family: 'JetBrains Mono', 'Segoe UI', monospace !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    letter-spacing: 0.04em !important;
    padding: 0 8px !important;
    height: 100% !important;
    line-height: 28px !important;
}

/* 4. İki Güzergah Kutusu Arasındaki Yatay Rota Akış Köprüsü */
.form-rota-transit-akisi,
.form-panel.goruntuleme-modu .form-rota-transit-akisi,
.form-panel.aktif-duzenleme-modu .form-rota-transit-akisi {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    margin: 0 auto !important;
    align-self: center !important;
    gap: 0 !important;
    position: relative !important;
}

.transit-cizgi,
.form-panel.goruntuleme-modu .transit-cizgi,
.form-panel.aktif-duzenleme-modu .transit-cizgi {
    display: none !important;
}

.transit-ok-rozet,
.form-panel.goruntuleme-modu .transit-ok-rozet,
.form-panel.aktif-duzenleme-modu .transit-ok-rozet {
    width: 24px !important;
    height: 24px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
    transition: all 0.15s ease !important;
    user-select: none !important;
    margin: 0 !important;
}

.transit-ok-rozet:hover {
    border-color: var(--turuncu, #F76C0D) !important;
    color: var(--turuncu, #F76C0D) !important;
    background: #fff4ee !important;
    transform: scale(1.06) !important;
}

/* 5. Ödeme Dekontu / Bilgisi Alanı: Tedarikçi Kartı İçinde Entegre */
.form-row-odeme-bilgisi {
    margin-top: 4px !important;
    width: 100% !important;
}

.form-row-odeme-bilgisi .input-grup {
    width: 100% !important;
}

.form-panel.aktif-duzenleme-modu .form-row-odeme-bilgisi input,
.form-panel:not(.goruntuleme-modu) .form-row-odeme-bilgisi input {
    height: 27px !important;
    min-height: 27px !important;
    font-size: 11px !important;
    padding: 0 7px !important;
    border-radius: 6px !important;
}

/* 6. Açıklamalar Alanı: 27px Kompakt, Tıklandığında Akıllıca Esneyen Yapı */
.form-panel.aktif-duzenleme-modu .form-row-aciklamalar,
.form-panel:not(.goruntuleme-modu) .form-row-aciklamalar {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6px !important;
    margin-top: 5px !important;
    margin-bottom: 0 !important;
}

.form-panel.aktif-duzenleme-modu .form-row-aciklamalar textarea,
.form-panel:not(.goruntuleme-modu) .form-row-aciklamalar textarea {
    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px;
    font-size: 11px !important;
    padding: 4px 8px !important;
    line-height: 1.25 !important;
    border-radius: 6px !important;
    resize: none !important;
    overflow: hidden !important;
    transition: min-height 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s ease !important;
}

.form-panel.aktif-duzenleme-modu .form-row-aciklamalar textarea:focus,
.form-panel:not(.goruntuleme-modu) .form-row-aciklamalar textarea:focus {
    min-height: 52px !important;
    max-height: 96px !important;
    height: auto !important;
    overflow-y: auto !important;
    box-shadow: 0 0 0 2.5px rgba(247, 108, 13, 0.16) !important;
}

/* 7. Ek Boşaltma Duraklarının Düzenleme Kontrolleri (Grip Handle & Mikro Butonlar) */
.guzergah-durak-satir .ribbon-sol {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.durak-grip-handle {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: grab !important;
    user-select: none !important;
    padding: 0 1px !important;
    line-height: 1 !important;
    opacity: 0.8 !important;
    transition: opacity 0.15s ease !important;
}

.guzergah-durak-satir:hover .durak-grip-handle {
    opacity: 1 !important;
    color: #1e293b !important;
}

.guzergah-durak-satir .ribbon-sag {
    display: flex !important;
    align-items: center !important;
    gap: 2px !important;
    opacity: 0.8 !important;
    transition: opacity 0.15s ease !important;
}

.guzergah-durak-satir:hover .ribbon-sag {
    opacity: 1 !important;
}

.btn-durak-tasi, .btn-durak-sil {
    width: 18px !important;
    height: 18px !important;
    border-radius: 4px !important;
    font-size: 8.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #64748b !important;
    cursor: pointer !important;
    transition: all 0.12s ease !important;
}

.btn-durak-sil {
    color: #94a3b8 !important;
}

.btn-durak-sil:hover {
    background: #fee2e2 !important;
    color: #ef4444 !important;
    border-color: #fca5a5 !important;
}

.btn-durak-tasi:hover {
    background: #f1f5f9 !important;
    color: #0f172a !important;
    border-color: #94a3b8 !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   21. ENTERPRISE TMS ERP GÖRÜNÜM & SİMETRİ MASTERPIECE (v0.9.965)
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1. Finans Kartları Milimetrik Dikey Eşitlik (5 Satır vs 5 Satır) */
.form-finans-stacked-cards .form-row.form-row-satis-fatura,
.form-finans-stacked-cards .form-row.form-row-alis-fatura,
.form-finans-stacked-cards .form-row.form-row-tahsilat-vade,
.form-finans-stacked-cards .form-row.form-row-odeme-vade,
.form-finans-stacked-cards .form-row.form-row-tahsilat-bilgisi,
.form-finans-stacked-cards .form-row.form-row-odeme-bilgisi,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-satis-fatura,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-alis-fatura,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-tahsilat-vade,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-odeme-vade,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-tahsilat-bilgisi,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-odeme-bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-satis-fatura,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-alis-fatura,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-tahsilat-vade,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-odeme-vade,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-tahsilat-bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-odeme-bilgisi {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 3px !important;
}

.form-finans-stacked-cards .form-row .input-grup,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row .input-grup,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row .input-grup {
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
}

.form-finans-stacked-cards .form-row input#f_tahsilat_bilgisi,
.form-finans-stacked-cards .form-row input#f_odeme_bilgisi {
    font-size: 11px !important;
    padding: 0 8px !important;
    width: 100% !important;
    height: 27px !important;
    box-sizing: border-box !important;
}

/* 2. Açıklamalar Alanı: Tarayıcı Boyutlandırma Tutamaçlarının (//) Temizlenmesi */
.form-row-aciklamalar textarea,
.form-panel.aktif-duzenleme-modu .form-row-aciklamalar textarea,
.form-panel:not(.goruntuleme-modu) .form-row-aciklamalar textarea,
.form-panel.goruntuleme-modu .form-row-aciklamalar textarea {
    resize: none !important;
}

.form-row-aciklamalar textarea::-webkit-resizer,
.form-panel textarea::-webkit-resizer,
textarea::-webkit-resizer {
    display: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 0 !important;
    height: 0 !important;
}

/* 3. Müşteri Kurumsal Rozeti - Görüntüleme Modu (Tablo Rozeti Uyumu) */
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap,
.form-panel.goruntuleme-modu [data-alan="musteri"] .musteri-rozet-input-wrap,
.form-panel.goruntuleme-modu .finans-musteri-rozet {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 26px !important;
    padding: 3px 10px !important;
    border: 1px solid rgba(247, 108, 13, 0.22) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 244, 238, 0.70) 100%) !important;
    color: var(--metin, #1a1a2e) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(26, 26, 46, 0.04) !important;
    box-sizing: border-box !important;
}

.form-panel.goruntuleme-modu #f_musteri,
.form-panel.goruntuleme-modu .finans-musteri-metin {
    font-size: 11.5px !important;
    font-weight: 850 !important;
    color: #1a1a2e !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    width: auto !important;
    cursor: default !important;
}

/* 4. Tedarikçi Kurumsal Rozeti - Görüntüleme Modu (Tablo Rozeti Uyumu) */
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)) {
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 26px !important;
    padding: 3px 10px !important;
    border: 1px solid rgba(100, 116, 139, 0.25) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    color: #1e293b !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(15, 23, 42, 0.04) !important;
    box-sizing: border-box !important;
}

.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)) input#f_fatura_basligi {
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
    width: auto !important;
    cursor: default !important;
}

/* 5. Sol ve Sağ Kolon Taban Eşitlemesi (Vertical Height Alignment) */
.form-panel .form-grid-2-kolon-ana {
    align-items: stretch !important;
}

.form-panel .form-kolon-sag .form-section-card {
    min-height: 100% !important;
}

/* ══════════════════════════════════════════════════════════════════════════════
   22. ENTERPRISE TMS ERP FORM NİZAMİ DÜZEN & SİMETRİ MASTER (v0.9.968)
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1. Müşteri / Cari Hesap Metin Kırpılmasını Kesin Önleme */
.form-panel.goruntuleme-modu #f_musteri,
.form-panel.goruntuleme-modu .finans-musteri-metin,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #f_musteri,
.form-panel:not(.goruntuleme-modu) #f_musteri {
    field-sizing: content !important;
    width: fit-content !important;
    min-width: 0 !important;
    max-width: 100% !important;
    text-overflow: clip !important;
    overflow: visible !important;
    white-space: nowrap !important;
}

.form-panel.goruntuleme-modu .musteri-rozet-input-wrap,
.form-panel.goruntuleme-modu [data-alan="musteri"] .musteri-rozet-input-wrap,
.form-panel.goruntuleme-modu .finans-musteri-rozet {
    width: fit-content !important;
    max-width: 100% !important;
    padding: 3px 10px !important;
}

/* 2. Finans Kartları Milimetrik 5'e 5 Dikey Eşitlik (#f_tahsilat_bilgisi & #f_odeme_bilgisi) */
.form-finans-stacked-cards .form-row.form-row-tahsilat-bilgisi,
.form-finans-stacked-cards .form-row.form-row-odeme-bilgisi,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-tahsilat-bilgisi,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .form-row.form-row-odeme-bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-tahsilat-bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row.form-row-odeme-bilgisi {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 3px !important;
}

.form-finans-stacked-cards .form-row input#f_tahsilat_bilgisi,
.form-finans-stacked-cards .form-row input#f_odeme_bilgisi {
    font-size: 11px !important;
    padding: 0 8px !important;
    width: 100% !important;
    height: 27px !important;
    box-sizing: border-box !important;
}

/* 3. Tarih Inputlarında %50 / %50 Eşit Genişlik & Merkezlenmiş Turuncu Akış Oku */
.sefer-tarih-akisi .input-grup,
.form-panel .sefer-tarih-akisi .input-grup,
.form-panel.aktif-duzenleme-modu .sefer-tarih-akisi .input-grup,
.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-grup {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    margin-bottom: 0 !important;
}

.sefer-tarih-akisi .input-grup .input-alan,
.form-panel .sefer-tarih-akisi .input-grup .input-alan {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

.sefer-tarih-akisi .tarih-akis-ok,
.form-panel.goruntuleme-modu .sefer-tarih-akisi .tarih-akis-ok,
.form-panel.aktif-duzenleme-modu .sefer-tarih-akisi .tarih-akis-ok {
    color: #F76C0D !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
}

/* 4. Çoklu Güzergahta Çıkış / Varış Kutusu Yükseklik Eşitlemesi (Stretch) */
.form-rota-kutu-cifti,
.form-panel.goruntuleme-modu .form-rota-kutu-cifti,
.form-panel.aktif-duzenleme-modu .form-rota-kutu-cifti {
    display: flex !important;
    align-items: stretch !important;
    gap: 12px !important;
}

.form-rota-bolumu,
.form-panel .form-rota-bolumu {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* 5. Taşıma Ekibi Kartında Sürücü ve Telefon Kurumsal Kutu Bütünlüğü (3. Kart) */
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri [data-alan="surucu"] input#f_surucu:not(.kilitli-bos-alan):not(:placeholder-shown),
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri [data-alan="surucu"] .input-alan:not(.kilitli-bos-alan):not(:placeholder-shown),
.form-panel.goruntuleme-modu [data-alan="surucu"] input#f_surucu:not(.kilitli-bos-alan):not(:placeholder-shown) {
    height: 28px !important;
    min-height: 28px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    color: #1e293b !important;
    box-sizing: border-box !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.form-panel.goruntuleme-modu [data-alan="iletisim"] .tel-input-wrap:not(:has(.kilitli-bos-alan)):not(:has(input:placeholder-shown)) {
    height: 28px !important;
    min-height: 28px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
}

.form-panel.goruntuleme-modu [data-alan="iletisim"] .tel-input-wrap:not(:has(.kilitli-bos-alan)):not(:has(input:placeholder-shown)) .tel-input {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    font-weight: 750 !important;
    color: #1e293b !important;
    height: auto !important;
    width: 100% !important;
}

/* 6. Görüntüleme Modunda Sürükleme İkonu (Grip Handle ⠿) ve Düzenleme Butonlarının Gizlenmesi */
.form-panel.goruntuleme-modu .durak-grip-handle,
.form-panel.goruntuleme-modu .durak-drag-handle,
.form-panel.goruntuleme-modu .embedded-ribbon-node .ribbon-sag {
    display: none !important;
}

/* 7. Ek Durak Sıralama (▲, ▼) ve Silme (✕) Buton Dokunma Alanı Ferahlatma */
.guzergah-durak-satir .btn-durak-tasi,
.guzergah-durak-satir .btn-durak-sil {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    font-size: 9.5px !important;
    padding: 0 !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #94a3b8 !important;
    transition: all 0.14s ease !important;
}

.embedded-ribbon-node .ribbon-sag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
}

/* 8. Güzergâh Bağlantı Oku Dikey Merkezleme */
.form-rota-transit-akisi,
.form-panel.goruntuleme-modu .form-rota-transit-akisi,
.form-panel.aktif-duzenleme-modu .form-rota-transit-akisi {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    margin: auto 0 !important;
    align-self: center !important;
    gap: 0 !important;
    position: relative !important;
}

/* 9. Tarih & Cari Arasındaki Dikey Ayırıcı Çizgi Bütünlüğü */
.sefer-tarih-akisi {
    border-right: 1px solid #e2e8f0 !important;
    padding-right: 12px !important;
    box-sizing: border-box !important;
}

.form-panel.goruntuleme-modu .form-grid-sefer-tarih-musteri {
    align-items: stretch !important;
}

.form-panel.goruntuleme-modu .form-grid-sefer-tarih-musteri .sefer-tarih-akisi {
    align-items: flex-end !important;
}

/* 10. Ek Durak Rozetleri: Kurumsal Nötr Slate Rengi (#f8fafc zemin, slate sınır) */
.durak-yer-rozet,
.durak-yer-rozet.sehir-disi,
.form-panel.goruntuleme-modu .durak-yer-rozet.sehir-disi,
.embedded-ribbon-node .durak-yer-rozet.sehir-disi {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    font-weight: 750 !important;
}

/* 11. Finans Hero KPI Barında Net Kâr ile Marj Rozeti Arası Ferahlama (gap: 8px) */
.hero-kpi-deger.kar {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
}



/* ==========================================================================
   23. ENTERPRISE TMS ERP FORM STANDARD REFINEMENT v0.9.969
   Rozet Geometrisi (Tek Tip 6px Radius), Tipografi Skalası, Dikey Ritim & Simetri
   ========================================================================== */

/* 1. Üst Başlık Barı: Tek Tip 6px Radius & 28px Yükseklik Standardı */
.form-baslik-modern .form-tur-rozet,
.form-baslik-modern .form-durum-rozet,
.form-baslik-modern .form-kilit-rozet,
.form-baslik-modern .form-duzenleme-rozet,
.form-baslik-modern #formDuzenlemeRozet,
.form-baslik-modern #formKilitRozet,
.form-baslik-modern .btn-form-ek-aksiyon {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
}

.form-baslik-modern .form-durum-rozet {
    border-radius: 6px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
}

.form-baslik-modern .btn-form-kapat {
    height: 28px !important;
    width: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 12px !important;
}

.form-baslik-modern .btn-ref-kopyala {
    height: 24px !important;
    width: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    border-radius: 5px !important;
}

/* 2. Vade Sayaçları & "Vade Belirtilmedi" Rozet Standardı (İtalik Kesinlikle Kaldırıldı) */
.vade-sayac-rozet,
.form-panel .vade-sayac-rozet,
.form-panel.goruntuleme-modu .vade-sayac-rozet,
.form-panel.aktif-duzenleme-modu .vade-sayac-rozet {
    height: 24px !important;
    min-height: 24px !important;
    border-radius: 6px !important;
    padding: 0 8px !important;
    font-size: 11px !important;
    font-weight: 750 !important;
    font-style: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.vade-sayac-rozet:empty,
.form-panel:not(.goruntuleme-modu) .vade-sayac-rozet.vade-belirtilmedi,
.form-panel.aktif-duzenleme-modu .vade-sayac-rozet.vade-belirtilmedi,
.form-panel:not(.goruntuleme-modu) .vade-sayac-rozet:not(.gecikti):not(.kalan):not(.bugun),
.form-panel.aktif-duzenleme-modu .vade-sayac-rozet:not(.gecikti):not(.kalan):not(.bugun) {
    display: none !important;
}

.form-panel.goruntuleme-modu .vade-sayac-rozet.vade-belirtilmedi,
.vade-sayac-rozet.vade-belirtilmedi {
    font-style: normal !important;
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    height: 24px !important;
    border-radius: 6px !important;
    padding: 0 8px !important;
}

/* 3. Yük Nitelikleri Çipleri (2. Kart) & Kap/Kg Taban Hizalaması */
.nitelik-chip-pill,
.nitelik-bos-rozet,
.form-panel.goruntuleme-modu .nitelik-chip-pill,
.form-panel.goruntuleme-modu .nitelik-bos-rozet {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    border-radius: 6px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}

.form-grid-yuk-olculeri {
    align-items: flex-end !important;
}

.form-grid-yuk-olculeri .input-suffix-wrap,
.form-panel.aktif-duzenleme-modu .form-grid-yuk-olculeri .input-suffix-wrap,
.form-panel:not(.goruntuleme-modu) .form-grid-yuk-olculeri .input-suffix-wrap {
    height: 28px !important;
    min-height: 28px !important;
    box-sizing: border-box !important;
}

.form-grid-yuk-olculeri .input-suffix-wrap input,
.form-panel.aktif-duzenleme-modu .form-grid-yuk-olculeri .input-suffix-wrap input,
.form-panel:not(.goruntuleme-modu) .form-grid-yuk-olculeri .input-suffix-wrap input {
    height: 28px !important;
    min-height: 28px !important;
    font-size: 11.5px !important;
    box-sizing: border-box !important;
}

.form-grid-yuk-olculeri .inline-unit-badge {
    height: 20px !important;
    padding: 0 6px !important;
    border-radius: 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 9.5px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

/* 4. Hero KPI Barı: Marj Rozetinin Okunurluğu ve Denge */
.hero-kpi-marj-badge,
.hero-kpi-tile.kar .hero-kpi-marj-badge {
    font-size: 10.5px !important;
    font-weight: 750 !important;
    padding: 2px 7px !important;
    height: 20px !important;
    min-height: 20px !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

/* 5. Finans 4. Satır (Vade) Genişlik ve Grid Simetrisi (Düzenleme Modu) */
.form-panel.aktif-duzenleme-modu .vade-alan-satir,
.form-panel:not(.goruntuleme-modu) .vade-alan-satir,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .vade-alan-satir,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .vade-alan-satir {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
}

.form-panel.aktif-duzenleme-modu .vade-alan-satir input,
.form-panel:not(.goruntuleme-modu) .vade-alan-satir input,
.form-panel.aktif-duzenleme-modu .vade-grup-wrap .vade-alan-satir input,
.form-panel:not(.goruntuleme-modu) .vade-grup-wrap .vade-alan-satir input,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards .vade-alan-satir input,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards .vade-alan-satir input {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

.form-panel.aktif-duzenleme-modu .vade-sayac-rozet,
.form-panel:not(.goruntuleme-modu) .vade-sayac-rozet {
    flex-shrink: 0 !important;
}

/* 6. Tipografi Skalası: Label 9.5px, Okuma Değerleri 12.5px, Vurgular 13.5px */
.input-etiket,
.form-panel .input-etiket,
.form-finans-stacked-cards label.input-etiket {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    color: #64748b !important;
}

body:not(#_nonexistent_) .form-panel.goruntuleme-modu #inputSatiri :is(.input-alan, .select-alan, textarea, input):not(.kilitli-bos-alan) {
    font-size: 12.5px !important;
    font-weight: 750 !important;
    color: #1e293b !important;
}

/* Vurgulu Değerler: Tarihler ve Tutarlar */
.form-panel.goruntuleme-modu .sefer-tarih-akisi input,
.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-alan {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.form-panel.goruntuleme-modu #f_gelir {
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #15803d !important;
}

.form-panel.goruntuleme-modu #f_gider {
    font-size: 13.5px !important;
    font-weight: 850 !important;
    color: #c2410c !important;
}

/* Monospace Referans Kodları: Fatura No & Dekont No Bütünlüğü */
.form-panel.goruntuleme-modu .form-finans-stacked-cards input#f_fatura_gelir,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input#f_fatura_gider,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input#f_tahsilat_bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input#f_odeme_bilgisi {
    font-size: 11.5px !important;
    font-weight: 750 !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    color: #334155 !important;
    letter-spacing: -0.2px !important;
}

/* 7. Sürücü Telefon Kutusunda Buton ve Padding Rahatlatması */
.form-panel.goruntuleme-modu [data-alan="iletisim"] .tel-input-wrap {
    padding-right: 6px !important;
    gap: 5px !important;
}

.form-panel.goruntuleme-modu [data-alan="iletisim"] .btn-tel-aksiyon {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 5px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 8. Renk Sakinleştirme: Finans Alt Başlıkları */
.gelir-tarafi .subhead-title,
.gider-tarafi .subhead-title {
    color: #334155 !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
}

/* ==========================================================================
   24. ENTERPRISE TMS ERP FORM DEPTAS & SIGMA PARITY HARMONY v0.9.971
   8-Maddelik Nizam, Simetri, Dikey Hizalama ve Rozet/Kutu Mimarisi
   ========================================================================== */

/* 1. Ek Durak Satırında Firma Adının Ezilmesini Önleme (Edit & View) */
.embedded-ribbon-node {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    gap: 3px !important;
}

.embedded-ribbon-node .ribbon-sol {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2.5px !important;
    flex-shrink: 0 !important;
}

.embedded-ribbon-node .durak-grip-handle {
    font-size: 9px !important;
    color: #94a3b8 !important;
    cursor: grab !important;
    line-height: 1 !important;
}

.embedded-ribbon-node .durak-node-sira {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    color: #334155 !important;
    line-height: 1 !important;
}

.embedded-ribbon-node .ribbon-orta {
    display: flex !important;
    align-items: center !important;
    gap: 3px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

.embedded-ribbon-node .durak-node-input,
.form-panel:not(.goruntuleme-modu) .embedded-ribbon-node .durak-node-input,
.form-panel.aktif-duzenleme-modu .embedded-ribbon-node .durak-node-input {
    flex: 1 1 auto !important;
    min-width: 80px !important;
    width: 0 !important;
    font-size: 10.5px !important;
    padding: 2px 4px !important;
    height: 22px !important;
    text-overflow: ellipsis !important;
    letter-spacing: -0.01em !important;
}

/* Düzenleme modunda il/ilçe rozeti mikro ve kompakt */
.form-panel:not(.goruntuleme-modu) .embedded-ribbon-node .durak-yer-rozet,
.form-panel.aktif-duzenleme-modu .embedded-ribbon-node .durak-yer-rozet {
    max-width: 58px !important;
    font-size: 7.5px !important;
    padding: 1px 3px !important;
    flex-shrink: 2 !important;
    height: 16px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
}

.embedded-ribbon-node .ribbon-sag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 1.5px !important;
    flex-shrink: 0 !important;
    margin-left: 2px !important;
}

.embedded-ribbon-node .ribbon-sag .btn-durak-tasi,
.embedded-ribbon-node .ribbon-sag .btn-durak-sil {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;
    padding: 0 !important;
    font-size: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px !important;
    border: 1px solid #cbd5e1 !important;
    background: #ffffff !important;
    color: #475569 !important;
    cursor: pointer !important;
}

.embedded-ribbon-node .ribbon-sag .btn-durak-sil:hover {
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
    background: #fef2f2 !important;
}

/* Görüntüleme modunda durak butonları gizli, rozet tam okunabilir */
.form-panel.goruntuleme-modu .durak-yer-rozet,
.form-panel.goruntuleme-modu .embedded-ribbon-node .durak-yer-rozet {
    max-width: 200px !important;
    font-size: 9px !important;
    padding: 2px 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-shrink: 0 !important;
    line-height: 1.2 !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-node .ribbon-sag {
    display: none !important;
}

/* 2. Rota Kutularının Ters Durum Asimetrisi (Stretch & Taban Çizgisi Kilitlenmesi) */
.form-rota-kutu-cifti,
.form-panel.goruntuleme-modu .form-rota-kutu-cifti,
.form-panel.aktif-duzenleme-modu .form-rota-kutu-cifti,
.form-panel:not(.goruntuleme-modu) .form-rota-kutu-cifti {
    display: flex !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.form-rota-bolumu,
.form-panel .form-rota-bolumu,
.form-panel.goruntuleme-modu .form-rota-bolumu,
.form-panel:not(.goruntuleme-modu) .form-rota-bolumu {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

/* 3. Transit Bağlantı Oku (➔) Ana Tesisler Satırına Sabitleme */
.form-rota-transit-akisi,
.form-panel.goruntuleme-modu .form-rota-transit-akisi,
.form-panel.aktif-duzenleme-modu .form-rota-transit-akisi,
.form-panel:not(.goruntuleme-modu) .form-rota-transit-akisi {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 28px !important;
    min-width: 28px !important;
    max-width: 28px !important;
    align-self: flex-start !important;
    margin-top: 36px !important;
    margin-bottom: auto !important;
    height: 32px !important;
    flex-shrink: 0 !important;
}

/* 3. Buton Metni & İkon Tutarsızlığı İkizleme (+ Ek Yükleme, + Ek Boşaltma) */
.btn-ek-durak {
    height: 22px !important;
    line-height: 20px !important;
    padding: 0 8px !important;
    border-radius: 5px !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    transition: all 0.14s ease !important;
}

.btn-ek-durak:hover {
    border-color: var(--turuncu, #F76C0D) !important;
    color: var(--turuncu, #F76C0D) !important;
    background: var(--turuncu-hafif, #fff4ee) !important;
}

/* 4. Tutar ve Para Birimi Ayrışması (Düzenleme: Birleşik Input Group, Görüntüleme: Bitişik) */
.form-panel:not(.goruntuleme-modu) .para-input-wrap,
.form-panel.aktif-duzenleme-modu .para-input-wrap {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    position: relative !important;
}

.form-panel:not(.goruntuleme-modu) .para-input-wrap .para-input,
.form-panel.aktif-duzenleme-modu .para-input-wrap .para-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    padding-right: 28px !important;
}

.form-panel:not(.goruntuleme-modu) .para-input-wrap:has(.para-birim-select) .para-input,
.form-panel.aktif-duzenleme-modu .para-input-wrap:has(.para-birim-select) .para-input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important;
    padding-right: 8px !important;
}

.form-panel:not(.goruntuleme-modu) .para-input-wrap .para-birim-select,
.form-panel.aktif-duzenleme-modu .para-input-wrap .para-birim-select {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 1px solid #cbd5e1 !important;
    background: #f8fafc !important;
    height: 28px !important;
    min-width: 42px !important;
    flex-shrink: 0 !important;
}

.form-panel:not(.goruntuleme-modu) .para-input-wrap .para-birim-addon,
.form-panel.aktif-duzenleme-modu .para-input-wrap .para-birim-addon {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    color: #64748b !important;
    pointer-events: none !important;
}

/* Görüntüleme Modunda Tutar ve ₺ Bitişik */
.form-panel.goruntuleme-modu .para-input-wrap {
    display: inline-flex !important;
    align-items: baseline !important;
    position: static !important;
    gap: 4px !important;
    width: fit-content !important;
}

.form-panel.goruntuleme-modu .para-input-wrap .para-input {
    width: auto !important;
    flex: 0 0 auto !important;
    padding-right: 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

/* Görüntüleme modunda döviz select kutusunu metin olarak kompaktlaştır */
body .form-panel.goruntuleme-modu .para-birim-select {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #15803d !important;
    line-height: 1 !important;
    vertical-align: baseline !important;
}

body .form-panel.goruntuleme-modu #f_gider ~ .para-birim-select,
body .form-panel.goruntuleme-modu #f_ydg_gider ~ .para-birim-select {
    color: #475569 !important;
}

/* Çift ₺ rozeti oluşmasını kesin engelle */
.form-panel.goruntuleme-modu .para-input-wrap:has(.para-birim-select) .para-birim-addon,
.form-panel.goruntuleme-modu .para-input-wrap .para-birim-addon[style*="display:none"],
.form-panel.goruntuleme-modu .para-input-wrap .para-birim-addon[style*="display: none"] {
    display: none !important;
}

.form-panel.goruntuleme-modu .para-input-wrap:not(:has(.para-birim-select)) .para-birim-addon {
    position: static !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #475569 !important;
    margin-left: 0 !important;
    display: inline !important;
}

/* 5. Finans Kartı 4. Satır (Vade) Simetrisi [Tarih/—] + [Rozet] */
.vade-alan-satir,
.form-panel.goruntuleme-modu .vade-alan-satir,
.form-panel.goruntuleme-modu .vade-alan-satir.vade-yok,
.form-panel.goruntuleme-modu .vade-alan-satir:has(.vade-belirtilmedi),
.form-panel:not(.goruntuleme-modu) .vade-alan-satir {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.vade-alan-satir input.input-alan,
.form-panel.goruntuleme-modu .vade-alan-satir input.input-alan,
.form-panel.goruntuleme-modu .vade-alan-satir.vade-yok input,
.form-panel.goruntuleme-modu .vade-alan-satir:has(.vade-belirtilmedi) input,
.form-panel.goruntuleme-modu .vade-grup-wrap.vade-yok input {
    display: inline-block !important;
    visibility: visible !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 20px !important;
    max-width: 96px !important;
    padding-left: 0 !important;
    padding-right: 2px !important;
    font-size: 12.5px !important;
    font-weight: 750 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.form-panel.goruntuleme-modu .vade-alan-satir input.input-alan.kilitli-bos-alan,
.form-panel.goruntuleme-modu .vade-alan-satir input.kilitli-bos-alan {
    color: #64748b !important;
    font-weight: 800 !important;
    font-size: 13px !important;
    padding-left: 0 !important;
}

.vade-sayac-rozet,
.form-panel.goruntuleme-modu .vade-sayac-rozet {
    flex-shrink: 0 !important;
    margin-left: auto !important;
    height: 22px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 6px !important;
    border-radius: 5px !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    font-style: normal !important;
    white-space: nowrap !important;
}

.vade-sayac-rozet.vade-belirtilmedi,
.form-panel.goruntuleme-modu .vade-sayac-rozet.vade-belirtilmedi {
    background: #f1f5f9 !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    font-style: normal !important;
}

/* 6. 2. Kart Izgara Oranı (Kap: 110px, Kg: 140px, Nitelikler: 1fr Denge) */
.form-grid-yuk-olculeri,
.form-panel.goruntuleme-modu .form-grid-yuk-olculeri,
.form-panel.aktif-duzenleme-modu .form-grid-yuk-olculeri,
.form-panel:not(.goruntuleme-modu) .form-grid-yuk-olculeri {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1.2fr !important;
    grid-template-columns: 110px 140px minmax(0, 1fr) !important;
    gap: 8px !important;
    align-items: stretch !important;
    width: 100% !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .yuk-nitelik-chips {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
}

.form-panel.goruntuleme-modu .form-grid-yuk-olculeri .nitelik-bos-rozet {
    display: inline-flex !important;
    align-items: center !important;
    height: 26px !important;
    line-height: 1 !important;
}

/* 7. Plaka Kutularının Genişlik Standardı (3. Kart: max-width 220px Filo Standardı) */
.input-grup-tr-plaka {
    width: fit-content !important;
    max-width: 220px !important;
}

.input-grup-tr-plaka .tr-plate-frame,
.form-panel.aktif-duzenleme-modu .sol-kolon .input-grup-tr-plaka .tr-plate-frame,
.form-panel:not(.goruntuleme-modu) .sol-kolon .input-grup-tr-plaka .tr-plate-frame,
.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame,
body .form-panel .input-grup-tr-plaka .tr-plate-frame {
    width: 220px !important;
    max-width: 220px !important;
    min-width: 175px !important;
    box-sizing: border-box !important;
}

.input-grup-tr-plaka .tr-plate-frame input.input-alan,
.input-grup-tr-plaka .tr-plate-frame input.tr-plate-input {
    width: calc(100% - 24px) !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    letter-spacing: 1px !important;
    font-weight: 800 !important;
}

/* 8. Sol Kolon vs. Sağ Kolon Alt Kenar Dikey Bitiş Hizasızlığı */
.form-detayli-kolonlar {
    display: flex !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
}

.form-detayli-kolon {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: auto !important;
    flex: 1 1 0 !important;
}

.form-detayli-kolon > section,
.form-detayli-kolon > .form-blok {
    margin-bottom: 0 !important;
}

/* ==========================================================================
   25. SEFER TARİH AKIŞI MİKRO-HİZALAMA VE MATEMATİKSEL SİMETRİ (v0.9.972)
   Yükleme/Teslim Tarihi Etiket Ortalaması & Turuncu Ok Dikey Kilit
   ========================================================================== */

/* 1. Tarih Akış Bloğu Flex-End Hizalama */
.sefer-tarih-akisi,
.form-panel .sefer-tarih-akisi,
.form-panel.goruntuleme-modu .sefer-tarih-akisi,
.form-panel.aktif-duzenleme-modu .sefer-tarih-akisi,
.form-panel.goruntuleme-modu .form-grid-sefer-tarih-musteri .sefer-tarih-akisi,
.form-panel.aktif-duzenleme-modu .form-grid-sefer-tarih-musteri .sefer-tarih-akisi {
    display: flex !important;
    align-items: flex-end !important;
    gap: 6px !important;
}

/* 2. Etiketlerin (YÜKLEME TARİHİ & TESLİM TARİHİ) Kendi Tarih Değerlerinin Üstüne Ortalanması */
.sefer-tarih-akisi .input-etiket,
.form-panel .sefer-tarih-akisi .input-etiket,
.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-etiket,
.form-panel.aktif-duzenleme-modu .sefer-tarih-akisi .input-etiket {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
    margin-bottom: 2px !important;
}

/* 3. Tarih Değerlerinin Merkezlenmesi & 28px Standart Yükseklik */
.sefer-tarih-akisi .input-grup,
.form-panel .sefer-tarih-akisi .input-grup,
.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-grup,
.form-panel.aktif-duzenleme-modu .sefer-tarih-akisi .input-grup {
    flex: 1 1 0 !important;
    width: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.sefer-tarih-akisi .input-grup .input-alan,
.form-panel .sefer-tarih-akisi .input-grup .input-alan,
.form-panel.aktif-duzenleme-modu .sefer-tarih-akisi .input-alan {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    height: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
    padding: 0 2px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    color: #1a1a2e !important;
}

/* Görünüm modunda tarih değerleri: Müşteri rozeti ile armoni oluşturan nötr zarif mikro kapsayıcı */
.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-alan:not(.kilitli-bos-alan):not(:placeholder-shown),
.form-panel.goruntuleme-modu .sefer-tarih-akisi input:not(.kilitli-bos-alan):not(:placeholder-shown) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    box-sizing: border-box !important;
    padding: 0 6px !important;
    border: 1px solid rgba(203, 213, 225, 0.60) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.85) 100%) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 2px rgba(15, 23, 42, 0.03) !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    letter-spacing: -0.01em !important;
    line-height: 26px !important;
    text-align: center !important;
}

.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-alan.kilitli-bos-alan,
.form-panel.goruntuleme-modu .sefer-tarih-akisi .input-alan:placeholder-shown {
    border: 1px dashed rgba(203, 213, 225, 0.5) !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* 4. Turuncu Akış Okunun (➔) Rakamların Dikey Merkezine Kilitlenmesi */
.sefer-tarih-akisi .tarih-akis-ok,
.form-panel .sefer-tarih-akisi .tarih-akis-ok,
.form-panel.aktif-duzenleme-modu .sefer-tarih-akisi .tarih-akis-ok,
.form-panel.goruntuleme-modu .sefer-tarih-akisi:not(:has(#f_teslim_tarihi.kilitli-bos-alan)):not(:has(#f_teslim_tarihi:placeholder-shown)) .tarih-akis-ok {
    color: #F76C0D !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    opacity: 1 !important;
    align-self: flex-end !important;
    height: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    transform: translateY(-2.5px) !important;
    padding: 0 4px !important;
    flex-shrink: 0 !important;
    user-select: none !important;
}

.form-panel.goruntuleme-modu .sefer-tarih-akisi:has(#f_teslim_tarihi.kilitli-bos-alan) .tarih-akis-ok,
.form-panel.goruntuleme-modu .sefer-tarih-akisi:has(#f_teslim_tarihi:placeholder-shown) .tarih-akis-ok {
    color: #cbd5e1 !important;
    opacity: 0.7 !important;
    align-self: flex-end !important;
    height: 28px !important;
    min-height: 28px !important;
    line-height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
    transform: translateY(-2.5px) !important;
    padding: 0 4px !important;
    flex-shrink: 0 !important;
}

/* ==========================================================================
   26. MÜŞTERİ / CARİ HESAP KURUMSAL TAM GENİŞLİK STANDARDI (v0.9.973)
   Sol Tarih Bloğu Taban Kilidi, Full-Width Rozet & Sol Kılavuz Hizalama
   ========================================================================== */

/* 1. Müşteri Rozet Kutusunun Metin Boyuna Kilitlenmesi (Fit-Content) ve 28px Standart Yükseklik */
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)),
.form-panel.goruntuleme-modu [data-alan="musteri"] .musteri-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)),
.form-panel.goruntuleme-modu .finans-musteri-rozet:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)),
body .form-panel.goruntuleme-modu .musteri-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    border: 1px solid rgba(247, 108, 13, 0.25) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(255, 244, 238, 0.70) 100%) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(26, 26, 46, 0.04) !important;
}

.form-panel.goruntuleme-modu .musteri-rozet-input-wrap:has(input.kilitli-bos-alan),
.form-panel.goruntuleme-modu .musteri-rozet-input-wrap:has(input:placeholder-shown) {
    width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 2. Müşteri Firma Adı Tipografisi ve Sola Yaslı Kurumsal Hizalama */
.form-panel.goruntuleme-modu #f_musteri,
.form-panel.goruntuleme-modu [data-alan="musteri"] input#f_musteri,
.form-panel.goruntuleme-modu .finans-musteri-metin,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu #f_musteri {
    field-sizing: content !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    color: #1a1a2e !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 26px !important;
    display: inline-block !important;
    cursor: default !important;
    outline: none !important;
    white-space: nowrap !important;
}

/* 3. Müşteri Etiket Boşluğu & Sefer-Tarih-Müşteri Izgara Taban Hizalaması */
.form-panel.goruntuleme-modu [data-alan="musteri"] .input-etiket,
.form-panel [data-alan="musteri"] .input-etiket {
    margin-bottom: 2px !important;
}

.form-grid-sefer-tarih-musteri,
.form-panel .form-grid-sefer-tarih-musteri,
.form-panel.goruntuleme-modu .form-grid-sefer-tarih-musteri,
.form-panel.aktif-duzenleme-modu .form-grid-sefer-tarih-musteri {
    align-items: flex-end !important;
}

/* ==========================================================================
   27. FİNANS KARTLARI İKİZLEME & DİKEY RİTİM STANDARDI (v0.9.974)
   Sol / Sağ İkiz Kart Simetrisi, Tedarikçi Full-Width 28px Taban Kilidi
   ========================================================================== */

/* 1. Finans Kartları Üst Hizalama ve Dikey Kaymanın Sıfırlanması */
.form-finans-stacked-cards,
.form-panel.aktif-duzenleme-modu .form-finans-stacked-cards,
.form-panel.goruntuleme-modu .form-finans-stacked-cards,
.form-panel:not(.goruntuleme-modu) .form-finans-stacked-cards,
body .form-panel .form-finans-stacked-cards {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    align-items: stretch !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.form-finans-section-group.gelir-tarafi,
.form-finans-section-group.gider-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gider-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi,
body .form-panel .form-finans-section-group.gelir-tarafi,
body .form-panel .form-finans-section-group.gider-tarafi {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 7px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    align-self: stretch !important;
    height: auto !important;
}

.form-finans-section-group.gelir-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gelir-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gelir-tarafi {
    border-left: 3.5px solid #10b981 !important;
}

.form-finans-section-group.gider-tarafi,
.form-panel.aktif-duzenleme-modu .form-finans-section-group.gider-tarafi,
.form-panel.goruntuleme-modu .form-finans-section-group.gider-tarafi {
    border-left: 3.5px solid #F76C0D !important;
}

/* 2. Başlıklar (Subhead): Milimetrik 20px Yükseklik ve Sıfır Üst Boşluk */
.gelir-tarafi .finans-subhead,
.gider-tarafi .finans-subhead,
.form-panel .finans-subhead,
body .form-panel .finans-subhead {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    padding: 0 0 5px 0 !important;
    border-bottom: 1px solid #f1f5f9 !important;
    height: 20px !important;
    min-height: 20px !important;
    max-height: 20px !important;
    box-sizing: border-box !important;
}

/* 3. Tedarikçi Kurumsal Rozeti: Müşteri Rozeti ile Birebir İkizleme (Fit-Content & 28px Yükseklik) */
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)),
.form-panel.goruntuleme-modu [data-alan="fatura_basligi"] .tedarikci-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)),
body .form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:not(:has(input.kilitli-bos-alan)):not(:has(input:placeholder-shown)) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: fit-content !important;
    max-width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    box-sizing: border-box !important;
    padding: 0 12px !important;
    border: 1px solid rgba(100, 116, 139, 0.25) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #ffffff 0%, rgba(248, 250, 252, 0.95) 100%) !important;
    box-shadow: inset 0 1px 0 #ffffff, 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:has(input.kilitli-bos-alan),
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap:has(input:placeholder-shown) {
    width: 100% !important;
    height: 28px !important;
    min-height: 28px !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.form-panel.goruntuleme-modu input#f_fatura_basligi,
.form-panel.goruntuleme-modu [data-alan="fatura_basligi"] input#f_fatura_basligi,
.form-panel.goruntuleme-modu .tedarikci-rozet-input-wrap input#f_fatura_basligi,
body:not(#_nonexistent_) .form-panel.goruntuleme-modu input#f_fatura_basligi {
    field-sizing: content !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: 100% !important;
    height: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    color: #1e293b !important;
    letter-spacing: -0.01em !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 26px !important;
    display: inline-block !important;
    cursor: default !important;
    outline: none !important;
    white-space: nowrap !important;
}

/* Tedarikçi Etiket Boşluğu */
.form-panel.goruntuleme-modu [data-alan="fatura_basligi"] .input-etiket,
.form-panel [data-alan="fatura_basligi"] .input-etiket {
    margin-bottom: 2px !important;
}

/* 4. Karşılıklı Satır Boşlukları ve Ritim Eşitlemesi (Row 1..5) */
.form-finans-stacked-cards .form-row-finans-musteri-bilgi,
.form-finans-stacked-cards .form-row-tedarikci-baslik,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-finans-musteri-bilgi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-tedarikci-baslik {
    margin-bottom: 5px !important;
}

.form-finans-stacked-cards .form-row-gelir-tutar,
.form-finans-stacked-cards .form-row-gider-tutar,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-gelir-tutar,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-gider-tutar {
    margin-bottom: 5px !important;
}

.form-finans-stacked-cards .form-row-satis-fatura,
.form-finans-stacked-cards .form-row-alis-fatura,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-satis-fatura,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-alis-fatura {
    margin-bottom: 5px !important;
}

.form-finans-stacked-cards .form-row-tahsilat-vade,
.form-finans-stacked-cards .form-row-odeme-vade,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-tahsilat-vade,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-odeme-vade {
    margin-bottom: 5px !important;
}

.form-finans-stacked-cards .form-row-tahsilat-bilgisi,
.form-finans-stacked-cards .form-row-odeme-bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-tahsilat-bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .form-row-odeme-bilgisi,
.form-panel .form-section-card:has(.form-sec-icon-box.finance) .form-row:has(#f_odeme_bilgisi),
body .form-panel .form-finans-stacked-cards .form-row-odeme-bilgisi {
    margin-top: 3px !important;
    margin-bottom: 0 !important;
}

/* 5. 5. Satır Dekont ve Bilgi Gruplarının Tam Görünürlüğü ve Eşitliği */
.form-finans-stacked-cards .form-row.form-row-tahsilat-bilgisi .input-grup,
.form-finans-stacked-cards .form-row.form-row-odeme-bilgisi .input-grup,
.form-panel.goruntuleme-modu .form-finans-stacked-cards .input-grup[data-alan="tahsilat_bilgisi"],
.form-panel.goruntuleme-modu .form-finans-stacked-cards .input-grup[data-alan="odeme_bilgisi"],
.form-panel.goruntuleme-modu .form-finans-stacked-cards .input-grup[data-alan="odeme_bilgisi"]:has(#f_odeme_bilgisi:placeholder-shown),
.form-panel.goruntuleme-modu .form-finans-stacked-cards .input-grup[data-alan="odeme_bilgisi"]:has(#f_odeme_bilgisi.kilitli-bos-alan),
body .form-panel.goruntuleme-modu .form-finans-stacked-cards .input-grup[data-alan="odeme_bilgisi"] {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}

/* 6. Vade Satırı Taşmasını Önleyen Kompakt Rozet & Giriş Düzeni */
.form-panel.goruntuleme-modu .vade-alan-satir.vade-yok input,
.form-panel.goruntuleme-modu .vade-alan-satir:has(.vade-belirtilmedi) input,
.form-panel.goruntuleme-modu .vade-grup-wrap.vade-yok input {
    max-width: 24px !important;
    width: 24px !important;
}

.form-panel.goruntuleme-modu .vade-sayac-rozet.vade-belirtilmedi {
    max-width: 120px !important;
    font-size: 9px !important;
    padding: 0 5px !important;
}

/* ==========================================================================
   28. TAŞIMA EKİBİ & ARAÇ 2x2 TAM SİMETRİK KURUMSAL IZGARA (v0.9.975)
   1fr 1fr Orta Kılavuz Kilidi, Plaka Kutuları Full-Width & Merkezli Hizalama
   ========================================================================== */

/* 1. 2. Satır Izgarasının (Sürücü & Telefon) 1. Satır ile (Çekici & Dorse) Birebir Eşitlenmesi */
.form-grid-custom-ekip-surucu,
.form-grid-ekip-surucu,
.form-panel .form-grid-ekip-surucu,
.form-panel.goruntuleme-modu .form-grid-ekip-surucu,
.form-panel.aktif-duzenleme-modu .form-grid-ekip-surucu,
body .form-panel .form-grid-ekip-surucu {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.form-blok:has(.form-sec-icon-box.fleet) .form-row.form-grid-2,
.form-panel .form-blok:has(.form-sec-icon-box.fleet) .form-row.form-grid-2 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    margin-bottom: 5px !important;
    box-sizing: border-box !important;
}

/* 2. Plaka Çerçevelerinin (Çekici & Dorse) Kolonun Tamamına Yayılması */
.input-grup-tr-plaka,
.form-panel .input-grup-tr-plaka {
    width: 100% !important;
    max-width: 100% !important;
}

.input-grup-tr-plaka .tr-plate-frame,
.form-panel.aktif-duzenleme-modu .sol-kolon .input-grup-tr-plaka .tr-plate-frame,
.form-panel:not(.goruntuleme-modu) .sol-kolon .input-grup-tr-plaka .tr-plate-frame,
.form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame,
body .form-panel .input-grup-tr-plaka .tr-plate-frame,
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame,
body .form-panel.goruntuleme-modu .input-grup-tr-plaka .tr-plate-frame:hover {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    box-sizing: border-box !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.input-grup-tr-plaka .tr-plate-blue {
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 100% !important;
    background: #1d4ed8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.input-grup-tr-plaka .tr-plate-blue .tr-plate-text {
    color: #ffffff !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 0.5px !important;
}

.input-grup-tr-plaka .tr-plate-frame input.input-alan,
.input-grup-tr-plaka .tr-plate-frame input.tr-plate-input,
body .form-panel .tr-plate-frame input.tr-plate-input {
    flex: 1 1 0 !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    font-family: 'JetBrains Mono', 'SF Mono', monospace !important;
    letter-spacing: 1.5px !important;
    font-weight: 850 !important;
    font-size: 12px !important;
    color: #0f172a !important;
    border: none !important;
    background: transparent !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
}

/* 3. Sürücü ve Telefon Satırı Hizalaması */
.form-panel.goruntuleme-modu .form-grid-ekip-surucu .input-alan,
.form-panel.goruntuleme-modu .form-grid-ekip-surucu .tel-input-wrap {
    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;
    box-sizing: border-box !important;
}

.form-grid-ekip-surucu .form-group,
.form-grid-ekip-surucu .input-grup {
    width: 100% !important;
    margin-bottom: 0 !important;
}

/* ==========================================================================
   29. TRANSIT FLOW İKİZ BUTON STANDARDI, EZİLME ÖNLEME & ROTA DENGELEME v0.9.978
   Tavsiye 1: Tam Kurumsal Simetri ve Genişlik Rafinasyonu
   ========================================================================== */

/* 1. İkiz Buton Standardı (+ Ek Yükleme, + Ek Boşaltma) */
.btn-ek-durak {
    height: 22px !important;
    line-height: 20px !important;
    padding: 0 8px !important;
    border-radius: 5px !important;
    font-size: 9.5px !important;
    font-weight: 750 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    font-family: inherit !important;
    transition: all 0.14s ease !important;
}

.btn-ek-durak:hover {
    border-color: var(--turuncu, #F76C0D) !important;
    color: var(--turuncu, #F76C0D) !important;
    background: var(--turuncu-hafif, #fff4ee) !important;
}

/* 2. Düzenleme Modunda Ek Durak Firma & İl/İlçe Ezilmesini Önleme */
.form-panel:not(.goruntuleme-modu) .embedded-ribbon-node .ribbon-orta,
.form-panel.aktif-duzenleme-modu .embedded-ribbon-node .ribbon-orta {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.form-panel:not(.goruntuleme-modu) .embedded-ribbon-node .durak-node-input,
.form-panel.aktif-duzenleme-modu .embedded-ribbon-node .durak-node-input {
    flex: 1 1 auto !important;
    min-width: 140px !important;
    width: auto !important;
    font-size: 10.5px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    height: 22px !important;
    box-sizing: border-box !important;
    color: #0f172a !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 4px !important;
    letter-spacing: -0.01em !important;
    text-overflow: ellipsis !important;
}

.form-panel:not(.goruntuleme-modu) .embedded-ribbon-node .durak-yer-rozet,
.form-panel.aktif-duzenleme-modu .embedded-ribbon-node .durak-yer-rozet {
    max-width: 130px !important;
    min-width: 60px !important;
    font-size: 8px !important;
    font-weight: 700 !important;
    padding: 1px 4px !important;
    height: 18px !important;
    flex-shrink: 0 !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    letter-spacing: -0.01em !important;
}

/* 3. Görünüm Modunda Firma Adı Tam Genişlik Rafinasyonu */
.form-panel.goruntuleme-modu .embedded-ribbon-node .durak-node-input {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 140px !important;
    max-width: none !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    height: auto !important;
    cursor: default !important;
    pointer-events: none !important;
}

.form-panel.goruntuleme-modu .embedded-ribbon-node .durak-yer-rozet {
    max-width: 220px !important;
    font-size: 8.5px !important;
    font-weight: 700 !important;
    padding: 2px 6px !important;
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 4. Sol Kutu Boşluk Dengelemesi (Düzenleme Modu Mikro Rehber Şerit) */
.form-panel:not(.goruntuleme-modu) .rota-tek-nokta-bilgi,
.form-panel.aktif-duzenleme-modu .rota-tek-nokta-bilgi {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 10px !important;
    padding: 8px 10px !important;
    background: #f8fafc !important;
    border: 1px dashed #cbd5e1 !important;
    border-radius: 8px !important;
    color: #64748b !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.form-panel:not(.goruntuleme-modu) .rota-tek-nokta-bilgi .tek-nokta-dot,
.form-panel.aktif-duzenleme-modu .rota-tek-nokta-bilgi .tek-nokta-dot {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #94a3b8 !important;
    flex-shrink: 0 !important;
}

.form-panel:not(.goruntuleme-modu) .rota-tek-nokta-bilgi .tek-nokta-metin,
.form-panel.aktif-duzenleme-modu .rota-tek-nokta-bilgi .tek-nokta-metin {
    color: #334155 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.form-panel:not(.goruntuleme-modu) .rota-tek-nokta-bilgi .tek-nokta-rehber-ipucu,
.form-panel.aktif-duzenleme-modu .rota-tek-nokta-bilgi .tek-nokta-rehber-ipucu {
    color: #94a3b8 !important;
    font-size: 9px !important;
    font-weight: 500 !important;
    margin-left: auto !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 5. Görünüm Modu Bitiş Kilidi (Sol vs Sağ Alt Taban Çizgisi Eşitlemesi) */
.form-panel.goruntuleme-modu .form-rota-kutu-cifti {
    display: flex !important;
    align-items: stretch !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
}

.form-panel.goruntuleme-modu .form-rota-bolumu.yukleme .rota-tek-nokta-bilgi,
.form-panel.goruntuleme-modu .form-rota-bolumu.bosaltma .rota-tek-nokta-bilgi {
    margin-top: auto !important;
    margin-bottom: 2px !important;
}

.form-panel.goruntuleme-modu .rota-tek-nokta-bilgi .tek-nokta-rehber-ipucu {
    display: none !important;
}

/* ==========================================================================
   30. MİKRO ROZET RAFİNASYONU & DURUM GÖSTERGELERİ STANDARDI v0.9.979
   (İŞLENMEDİ / BEKLENİYOR, ATANMADI, GİRİLMEDİ Mikro Rozet Standartları)
   ========================================================================== */

/* 1. Kilitli Boş Alan Durum Rozetleri Mikro Tipografi Standardı (8.5px Fit-Content) */
.form-panel.goruntuleme-modu input.kilitli-bos-bekleniyor::placeholder {
    color: #64748b !important;
    font-size: 8.5px !important;
    font-weight: 750 !important;
    font-style: normal !important;
    background: #f8fafc !important;
    padding: 1.5px 6px !important;
    border-radius: 4px !important;
    border: 1px dashed #cbd5e1 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.form-panel.goruntuleme-modu input.kilitli-bos-atanmadi::placeholder {
    color: #64748b !important;
    font-size: 8.5px !important;
    font-weight: 750 !important;
    font-style: normal !important;
    background: #f1f5f9 !important;
    padding: 1.5px 6px !important;
    border-radius: 4px !important;
    border: 1px solid #e2e8f0 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

.form-panel.goruntuleme-modu input.kilitli-bos-girilmedi::placeholder {
    color: #94a3b8 !important;
    font-size: 8.5px !important;
    font-weight: 750 !important;
    font-style: normal !important;
    background: #f8fafc !important;
    padding: 1.5px 6px !important;
    border-radius: 4px !important;
    border: 1px dashed #cbd5e1 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* 2. Finans Kartı Boş Dekont / Fatura Alanı Nötr Gösterimi */
.form-panel.goruntuleme-modu .form-finans-stacked-cards input.kilitli-bos-alan#f_tahsilat_bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input.kilitli-bos-alan#f_odeme_bilgisi,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input.kilitli-bos-alan#f_fatura_gelir,
.form-panel.goruntuleme-modu .form-finans-stacked-cards input.kilitli-bos-alan#f_fatura_gider {
    font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
    font-size: 8.5px !important;
    letter-spacing: 0.02em !important;
}

/* 3. Düzenleme Modunda Ek Durak İl/İlçe Rozet Ferahlatması (145px) */
.form-panel:not(.goruntuleme-modu) .embedded-ribbon-node .durak-yer-rozet,
.form-panel.aktif-duzenleme-modu .embedded-ribbon-node .durak-yer-rozet {
    max-width: 145px !important;
    min-width: 60px !important;
    letter-spacing: -0.02em !important;
}

/* 4. Ek Durak Butonları Otomatik İkon Girişimi Engelleme */
.btn-ek-durak {
    text-transform: none !important;
}

.btn-ek-durak .logi-icon {
    display: none !important;
}

/* ==========================================================================
   31. GENEL ARAMA SARMALI, DAHİLİ İKON VE ENTEGRE TEMİZLE BUTONU v0.9.980
   ========================================================================== */
.genel-arama-sarmal {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    width: clamp(200px, 18vw, 320px) !important;
    height: 38px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

.genel-arama-sarmal :is(.genel-arama-input, #genelArama) {
    width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding-left: 36px !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
    border-radius: var(--logi-radius-panel, 12px) !important;
    background: #ffffff !important;
    border: 1px solid rgba(203, 213, 225, 0.9) !important;
    color: #1f2937 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.03) !important;
    outline: none !important;
}

.genel-arama-sarmal :is(.genel-arama-input, #genelArama):focus {
    border-color: rgba(247, 108, 13, 0.45) !important;
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
}

.genel-arama-sarmal .arama-ikon-sol {
    position: absolute !important;
    left: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    color: #94a3b8 !important;
    pointer-events: none !important;
    z-index: 2 !important;
    line-height: 1 !important;
}

.genel-arama-sarmal .arama-ikon-sol svg {
    display: block !important;
    width: 13px !important;
    height: 13px !important;
    stroke: currentColor !important;
}

.genel-arama-sarmal .btn-arama-temizle {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    max-width: 20px !important;
    max-height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 50% !important;
    background: #e2e8f0 !important;
    color: #64748b !important;
    cursor: pointer !important;
    transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease !important;
    z-index: 3 !important;
    box-shadow: none !important;
    outline: none !important;
    align-items: center;
    justify-content: center;
    user-select: none !important;
}

.genel-arama-sarmal .btn-arama-temizle[style*="display: none"],
.genel-arama-sarmal .btn-arama-temizle[style*="display:none"] {
    display: none !important;
}

.genel-arama-sarmal .btn-arama-temizle[style*="display: flex"],
.genel-arama-sarmal .btn-arama-temizle[style*="display:flex"] {
    display: flex !important;
}

.genel-arama-sarmal .btn-arama-temizle:hover {
    background: var(--turuncu, #F76C0D) !important;
    color: #ffffff !important;
    transform: translateY(-50%) scale(1.1) !important;
    box-shadow: 0 2px 6px rgba(247, 108, 13, 0.28) !important;
}

.genel-arama-sarmal .btn-arama-temizle svg {
    pointer-events: none !important;
    display: block !important;
    width: 10px !important;
    height: 10px !important;
    stroke: currentColor !important;
}

/* ==========================================================================
   32. GÜZERGAH EK DURAK SİLME VE AKSİYON BUTONLARI STANDARDI v0.9.986
   ========================================================================== */
.embedded-ribbon-node .ribbon-sag {
    position: relative !important;
    z-index: 5 !important;
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 3px !important;
}

.embedded-ribbon-node .ribbon-sag .btn-durak-sil {
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 6 !important;
    flex-shrink: 0 !important;
}

/* Sefer Dossier Panel Durak Satırı & Sil Butonu */
.dossier-durak-satir {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 6px 10px !important;
    margin-bottom: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

.dossier-durak-satir .dds-inputs {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.dossier-durak-satir .dds-badge {
    font-size: 10px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    white-space: nowrap !important;
    flex-shrink: 0 !important;
}

.dossier-durak-satir .dds-badge.yukleme {
    background: #eff6ff !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
}

.dossier-durak-satir .dds-badge.bosaltma {
    background: #fff7ed !important;
    color: #c2410c !important;
    border: 1px solid #fed7aa !important;
}

.dossier-durak-satir .dds-btn-sil {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border: 1px solid #fca5a5 !important;
    background: #fff5f5 !important;
    color: #dc2626 !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    transition: all 0.15s ease !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.dossier-durak-satir .dds-btn-sil:hover {
    background: #dc2626 !important;
    color: #ffffff !important;
    border-color: #dc2626 !important;
}

/* ═══════════════════════════════════════════════════════════════════
   LOGİNEXUS COPİLOT - EXECUTIVE AI ASSISTANT SLIDE-OVER DRAWER
   ═══════════════════════════════════════════════════════════════════ */

/* Sol Sidebar Copilot Footer Butonu & Rozeti */
.sidebar-copilot-kisayol-yuvasi {
    display: flex;
    width: 100%;
    margin-bottom: 6px;
}

.sidebar-copilot-footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 38px;
    border: 1px solid rgba(247, 108, 13, 0.28);
    border-radius: 12px;
    background: #ffffff;
    color: var(--metin, #1a1a2e);
    padding: 7px 10px 7px 12px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.sidebar-copilot-footer-btn:hover {
    background: var(--turuncu-hafif, #fff4ee);
    border-color: var(--turuncu, #F76C0D);
    color: var(--turuncu, #F76C0D);
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(247, 108, 13, 0.18);
}

.sidebar-copilot-btn-left {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.sidebar-copilot-icon {
    color: var(--turuncu, #F76C0D);
    flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(247, 108, 13, 0.3));
    transition: transform 0.2s ease;
}

.sidebar-copilot-footer-btn:hover .sidebar-copilot-icon {
    transform: scale(1.12) rotate(6deg);
}

.sidebar-copilot-badge {
    margin-left: auto;
    background: linear-gradient(135deg, #F76C0D 0%, #ff8c3b 100%);
    color: #ffffff;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 0.5px;
    padding: 2.5px 6.5px;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(247, 108, 13, 0.35);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

/* Daraltılmış Sidebar (Rail Modu - 64px) */
.app-sidebar.collapsed .sidebar-copilot-kisayol-yuvasi,
.app-sidebar.sidebar-collapsed .sidebar-copilot-kisayol-yuvasi {
    width: 40px !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.app-sidebar.collapsed .sidebar-copilot-footer-btn,
.app-sidebar.sidebar-collapsed .sidebar-copilot-footer-btn {
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0 auto !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

.app-sidebar.collapsed .sidebar-copilot-footer-btn .btn-label,
.app-sidebar.collapsed .sidebar-copilot-footer-btn .sidebar-copilot-badge,
.app-sidebar.sidebar-collapsed .sidebar-copilot-footer-btn .btn-label,
.app-sidebar.sidebar-collapsed .sidebar-copilot-footer-btn .sidebar-copilot-badge {
    display: none !important;
}

.app-sidebar.collapsed .sidebar-copilot-btn-left,
.app-sidebar.sidebar-collapsed .sidebar-copilot-btn-left {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 100% !important;
    gap: 0 !important;
    margin: 0 !important;
}

.app-sidebar.collapsed .sidebar-copilot-icon,
.app-sidebar.sidebar-collapsed .sidebar-copilot-icon {
    margin: 0 !important;
    width: 17px !important;
    height: 17px !important;
}

/* Slide-over Drawer Yapısı */
.copilot-drawer {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
    visibility: hidden;
    transition: visibility 0.3s ease;
}

.copilot-drawer.copilot-acik {
    pointer-events: auto;
    visibility: visible;
}

.copilot-drawer-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.42);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.copilot-drawer.copilot-acik .copilot-drawer-backdrop {
    opacity: 1;
}

.copilot-drawer-content {
    position: relative;
    width: 440px;
    max-width: 100vw;
    height: 100%;
    background: #ffffff;
    box-shadow: -8px 0 32px rgba(15, 23, 42, 0.16);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1;
}

.copilot-drawer.copilot-acik .copilot-drawer-content {
    transform: translateX(0);
}

/* Header */
.copilot-header {
    height: 64px;
    padding: 0 20px;
    border-bottom: 1px solid #eef2f6;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    flex-shrink: 0;
}

.copilot-header-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.copilot-avatar {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: linear-gradient(135deg, rgba(247, 108, 13, 0.12) 0%, rgba(247, 108, 13, 0.22) 100%);
    border: 1px solid rgba(247, 108, 13, 0.3);
    color: var(--turuncu, #F76C0D);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(247, 108, 13, 0.15);
}

.copilot-title-group {
    display: flex;
    flex-direction: column;
}

.copilot-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: var(--metin, #1a1a2e);
    letter-spacing: -0.2px;
}

.copilot-subtitle {
    font-size: 11px;
    color: #64748b;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 1px;
}

.copilot-status-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #10b981;
    box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2);
    animation: copilotPulse 2s infinite ease-in-out;
}

@keyframes copilotPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.7; }
}

.copilot-header-actions {
    display: flex;
    align-items: center;
    gap: 6px;
}

.copilot-btn-icon {
    width: 34px;
    height: 34px;
    border-radius: 8px;
    border: 1px solid transparent;
    background: transparent;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
}

.copilot-btn-icon:hover {
    background: #f1f5f9;
    color: var(--metin, #1a1a2e);
    border-color: #e2e8f0;
}

/* Çipler */
.copilot-chips-wrap {
    padding: 10px 16px;
    display: flex;
    gap: 8px;
    overflow-x: auto;
    background: #fafbfc;
    border-bottom: 1px solid #f1f5f9;
    flex-shrink: 0;
    scrollbar-width: none;
}

.copilot-chips-wrap::-webkit-scrollbar {
    display: none;
}

.copilot-chip {
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 11.5px;
    font-weight: 600;
    color: #475569;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.18s ease;
    flex-shrink: 0;
}

.copilot-chip:hover {
    border-color: var(--turuncu, #F76C0D);
    color: var(--turuncu, #F76C0D);
    background: var(--turuncu-hafif, #fff4ee);
    transform: translateY(-1px);
    box-shadow: 0 2px 6px rgba(247, 108, 13, 0.12);
}

/* Mesajlar Alanı */
.copilot-messages {
    flex: 1;
    overflow-y: auto;
    padding: 20px 18px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    background: #f8fafc;
}

.copilot-msg {
    display: flex;
    gap: 10px;
    max-width: 90%;
    animation: copilotFadeIn 0.25s ease;
}

@keyframes copilotFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

.copilot-msg-user {
    align-self: flex-end;
    flex-direction: row;
}

.copilot-msg-assistant {
    align-self: flex-start;
}

.copilot-msg-avatar {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 11px;
    font-weight: 700;
}

.copilot-msg-avatar.user-avatar {
    background: #1e293b;
    color: #ffffff;
}

.copilot-msg-avatar.assistant-avatar {
    background: linear-gradient(135deg, rgba(247, 108, 13, 0.15) 0%, rgba(247, 108, 13, 0.28) 100%);
    border: 1px solid rgba(247, 108, 13, 0.35);
    color: var(--turuncu, #F76C0D);
}

.copilot-msg-body {
    display: flex;
    flex-direction: column;
}

.copilot-msg-content {
    padding: 12px 16px;
    font-size: 13px;
    line-height: 1.55;
    border-radius: 14px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

.copilot-msg-user .copilot-msg-content {
    background: #1e293b;
    color: #ffffff;
    border-bottom-right-radius: 3px;
}

.copilot-msg-assistant .copilot-msg-content {
    background: #ffffff;
    color: var(--metin, #1a1a2e);
    border: 1px solid #e2e8f0;
    border-bottom-left-radius: 3px;
}

.copilot-msg-content strong {
    font-weight: 700;
    color: inherit;
}

.copilot-inline-code {
    background: rgba(0, 0, 0, 0.06);
    padding: 2px 5px;
    border-radius: 4px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 12px;
}

.copilot-msg-user .copilot-inline-code {
    background: rgba(255, 255, 255, 0.15);
    color: #fed7aa;
}

.copilot-ul {
    margin: 6px 0;
    padding-left: 18px;
}

.copilot-li {
    margin-bottom: 4px;
}

.copilot-p-space {
    height: 10px;
}

/* Typing Indicator (Dots) */
.copilot-typing .copilot-dots {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 12px 18px;
}

.copilot-dots span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #94a3b8;
    animation: copilotBounce 1.4s infinite ease-in-out both;
}

.copilot-dots span:nth-child(1) { animation-delay: -0.32s; }
.copilot-dots span:nth-child(2) { animation-delay: -0.16s; }

@keyframes copilotBounce {
    0%, 80%, 100% { transform: scale(0); }
    40% { transform: scale(1); }
}

/* Footer / Input Alanı */
.copilot-footer {
    padding: 14px 18px 16px;
    background: #ffffff;
    border-top: 1px solid #eef2f6;
    flex-shrink: 0;
}

.copilot-form {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 14px;
    padding: 8px 10px;
    transition: all 0.18s ease;
}

.copilot-form:focus-within {
    border-color: var(--turuncu, #F76C0D);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(247, 108, 13, 0.14);
}

.copilot-input {
    flex: 1;
    border: none;
    background: transparent;
    outline: none;
    resize: none;
    font-size: 13px;
    font-family: inherit;
    color: var(--metin, #1a1a2e);
    line-height: 1.45;
    max-height: 120px;
    padding: 4px 2px;
}

.copilot-input::placeholder {
    color: #94a3b8;
}

.copilot-send-btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    border: none;
    background: linear-gradient(135deg, #F76C0D 0%, #ea580c 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.15s ease;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(247, 108, 13, 0.28);
}

.copilot-send-btn:hover {
    transform: scale(1.04);
    box-shadow: 0 4px 10px rgba(247, 108, 13, 0.4);
}

.copilot-send-btn:active {
    transform: scale(0.96);
}

.copilot-footer-tip {
    margin-top: 8px;
    font-size: 11px;
    color: #94a3b8;
    text-align: center;
}

.copilot-footer-tip strong {
    color: #64748b;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
    .copilot-drawer-content {
        width: 100vw;
    }
}

\n/* ══════════════════════════════════════════════════════
   SEFER DOSSIER — PREMIUM UI v0.9.870
   Design: Two-column logistics dossier panel, Clean & Minimal
   Tokens: var(--turuncu), var(--arka), var(--metin), var(--kenarlik)
   ══════════════════════════════════════════════════════ */

.sefer-dossier-panel {
    display: none;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--arka);
    z-index: 900;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: var(--metin);
    overflow-y: auto;
}

.sefer-dossier-panel.active {
    display: block;
}

.dossier-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px;
}

/* ── HEADER BAR ─────────────────────────────────────── */
.dossier-header-bar {
    position: sticky;
    top: 0;
    height: 56px;
    background: var(--beyaz);
    border-bottom: 1px solid var(--kenarlik);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    z-index: 10;
    box-shadow: var(--golge);
}

.dossier-header-left, .dossier-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dossier-header-center {
    flex: 1;
    display: flex;
    justify-content: center;
}

/* ── GRID SYSTEM ────────────────────────────────────── */
.dossier-grid {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 20px;
    padding: 24px;
    align-items: start;
}

/* ── CARDS ──────────────────────────────────────────── */
.dossier-kart {
    background: var(--beyaz);
    border-radius: var(--std-radius-md, 12px);
    box-shadow: var(--golge);
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--kenarlik);
}

.dossier-kart-baslik {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--kenarlik);
}

.dossier-kart-baslik h3 {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--metin);
}

/* ── FORM ELEMENTS ──────────────────────────────────── */
.dossier-form-group {
    margin-bottom: 12px;
}

.dossier-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--metin-ikincil);
    font-weight: 600;
    margin-bottom: 6px;
}

.dossier-input, .dossier-birim-select {
    width: 100%;
    height: 32px;
    border: 1px solid var(--kenarlik);
    border-radius: 9px;
    padding: 0 10px;
    font-size: 13px;
    font-family: inherit;
    color: var(--metin);
    background: var(--beyaz);
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.dossier-input:focus, .dossier-birim-select:focus {
    outline: none;
    border-color: var(--turuncu);
    box-shadow: 0 0 0 2px var(--turuncu-hafif);
}

textarea.dossier-input {
    height: auto;
    min-height: 60px;
    padding: 8px 10px;
    resize: vertical;
}

/* ── CHIPS & BADGES ─────────────────────────────────── */
.dossier-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--arka);
    border: 1px solid var(--kenarlik);
    font-size: 12px;
    color: var(--metin-ikincil);
    cursor: pointer;
    transition: all 0.2s;
}

.dossier-chip:hover {
    background: #e5e7eb;
}

.dossier-chip.secili {
    background: var(--turuncu-hafif);
    border-color: var(--turuncu);
    color: var(--turuncu-koyu);
    font-weight: 600;
}

.dossier-kayit-durum-rozet {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.dossier-kayit-durum-rozet.guncel {
    background: #ecfdf5;
    color: var(--basari);
    border: 1px solid #a7f3d0;
}

.dossier-kayit-durum-rozet.degisiklik-var {
    background: var(--turuncu-hafif);
    color: var(--turuncu-koyu);
    border: 1px solid #fed7aa;
}

.dossier-finans-durum-rozet.kar {
    background: #ecfdf5;
    color: var(--basari);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.dossier-finans-durum-rozet.zarar {
    background: #fef2f2;
    color: var(--hata);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

/* ── PNL BANNER ─────────────────────────────────────── */
.dossier-pnl-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-weight: 600;
}

.dossier-pnl-banner.kar {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: var(--basari);
}

.dossier-pnl-banner.zarar {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: var(--hata);
}

.dossier-pnl-kar-tutar {
    font-size: 18px;
    font-weight: 700;
}

.dossier-pnl-kar-marj {
    font-size: 13px;
    opacity: 0.9;
}

/* ── STEPPER ────────────────────────────────────────── */
.dossier-stepper-track {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
}

.dossier-step-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 2;
}

.dossier-step-node::before {
    content: '';
    position: absolute;
    top: 11px;
    left: -50%;
    right: 50%;
    height: 2px;
    background: var(--kenarlik);
    z-index: -1;
    width: 100%;
}

.dossier-step-node:first-child::before {
    display: none;
}

.step-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--beyaz);
    border: 2px solid var(--kenarlik);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: var(--metin-ikincil);
}

.dossier-step-node.active .step-circle {
    border-color: var(--turuncu);
    background: var(--turuncu);
    color: var(--beyaz);
}

.dossier-step-node.completed .step-circle {
    border-color: var(--basari);
    background: var(--basari);
    color: var(--beyaz);
}

.dossier-step-node.active::before,
.dossier-step-node.completed::before {
    background: var(--basari);
}

.step-label {
    font-size: 9.5px;
    text-transform: uppercase;
    color: var(--metin-ikincil);
    font-weight: 600;
    white-space: nowrap;
}

/* ── ROUTE BLOCK ────────────────────────────────────── */
.dossier-rota-blok {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.dossier-rota-box {
    flex: 1;
    padding: 16px;
    background: var(--arka);
    border: 1px solid var(--kenarlik);
    border-radius: 8px;
}

.dossier-rota-ok {
    color: var(--kenarlik);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── TIMELINE / NOTES ───────────────────────────────── */
.dossier-tl-liste {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dossier-tl-bos {
    text-align: center;
    padding: 24px 0;
    color: var(--metin-ikincil);
    font-style: italic;
    font-size: 12px;
}

.dossier-tl-item {
    display: flex;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--arka);
}

.dossier-tl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tl-zaman {
    font-size: 11px;
    color: var(--metin-ikincil);
    width: 45px;
    flex-shrink: 0;
}

.tl-icerik {
    flex: 1;
    font-size: 13px;
    color: var(--metin);
}

.dossier-eski-not {
    background: #fef9c3;
    padding: 12px;
    border-radius: 8px;
    border-left: 3px solid #eab308;
    margin-bottom: 16px;
    font-size: 12px;
}

/* ── BUTTONS ────────────────────────────────────────── */
.btn-dossier {
    height: 32px;
    padding: 0 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    transition: all 0.2s;
}

.btn-dossier-primary {
    background: var(--turuncu);
    color: var(--beyaz);
}
.btn-dossier-primary:hover {
    background: var(--turuncu-koyu);
}

.btn-dossier-secondary {
    background: var(--beyaz);
    border-color: var(--kenarlik);
    color: var(--metin);
}
.btn-dossier-secondary:hover {
    background: var(--arka);
}

.btn-dossier-not-ekle {
    height: 32px;
    background: var(--arka);
    border: 1px solid var(--kenarlik);
    border-radius: 9px;
    padding: 0 12px;
    cursor: pointer;
    font-weight: 600;
    color: var(--metin);
}

.btn-dossier-tel-ara {
    background: #ecfdf5;
    color: var(--basari);
    border: 1px solid #a7f3d0;
    height: 32px;
    width: 32px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* ── TEST REQUIREMENT ───────────────────────────────── */
.dossier-plaka-sari {
    background: #fef08a;
    color: #854d0e;
    border: 1px solid #eab308;
    font-family: monospace;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
}
\n/* ══════════════════════════════════════════════════════
   SEFER DOSSIER — PREMIUM UI v0.9.870
   Design: Two-column logistics dossier panel, Clean & Minimal
   Tokens: var(--turuncu), var(--arka), var(--metin), var(--kenarlik)
   ══════════════════════════════════════════════════════ */

.sefer-dossier-panel {
    display: none;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: var(--arka);
    z-index: 900;
    font-family: 'DM Sans', sans-serif;
    font-size: 13px;
    color: var(--metin);
    overflow-y: auto;
}

.sefer-dossier-panel.active {
    display: block;
}

.dossier-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 40px;
}

/* ── HEADER BAR ─────────────────────────────────────── */
.dossier-header-bar {
    position: sticky;
    top: 0;
    height: 56px;
    background: var(--beyaz);
    border-bottom: 1px solid var(--kenarlik);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 24px;
    z-index: 10;
    box-shadow: var(--golge);
}

.dossier-header-left, .dossier-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
}

.dossier-header-center {
    flex: 1;
    display: flex;
    justify-content: center;
}

/* ── GRID SYSTEM ────────────────────────────────────── */
.dossier-grid {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 20px;
    padding: 24px;
    align-items: start;
}

/* ── CARDS ──────────────────────────────────────────── */
.dossier-kart {
    background: var(--beyaz);
    border-radius: var(--std-radius-md, 12px);
    box-shadow: var(--golge);
    padding: 20px;
    margin-bottom: 20px;
    border: 1px solid var(--kenarlik);
}

.dossier-kart-baslik {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--kenarlik);
}

.dossier-kart-baslik h3 {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--metin);
}

/* ── FORM ELEMENTS ──────────────────────────────────── */
.dossier-form-group {
    margin-bottom: 12px;
}

.dossier-label {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: var(--metin-ikincil);
    font-weight: 600;
    margin-bottom: 6px;
}

.dossier-input, .dossier-birim-select {
    width: 100%;
    height: 32px;
    border: 1px solid var(--kenarlik);
    border-radius: 9px;
    padding: 0 10px;
    font-size: 13px;
    font-family: inherit;
    color: var(--metin);
    background: var(--beyaz);
    transition: border-color 0.2s, box-shadow 0.2s;
    box-sizing: border-box;
}

.dossier-input:focus, .dossier-birim-select:focus {
    outline: none;
    border-color: var(--turuncu);
    box-shadow: 0 0 0 2px var(--turuncu-hafif);
}

textarea.dossier-input {
    height: auto;
    min-height: 60px;
    padding: 8px 10px;
    resize: vertical;
}

/* ── CHIPS & BADGES ─────────────────────────────────── */
.dossier-chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 20px;
    background: var(--arka);
    border: 1px solid var(--kenarlik);
    font-size: 12px;
    color: var(--metin-ikincil);
    cursor: pointer;
    transition: all 0.2s;
}

.dossier-chip:hover {
    background: #e5e7eb;
}

.dossier-chip.secili {
    background: var(--turuncu-hafif);
    border-color: var(--turuncu);
    color: var(--turuncu-koyu);
    font-weight: 600;
}

.dossier-kayit-durum-rozet {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.dossier-kayit-durum-rozet.guncel {
    background: #ecfdf5;
    color: var(--basari);
    border: 1px solid #a7f3d0;
}

.dossier-kayit-durum-rozet.degisiklik-var {
    background: var(--turuncu-hafif);
    color: var(--turuncu-koyu);
    border: 1px solid #fed7aa;
}

.dossier-finans-durum-rozet.kar {
    background: #ecfdf5;
    color: var(--basari);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.dossier-finans-durum-rozet.zarar {
    background: #fef2f2;
    color: var(--hata);
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

/* ── PNL BANNER ─────────────────────────────────────── */
.dossier-pnl-banner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    margin-bottom: 16px;
    font-weight: 600;
}

.dossier-pnl-banner.kar {
    background: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: var(--basari);
}

.dossier-pnl-banner.zarar {
    background: #fef2f2;
    border: 1px solid #fecaca;
    color: var(--hata);
}

.dossier-pnl-kar-tutar {
    font-size: 18px;
    font-weight: 700;
}

.dossier-pnl-kar-marj {
    font-size: 13px;
    opacity: 0.9;
}

/* ── STEPPER ────────────────────────────────────────── */
.dossier-stepper-track {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
}

.dossier-step-node {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    position: relative;
    z-index: 2;
}

.dossier-step-node::before {
    content: '';
    position: absolute;
    top: 11px;
    left: -50%;
    right: 50%;
    height: 2px;
    background: var(--kenarlik);
    z-index: -1;
    width: 100%;
}

.dossier-step-node:first-child::before {
    display: none;
}

.step-circle {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--beyaz);
    border: 2px solid var(--kenarlik);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    color: var(--metin-ikincil);
}

.dossier-step-node.active .step-circle {
    border-color: var(--turuncu);
    background: var(--turuncu);
    color: var(--beyaz);
}

.dossier-step-node.completed .step-circle {
    border-color: var(--basari);
    background: var(--basari);
    color: var(--beyaz);
}

.dossier-step-node.active::before,
.dossier-step-node.completed::before {
    background: var(--basari);
}

.step-label {
    font-size: 9.5px;
    text-transform: uppercase;
    color: var(--metin-ikincil);
    font-weight: 600;
    white-space: nowrap;
}

/* ── ROUTE BLOCK ────────────────────────────────────── */
.dossier-rota-blok {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}

.dossier-rota-box {
    flex: 1;
    padding: 16px;
    background: var(--arka);
    border: 1px solid var(--kenarlik);
    border-radius: 8px;
}

.dossier-rota-ok {
    color: var(--kenarlik);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ── TIMELINE / NOTES ───────────────────────────────── */
.dossier-tl-liste {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dossier-tl-bos {
    text-align: center;
    padding: 24px 0;
    color: var(--metin-ikincil);
    font-style: italic;
    font-size: 12px;
}

.dossier-tl-item {
    display: flex;
    gap: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--arka);
}

.dossier-tl-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.tl-zaman {
    font-size: 11px;
    color: var(--metin-ikincil);
    width: 45px;
    flex-shrink: 0;
}

.tl-icerik {
    flex: 1;
    font-size: 13px;
    color: var(--metin);
}

.dossier-eski-not {
    background: #fef9c3;
    padding: 12px;
    border-radius: 8px;
    border-left: 3px solid #eab308;
    margin-bottom: 16px;
    font-size: 12px;
}

/* ── BUTTONS ────────────────────────────────────────── */
.btn-dossier {
    height: 32px;
    padding: 0 16px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid transparent;
    transition: all 0.2s;
}

.btn-dossier-primary {
    background: var(--turuncu);
    color: var(--beyaz);
}
.btn-dossier-primary:hover {
    background: var(--turuncu-koyu);
}

.btn-dossier-secondary {
    background: var(--beyaz);
    border-color: var(--kenarlik);
    color: var(--metin);
}
.btn-dossier-secondary:hover {
    background: var(--arka);
}

.btn-dossier-not-ekle {
    height: 32px;
    background: var(--arka);
    border: 1px solid var(--kenarlik);
    border-radius: 9px;
    padding: 0 12px;
    cursor: pointer;
    font-weight: 600;
    color: var(--metin);
}

.btn-dossier-tel-ara {
    background: #ecfdf5;
    color: var(--basari);
    border: 1px solid #a7f3d0;
    height: 32px;
    width: 32px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

/* ── TEST REQUIREMENT ───────────────────────────────── */
.dossier-plaka-sari {
    background: #fef08a;
    color: #854d0e;
    border: 1px solid #eab308;
    font-family: monospace;
    font-size: 14px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
}