/* tema.css: gorsel dil, hareket, koyu tema, erisilebilirlik. ek.css sonrasi yuklenir; kabuga dokunmaz. */
/* 1) Belirtecler */
.icerik{
  --r-s:6px;--r-m:8px;--r-b:12px;
  --b1:4px;--b2:8px;--b3:12px;--b4:16px;
  --gol-1:0 1px 2px rgba(15,23,42,.05);
  --gol-2:0 2px 8px rgba(15,23,42,.07),0 1px 2px rgba(15,23,42,.05);
  --gol-3:0 8px 24px rgba(15,23,42,.12),0 2px 6px rgba(15,23,42,.06);
  --odak:#1D4ED8;--odak-hale:rgba(29,78,216,.28);
  --sure:.16s;--egri:cubic-bezier(.2,.7,.3,1);
}
.icerik.koyu{
  --gol-1:0 1px 2px rgba(0,0,0,.4);--gol-2:0 2px 10px rgba(0,0,0,.4);--gol-3:0 10px 30px rgba(0,0,0,.55);
  --odak:#9DBBFF;--odak-hale:rgba(157,187,255,.35);
  --yz4:#8593AD;
}
.icerik{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.icerik :is(.tbl,.kpi,.kpis,.oz,.mono,.dl,.bd,.sayfala){font-variant-numeric:tabular-nums}

/* 4) Gecisler + odak */
.icerik :is(.btn,.cip,.oz,.kart,.kt-k,.ders,.sgm button,.tgl,.tgl::after,.takv .g,.menu button,.in,.sec,.sayfala button){
  transition:background-color var(--sure) var(--egri),border-color var(--sure) var(--egri),box-shadow var(--sure) var(--egri),color var(--sure) var(--egri),transform var(--sure) var(--egri),left var(--sure) var(--egri)}
.icerik :is(a,button,input,select,textarea,summary,[tabindex],[role=button]):focus-visible{
  outline:2px solid var(--odak);outline-offset:2px;box-shadow:0 0 0 4px var(--odak-hale);border-radius:var(--r-s)}
.icerik .in:focus-visible,.icerik .sec:focus-visible,.icerik input:focus-visible,.icerik select:focus-visible,.icerik textarea:focus-visible{outline-offset:0;border-color:var(--odak)}
.icerik .btn:active:not([disabled]){transform:translateY(1px)}
.icerik .btn.p{box-shadow:var(--gol-1)}
.icerik .btn.p:hover{box-shadow:var(--gol-2)}
.icerik .sayfala button,.icerik .tgl{min-width:24px}
.icerik button[disabled],.icerik .btn[disabled]{cursor:not-allowed}

/* 2) Kartlar, KPI */
.icerik .kart{border-radius:var(--r-m);box-shadow:var(--gol-1)}
.icerik .kart>h3{letter-spacing:-.005em}
.icerik .kpi,.icerik .kpis .kart{box-shadow:var(--gol-1);position:relative}
.icerik .kpi:hover,.icerik .kpis .kart:hover,.icerik button.oz:hover{box-shadow:var(--gol-2)}
.icerik .kpi b,.icerik .kpis b,.icerik .oz b{font-weight:700;letter-spacing:-.02em;font-feature-settings:"tnum" 1,"lnum" 1}
.icerik .oz{border-radius:var(--r-m);box-shadow:var(--gol-1)}

/* rozetler */
.icerik .bd{border:1px solid transparent;font-weight:600;letter-spacing:.005em}
.icerik .bd.iyi{border-color:color-mix(in srgb,var(--iyi-n) 28%,transparent)}
.icerik .bd.uyari{border-color:color-mix(in srgb,var(--uyari-n) 32%,transparent)}
.icerik .bd.kotu{border-color:color-mix(in srgb,var(--kotu-n) 30%,transparent)}
.icerik .bd.bilgi{border-color:color-mix(in srgb,var(--bilgi-n) 28%,transparent)}
.icerik .cip:hover{border-color:var(--pri-sin);background:var(--hover)}

/* tablolar */
.icerik .tbl th{letter-spacing:.03em;font-weight:600;background:var(--yuz2);color:var(--yz2)}
.icerik .tbl tr.sat td{transition:background-color .12s linear}
.icerik .tbl tr.sat:hover td{background:var(--hover)}
.icerik .tbl tr.sat:focus-visible{outline:2px solid var(--odak);outline-offset:-2px;box-shadow:none}

/* grafik kartlari */
.icerik .grf{shape-rendering:geometricPrecision}
.icerik .grf .izg{stroke-dasharray:2 3;opacity:.8}
.icerik .grf text{font-variant-numeric:tabular-nums}
.icerik .harita{border:1px solid var(--cizgi);box-shadow:var(--gol-1)}
.icerik.koyu .harita{background:linear-gradient(180deg,#162033,#111A2B)}

/* takvim */
.icerik .takv .g{transition:background-color .12s linear,box-shadow var(--sure) var(--egri)}
.icerik .takv .g:hover{box-shadow:inset 0 0 0 1px var(--pri-sin)}
.icerik .takv .g:focus-visible{outline-offset:-2px}

/* egitim kilavuzu */
.icerik .sshot{border-radius:var(--r-b);box-shadow:var(--gol-3)}
.icerik .sshot .cd{box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(234,88,12,.35),0 2px 6px rgba(0,0,0,.3)}
.icerik .sshot .hl{background:rgba(234,88,12,.07)}
.icerik .notlar{gap:8px 22px}
.icerik .notlar li{color:var(--yz2);line-height:1.5}
.icerik .ders{border-radius:var(--r-m)}
.icerik .ders.a{font-weight:600}
.icerik .ders .no{transition:background-color var(--sure),border-color var(--sure),color var(--sure)}
.icerik .ders.a .no{border-color:var(--pri);color:var(--pri)}
.icerik .adim-no{box-shadow:0 0 0 3px var(--pri-bg)}

/* sihirbaz, modal, cekmece */
.cek{border-left:1px solid var(--cizgi);box-shadow:var(--gol-3)}
.menu{border-radius:var(--r-m);box-shadow:var(--gol-3)}

/* 3) Koyu tema */
.icerik.koyu .kart,.icerik.koyu .oz,.icerik.koyu .kt-k{border-color:var(--cizgi);background:var(--yuz)}
.icerik.koyu .tbl th{background:var(--yuz2);color:var(--yz2)}
.icerik.koyu .tbl td{background:var(--yuz)}
.icerik.koyu .tbl tr.sat:hover td{background:var(--hover)}
.icerik.koyu .sshot{background:#0B1220;border-color:var(--cizgi2)}
.icerik.koyu .sshot img{filter:brightness(.88) contrast(1.04)}
.icerik.koyu .bd{border-color:color-mix(in srgb,currentColor 30%,transparent)}
.icerik.koyu .btn.p:hover{background:#5683F5}
.icerik.koyu .btn:not(.p):not(.r):hover{background:var(--yuz3)}
.icerik.koyu .takv .g{background:var(--yuz)}
.icerik.koyu .takv .g:hover{background:var(--hover)}
.icerik.koyu .tgl{background:var(--cizgi2)}
.icerik.koyu .tgl.a{background:var(--iyi-n)}
.koyu .perde,.icerik.koyu~.perde{background:rgba(2,6,16,.6)}
.icerik.koyu .isk{background:linear-gradient(90deg,var(--yuz2) 25%,var(--yuz3) 37%,var(--yuz2) 63%);background-size:400% 100%}
.icerik.koyu ::placeholder{color:var(--yz4);opacity:1}

/* 5) Iskelet ve bos durum */
.iskelet{display:flex;flex-direction:column;gap:10px;padding:12px;pointer-events:none;user-select:none}
.iskelet>*{display:block;border-radius:5px;height:10px;background:linear-gradient(90deg,var(--yuz3) 25%,var(--cizgi) 37%,var(--yuz3) 63%);background-size:400% 100%;animation:isk 1.4s ease infinite}
.iskelet .baslik{height:14px;width:40%}
.iskelet .kisa{width:55%}.iskelet .orta{width:75%}
.iskelet .kutu{height:64px;border-radius:var(--r-m)}
.iskelet .cubuk{height:120px;border-radius:var(--r-m)}
.iskelet .daire{width:32px;height:32px;border-radius:50%}
.iskelet .sat{height:28px;border-radius:var(--r-s)}
.iskelet[aria-busy=true]{cursor:progress}
.icerik.koyu .iskelet>*{background:linear-gradient(90deg,var(--yuz2) 25%,var(--yuz3) 37%,var(--yuz2) 63%);background-size:400% 100%}

.bos-durum{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:28px 16px 32px;margin:auto;min-height:160px;color:var(--yz3);
  border:1px dashed var(--cizgi2);border-radius:var(--r-b);background:var(--yuz2)}
.bos-durum .bd-i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--pri-bg);color:var(--pri);margin-bottom:2px}
.bos-durum .bd-i svg{width:20px;height:20px}
.bos-durum h3{font-size:14px;color:var(--yz)}
.bos-durum p{font-size:12.5px;max-width:44ch;line-height:1.5}
.bos-durum .btn{margin-top:8px}
.bos-durum.hata{border-color:color-mix(in srgb,var(--kotu-n) 40%,transparent);background:var(--kotu-bg)}
.bos-durum.hata .bd-i{background:var(--yuz);color:var(--kotu)}
.bos-durum.ince{min-height:0;padding:14px 12px;flex-direction:row;gap:10px;text-align:left}
.bos-durum.ince .bd-i{margin:0;width:32px;height:32px}

.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Azaltilmis hareket */
@media(prefers-reduced-motion:reduce){
  .icerik *,.icerik *::before,.icerik *::after,.perde,.cek,.sayfa.gir{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .iskelet>*,.isk{animation:none!important}
}
@media(forced-colors:active){
  .icerik .bd,.icerik .cip.a,.icerik .btn.p{border:1px solid ButtonText}
  .icerik :focus-visible{outline:2px solid Highlight}
}

/* 6) Yazdirma (rapor) */
@media print{
  @page{size:A4;margin:12mm}
  html,body{background:#fff!important;height:auto!important;overflow:visible!important}
  .kb-ray,.kb-ustbar,.kb-serit,.kb-sekmeler,.kb-mobil,.kb-perde,.perde,.cek,.menu,.toast,.sk-rozet-ust,.btn,.sayfala,.ipucu-k,.cipler,.sgm,.tgl,.kb-tum-sekmeler{display:none!important}
  .kb,.kb-govde,.kb-icerik,.icerik,.sayfa,.proto{display:block!important;position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;box-shadow:none!important;border-radius:0!important;background:#fff!important}
  .icerik *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-shadow:none!important;animation:none!important}
  .kart,.oz,.kpi,.grf,.sshot,.tbl tr,.takv{break-inside:avoid;page-break-inside:avoid}
  .kart{border:1px solid #CBD5E1!important;min-height:0!important;margin-bottom:6mm}
  .kpis,.uc-k,.iki-k,.dort-k,.ozet{display:grid!important;gap:3mm!important}
  .tbl{font-size:10px}.tbl th{position:static!important;background:#EEF2F7!important;color:#0F172A!important}
  .tbl thead{display:table-header-group}
  .icerik .kart .ic{overflow:visible!important}
  .icerik.koyu{--zem:#fff;--yuz:#fff;--yuz2:#F6F8FB;--yuz3:#EDF1F6;--cizgi:#E3E8EF;--cizgi2:#C9D2DE;--yz:#0F172A;--yz2:#334155;--yz3:#475569;--lac:#1E2A5A;--pri:#1D4ED8}
}