/* ==========================================================================
   Satış Ekibi Yönetimi tanıtım sayfası (urunler/satis-ekibi-yonetimi.php) — önek ekx-
   Ortak taban: css/gorev-tanitim.css (.gv*) — tanıtım sayfası kültürü (time.fyi dili).
   Bu dosya yalnız sayfaya özgü bileşenleri taşır: Ekip Panosu demosu (KPI kartları, karne,
   Odaklanılacaklar, yeniden dağıtım ve 1:1 pencereleri), akordeon sahneleri, rol tablosu,
   günlük karne kartı. Renk yalnız durum noktasında; vurgu monokrom (siyah-invert).
   ========================================================================== */

.gv {
    --ekx-iyi: #2c6639; --ekx-iyi-bg: #dcefe1;
    --ekx-uyari: #72540f; --ekx-uyari-bg: #f8edcf;
    --ekx-kotu: #9f2d1c; --ekx-kotu-bg: #fde2dd;
}
.gv [hidden] { display: none !important; }

/* ---------- Kahraman altındaki "neler var" şeridi ---------- */
.ekx-serit { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; padding: 0 24px 28px; }
.ekx-serit span {
    display: inline-flex; align-items: center; gap: 7px; height: 30px; padding: 0 12px; border-radius: 999px;
    border: 1px solid var(--line-2); font-size: 13px; color: var(--ink-2); background: #fff;
}
.ekx-serit i { font-size: 12px; color: var(--ink); }

/* ==========================================================================
   CANLI DEMO
   ========================================================================== */
.ekx-app { border-top: 1px solid var(--line); background: #fff; position: relative; font-size: 13px; }
.ekx-ust { display: flex; justify-content: space-between; align-items: center; gap: 10px 14px; padding: 14px 18px 6px; flex-wrap: wrap; }
.ekx-ust-sol { display: flex; align-items: center; gap: 10px 14px; flex-wrap: wrap; min-width: 0; }
.ekx-ekip { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; font-size: 14px; }
.ekx-ekip i { width: 10px; height: 10px; border-radius: 3px; background: #6d8fe0; display: block; }
.ekx-ekip small { font-weight: 400; color: var(--ink-3); font-size: 12px; }
.ekx-kip { font-family: var(--mono); font-size: 11px; color: var(--ink-3); display: inline-flex; align-items: center; gap: 6px; }
.ekx-kip i { font-size: 10px; }
.ekx-nabiz { padding: 0 18px 12px; font-size: 13px; color: var(--ink-2); min-height: 20px; }
.ekx-nabiz b { color: var(--ink); font-weight: 600; }

/* KPI kartları */
.ekx-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; padding: 0 18px 14px; }
.ekx-kpi { border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px 8px; min-width: 0; position: relative; }
.ekx-kpi small { display: block; font-size: 11.5px; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ekx-kpi-sat { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.ekx-kpi b { font-size: 22px; font-weight: 600; letter-spacing: -.03em; line-height: 1.25; }
.ekx-kpi em { font-style: normal; font-size: 11px; font-family: var(--mono); color: var(--ink-3); white-space: nowrap; }
.ekx-kpi em.art { color: var(--ekx-iyi); }
.ekx-kpi em.eks { color: var(--ekx-kotu); }
.ekx-kpi-hedef { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 11px; color: var(--ink-3); }
.ekx-cubuk { flex: 1; height: 5px; border-radius: 3px; background: var(--soft); position: relative; overflow: hidden; }
.ekx-cubuk i { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 3px; background: var(--ink); transition: width .5s ease; }
.ekx-cubuk u { position: absolute; top: -2px; bottom: -2px; width: 1.5px; background: var(--coral); text-decoration: none; }
.ekx-spark { display: block; width: 100%; height: 22px; margin-top: 4px; }

/* Ana ızgara: karne + odaklanılacaklar */
.ekx-govde { display: grid; grid-template-columns: minmax(0, 1fr) 300px; border-top: 1px solid var(--line); }
.ekx-karne { min-width: 0; border-right: 1px solid var(--line); }
.ekx-blok-bas { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px 18px 8px; }
.ekx-blok-bas h4 { font-size: 13px; font-weight: 600; margin: 0; font-family: var(--sans); display: inline-flex; align-items: center; gap: 8px; }
.ekx-blok-bas h4 i { font-size: 12px; color: var(--ink-3); }
.ekx-blok-bas small { font-size: 11.5px; color: var(--ink-3); }
.ekx-tablo-kap { overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior-x: contain; padding: 0 0 6px; }
.ekx-tablo { width: 100%; border-collapse: collapse; min-width: 640px; font-size: 12.5px; }
.ekx-tablo th {
    text-align: right; font-weight: 500; font-size: 11.5px; color: var(--ink-3); padding: 7px 10px; border-bottom: 1px solid var(--line-2);
    white-space: nowrap; user-select: none;
}
.ekx-tablo th:first-child, .ekx-tablo td:first-child { text-align: left; padding-left: 18px; }
.ekx-tablo th:last-child, .ekx-tablo td:last-child { padding-right: 18px; }
.ekx-tablo th button {
    border: 0; background: none; padding: 0; font: inherit; color: inherit; cursor: pointer; display: inline-flex; align-items: center; gap: 4px;
}
.ekx-tablo th button::after { content: '↕'; font-size: 10px; color: rgba(20,20,20,.25); }
.ekx-tablo th button[aria-sort="descending"] { color: var(--ink); }
.ekx-tablo th button[aria-sort="descending"]::after { content: '↓'; color: var(--ink); }
.ekx-tablo th button[aria-sort="ascending"] { color: var(--ink); }
.ekx-tablo th button[aria-sort="ascending"]::after { content: '↑'; color: var(--ink); }
.ekx-tablo td { text-align: right; padding: 8px 10px; border-bottom: 1px solid var(--line); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ekx-tablo tbody tr { transition: background .4s ease; }
.ekx-tablo tbody tr.is-parla { background: #faf6ea; }
.ekx-tablo td.ekx-sayi { cursor: help; }
.ekx-tablo tfoot td { color: var(--ink-3); font-style: normal; border-bottom: 0; background: #fafaf9; }
.ekx-kisi { display: inline-flex; align-items: center; gap: 8px; font-weight: 500; }
.ekx-av {
    width: 24px; height: 24px; border-radius: 50%; display: inline-grid; place-items: center; font-size: 10px; font-weight: 600;
    background: var(--b-lav-bg); color: var(--b-lav-t); flex-shrink: 0;
}
.ekx-av.c2 { background: var(--b-peach-bg); color: var(--b-peach-t); }
.ekx-av.c3 { background: var(--b-mint-bg); color: var(--b-mint-t); }
.ekx-av.c4 { background: var(--b-blue-bg); color: var(--b-blue-t); }
.ekx-av.c5 { background: var(--b-sand-bg); color: var(--b-sand-t); }
.ekx-hedef { display: inline-flex; align-items: center; gap: 6px; justify-content: flex-end; }
.ekx-hedef .ekx-cubuk { width: 46px; flex: none; }
.ekx-tempo { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; color: var(--ink-2); }
.ekx-tempo::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #c9c9c6; }
.ekx-tempo.iyi::before { background: #3f9a57; }
.ekx-tempo.orta::before { background: #d6a53a; }
.ekx-tempo.kotu::before { background: #d9432b; }
.ekx-tablo-not { padding: 8px 18px 14px; font-size: 11.5px; color: var(--ink-3); display: flex; gap: 6px; align-items: flex-start; }
.ekx-tablo-not i { margin-top: 2px; }

/* Odaklanılacaklar */
.ekx-odak { min-width: 0; display: flex; flex-direction: column; }
.ekx-od-liste { padding: 0 12px; flex: 1; }
.ekx-od {
    display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 4px 10px; padding: 10px 6px; border-top: 1px solid var(--line);
    align-items: start; transition: opacity .3s ease, background .3s ease;
}
.ekx-od:first-child { border-top: 0; }
.ekx-od.is-tamam { opacity: .55; }
.ekx-od-metin { font-size: 12.5px; line-height: 1.45; color: var(--ink-2); }
.ekx-od-metin b { color: var(--ink); font-weight: 600; display: block; font-size: 13px; }
.ekx-od-metin .ekx-nokta { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #d9432b; margin-right: 6px; vertical-align: 1px; }
.ekx-od-metin .ekx-nokta.o { background: #d6a53a; }
.ekx-od-metin .ekx-nokta.g { background: #b9b9b5; }
.ekx-od-eylem { grid-column: 2; display: flex; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.ekx-od-durum { grid-column: 2; font-size: 11.5px; color: var(--ekx-iyi); font-family: var(--mono); margin-top: 2px; }
.ekx-takdir { margin: 6px 12px 12px; padding: 10px 12px; border-radius: 10px; background: var(--soft); font-size: 12px; color: var(--ink-2); display: flex; gap: 8px; align-items: flex-start; }
.ekx-takdir i { color: var(--coral); margin-top: 2px; }
.ekx-takdir b { color: var(--ink); font-weight: 600; }

/* Düğmeler (panel düğmesi taklidi) */
.ekx-btn {
    display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 11px; border-radius: 8px; border: 1px solid var(--line-2);
    background: #fff; color: var(--ink); font-size: 12px; font-weight: 500; cursor: pointer; white-space: nowrap; font-family: inherit;
}
.ekx-btn:hover { border-color: rgba(20,20,20,.35); }
.ekx-btn i { font-size: 11px; }
.ekx-btn.koyu { background: var(--ink); color: #fff; border-color: var(--ink); }
.ekx-btn.koyu:hover { background: #2a2a2a; }
.ekx-btn.buyuk { height: 36px; padding: 0 14px; font-size: 13px; border-radius: 10px; }
.ekx-btn:disabled { opacity: .45; cursor: not-allowed; }

/* Temsilci ekranı önizlemesi (1:1 sonrası) */
.ekx-temsilci { border-top: 1px solid var(--line); padding: 14px 18px 18px; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 16px; align-items: start; background: #fcfcfb; }
.ekx-temsilci-t small { display: block; font-family: var(--mono); font-size: 11px; color: var(--ink-3); letter-spacing: .06em; text-transform: uppercase; margin-bottom: 4px; }
.ekx-temsilci-t p { font-size: 12.5px; color: var(--ink-2); line-height: 1.5; }
.ekx-aksiyon-kart { border: 1px solid var(--line-2); border-radius: 12px; background: #fff; padding: 12px 14px; }
.ekx-aksiyon-kart h6 { font-size: 13px; font-weight: 600; margin: 0 0 8px; font-family: var(--sans); display: flex; justify-content: space-between; gap: 10px; }
.ekx-aksiyon-kart h6 small { font-weight: 400; color: var(--ink-3); font-size: 11.5px; }
.ekx-aks { display: flex; align-items: flex-start; gap: 9px; padding: 6px 0; border-top: 1px solid var(--line); font-size: 12.5px; cursor: pointer; user-select: none; }
.ekx-aks:first-of-type { border-top: 0; }
.ekx-aks .cb { width: 16px; height: 16px; border-radius: 50%; border: 1.5px solid rgba(20,20,20,.3); flex-shrink: 0; margin-top: 1px; display: grid; place-items: center; transition: all .15s; }
.ekx-aks.is-done .cb { background: var(--coral); border-color: var(--coral); }
.ekx-aks.is-done .cb::after { content: ''; width: 7px; height: 4px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg) translate(1px, -1px); }
.ekx-aks.is-done .t { text-decoration: line-through; color: var(--ink-3); }
.ekx-aks .m { display: block; font-size: 11.5px; color: var(--ink-3); }
.ekx-aksiyon-bos { font-size: 12.5px; color: var(--ink-3); padding: 4px 0; }

/* Pencere (panelin SPU.modal taklidi) */
.ekx-modal-arka {
    position: fixed; inset: 0; z-index: 100000; background: rgba(20, 20, 20, .38); display: flex; align-items: center; justify-content: center;
    padding: 16px; animation: ekxBelir .18s ease;
}
@keyframes ekxBelir { from { opacity: 0; } }
.ekx-modal {
    background: #fff; border-radius: 16px; width: min(480px, 100%); padding: 20px; max-height: calc(100vh - 32px); overflow: auto;
    box-shadow: 0 24px 60px -20px rgba(20, 20, 20, .45); font-size: 13.5px; animation: gvIn .3s cubic-bezier(.2,.9,.3,1.2) both;
}
.ekx-modal h5 { font-size: 16px; font-weight: 600; margin: 0 0 4px; letter-spacing: -.01em; font-family: var(--sans); }
.ekx-modal-govde { color: var(--ink-2); line-height: 1.5; }
.ekx-modal-govde p { margin: 6px 0 0; }
.ekx-modal-dug { display: flex; justify-content: flex-end; gap: 8px; margin-top: 18px; flex-wrap: wrap; }
.ekx-alan { margin-top: 14px; }
.ekx-alan > label, .ekx-alan > span.et { display: block; font-size: 12px; color: var(--ink-3); margin-bottom: 6px; }
.ekx-secenekler { display: flex; flex-wrap: wrap; gap: 6px; }
.ekx-secenek {
    display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 11px; border-radius: 999px; border: 1px solid var(--line-2);
    background: #fff; font-size: 12.5px; color: var(--ink); cursor: pointer; font-family: inherit;
}
.ekx-secenek[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: #fff; }
.ekx-metin {
    width: 100%; min-height: 74px; border: 1px solid var(--line-2); border-radius: 10px; padding: 9px 12px; font: inherit; font-size: 14px;
    color: var(--ink); background: #fff; resize: vertical; line-height: 1.45;
}
.ekx-metin:focus { outline: 0; border-color: rgba(20,20,20,.5); box-shadow: 0 0 0 4px rgba(20,20,20,.05); }
.ekx-oneri-kutu { margin-top: 10px; padding: 9px 11px; border-radius: 10px; background: var(--soft); font-size: 12.5px; color: var(--ink-2); display: flex; gap: 8px; }
.ekx-oneri-kutu i { color: var(--coral); margin-top: 3px; }
.ekx-plan { margin-top: 12px; border: 1px solid var(--line-2); border-radius: 12px; overflow: hidden; }
.ekx-plan-sat { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 8px 12px; border-top: 1px solid var(--line); font-size: 13px; }
.ekx-plan-sat:first-child { border-top: 0; }
.ekx-plan-sat b { font-family: var(--mono); font-weight: 500; }
.ekx-plan-not { padding: 8px 12px; background: #fafaf9; font-size: 12px; color: var(--ink-3); border-top: 1px solid var(--line); }
.ekx-hata { margin-top: 10px; font-size: 12.5px; color: var(--ekx-kotu); }

/* ==========================================================================
   AKORDEON SAHNELERİ
   ========================================================================== */
.ekx-s-panel { padding: 16px; }
.ekx-s-panel h6 { font-size: 13px; font-weight: 600; margin: 0 0 10px; font-family: var(--sans); }
.ekx-s-soluk { font-size: 12px; color: var(--ink-3); margin: 0 0 10px; }
.ekx-s-iki { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ekx-s-kpi { border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; background: #fff; }
.ekx-s-kpi small { display: block; font-size: 11px; color: var(--ink-3); }
.ekx-s-kpi b { display: block; font-size: 22px; font-weight: 600; letter-spacing: -.03em; }
.ekx-s-kpi em { display: block; font-style: normal; font-size: 11px; font-family: var(--mono); color: var(--ink-3); }
.ekx-s-kpi em.eks { color: var(--ekx-kotu); }
.ekx-s-kpi em.art { color: var(--ekx-iyi); }
.ekx-s-sat { display: grid; grid-template-columns: 1fr auto; gap: 10px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 12.5px; align-items: center; }
.ekx-s-sat:first-of-type { border-top: 0; }
.ekx-s-sat b { font-family: var(--mono); font-weight: 500; font-size: 12px; }
.ekx-s-tempo { margin-top: 12px; }
.ekx-s-tempo .ekx-cubuk { height: 8px; }
.ekx-s-tempo-et { display: flex; justify-content: space-between; font-size: 11px; color: var(--ink-3); margin-top: 6px; font-family: var(--mono); }
.ekx-s-not { font-size: 11.5px; color: var(--ink-3); margin-top: 10px; display: flex; gap: 6px; align-items: flex-start; }
.ekx-s-not i { margin-top: 2px; }

/* Isı haritası */
.ekx-isi { display: grid; grid-template-columns: 56px repeat(14, minmax(0, 1fr)); gap: 3px; align-items: center; font-size: 11px; }
.ekx-isi span { color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ekx-isi i { display: block; aspect-ratio: 1; border-radius: 3px; background: #f0f0ee; }
.ekx-isi i.d1 { background: #e3e3e0; } .ekx-isi i.d2 { background: #b9b9b5; } .ekx-isi i.d3 { background: #6f6f6b; } .ekx-isi i.d4 { background: #141414; }
.ekx-isi i.iz { background: repeating-linear-gradient(45deg, #f0f0ee 0 3px, #fff 3px 6px); }

/* Karne sütun sahnesi */
.ekx-s-tab { font-size: 12px; }
.ekx-s-tsat { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); gap: 6px; padding: 7px 0; border-top: 1px solid var(--line); align-items: center; }
.ekx-s-tsat.bas { border-top: 0; color: var(--ink-3); font-size: 11px; }
.ekx-s-tsat span:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.ekx-s-tsat.ort { color: var(--ink-3); background: #fafaf9; border-radius: 6px; padding-left: 6px; padding-right: 6px; }

/* Neden kaybettik / huni */
.ekx-s-bar { display: grid; grid-template-columns: 120px 1fr 34px; gap: 8px; align-items: center; font-size: 12px; padding: 4px 0; }
.ekx-s-bar .ekx-cubuk { height: 8px; }
.ekx-s-bar b { font-family: var(--mono); font-weight: 500; text-align: right; font-size: 11.5px; }

/* Bildirim / brifing sahnesi */
.ekx-s-bildirim { display: flex; gap: 10px; padding: 12px 14px; font-size: 12.5px; align-items: flex-start; }
.ekx-s-bildirim + .ekx-s-bildirim { margin-top: 10px; }
.ekx-s-bildirim i { color: var(--coral); margin-top: 2px; }
.ekx-s-bildirim b { display: block; font-size: 13px; }
.ekx-s-bildirim small { display: block; color: var(--ink-3); font-size: 11px; margin-top: 2px; font-family: var(--mono); }
.ekx-s-brifing { padding: 14px 16px; font-size: 13px; line-height: 1.55; color: var(--ink-2); }
.ekx-s-brifing h6 { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.ekx-cip {
    display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 6px; background: var(--soft); color: var(--ink-2);
    font-size: 11px; font-family: var(--mono); white-space: nowrap;
}
.ekx-cip.koyu { background: var(--ink); color: #fff; }

/* Dağıtım sahnesi */
.ekx-s-olcut { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 10px; }
.ekx-s-olcut span { height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid var(--line-2); font-size: 11.5px; display: inline-flex; align-items: center; }
.ekx-s-olcut span.is-on { background: var(--ink); border-color: var(--ink); color: #fff; }

/* ==========================================================================
   ROL TABLOSU + GÜNLÜK KARNE KARTI
   ========================================================================== */
.ekx-roller { width: 100%; border-collapse: collapse; font-size: 13px; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 2px rgba(20,20,20,.06), 0 12px 32px -12px rgba(20,20,20,.18); }
.ekx-roller th { font-weight: 500; font-size: 11.5px; color: var(--ink-3); text-align: center; padding: 10px 8px; border-bottom: 1px solid var(--line-2); }
.ekx-roller th:first-child { text-align: left; padding-left: 14px; }
.ekx-roller th.us { background: var(--ink); color: #fff; }
.ekx-roller td { padding: 9px 8px; border-bottom: 1px solid var(--line); text-align: center; color: var(--ink-2); }
.ekx-roller td:first-child { text-align: left; padding-left: 14px; color: var(--ink); }
.ekx-roller td.us { background: #f7f7f6; color: var(--ink); }
.ekx-roller tr:last-child td { border-bottom: 0; }
.ekx-ok { color: var(--ink); font-weight: 600; }
.ekx-yok { color: rgba(20,20,20,.3); }

.ekx-gunluk { width: 100%; max-width: 520px; padding: 14px 16px; }
.ekx-gunluk h6 { font-size: 13px; font-weight: 600; margin: 0 0 10px; font-family: var(--sans); display: flex; justify-content: space-between; gap: 10px; }
.ekx-gunluk h6 small { font-weight: 400; color: var(--ink-3); font-size: 11.5px; }
.ekx-g-sat { display: grid; grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap: 8px; padding: 7px 0; border-top: 1px solid var(--line); font-size: 12px; align-items: center; }
.ekx-g-sat.bas { border-top: 0; color: var(--ink-3); font-size: 11px; }
.ekx-g-sat span:not(:first-child) { text-align: right; font-variant-numeric: tabular-nums; }
.ekx-g-uyari { margin-top: 10px; display: flex; gap: 10px; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 10px; background: var(--ekx-uyari-bg); color: var(--ekx-uyari); font-size: 12.5px; flex-wrap: wrap; }
.ekx-g-uyari b { color: var(--ink); }
.ekx-g-uyari span.ekx-btn { pointer-events: none; }

/* Akış (bir ayın döngüsü) */
.ekx-akis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.ekx-akis-a { padding: 26px 20px 28px; border-right: 1px solid var(--line); min-width: 0; }
.ekx-akis-a:last-child { border-right: 0; }
.ekx-akis-a .n { font-family: var(--mono); font-size: 12px; color: var(--coral); display: block; margin-bottom: 10px; }
.ekx-akis-a h3 { font-size: 16px; font-weight: 600; letter-spacing: -.01em; margin-bottom: 6px; }
.ekx-akis-a p { font-size: 14px; color: var(--ink-2); line-height: 1.5; }
.ekx-akis-a a { text-decoration: underline; text-underline-offset: 3px; }
.ekx-akis-a.is-biz { background: #fafaf9; }
.ekx-akis-a.is-biz .n { color: var(--ink); }

/* ==========================================================================
   DUYARLI
   ========================================================================== */
@media (max-width: 1080px) {
    .ekx-govde { grid-template-columns: minmax(0, 1fr) 270px; }
    .ekx-akis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .ekx-akis-a:nth-child(3) { border-right: 0; }
    .ekx-akis-a:nth-child(n+4) { border-top: 1px solid var(--line); }
}
@media (max-width: 900px) {
    .ekx-govde { grid-template-columns: 1fr; }
    .ekx-karne { border-right: 0; border-bottom: 1px solid var(--line); }
    .ekx-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ekx-temsilci { grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 760px) {
    .ekx-serit { padding: 0 16px 24px; }
    .ekx-ust { padding: 12px 12px 6px; }
    .ekx-nabiz { padding: 0 12px 10px; }
    .ekx-kpis { padding: 0 12px 12px; gap: 8px; }
    .ekx-kpi b { font-size: 19px; }
    .ekx-blok-bas { padding: 12px 12px 8px; }
    .ekx-tablo th:first-child, .ekx-tablo td:first-child { padding-left: 12px; position: sticky; left: 0; background: #fff; z-index: 1; box-shadow: 1px 0 0 var(--line); }
    .ekx-tablo tfoot td:first-child { background: #fafaf9; }
    .ekx-tablo tbody tr.is-parla td:first-child { background: #faf6ea; }
    .ekx-tablo-not { padding: 8px 12px 12px; }
    .ekx-od-liste { padding: 0 6px; }
    .ekx-temsilci { padding: 14px 12px 16px; }
    .ekx-akis { grid-template-columns: 1fr; }
    .ekx-akis-a { border-right: 0; border-top: 1px solid var(--line); padding: 22px 16px; }
    .ekx-akis-a:first-child { border-top: 0; }
    .ekx-s-bar { grid-template-columns: 96px 1fr 30px; }
    .ekx-roller { font-size: 12px; }
    .ekx-roller th, .ekx-roller td { padding: 8px 4px; }
    .ekx-roller th:first-child, .ekx-roller td:first-child { padding-left: 10px; }
}
@media (max-width: 420px) {
    .ekx-kpi em { display: none; }
    .ekx-s-iki { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .ekx-cubuk i, .ekx-tablo tbody tr { transition: none; }
}