/* ============================================================
   Dezztech Maestro — Firma Portalı yerleşimi
   ------------------------------------------------------------
   Renk, tipografi, yarıçap ve bileşen dili artık dezz.css'te.
   Bu dosya yalnız PORTALA ÖZGÜ YERLEŞİMİ tanımlar:
   kenar çubuğu kabuğu, pano, zaman çizelgesi, evrak paneli.
   ============================================================ */

/* Portal, tasarım sisteminin yüzeylerini kendi adlarıyla kullanır */
html[data-portal="1"]{ --yan:var(--yuzey); --yan-ust:var(--kart) }
html[data-portal="1"] body{background:var(--zemin);color:var(--ink)}

/* ============================================================
   Devralınan bileşenlerin tema uyumu
   (styles.css içinde sabit beyaz kullanan kurallar)
   ============================================================ */
html[data-portal="1"] .alan input,
html[data-portal="1"] .alan select,
html[data-portal="1"] .alan textarea,
html[data-portal="1"] .filtre-satir input,
html[data-portal="1"] .filtre-satir select,
html[data-portal="1"] .msj-yaz input,
html[data-portal="1"] .unvan-sec,
html[data-portal="1"] .pr-kalem-alanlar input,
html[data-portal="1"] .pr-kalem-alanlar select,
html[data-portal="1"] .ck-soru,
html[data-portal="1"] .ck-opt,
html[data-portal="1"] .stat,
html[data-portal="1"] .ev-kart,
html[data-portal="1"] .pipe-kart,
html[data-portal="1"] .modal,
html[data-portal="1"] .modal-b,
html[data-portal="1"] .modal-alt,
html[data-portal="1"] .sek.on,
html[data-portal="1"] .zil,
html[data-portal="1"] .btn-g{background:var(--kart);color:var(--ink)}

html[data-portal="1"] .alan input::placeholder,
html[data-portal="1"] .alan textarea::placeholder,
html[data-portal="1"] .msj-yaz input::placeholder{color:var(--ink3)}
html[data-portal="1"] .btn-g{border-color:var(--cizgi)}
html[data-portal="1"] .btn-g:hover{border-color:var(--cizgi-guc);background:var(--cizgi2)}
html[data-portal="1"] .btn-b{background:var(--brand);color:var(--brand-ust)}
html[data-portal="1"] .btn-b:hover{background:var(--brand-koyu)}
html[data-portal="1"] .kart{border:1px solid var(--cizgi);box-shadow:none}
html[data-portal="1"] .kart:hover{border-color:var(--cizgi)}
html[data-portal="1"] .ev-kart{border:1px solid var(--cizgi);box-shadow:none}
html[data-portal="1"] .ev-kart:hover{border-color:var(--cizgi-guc);box-shadow:var(--golge)}
html[data-portal="1"] .ev-kart.ev-red{background:var(--kir-z)}
html[data-portal="1"] .stat{border:1px solid var(--cizgi);box-shadow:none}
html[data-portal="1"] .incelik{background:var(--brand-soft);color:var(--ink2)}
html[data-portal="1"] .incelik b{color:var(--ink)}
html[data-portal="1"] .modal-arka{background:rgba(6,7,10,.55)}
html[data-portal="1"] .toast{background:var(--ink);color:var(--zemin)}
html[data-portal="1"] .toast.ok{background:var(--yes);color:#fff}
html[data-portal="1"] .toast.hata{background:var(--kir);color:#fff}
html[data-portal="1"] .msj.fi{background:var(--notr-z);color:var(--ink)}
html[data-portal="1"] .msj.dz{background:var(--brand);color:var(--brand-ust)}
html[data-portal="1"] .gantt th.buay,
html[data-portal="1"] .gantt td.buay{background:var(--amb-z)}
html[data-portal="1"] .ob-kutu{background:var(--amb-z);border-color:var(--cizgi-guc)}
html[data-portal="1"] .liste li:hover{background:var(--cizgi2)}
html[data-portal="1"] .yukle-btn{border-color:var(--cizgi-guc);color:var(--brand)}
html[data-portal="1"] .yukle-btn:hover{border-color:var(--brand);background:var(--brand-soft)}
html[data-portal="1"] .mini-bar{background:var(--notr-z)}
html[data-portal="1"] .z-i::before{background:var(--kart)}
html[data-portal="1"] .top-kimde span{background:var(--kart)}
html[data-portal="1"] a{color:var(--brand)}

/* Ana sayfadaki eski gradient kutu — sakin bir yüzeye indirildi */
html[data-portal="1"] .ptl-hero{
  background:var(--kart);border:1px solid var(--cizgi);box-shadow:none;
  border-radius:var(--r);padding:22px 24px;margin-bottom:18px}
html[data-portal="1"] .ptl-hero h2{font-family:'Inter',sans-serif;font-size:var(--f-t3);font-weight:500;letter-spacing:-.3px}
html[data-portal="1"] .ptl-hero .serit-say div b{font-family:'Inter',sans-serif;font-weight:500;font-size:var(--f-t3);letter-spacing:-.4px}
html[data-portal="1"] .ptl-kisayol{background:var(--kart);border:1px solid var(--cizgi);box-shadow:none;border-radius:var(--r-s)}
html[data-portal="1"] .ptl-kisayol:hover{border-color:var(--cizgi-guc);background:var(--cizgi2);transform:none}
html[data-portal="1"] .h-satir h1{font-family:'Inter',sans-serif;font-weight:500;font-size:var(--f-t3);letter-spacing:-.4px}
html[data-portal="1"] .kart-b h3{font-weight:500;font-size:var(--f-small);letter-spacing:-.1px}
html[data-portal="1"] .modal-b h3{font-family:'Inter',sans-serif;font-weight:500;font-size:var(--f-normal);letter-spacing:-.2px}

/* ============================================================
   Portal kabuğu — sol kenar çubuğu düzeni
   ============================================================ */
.ptl-shell{display:grid;grid-template-columns:var(--yan-g,248px) 1fr;min-height:100vh;background:var(--zemin)}
.ptl-shell.dar{--yan-g:66px}

/* ---------- Kenar çubuğu ---------- */
.ptl-yan{
  background:var(--yan);border-right:1px solid var(--cizgi);
  display:flex;flex-direction:column;position:sticky;top:0;height:100vh;
  overflow:hidden;z-index:20}
.ptl-yan-ic{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 10px 10px;scrollbar-width:thin}
.ptl-yan-ic::-webkit-scrollbar{width:6px}
.ptl-yan-ic::-webkit-scrollbar-thumb{background:var(--cizgi-guc);border-radius:var(--r-tam)}

/* Firma kimliği */
.ptl-marka{display:flex;align-items:center;gap:10px;padding:14px 14px 12px;min-height:60px}
.ptl-marka .lg{width:30px;height:30px;border-radius:var(--r-s);object-fit:contain;background:var(--kart);
  border:1px solid var(--cizgi);flex:none;padding:2px}
.ptl-marka .lg-h{width:30px;height:30px;border-radius:var(--r-s);flex:none;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand);font-size:var(--f-mini);font-weight:500;letter-spacing:-.2px}
.ptl-marka .ad{min-width:0;line-height:1.25}
.ptl-marka .ad b{display:block;font-size:var(--f-small);font-weight:500;letter-spacing:-.2px;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptl-marka .ad span{display:block;font-size:var(--f-micro);color:var(--ink3);letter-spacing:.02em}
.ptl-shell.dar .ptl-marka{padding:14px 0 12px;justify-content:center}
.ptl-shell.dar .ptl-marka .ad{display:none}

/* Grup başlığı */
.ptl-grp{font-size:var(--f-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--ink3);
  font-weight:500;padding:14px 12px 5px}
.ptl-shell.dar .ptl-grp{opacity:0;height:14px;padding:6px 0 0;overflow:hidden}

/* Menü öğesi */
.ptl-mi{display:flex;align-items:center;gap:10px;width:100%;text-align:left;
  padding:7px 11px;border-radius:var(--r);font-size:var(--f-small);font-weight:500;color:var(--ink2);
  transition:background var(--gecis),color var(--gecis);cursor:pointer;position:relative}
.ptl-mi svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.85}
.ptl-mi .et{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptl-mi:hover{background:var(--cizgi2);color:var(--ink)}
.ptl-mi.on{background:var(--secim);color:var(--ink);font-weight:500}
.ptl-mi.on svg{color:var(--brand);opacity:1}
.ptl-mi .rk{font-size:var(--f-micro);font-weight:500;padding:1px 7px;border-radius:var(--r-tam);
  background:var(--notr-z);color:var(--ink2);flex:none;font-variant-numeric:tabular-nums}
.ptl-mi .rk.uyar{background:var(--amb-z);color:var(--amb)}
.ptl-mi .rk.acil{background:var(--kir-z);color:var(--kir)}
.ptl-shell.dar .ptl-mi{justify-content:center;padding:9px 0}
.ptl-shell.dar .ptl-mi .et{display:none}
.ptl-shell.dar .ptl-mi .rk{position:absolute;top:3px;right:6px;padding:0 4px;font-size:var(--f-micro);min-width:14px;text-align:center}
/* Daraltılmışken adı ipucu olarak göster */
.ptl-shell.dar .ptl-mi::after{content:attr(data-ip);position:absolute;left:calc(100% + 8px);top:50%;
  transform:translateY(-50%);background:var(--ink);color:var(--zemin);font-size:var(--f-mini);font-weight:500;
  padding:5px 9px;border-radius:var(--r-s);white-space:nowrap;opacity:0;pointer-events:none;
  transition:opacity .12s ease;z-index:60;box-shadow:var(--golge-yuk)}
.ptl-shell.dar .ptl-mi:hover::after{opacity:1}

/* Kenar çubuğu alt bölümü */
.ptl-yan-alt{border-top:1px solid var(--cizgi);padding:10px;display:flex;flex-direction:column;gap:8px}

/* Tema seçici */
.ptl-tema{display:flex;gap:2px;background:var(--notr-z);border-radius:var(--r-s);padding:2px}
.ptl-tema button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  padding:6px 4px;border-radius:var(--r-s);font-size:var(--f-micro);font-weight:500;color:var(--ink3);transition:var(--gecis)}
.ptl-tema button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round}
.ptl-tema button:hover{color:var(--ink2)}
.ptl-tema button.on{background:var(--kart);color:var(--ink);box-shadow:var(--golge)}
.ptl-shell.dar .ptl-tema{flex-direction:column}
.ptl-shell.dar .ptl-tema button span{display:none}

/* Kullanıcı satırı */
.ptl-kul{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-s)}
.ptl-kul:hover{background:var(--cizgi2)}
.ptl-kul .av{width:27px;height:27px;border-radius:50%;background:var(--brand);color:var(--brand-ust);
  display:grid;place-items:center;font-size:var(--f-micro);font-weight:500;flex:none}
.ptl-kul .bl{min-width:0;flex:1;line-height:1.3}
.ptl-kul .bl b{display:block;font-size:var(--f-mini);font-weight:500;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptl-kul .bl span{display:block;font-size:var(--f-micro);color:var(--ink3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ptl-kul .cik{width:26px;height:26px;border-radius:var(--r-s);display:grid;place-items:center;color:var(--ink3);flex:none}
.ptl-kul .cik svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ptl-kul .cik:hover{background:var(--kir-z);color:var(--kir)}
.ptl-shell.dar .ptl-kul{justify-content:center;padding:7px 0}
.ptl-shell.dar .ptl-kul .bl,.ptl-shell.dar .ptl-kul .cik{display:none}

/* Daralt düğmesi */
.ptl-daralt{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;
  padding:6px;border-radius:var(--r);font-size:var(--f-mini);font-weight:500;color:var(--ink3)}
.ptl-daralt:hover{background:var(--cizgi2);color:var(--ink2)}
.ptl-daralt svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--gecis)}
.ptl-shell.dar .ptl-daralt span{display:none}
.ptl-shell.dar .ptl-daralt svg{transform:rotate(180deg)}

/* ---------- Ana kolon ---------- */
.ptl-ana{min-width:0;display:flex;flex-direction:column}
.ptl-ust{position:sticky;top:0;z-index:15;background:var(--yan-ust);
  border-bottom:1px solid var(--cizgi);min-height:56px;
  display:flex;align-items:center;gap:12px;padding:0 22px}
html[data-portal="1"] .ptl-ust{background:color-mix(in srgb,var(--kart) 82%,transparent);backdrop-filter:blur(10px)}
.ptl-ust h2{font-size:var(--f-small);font-weight:500;letter-spacing:-.2px;color:var(--ink)}
.ptl-ust .yol{font-size:var(--f-mini);color:var(--ink3);margin-top:1px}
.ptl-ust .sag{margin-left:auto;display:flex;align-items:center;gap:8px}
.ptl-ust .zil{width:33px;height:33px;border-radius:var(--r-s);border:1px solid var(--cizgi);
  background:transparent;display:grid;place-items:center;position:relative;color:var(--ink2)}
.ptl-ust .zil:hover{background:var(--cizgi2);color:var(--ink)}
.ptl-ust .zil svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ptl-ust .zil-say{position:absolute;top:-4px;right:-4px;background:var(--kir);color:#fff;
  font-size:var(--f-micro);font-weight:500;min-width:15px;height:15px;border-radius:var(--r-tam);
  display:grid;place-items:center;padding:0 3px;border:2px solid var(--yan-ust)}

/* Mobil menü düğmesi */
.ptl-menu{display:none;width:33px;height:33px;border-radius:var(--r-s);border:1px solid var(--cizgi);
  place-items:center;color:var(--ink2)}
.ptl-menu svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}

/* İçerik — dar kolon, firma kaybolmasın */
.ptl-ana .icerik{padding:24px 22px 80px;max-width:1080px;width:100%;margin:0 auto}

/* ---------- Mobil ---------- */
@media(max-width:900px){
  .ptl-shell{grid-template-columns:1fr}
  .ptl-yan{position:fixed;left:0;top:0;bottom:0;width:270px;height:100dvh;
    transform:translateX(-100%);transition:transform .22s cubic-bezier(.4,0,.2,1);
    box-shadow:var(--golge-2)}
  .ptl-shell.acik .ptl-yan{transform:none}
  .ptl-shell.dar{--yan-g:1fr}
  .ptl-shell.dar .ptl-yan{width:270px}
  .ptl-shell.dar .ptl-mi{justify-content:flex-start;padding:7px 11px}
  .ptl-shell.dar .ptl-mi .et,.ptl-shell.dar .ptl-marka .ad,
  .ptl-shell.dar .ptl-kul .bl,.ptl-shell.dar .ptl-kul .cik,
  .ptl-shell.dar .ptl-tema button span{display:block}
  .ptl-shell.dar .ptl-tema{flex-direction:row}
  .ptl-shell.dar .ptl-grp{opacity:1;height:auto;padding:14px 12px 5px}
  .ptl-shell.dar .ptl-mi .rk{position:static}
  .ptl-shell.dar .ptl-mi::after{display:none}
  .ptl-menu{display:grid}
  .ptl-daralt{display:none}
  .ptl-ana .icerik{padding:18px 15px 70px}
  .ptl-ust{padding:0 15px}
  .ptl-perde{position:fixed;inset:0;background:rgba(6,7,10,.45);z-index:19;
    opacity:0;pointer-events:none;transition:opacity .2s ease}
  .ptl-shell.acik .ptl-perde{opacity:1;pointer-events:auto}
}
@media(min-width:901px){.ptl-perde{display:none}}

/* ---------- Boş / hata durumu ---------- */
.ptl-hata{min-height:100vh;display:grid;place-items:center;padding:30px;background:var(--zemin)}
.ptl-hata-k{max-width:440px;text-align:center;background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--r);padding:34px 30px}
.ptl-hata-k .ikn{width:44px;height:44px;border-radius:var(--r);background:var(--amb-z);color:var(--amb);
  display:grid;place-items:center;margin:0 auto 14px;font-size:var(--f-t3)}
.ptl-hata-k h3{font-size:var(--f-normal);font-weight:500;letter-spacing:-.2px;margin-bottom:7px}
.ptl-hata-k p{color:var(--ink2);font-size:var(--f-small);line-height:1.65}
.ptl-hata-k .dtl{margin-top:14px;font-size:var(--f-micro);color:var(--ink3);background:var(--notr-z);
  border-radius:var(--r);padding:9px 11px;text-align:left;word-break:break-word;font-family:'JetBrains Mono',monospace}
.ptl-hata-k .dugmeler{display:flex;gap:8px;justify-content:center;margin-top:18px;flex-wrap:wrap}

/* ---------- Bölüm başlığı (içerik) ---------- */
.ptl-bas{margin-bottom:20px}
.ptl-bas h1{font-size:var(--f-t3);font-weight:500;letter-spacing:-.4px;color:var(--ink)}
.ptl-bas .alt{color:var(--ink2);margin-top:4px;font-size:var(--f-small);max-width:640px;line-height:1.6}

/* Sayfa geçişinde yumuşak giriş */
@media (prefers-reduced-motion:no-preference){
  .ptl-ana .icerik{animation:ptlIn .22s cubic-bezier(.4,0,.2,1)}
  @keyframes ptlIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
}

/* ============================================================
   Renkli sol şeritler kaldırıldı.
   Ayrıştırma renkle değil, tipografi ve boşlukla yapılır.
   ============================================================ */
html[data-portal="1"] .ptl-durum::before,
html[data-portal="1"] .yap-satir::after,
html[data-portal="1"] .dosya-blok::before,
html[data-portal="1"] .kart.vurgu-mor::before,
html[data-portal="1"] .kart.vurgu-kir::before,
html[data-portal="1"] .ev-kart::before{display:none}
html[data-portal="1"] .ptl-durum{padding-left:0}
html[data-portal="1"] .dosya-blok.hedef{border-color:var(--brand)}

/* Devralınan ikon boyutları */
html[data-portal="1"] .ic-ik{display:inline-flex;flex:none;color:var(--ink3)}
html[data-portal="1"] .ic-ik svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html[data-portal="1"] .incelik svg,
html[data-portal="1"] .btn svg,
html[data-portal="1"] .yukle-btn svg,
html[data-portal="1"] .dosya-fis svg,
html[data-portal="1"] .bos .ikn svg{stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html[data-portal="1"] .btn svg{width:14px;height:14px}
html[data-portal="1"] .dosya-fis svg,
html[data-portal="1"] .yukle-btn svg{width:13px;height:13px}
html[data-portal="1"] svg.ufak{width:12px;height:12px;vertical-align:-1px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
html[data-portal="1"] .bos .ikn{font-size:0;line-height:0;margin-bottom:12px}
html[data-portal="1"] .bos .ikn svg{width:28px;height:28px;stroke-width:1.4;opacity:.45}
html[data-portal="1"] .dosya-ok svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
html[data-portal="1"] .dosya-blok[open] .dosya-ok{transform:rotate(90deg)}
html[data-portal="1"] .ms-nok{width:15px;height:15px;border-radius:50%;flex:none;display:inline-grid;
  place-items:center;background:var(--cizgi);color:var(--kart)}
html[data-portal="1"] .ms-nok.ok{background:var(--ink2)}
html[data-portal="1"] .ms-nok.devam{background:transparent;box-shadow:inset 0 0 0 1.6px var(--ink3)}
html[data-portal="1"] .ms-nok svg{width:9px;height:9px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Yumuşak zeminli kare ikon ---------- */
.ik-kare{width:30px;height:30px;border-radius:var(--r-s);flex:none;display:grid;place-items:center;
  background:var(--notr-z);color:var(--ink2)}
.ik-kare svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ik-kare.t-kir{background:var(--kir-z);color:var(--kir)}
.ik-kare.t-amb{background:var(--amb-z);color:var(--amb)}
.ik-kare.t-yes{background:var(--yes-z);color:var(--yes)}

/* ---------- Ana sayfa: üst blok ---------- */
.pg-ust{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:20px 22px;margin-bottom:16px}
.pg-ust-k{display:flex;align-items:center;gap:14px}
.pg-lg{width:44px;height:44px;border-radius:var(--r);object-fit:contain;background:var(--kart);
  border:1px solid var(--cizgi);padding:4px;flex:none}
.pg-lg-h{width:44px;height:44px;border-radius:var(--r);flex:none;display:grid;place-items:center;
  background:var(--brand-soft);color:var(--brand);font-weight:500;font-size:var(--f-normal);letter-spacing:-.3px}
.pg-ust-y h1{font-size:var(--f-t3);font-weight:500;letter-spacing:-.4px;line-height:1.25}
.pg-firma{font-size:var(--f-mini);color:var(--ink3);margin-top:2px}
.pg-durum{margin-top:12px;font-size:var(--f-small);line-height:1.65;color:var(--ink2);max-width:640px}
.pg-durum b{color:var(--ink);font-weight:500}
.pg-durum.t-kir b{color:var(--kir)}
.pg-durum.t-amb b{color:var(--amb)}
.pg-metrik{display:flex;flex-wrap:wrap;gap:8px 30px;margin-top:18px;
  padding-top:16px;border-top:1px solid var(--cizgi2)}
.pg-m b{display:block;font-size:var(--f-t3);font-weight:500;letter-spacing:-.5px;line-height:1.15;
  font-variant-numeric:tabular-nums}
.pg-m span{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:3px}
.pg-m.t-yes b{color:var(--yes)}
.pg-m.t-amb b{color:var(--amb)}

/* ---------- Blok (kart) ---------- */
.pg-blok{margin-bottom:16px}
.pg-blok-b{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--cizgi2)}
.pg-blok-b h3{font-size:var(--f-small);font-weight:500;letter-spacing:-.1px}
.pg-say{font-size:var(--f-micro);font-weight:500;color:var(--ink3);background:var(--notr-z);
  padding:1px 8px;border-radius:var(--r-tam);font-variant-numeric:tabular-nums}
.pg-blok-sag{margin-left:auto;display:flex;align-items:center;gap:9px;min-width:150px}
.pg-yuzde{font-size:var(--f-mini);color:var(--ink3);font-variant-numeric:tabular-nums}
.pg-blok-g{padding:16px 18px}
.pg-link{margin-left:auto;display:inline-flex;align-items:center;gap:4px;font-size:var(--f-mini);
  font-weight:500;color:var(--ink3);padding:3px 6px;border-radius:var(--r-s)}
.pg-link:hover{color:var(--brand);background:var(--brand-soft)}
.pg-link svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Yolculuk şeridi ---------- */
.yol-serit{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;list-style:none;counter-reset:y}
.yol-a{position:relative;padding:0 6px;cursor:pointer;text-align:left}
.yol-a::before{content:"";position:absolute;left:calc(-50% + 15px);right:calc(50% + 15px);top:11px;
  height:1.5px;background:var(--cizgi)}
.yol-a:first-child::before{display:none}
.yol-a.tamam::before,.yol-a.aktif::before{background:var(--ink3)}
.yol-nok{position:relative;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;
  background:var(--kart);box-shadow:inset 0 0 0 1.5px var(--cizgi);color:var(--ink3);
  font-size:var(--f-micro);font-weight:500;transition:var(--gecis)}
.yol-nok i{font-style:normal}
.yol-nok svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.yol-a.tamam .yol-nok{background:var(--ink);color:var(--kart);box-shadow:none}
.yol-a.aktif .yol-nok{background:var(--brand);color:var(--brand-ust);box-shadow:0 0 0 3px var(--secim)}
.yol-ad{display:block;font-size:var(--f-small);font-weight:500;margin-top:9px;color:var(--ink2)}
.yol-a.aktif .yol-ad,.yol-a.tamam .yol-ad{color:var(--ink)}
.yol-bl{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:2px;line-height:1.45}
.yol-a:hover .yol-ad{color:var(--brand)}
.yol-a:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:var(--r)}
@media(max-width:900px){
  .yol-serit{grid-template-columns:1fr;gap:0}
  .yol-a{display:grid;grid-template-columns:23px 1fr;column-gap:12px;padding:8px 0}
  .yol-a::before{left:11px;right:auto;top:-8px;bottom:auto;width:1.5px;height:16px}
  .yol-ad{margin-top:2px;grid-column:2}
  .yol-bl{grid-column:2}
  .yol-nok{grid-row:1/3}
}
.pg-simdi{display:flex;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid var(--cizgi2);
  background:var(--cizgi2)}
.pg-simdi b{display:block;font-size:var(--f-small);font-weight:500}
.pg-simdi small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:1px}
.pg-simdi>div{flex:1;min-width:0}

/* ---------- Sırada ne var ---------- */
.pg-yap{list-style:none}
.pg-yap li{display:flex;align-items:center;gap:12px;padding:12px 18px;
  border-bottom:1px solid var(--cizgi2);cursor:pointer;transition:background var(--gecis)}
.pg-yap li:last-child{border-bottom:none}
.pg-yap li:hover{background:var(--cizgi2)}
.pg-yap li:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.pg-yap-y{flex:1;min-width:0}
.pg-yap-y b{display:block;font-size:var(--f-small);font-weight:500;letter-spacing:-.1px}
.pg-yap-y small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:2px;line-height:1.5}
.pg-ok{width:14px;height:14px;flex:none;color:var(--ink3);stroke:currentColor;fill:none;
  stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pg-temiz{display:flex;align-items:center;gap:12px;padding:16px 18px}
.pg-temiz b{display:block;font-size:var(--f-small);font-weight:500}
.pg-temiz small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:2px}
.pg-satir{list-style:none}
.pg-satir li{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--cizgi2)}
.pg-satir li:last-child{border-bottom:none}
.pg-satir li[data-act]{cursor:pointer}
.pg-satir li[data-act]:hover{background:var(--cizgi2)}
.pg-uyari{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid var(--cizgi2)}
.pg-uyari b{display:block;font-size:var(--f-small);font-weight:500}
.pg-uyari small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:2px;line-height:1.5}
.dz-roz{font-size:var(--f-micro);font-weight:500;color:var(--ink3);background:var(--notr-z);
  padding:2px 9px;border-radius:var(--r-tam);white-space:nowrap;flex:none}
.dz-roz.bekle{background:var(--amb-z);color:var(--amb)}
.dz-roz.ok{background:var(--yes-z);color:var(--yes)}
.dz-roz.simdi{background:var(--brand-soft);color:var(--brand)}

/* ---------- Panolar ---------- */
.pg-uc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:16px}
.pg-iki{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:16px}
.pg-p{display:flex;flex-direction:column}
.pg-p-b{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--cizgi2)}
.pg-p-b h3{font-size:var(--f-small);font-weight:500}
.pg-p-b span{margin-left:auto;font-size:var(--f-micro);color:var(--ink3);font-variant-numeric:tabular-nums}
.pg-p-g{padding:14px 16px;flex:1}
.pg-buyuk{font-size:var(--f-t2);font-weight:500;letter-spacing:-.8px;margin-bottom:10px;font-variant-numeric:tabular-nums}
.pg-not{font-size:var(--f-mini);color:var(--ink3);margin-top:9px;line-height:1.55}
.pg-not b{color:var(--ink2)}
.ic-bos{font-size:var(--f-mini);color:var(--ink3);padding:14px 0;text-align:center;line-height:1.6}
.pg-bos{text-align:center;padding:34px 24px}
.pg-bos .ik-kare{margin:0 auto 12px;width:38px;height:38px}
.pg-bos .ik-kare svg{width:18px;height:18px}
.pg-bos b{display:block;font-size:var(--f-small);font-weight:500;margin-bottom:6px}
.pg-bos p{font-size:var(--f-small);color:var(--ink3);line-height:1.65;max-width:420px;margin:0 auto 16px}

.pbar{height:5px;background:var(--notr-z);border-radius:var(--r-tam);overflow:hidden}
.pbar i{display:block;height:100%;background:var(--brand);border-radius:var(--r-tam);transition:width .3s ease}
.pbar.t-yes i{background:var(--yes)}
.pbar.t-amb i{background:var(--amb)}
.yigin{display:flex;height:7px;border-radius:var(--r-tam);overflow:hidden;background:var(--notr-z);gap:1.5px}
.yigin span{display:block;height:100%}
.yigin-ac{display:flex;flex-direction:column;gap:6px;margin-top:12px}
.yigin-ac span{display:flex;align-items:center;gap:7px;font-size:var(--f-mini);color:var(--ink2)}
.yigin-ac b{margin-left:auto;font-weight:500;color:var(--ink);font-variant-numeric:tabular-nums}
.yigin-ac i{width:8px;height:8px;border-radius:var(--r-xs);flex:none}
.d-n1{background:var(--ink3)}.d-n2{background:var(--brand)}
.d-amb{background:var(--amb)}.d-yes{background:var(--yes)}
.d-yes2{background:color-mix(in srgb,var(--yes) 55%,var(--kart))}

.ay-sutun{display:flex;align-items:flex-end;gap:4px;height:96px}
.ay-s{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}
.ay-c{flex:1;width:100%;display:flex;align-items:flex-end}
.ay-c i{display:block;width:100%;background:var(--cizgi-guc);border-radius:3px 3px 1px 1px}
.ay-s.bu .ay-c i{background:var(--brand)}
.ay-s span{font-size:var(--f-micro);color:var(--ink3)}
.ay-s.bu span{color:var(--brand);font-weight:500}

/* ---------- Kısayollar ---------- */
.pg-kisayol{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px;margin-bottom:16px}
.pg-ky{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-s);
  padding:13px 14px;text-align:left;transition:var(--gecis);display:block}
.pg-ky:hover{border-color:var(--cizgi-guc);background:var(--cizgi2)}
.pg-ky svg{width:17px;height:17px;color:var(--ink3);stroke:currentColor;fill:none;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px;display:block}
.pg-ky:hover svg{color:var(--brand)}
.pg-ky b{display:block;font-size:var(--f-small);font-weight:500;letter-spacing:-.1px}
.pg-ky small{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:2px}

/* ---------- Akış ---------- */
.pg-akis{list-style:none;padding:6px 18px 14px}
.pg-akis li{display:flex;gap:12px;padding:9px 0;position:relative}
.pg-akis-n{width:6px;height:6px;border-radius:50%;background:var(--cizgi-guc);flex:none;margin-top:6px}
.pg-akis li::before{content:"";position:absolute;left:2.5px;top:18px;bottom:-9px;width:1px;background:var(--cizgi)}
.pg-akis li:last-child::before{display:none}
.pg-akis b{display:block;font-size:var(--f-small);font-weight:400}
.pg-akis small{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:2px}

/* ---------- Rehber ---------- */
.rh-liste{list-style:none;counter-reset:r}
.rh-a{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--cizgi)}
.rh-a:last-child{border-bottom:none}
.rh-no{width:27px;height:27px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-size:var(--f-mini);font-weight:500;background:var(--notr-z);color:var(--ink3)}
.rh-a.tamam .rh-no{background:var(--ink);color:var(--kart)}
.rh-a.aktif .rh-no{background:var(--brand);color:var(--brand-ust)}
.rh-no svg{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.rh-g{flex:1;min-width:0}
.rh-b{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:9px}
.rh-b h3{font-size:var(--f-normal);font-weight:500;letter-spacing:-.2px}
.rh-bl{font-size:var(--f-mini);color:var(--ink3);margin-left:auto}
.rh-ic{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-s);padding:13px 15px;margin-bottom:10px}
.rh-et{display:block;font-size:var(--f-micro);letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink3);font-weight:500;margin-bottom:4px}
.rh-ic p{font-size:var(--f-small);color:var(--ink2);line-height:1.6}
.rh-sss details{border-bottom:1px solid var(--cizgi2)}
.rh-sss details:last-child{border-bottom:none}
.rh-sss summary{display:flex;align-items:center;gap:10px;padding:13px 18px;cursor:pointer;
  font-size:var(--f-small);font-weight:500;list-style:none}
.rh-sss summary::-webkit-details-marker{display:none}
.rh-sss summary svg{margin-left:auto;transition:transform var(--gecis)}
.rh-sss details[open] summary svg{transform:rotate(90deg)}
.rh-sss p{padding:0 18px 15px;font-size:var(--f-small);color:var(--ink2);line-height:1.7;max-width:660px}
.rh-yardim{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--kart);
  border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 18px}
.rh-yardim>div{flex:1;min-width:180px}
.rh-yardim b{display:block;font-size:var(--f-small);font-weight:500}
.rh-yardim small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:2px;line-height:1.5}

/* ---------- Check-up ekranı ---------- */
.ck-nedir-b{display:flex;gap:12px;align-items:flex-start}
.ck-nedir-b b{display:block;font-size:var(--f-small);font-weight:500;margin-bottom:4px}
.ck-nedir-b small{display:block;font-size:var(--f-small);color:var(--ink2);line-height:1.65}
.ck-adim{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}
.ck-adim li{display:flex;align-items:center;gap:9px;font-size:var(--f-small);color:var(--ink2)}
.ck-adim svg{width:14px;height:14px;flex:none;color:var(--yes);stroke:currentColor;fill:none;
  stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ck-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;
  border-top:1px solid var(--cizgi2)}
.ck-cta>div{flex:1;min-width:200px}
.ck-cta b{display:block;font-size:var(--f-small);font-weight:500}
.ck-cta small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:2px}

/* ---------- Kurulum adımları ---------- */
.ob-liste{list-style:none}
.ob-liste li{display:flex;align-items:flex-start;gap:12px;padding:13px 18px;border-bottom:1px solid var(--cizgi2)}
.ob-liste li:last-child{border-bottom:none}
.ob-chk{width:19px;height:19px;border-radius:var(--r-s);flex:none;margin-top:1px;display:grid;place-items:center;
  box-shadow:inset 0 0 0 1.5px var(--cizgi-guc);color:transparent}
.ob-liste li.ok .ob-chk{background:var(--ink2);box-shadow:none;color:var(--kart)}
.ob-liste li.benim .ob-chk{box-shadow:inset 0 0 0 1.5px var(--amb)}
.ob-chk svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.ob-g{flex:1;min-width:0}
.ob-g b{display:block;font-size:var(--f-small);font-weight:500}
.ob-liste li.ok .ob-g b{color:var(--ink3);text-decoration:line-through}
.ob-g small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:2px;line-height:1.55}
.ob-t{color:var(--yes)!important}

/* ---------- Karşılama turu ---------- */
.tur-giris{font-size:var(--f-small);line-height:1.7;color:var(--ink2);margin-bottom:16px}
.tur-asama{list-style:none;display:flex;flex-direction:column;gap:2px}
.tur-asama li{display:flex;gap:12px;align-items:flex-start;padding:8px 0}
.tur-asama li span{width:21px;height:21px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:var(--notr-z);color:var(--ink2);font-size:var(--f-micro);font-weight:500}
.tur-asama b{display:block;font-size:var(--f-small);font-weight:500}
.tur-asama small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:1px;line-height:1.5}
.tur-ayrac{font-size:var(--f-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);
  font-weight:500;margin:18px 0 8px;padding-top:14px;border-top:1px solid var(--cizgi2)}
.tur-liste{list-style:none;display:flex;flex-direction:column;gap:10px}
.tur-liste li{display:flex;gap:12px;align-items:flex-start}
.tur-liste b{display:block;font-size:var(--f-small);font-weight:500}
.tur-liste small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:1px;line-height:1.5}
.tur-dip{font-size:var(--f-mini);color:var(--ink3);line-height:1.6;margin-top:16px;
  background:var(--notr-z);border-radius:var(--r-s);padding:10px 12px}
.tur-dip b{color:var(--ink2)}

/* ============================================================
   Evraklarım — araç çubuğu, pano, dosya listesi, detay paneli
   ============================================================ */
.ev-arac{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.ev-arac-bilgi{margin-left:auto;font-size:var(--f-mini);color:var(--ink3);font-variant-numeric:tabular-nums}

/* Görünüm anahtarı */
.sg{display:inline-flex;background:var(--notr-z);border-radius:var(--r-s);padding:2px;gap:2px}
.sg-b{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--r-s);
  font-size:var(--f-mini);font-weight:500;color:var(--ink3);transition:var(--gecis)}
.sg-b svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.sg-b:hover{color:var(--ink2)}
.sg-b.on{background:var(--kart);color:var(--ink);box-shadow:var(--golge)}

/* Filtre çipleri */
.cip-sec{display:flex;gap:6px;flex-wrap:wrap}
.cip{padding:5px 11px;border-radius:var(--r-tam);font-size:var(--f-mini);font-weight:500;color:var(--ink3);
  border:1px solid var(--cizgi);background:transparent;transition:var(--gecis)}
.cip i{font-style:normal;opacity:.65;font-variant-numeric:tabular-nums}
.cip:hover{border-color:var(--cizgi-guc);color:var(--ink2)}
.cip.on{background:var(--secim);border-color:transparent;color:var(--ink);font-weight:500}

/* ---------- Pano ---------- */
.ev-pano{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
@media(max-width:900px){.ev-pano{grid-template-columns:1fr}}
.ev-sut{background:var(--cizgi2);border-radius:var(--r);padding:10px;min-height:120px}
.ev-sut-b{display:flex;align-items:center;gap:8px;padding:2px 6px 10px}
.ev-sut-b h3{font-size:var(--f-mini);font-weight:500;letter-spacing:-.1px;color:var(--ink2)}
.ev-sut-n{margin-left:auto;font-size:var(--f-micro);font-weight:500;color:var(--ink3);
  background:var(--kart);padding:1px 7px;border-radius:var(--r-tam);font-variant-numeric:tabular-nums}
.ev-nokta{width:7px;height:7px;border-radius:50%;background:var(--ink3);flex:none}
.ev-nokta.t-amb{background:var(--amb)}
.ev-nokta.t-yes{background:var(--yes)}
.ev-sut-g{display:flex;flex-direction:column;gap:7px}
.ev-sut-bos{font-size:var(--f-mini);color:var(--ink3);text-align:center;padding:18px 8px;line-height:1.5}

.ev-k{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-s);
  padding:11px 12px;cursor:pointer;transition:var(--gecis)}
.ev-k:hover{border-color:var(--cizgi-guc);transform:translateY(-1px);box-shadow:var(--golge)}
.ev-k:focus-visible{outline:2px solid var(--brand);outline-offset:1px}
.ev-k.red{box-shadow:inset 2px 0 0 var(--kir)}
.ev-k-ust{display:flex;align-items:center;gap:6px;margin-bottom:7px}
.ev-kod{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:var(--f-micro);font-weight:500;
  letter-spacing:.02em;color:var(--ink3);background:var(--notr-z);padding:2px 6px;border-radius:var(--r-xs);white-space:nowrap}
.ev-zor{margin-left:auto;font-size:var(--f-micro);font-weight:500;color:var(--ink3);
  border:1px solid var(--cizgi);padding:1px 6px;border-radius:var(--r-tam)}
.ev-k h4{font-size:var(--f-small);font-weight:500;line-height:1.4;letter-spacing:-.1px}
.ev-k-alt{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:9px}
.ev-tar,.ev-yuk{display:inline-flex;align-items:center;gap:4px;font-size:var(--f-micro);color:var(--ink3);
  font-variant-numeric:tabular-nums}
.ev-tar.acil{color:var(--kir)}
.ev-red-et{font-size:var(--f-micro);font-weight:500;color:var(--kir);background:var(--kir-z);
  padding:1px 7px;border-radius:var(--r-tam);margin-left:auto}

/* ---------- Dosya bazlı liste ---------- */
.ev-dos{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  margin-bottom:9px;overflow:hidden}
.ev-dos>summary{display:flex;align-items:center;gap:9px;padding:12px 15px;cursor:pointer;
  list-style:none;flex-wrap:wrap}
.ev-dos>summary::-webkit-details-marker{display:none}
.ev-dos>summary:hover{background:var(--cizgi2)}
.ev-dos[open]>summary{border-bottom:1px solid var(--cizgi2)}
.ev-dos-ok{display:inline-flex;color:var(--ink3);transition:transform var(--gecis);flex:none}
.ev-dos-ok svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ev-dos[open] .ev-dos-ok{transform:rotate(90deg)}
.ev-dos-ad{font-size:var(--f-small);font-weight:500;letter-spacing:-.1px;min-width:0}
.ev-dos-ad i{font-style:normal;color:var(--ink3);font-weight:400}
.ev-dos-say{margin-left:auto;font-size:var(--f-micro);color:var(--ink3);font-variant-numeric:tabular-nums}
.ev-dos-bar{width:70px;flex:none}
.ev-dos-g{padding:6px 15px 12px}
.ev-grup{margin-top:10px}
.ev-grup-b{display:flex;align-items:center;gap:8px;font-size:var(--f-micro);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink3);font-weight:500;padding:6px 0}
.ev-grup-n{margin-left:auto;text-transform:none;letter-spacing:0;font-weight:400}
.ev-satir{list-style:none}
.ev-satir li{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:var(--r);
  cursor:pointer;transition:background var(--gecis)}
.ev-satir li:hover{background:var(--cizgi2)}
.ev-satir li:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.ev-d{width:6px;height:6px;border-radius:50%;flex:none;background:var(--ink3)}
.ev-d.t-bekleyen{background:var(--amb)}
.ev-d.t-incele{background:var(--ink3)}
.ev-d.t-tamam{background:var(--yes)}
/* Dezztech/kurum yürütmesindeki evrak — sessiz ton, firma aksiyonu yok */
.ev-d.t-bizde{background:var(--ink3);opacity:.45}
.ev-s-ad{flex:1;min-width:0;font-size:var(--f-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ev-s-ad .zor{color:var(--kir);font-style:normal}
.ev-s-yuk{display:inline-flex;align-items:center;gap:3px;font-size:var(--f-micro);color:var(--ink3);flex:none}
.ev-s-dur{font-size:var(--f-micro);color:var(--ink3);flex:none;min-width:96px;text-align:right}
.ev-s-tar{font-size:var(--f-micro);color:var(--ink3);flex:none;min-width:64px;text-align:right;font-variant-numeric:tabular-nums}
.ev-s-tar.acil{color:var(--kir)}
@media(max-width:640px){.ev-s-dur,.ev-s-tar{display:none}}
/* "Dezztech tarafından yürütülüyor" bloğu — panonun altında, kapalı ve sessiz */
.ev-bizde{background:var(--kart);border:1px dashed var(--cizgi);border-radius:var(--r);margin-top:14px}
.ev-bizde>summary{display:flex;align-items:center;gap:9px;padding:11px 15px;cursor:pointer;list-style:none}
.ev-bizde>summary::-webkit-details-marker{display:none}
.ev-bizde>summary:hover{background:var(--cizgi2)}
.ev-bizde[open]>summary{border-bottom:1px solid var(--cizgi2)}
.ev-bizde[open] .ev-dos-ok{transform:rotate(90deg)}
.ev-bizde .ev-dos-ad{color:var(--ink2)}
.ev-bizde .ev-dos-g{padding:6px 15px 12px}
/* Sorumlusu bizde olan evrakta ikincil yükleme alanı */
.evd-yine{margin-top:12px}
.evd-yine>summary{font-size:var(--f-mini);color:var(--ink3);cursor:pointer;padding:4px 0;list-style:none}
.evd-yine>summary::-webkit-details-marker{display:none}
.evd-yine>summary:hover{color:var(--ink2)}
/* Ana sayfada "bunlar bizde" satırı */
.pg-bizde{display:flex;align-items:center;gap:7px;font-size:var(--f-mini);color:var(--ink3);
  padding:10px 14px 0;line-height:1.6;border-top:1px solid var(--cizgi2);margin-top:10px}
.pg-bizde svg{width:13px;height:13px;flex:none;stroke:currentColor;fill:none;stroke-width:2}
.ev-dip{display:flex;align-items:flex-start;gap:7px;font-size:var(--f-mini);color:var(--ink3);
  line-height:1.6;margin-top:16px;padding:10px 12px;background:var(--notr-z);border-radius:var(--r-s)}

/* ---------- Evrak detay paneli ---------- */
.evd-ust{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;
  padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--cizgi2)}
.evd-m span{display:block;font-size:var(--f-micro);letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink3);font-weight:500;margin-bottom:3px}
.evd-m b{display:block;font-size:var(--f-small);font-weight:500;line-height:1.45}
.evd-not{display:flex;gap:10px;padding:11px 13px;border-radius:var(--r-s);
  background:var(--notr-z);margin-bottom:10px}
.evd-not.kir{background:var(--kir-z)}
.evd-not.kir b,.evd-not.kir svg{color:var(--kir)}
.evd-not.yes{background:var(--yes-z)}
.evd-not.yes b,.evd-not.yes svg{color:var(--yes)}
.evd-not svg{width:15px;height:15px;flex:none;margin-top:1px;color:var(--ink3);
  stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.evd-not b{display:block;font-size:var(--f-small);font-weight:500;margin-bottom:2px}
.evd-not p{font-size:var(--f-small);color:var(--ink2);line-height:1.6}
.evd-sablon{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.evd-baslik{display:flex;align-items:center;gap:8px;font-size:var(--f-micro);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink3);font-weight:500;margin:16px 0 8px}
.evd-baslik span{font-size:var(--f-micro);background:var(--notr-z);padding:1px 7px;border-radius:var(--r-tam);letter-spacing:0}
.evd-dosyalar{list-style:none;display:flex;flex-direction:column;gap:7px}
.evd-dosyalar li{display:flex;align-items:center;gap:10px;padding:9px 11px;
  border:1px solid var(--cizgi);border-radius:var(--r-s)}
.evd-d-y{flex:1;min-width:0}
.evd-d-y b{display:block;font-size:var(--f-small);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.evd-d-y small{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:1px}
.evd-bos{font-size:var(--f-mini);color:var(--ink3);padding:14px;text-align:center;
  border:1px dashed var(--cizgi-guc);border-radius:var(--r-s)}
.evd-yukle{display:block;margin-top:14px;padding:18px 16px;text-align:center;cursor:pointer;
  border:1.5px dashed var(--cizgi-guc);border-radius:var(--r);transition:var(--gecis)}
.evd-yukle:hover{border-color:var(--brand);background:var(--brand-soft)}
.evd-yukle svg{width:20px;height:20px;color:var(--brand);stroke:currentColor;fill:none;
  stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:7px}
.evd-yukle b{display:block;font-size:var(--f-small);font-weight:500;color:var(--brand)}
.evd-yukle small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:3px;line-height:1.5}
.evd-onay{display:flex;align-items:center;gap:8px;margin-top:14px;padding:12px 14px;
  border-radius:var(--r-s);background:var(--yes-z);color:var(--yes);font-size:var(--f-small)}
.evd-onay svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

/* ============================================================
   Yıllık plan alan grafiği
   ============================================================ */
.pl-graf svg{display:block;width:100%;height:150px}
.pl-eksen{stroke:var(--cizgi);stroke-width:1}
.pl-kilav{stroke:var(--cizgi2);stroke-width:1;stroke-dasharray:3 4}
.pl-alan{fill:var(--brand);fill-opacity:.10}
.pl-cizgi{fill:none;stroke:var(--brand);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;
  vector-effect:non-scaling-stroke}
.pl-bugun{stroke:var(--ink3);stroke-width:1;stroke-dasharray:3 3;opacity:.5}
.pl-nok{fill:var(--kart);stroke:var(--brand);stroke-width:1.8;vector-effect:non-scaling-stroke}
.pl-nok.bu{fill:var(--brand)}
.pl-etiket{display:grid;grid-template-columns:repeat(12,1fr);margin-top:4px}
.pl-etiket span{font-size:var(--f-micro);color:var(--ink3);text-align:center}
.pl-etiket span.bu{color:var(--brand);font-weight:500}
.pl-ozet{display:flex;gap:26px;flex-wrap:wrap;margin-top:16px;padding-top:14px;
  border-top:1px solid var(--cizgi2)}
.pl-ozet b{display:block;font-size:var(--f-t3);font-weight:500;letter-spacing:-.3px;font-variant-numeric:tabular-nums}
.pl-ozet span{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:2px}

/* ============================================================
   Temel Belgelerim (havuz)
   ============================================================ */
.hv-ozet{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:16px 20px;margin-bottom:14px}
.hv-o b{display:block;font-size:var(--f-t3);font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.hv-o b.t-amb{color:var(--amb)}
.hv-o span{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:2px}
.hv-bar{flex:1;min-width:130px}
.hv-kat{margin-bottom:16px}
.hv-kat-b{display:flex;align-items:center;gap:8px;margin:0 2px 8px}
.hv-kat-b h3{font-size:var(--f-micro);letter-spacing:.07em;text-transform:uppercase;color:var(--ink3);font-weight:500}
.hv-kat-b span{font-size:var(--f-micro);color:var(--ink3);background:var(--notr-z);padding:1px 7px;border-radius:var(--r-tam)}
.hv-s{border-bottom:1px solid var(--cizgi2)}
.hv-s:last-child{border-bottom:none}
.hv-s>summary{display:flex;align-items:center;gap:10px;padding:11px 15px;cursor:pointer;list-style:none}
.hv-s>summary::-webkit-details-marker{display:none}
.hv-s>summary:hover{background:var(--cizgi2)}
.hv-s[open]>summary{background:var(--cizgi2)}
.hv-s[open] .ev-dos-ok{transform:rotate(90deg)}
.hv-g{padding:4px 15px 16px}

/* ============================================================
   Destekler — tanıtım ekranı
   ============================================================ */
.ds-serit{display:flex;align-items:center;gap:var(--b3);padding:var(--b3) var(--b4);
  background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);margin-bottom:var(--b5)}
.ds-serit>div{flex:1;min-width:0}
.ds-serit b{display:block;font-size:var(--f-small);font-weight:500}
.ds-serit small{display:block;font-size:var(--f-mini);color:var(--ink3);margin-top:2px}
.ds-grup{margin-bottom:var(--b6)}
.ds-grup-b{display:flex;align-items:center;gap:8px;margin:0 2px var(--b3)}
.ds-grup-b h2{font-size:var(--f-micro);letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink3);font-weight:500}
.ds-grup-b span{font-size:var(--f-micro);color:var(--ink3);background:var(--notr-z);
  padding:1px 7px;border-radius:var(--r-tam)}
.ds-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:var(--b3)}
.ds-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);
  padding:var(--b4);display:flex;flex-direction:column;transition:var(--gecis)}
.ds-kart:hover{border-color:var(--cizgi-guc)}
.ds-ust{display:flex;align-items:flex-start;gap:10px}
.ds-y{flex:1;min-width:0}
.ds-y h3{font-size:var(--f-small);font-weight:500;line-height:1.4;letter-spacing:-.01em}
.ds-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:4px;
  font-size:var(--f-micro);color:var(--ink3)}
.ds-tip{background:var(--notr-z);padding:1px 7px;border-radius:var(--r-tam);color:var(--ink2)}
.ds-kunye{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:var(--b3);
  padding-top:var(--b3);border-top:1px solid var(--cizgi2)}
.ds-kunye span{display:block;font-size:var(--f-micro);color:var(--ink3)}
.ds-kunye b{display:block;font-size:var(--f-mini);font-weight:500;margin-top:1px;
  font-variant-numeric:tabular-nums}
.ds-ozet{font-size:var(--f-mini);color:var(--ink2);line-height:1.65;margin-top:10px}
.ds-ref{font-size:var(--f-micro);color:var(--ink3);line-height:1.6;margin-top:10px}

/* Açılır ayrıntı */
.ds-detay{margin-top:var(--b3);border-top:1px solid var(--cizgi2)}
.ds-detay>summary{display:flex;align-items:center;gap:6px;padding:10px 0 0;cursor:pointer;
  list-style:none;font-size:var(--f-mini);font-weight:500;color:var(--brand)}
.ds-detay>summary::-webkit-details-marker{display:none}
.ds-detay>summary .dz-ik{width:13px;height:13px;transition:transform var(--gecis)}
.ds-detay[open]>summary .dz-ik{transform:rotate(90deg)}
.ds-detay[open]>summary span::after{content:'i gizle'}
.ds-detay-ic{padding-top:var(--b3);display:flex;flex-direction:column;gap:var(--b3);
  animation:dz-gir .18s cubic-bezier(.32,.72,0,1)}
.ds-bolum-b{font-size:var(--f-micro);letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink3);font-weight:500;margin-bottom:6px}
.ds-bolum p{font-size:var(--f-mini);color:var(--ink2);line-height:1.65}
.ds-bolum ul{list-style:none;display:flex;flex-direction:column;gap:5px}
.ds-bolum li{position:relative;padding-left:15px;font-size:var(--f-mini);color:var(--ink2);line-height:1.55}
.ds-bolum li::before{content:"";position:absolute;left:2px;top:7px;width:5px;height:5px;
  border-radius:50%;background:var(--cizgi-guc)}
.ds-bolum.t-yes li::before{background:var(--yes)}
.ds-bolum.t-kir li::before{background:var(--kir)}
.ds-bolum.t-amb li::before{background:var(--amb)}
.ds-adim{list-style:none;counter-reset:a;display:flex;flex-direction:column;gap:6px}
.ds-adim li{counter-increment:a;position:relative;padding-left:23px;font-size:var(--f-mini);
  color:var(--ink2);line-height:1.55}
.ds-adim li::before{content:counter(a);position:absolute;left:0;top:0;width:16px;height:16px;
  border-radius:50%;background:var(--notr-z);color:var(--ink3);font-size:var(--f-micro);
  display:grid;place-items:center;font-variant-numeric:tabular-nums}

/* ---------- Ops: destek kataloğu ---------- */
.dk-grup{margin-bottom:var(--b4)}
.dk-sat{display:flex;align-items:flex-start;gap:var(--b3);padding:var(--b3) var(--b4);
  border-bottom:1px solid var(--cizgi2);cursor:pointer;transition:background var(--gecis)}
.dk-sat:last-child{border-bottom:none}
.dk-sat:hover{background:var(--cizgi2)}
.dk-sat:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.dk-y{flex:1;min-width:0}
.dk-b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dk-b b{font-size:var(--f-small);font-weight:500}
.dk-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:3px;
  font-size:var(--f-micro);color:var(--ink3)}
.dk-ozet{font-size:var(--f-mini);color:var(--ink2);line-height:1.55;margin-top:5px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dk-akt{display:flex;gap:2px;flex:none;opacity:0;transition:opacity var(--gecis)}
.dk-sat:hover .dk-akt,.dk-sat:focus-within .dk-akt{opacity:1}
@media(hover:none){.dk-akt{opacity:1}}
.ds-alt{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:var(--b3)}
.ds-link{display:inline-flex;align-items:center;gap:5px;font-size:var(--f-mini);font-weight:500;
  color:var(--brand);text-decoration:none;margin-right:auto}
.ds-link:hover{text-decoration:underline;text-underline-offset:2px}
.ds-link .dz-ik{width:13px;height:13px;transition:transform var(--gecis)}
.ds-link:hover .dz-ik{transform:translateX(2px)}

/* ============================================================
   Yıllık plan — zaman çizelgesi ve aylık liste
   ============================================================ */
.pt-ozet{display:flex;align-items:center;gap:30px;flex-wrap:wrap;padding:16px 20px;margin-bottom:14px}
.pt-o b{display:block;font-size:var(--f-t3);font-weight:500;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.pt-o span{display:block;font-size:var(--f-micro);color:var(--ink3);margin-top:2px}
.pt-lejant{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap}
.pt-lejant span{display:inline-flex;align-items:center;gap:5px;font-size:var(--f-micro);color:var(--ink3)}
.pt-lejant span::before{content:"";width:9px;height:9px;border-radius:var(--r-xs);background:var(--cizgi-guc)}
.pt-lejant .t-plan::before{background:color-mix(in srgb,var(--brand) 40%,var(--kart))}
.pt-lejant .t-hazir::before{background:var(--amb)}
.pt-lejant .t-talep::before{background:var(--brand)}
.pt-lejant .t-dosya::before{background:var(--yes)}

.pt-kutu{--adw:158px;padding:14px 18px 18px;overflow-x:auto}
@media(max-width:640px){.pt-kutu{--adw:110px}}
.pt-eksen{display:grid;grid-template-columns:var(--adw) repeat(var(--n),minmax(30px,1fr));
  align-items:end;padding-bottom:8px;border-bottom:1px solid var(--cizgi);min-width:520px}
.pt-eksen span{grid-column:auto;font-size:var(--f-micro);color:var(--ink3);text-align:center;position:relative}
.pt-eksen span:first-child{grid-column:2}
.pt-eksen span i{display:block;font-style:normal;font-size:var(--f-micro);color:var(--ink3);opacity:.7;margin-top:1px}
.pt-eksen span.bu{color:var(--brand);font-weight:500}
.pt-eksen span.yilbasi::before{content:"";position:absolute;left:0;top:-4px;bottom:-8px;width:1px;background:var(--cizgi)}
.pt-gov{position:relative;min-width:520px;padding-top:8px}
.pt-bugun{position:absolute;top:0;bottom:4px;width:1px;background:var(--brand);opacity:.35;pointer-events:none}
.pt-satir{display:grid;grid-template-columns:var(--adw) 1fr;align-items:center;gap:0;padding:4px 0}
.pt-ad{font-size:var(--f-mini);color:var(--ink2);padding-right:12px;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
.pt-iz{display:grid;grid-template-columns:repeat(var(--n),minmax(30px,1fr));gap:2px;
  align-items:center;min-height:26px}
.pt-bar{height:22px;border-radius:var(--r-s);display:flex;align-items:center;padding:0 8px;
  font-size:var(--f-micro);font-weight:500;overflow:hidden;transition:var(--gecis);
  background:color-mix(in srgb,var(--brand) 16%,var(--kart));
  color:var(--brand);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 26%,transparent)}
.pt-bar span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-bar:hover{filter:brightness(.97);transform:translateY(-1px)}
.pt-bar.t-hazir{background:var(--amb-z);color:var(--amb);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--amb) 30%,transparent)}
.pt-bar.t-talep{background:var(--brand);color:var(--brand-ust);box-shadow:none}
.pt-bar.t-dosya{background:var(--yes-z);color:var(--yes);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--yes) 30%,transparent)}
.pt-bar.t-iptal{background:var(--notr-z);color:var(--ink3);box-shadow:none;text-decoration:line-through}

.pt-ay{margin-top:16px}
.pt-ay-b{display:flex;align-items:center;gap:9px;margin:0 2px 8px}
.pt-ay-b h3{font-size:var(--f-small);font-weight:500;letter-spacing:-.1px}
.pt-ay-n{font-size:var(--f-micro);color:var(--ink3)}
.pt-ay-t{margin-left:auto;font-size:var(--f-mini);font-weight:500;font-variant-numeric:tabular-nums}
.pt-ay.gecmis .pt-ay-b h3,.pt-ay.gecmis .pt-ay-t{color:var(--ink3);font-weight:500}
.pt-liste{list-style:none;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden}
.pt-ay.bu .pt-liste{border-color:color-mix(in srgb,var(--brand) 35%,var(--cizgi))}
.pt-liste li{display:flex;align-items:center;gap:10px;padding:11px 15px;cursor:pointer;
  border-bottom:1px solid var(--cizgi2);transition:background var(--gecis)}
.pt-liste li:last-child{border-bottom:none}
.pt-liste li:hover{background:var(--cizgi2)}
.pt-liste li:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
.pt-d{width:7px;height:7px;border-radius:var(--r-xs);flex:none;background:color-mix(in srgb,var(--brand) 40%,var(--kart))}
.pt-d.t-hazir{background:var(--amb)}
.pt-d.t-talep{background:var(--brand)}
.pt-d.t-dosya{background:var(--yes)}
.pt-d.t-iptal{background:var(--cizgi-guc)}
.pt-l-ad{flex:1;min-width:0;font-size:var(--f-small);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pt-l-ad i{font-style:normal;color:var(--ink3)}
.pt-l-haz{font-size:var(--f-micro);color:var(--ink3);background:var(--notr-z);padding:1px 7px;border-radius:var(--r-tam);flex:none}
.pt-l-dur{font-size:var(--f-micro);color:var(--ink3);flex:none;min-width:96px;text-align:right}
.pt-l-butce{font-size:var(--f-mini);font-weight:500;flex:none;min-width:88px;text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:640px){.pt-l-dur,.pt-l-haz{display:none}}

/* ============================================================
   KULLANIM REHBERİ (js/kullanim.js)
   Ekran görüntüsü yerine panelin kendi diliyle çizilmiş şemalar.
   ============================================================ */
.kr-kap{max-width:820px}
.kr-bolum{margin-bottom:34px}
.kr-bolum-b{font-size:var(--f-large);font-weight:500;letter-spacing:-.018em;margin:0 0 14px;
  padding-bottom:9px;border-bottom:1px solid var(--cizgi)}
.kr-liste{display:flex;flex-direction:column;gap:10px}

.kr-adim{display:flex;gap:14px;background:var(--kart);border:1px solid var(--cizgi);
  border-radius:var(--r);padding:16px 18px}
.kr-no{flex:none;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:var(--f-mini);
  font-weight:500;color:var(--brand);background:var(--brand-soft);border-radius:var(--r-s);
  width:30px;height:26px;display:flex;align-items:center;justify-content:center}
.kr-govde{flex:1;min-width:0}
.kr-govde h4{margin:0 0 6px;font-size:var(--f-normal);font-weight:500;letter-spacing:-.008em}
.kr-govde p{margin:0;font-size:var(--f-small);color:var(--ink2);line-height:1.62}
.kr-yol{display:flex;align-items:center;gap:6px;margin:0 0 9px}
.kr-yol svg{width:13px;height:13px;flex:none;color:var(--ink3);stroke:currentColor;fill:none;stroke-width:2}
.kr-yol code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:var(--f-mini);
  color:var(--ink2);background:var(--notr-z);padding:3px 8px;border-radius:var(--r-s)}

.kr-ipucu{display:flex;gap:9px;margin-top:11px;padding:10px 12px;border-radius:var(--r-s);
  background:var(--notr-z);font-size:var(--f-mini);line-height:1.58;color:var(--ink2)}
.kr-ipucu svg{width:14px;height:14px;flex:none;margin-top:1px;color:var(--ink3);
  stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kr-ipucu.uyari{background:var(--amb-z)} .kr-ipucu.uyari svg,.kr-ipucu.uyari b{color:var(--amb)}
.kr-ipucu.risk{background:var(--kir-z)}  .kr-ipucu.risk svg,.kr-ipucu.risk b{color:var(--kir)}

.kr-son{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;margin-top:8px;
  background:var(--brand-soft);border-radius:var(--r)}
.kr-son svg{width:17px;height:17px;flex:none;margin-top:2px;color:var(--brand);
  stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.kr-son b{display:block;font-size:var(--f-small);font-weight:500}
.kr-son p{margin:2px 0 0;font-size:var(--f-mini);color:var(--ink2)}

/* ---------- Şemalar ---------- */
.kr-sema{margin-top:12px;border:1px solid var(--cizgi);border-radius:var(--r);
  background:var(--yuzey);padding:12px;overflow-x:auto}

.kr-menu{display:flex;gap:20px;min-width:340px}
.kr-mn{display:flex;flex-direction:column;gap:3px;flex:1}
.kr-mn-b{font-size:var(--f-micro);letter-spacing:.07em;text-transform:uppercase;
  color:var(--ink4);margin-bottom:3px}
.kr-mi{font-size:var(--f-mini);color:var(--ink2);padding:4px 8px;border-radius:var(--r-s)}
.kr-mi.on{background:var(--brand-soft);color:var(--brand);font-weight:500}

.kr-pano{display:flex;gap:10px;min-width:460px}
.kr-sut{flex:1;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-s);padding:10px}
.kr-sut b{display:flex;align-items:center;gap:6px;font-size:var(--f-micro);font-weight:500;
  color:var(--ink2);margin-bottom:8px}
.kr-nk{width:6px;height:6px;border-radius:50%;flex:none;display:inline-block}
.kr-fis{display:block;font-size:var(--f-micro);color:var(--ink3);background:var(--yuzey);
  border:1px solid var(--cizgi2);border-radius:5px;padding:5px 7px;margin-top:5px;line-height:1.35}
.kr-fis.vurgu{color:var(--ink);border-color:var(--cizgi-guc,var(--cizgi))}

.kr-evrak{min-width:300px}
.kr-ev-b{font-size:var(--f-small);font-weight:500;margin-bottom:9px}
.kr-ev-not{background:var(--notr-z);border-radius:var(--r-s);padding:9px 11px;margin-bottom:10px}
.kr-ev-not b{display:block;font-size:var(--f-micro);font-weight:500;margin-bottom:3px}
.kr-ev-not span{font-size:var(--f-micro);color:var(--ink3);line-height:1.5}
.kr-ev-btn{display:flex;gap:7px;flex-wrap:wrap}
.kr-btn{font-size:var(--f-micro);padding:5px 11px;border-radius:var(--r-s);
  border:1px solid var(--cizgi);color:var(--ink2);background:var(--kart)}
.kr-btn.sonuc{background:var(--brand);border-color:var(--brand);color:#fff}

.kr-analiz{min-width:300px;display:flex;flex-direction:column;gap:10px}
.kr-soru b{display:block;font-size:var(--f-mini);font-weight:500;margin-bottom:7px}
.kr-sec{display:inline-block;font-size:var(--f-micro);padding:4px 13px;border-radius:20px;
  border:1px solid var(--cizgi);color:var(--ink2);margin-right:6px}
.kr-sec.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand);font-weight:500}
.kr-soru.alt{border-top:1px dashed var(--cizgi);padding-top:10px}
.kr-inp{display:inline-block;font-size:var(--f-micro);padding:5px 11px;border-radius:var(--r-s);
  border:1px solid var(--cizgi);background:var(--kart);color:var(--ink2);margin-right:6px;
  font-family:'JetBrains Mono',ui-monospace,monospace}

.kr-plan{display:flex;gap:6px;min-width:420px}
.kr-ay{flex:1;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-s);
  padding:8px 6px;text-align:center;min-height:56px}
.kr-ay span{display:block;font-size:var(--f-micro);color:var(--ink3);margin-bottom:5px}
.kr-ay.dolu{border-color:var(--brand);background:var(--brand-soft)}
.kr-ay.dolu span{color:var(--brand)}
.kr-ay i{display:block;font-style:normal;font-size:var(--f-micro);color:var(--brand);line-height:1.3}

@media (max-width:640px){
  .kr-adim{flex-direction:column;gap:9px}
  .kr-no{width:auto;padding:0 9px;align-self:flex-start}
}