*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--sans);font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.block{display:block}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.capitalize{text-transform:capitalize}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}
/* ============================================================
   KEYDAL Panel — Tailwind + shadcn-tarzı tasarım dili (SSR)
   Renk/token tek kaynak: CSS değişkenleri (17 ekran bunları kullanır).
   ============================================================ */
:root{
  color-scheme:dark;
  --bg:#0a0a0b;--yzey:#131316;--yzey2:#1b1b21;--girinti:#0e0e12;--ciz:#26262d;
  --metin:#fafafa;--ikincil:#a1a1aa;--soluk:#71717a;
  --vurgu:#3b82f6;--vurgu2:#2563eb;--pembe:#60a5fa;
  --iyi:#22c55e;--uyari:#f59e0b;--kotu:#ef4444;
  --kenar:#000;--kenar-metin:#c7c7d1;
  --radius:.6rem;
  /* dokunma hedefi alt siniri. WCAG 2.5.5 Target Size (Enhanced, AAA) = 44px;
     2.5.8 (AA) asgarisi 24px — panel AAA esigini hedefler. Tipografi/renk degil
     ERGONOMI sabiti; 10-rail-kanat + 15-taban + 90-acik-tema uc dosyada
     tekrar etmesin diye jeton. Yalniz dar-ekran katmaninda kullanilir. */
  --dokunma:44px;
  --serif:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;
  --sans:"Plus Jakarta Sans","Segoe UI",system-ui,-apple-system,"Noto Sans",sans-serif;
}
html,body{max-width:100%;overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--metin);font:14px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:rgba(59,130,246,.3)}

/* ICON-RAIL */
.uyg{display:flex;min-height:100vh}
.rail{width:72px;flex:none;position:fixed;left:0;top:0;bottom:0;background:var(--kenar);border-right:1px solid var(--ciz);display:flex;flex-direction:column;align-items:center;padding:32px 0 20px;z-index:50}
.rail-site{position:relative;margin-bottom:18px;flex:none}
.rail-logo{width:34px;height:34px;display:grid;place-items:center;background:var(--vurgu);border-radius:10px;color:#fff;font-family:var(--sans);font-weight:800;font-size:15px;cursor:pointer;list-style:none;transition:box-shadow .15s,filter .15s}
.rail-logo::-webkit-details-marker{display:none}
.rail-logo:hover{filter:brightness(1.08)}
.rail-site[open]>.rail-logo{box-shadow:0 0 0 2px rgba(59,130,246,.45)}
.rail-site-menu{position:absolute;left:calc(100% + 12px);top:-6px;width:240px;background:#0a0a0c;border:1px solid var(--ciz);border-radius:13px;padding:8px;box-shadow:0 22px 55px -20px rgba(0,0,0,.85);z-index:60}
.rs-bas{font-size:12px;font-weight:600;color:var(--soluk);padding:6px 10px 9px}
.rs-oge{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:9px;color:var(--kenar-metin)}
.rs-oge:hover{background:rgba(255,255,255,.05);color:#fff}
.rs-oge.etkin{background:rgba(255,255,255,.06);color:#fff}
.rs-ik{width:30px;height:30px;flex:none;display:grid;place-items:center;background:var(--yzey2);border:1px solid var(--ciz);border-radius:8px;font-weight:700;font-size:12px;color:var(--ikincil)}
.rs-oge.etkin .rs-ik{background:var(--vurgu);color:#fff;border-color:var(--vurgu)}
/* S33c - SITE ROZETI = sitenin GOOGLE'A ACTIGI FAVICONU (marka renginde
   yuvarlatilmis kare + kisaltma). Renk satir-ici `--rozet` ile gelir
   (SITE VERISI, cekirdek/aktif-site.js `rozetStil`); TUM BOYAMA BURADA.

   S33b'de kural yalnizca ICTEKI `.rail-harf`i boyuyordu; 34x34 KUTU
   (`.rail-logo`) `background:var(--vurgu)` ile MAVI kaliyordu.
   OLCULDU (2026-09-20, chromium, cizilen govde, marka #d3122a):
     .rail-logo            -> rgb(59,130,246)  MAVI   34x34
     .rail-harf            -> rgb(211,18,42)   marka  23x23   (ictek leke)
     .rs-oge.etkin .rs-ik  -> rgb(59,130,246)  MAVI          (bkz. asagi)
   Simdi KUTUNUN KENDISI boyanir; `--rozet` de kutuya basilir (ozel
   ozellikler ASAGI kalitilir, cocuktan ebeveyne CIKMAZ).

   KASKAD - neden bu secicilerin ozgulugu boyle (sinif,nitelik sayilir):
     .rs-oge.etkin .rs-ik                      = 0,3,0  -> S33b'yi EZIYORDU
     .rs-ik[style*="--rozet"]           (S33b) = 0,2,0
     .rs-oge.etkin .rs-ik[style*=...]   (yeni) = 0,4,0  -> KAZANIR
     .rail-logo                                = 0,1,0
     .rail-logo[style*="--rozet"]       (yeni) = 0,2,0  -> KAZANIR
     .rail-site[open]>.rail-logo               = 0,3,0  (yalniz box-shadow)
     .rail-site[open]>.rail-logo[style*=...]   = 0,4,0  -> KAZANIR
   Renk YOKSA hicbiri eslesmez -> bugunku token gorunumu BAYT-AYNI. */
.rail-logo[style*="--rozet"],.rs-ik[style*="--rozet"],.rs-oge.etkin .rs-ik[style*="--rozet"]{background:var(--rozet);border-color:var(--rozet);color:#fff;position:relative}
.rail-site[open]>.rail-logo[style*="--rozet"]{box-shadow:0 0 0 2px color-mix(in srgb,var(--rozet) 45%,transparent)}
/* Favicon govdesi (cekirdek/aktif-site.js `rozetGovde`) kutuyu TAM kaplar.
   Boya BURADA: `--rozet` kutudan kalitilir -> kodda ve HTML ciktisinda
   `--rozet` DISINDA hex LITERAL olmaz (K2 / panel-site-gecisi F1 savi). */
.rozet-svg{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.rozet-svg rect{fill:var(--rozet)}
.rozet-svg text{fill:#fff}
.rs-ad{display:flex;flex-direction:column;line-height:1.25;font-size:13px;font-weight:600}
.rs-rol{font-size:11px;color:var(--soluk);font-weight:500}
.rail-nav{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1;overflow-y:auto;scrollbar-width:none}
.rail-nav::-webkit-scrollbar{width:0;height:0}
.rail-ik{width:40px;height:40px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;color:var(--ikincil);cursor:pointer;position:relative;transition:background .14s,color .14s;flex:none}
.ri-ik{display:grid;place-items:center}
.rail-ik svg{width:21px;height:21px;stroke-width:2}
.rail-ik:hover{background:rgba(255,255,255,.05);color:#fff}
.rail-ik.etkin{background:rgba(255,255,255,.05);color:#fff}
.rail-ik.acik{background:rgba(255,255,255,.1);color:#fff}
.rail-cikis{color:var(--soluk);margin-top:8px}
.rail-cikis:hover{background:rgba(239,68,68,.12);color:#fca5a5}

/* KANAT */
.kanat{position:fixed;left:72px;top:0;bottom:0;width:272px;background:#0a0a0c;border-right:1px solid var(--ciz);box-shadow:24px 0 60px -26px rgba(0,0,0,.8);padding:32px 16px 20px;overflow-y:auto;z-index:45;opacity:0;visibility:hidden;transform:translateX(-14px);transition:opacity .16s ease,transform .16s ease,visibility .16s}
.kanat.acik{opacity:1;visibility:visible;transform:none}
.kanat-blok{display:none}.kanat-blok.gor{display:block}
.kanat-bas{font-size:12.5px;font-weight:600;color:var(--soluk);letter-spacing:.02em;padding:2px 12px 14px}
.kanat-oge{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--kenar-metin);font-size:13.5px;font-weight:500;transition:gap .14s,background .14s,color .14s}
.kanat-oge .ri-ik{color:var(--soluk)}.kanat-oge svg{width:18px;height:18px}
.kanat-oge:hover{background:rgba(255,255,255,.05);color:#fff;gap:16px}
.kanat-oge:hover .ri-ik{color:var(--ikincil)}
.kanat-oge.etkin{background:rgba(255,255,255,.05);color:#fff}.kanat-oge.etkin .ri-ik{color:#fff}

/* GÖVDE + TOPBAR */
.govde{flex:1;margin-left:72px;min-width:0;display:flex;flex-direction:column}
.ust{position:sticky;top:0;z-index:30;height:64px;background:rgba(10,10,11,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--ciz)}
.men-ac{display:none}
.sayfa-ad{font-family:var(--serif);font-weight:700;font-size:19px;margin:0}
.ust-sag{margin-left:auto;display:flex;align-items:center;gap:16px}
.canli{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--soluk)}
.canli .nokta{width:8px;height:8px;border-radius:50%;background:var(--soluk);transition:.3s}
.canli.acik .nokta{background:var(--iyi);box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.dil-sec{position:relative}
.dil-mini{font-size:12px;color:var(--ikincil);border:1px solid var(--ciz);border-radius:8px;padding:5px 10px;font-weight:600;cursor:pointer;list-style:none;user-select:none}
.dil-mini::-webkit-details-marker{display:none}
.dil-mini:hover{border-color:var(--vurgu);color:var(--metin)}
.dil-sec[open] .dil-mini{border-color:var(--vurgu);color:var(--metin)}
.dil-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;background:#0a0a0c;border:1px solid var(--ciz);border-radius:11px;padding:7px;box-shadow:0 22px 55px -20px rgba(0,0,0,.85);z-index:60}
.dm-bas{font-size:11px;font-weight:600;color:var(--soluk);padding:5px 9px 8px}
.dm-oge{margin:0}
.dm-oge button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;background:transparent;border-radius:8px;color:var(--kenar-metin);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.dm-oge button:hover:not(:disabled){background:rgba(255,255,255,.05);color:#fff}
.dm-kod{font-size:11px;font-weight:700;color:var(--soluk);width:24px;flex:none}
.dm-oge.secili .dm-kod{color:var(--vurgu)}
.dm-ad{flex:1}
.dm-tik{color:var(--vurgu);font-weight:700}
.dm-oge.secili button{color:#fff}
.dm-oge.yakinda button{cursor:default;opacity:.65}
.dm-yakin{font-size:10.5px;color:var(--uyari);border:1px solid rgba(245,158,11,.35);border-radius:100px;padding:1px 7px;font-weight:600}
.kul{display:flex;align-items:center;gap:10px}
.rozet{width:34px;height:34px;border-radius:50%;background:var(--vurgu);color:#fff;font-family:var(--serif);font-weight:700;display:grid;place-items:center;font-size:14px}
.kul-ad{display:flex;flex-direction:column;line-height:1.25}
.kul-ad .isim{font-weight:600;font-size:13px}.kul-ad .kul-rol{font-size:11px;color:var(--soluk)}
main{padding:28px 32px;min-width:0;flex:1;width:100%;max-width:1440px;align-self:center}
.ust-ic{height:100%;width:100%;max-width:1440px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:16px}
@media(max-width:640px){.kul-ad{display:none}main{padding:20px 16px}.ust-ic{padding:0 16px}}

/* TİPOGRAFİ */
h1{font-family:var(--serif);font-weight:700;font-size:1.7rem;letter-spacing:-.01em;margin:0 0 5px}
.alt{color:var(--soluk);margin:0 0 24px;font-size:14px}

/* BUTONLAR (shadcn) */
/* SELECT — global shadcn stili (appearance:none + özel chevron) */
select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--girinti);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;background-size:15px;color:var(--metin);border:1px solid var(--ciz);border-radius:8px;padding:9px 34px 9px 12px;font:inherit;font-size:13px;cursor:pointer;transition:border-color .14s,box-shadow .14s}
select:hover{border-color:var(--vurgu)}
select:focus-visible,select:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
select:disabled{opacity:.5;cursor:not-allowed}
option{background:var(--yzey);color:var(--metin)}
optgroup{background:var(--yzey);color:var(--soluk);font-weight:600}
.dugme{background:var(--yzey2);color:var(--metin);border:1px solid var(--ciz);border-radius:8px;padding:8px 13px;font:inherit}
/* PLACEHOLDER + çıplak input tabanı (her input stilli olsun) */
::placeholder{color:var(--soluk);opacity:1}
input:where(:not([type]),[type=text],[type=number],[type=search],[type=email],[type=url],[type=tel],[type=date],[type=datetime-local],[type=time],[type=password]){background:var(--girinti);border:1px solid var(--ciz);border-radius:8px;padding:9px 12px;color:var(--metin);font:inherit;font-size:13px;transition:border-color .14s,box-shadow .14s}
input:where(:not([type]),[type=text],[type=number],[type=search],[type=email],[type=url],[type=tel],[type=date],[type=datetime-local],[type=time],[type=password]):focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
/* SELECT PICKER — native select'i saran özel dropdown (JS ile) */
.sp{position:relative;display:inline-block}
.alan .sp{display:block;width:100%}
.sp-trigger{display:flex;align-items:center;gap:8px;width:100%;background:var(--girinti);border:1px solid var(--ciz);border-radius:8px;padding:9px 12px;color:var(--metin);font:inherit;font-size:13px;cursor:pointer;text-align:left;transition:border-color .14s,box-shadow .14s}
.sp-trigger:hover{border-color:var(--vurgu)}
.sp.acik .sp-trigger{border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.sp-lbl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-lbl.bos{color:var(--soluk)}
.sp-trigger>svg{width:16px;height:16px;color:var(--soluk);transition:transform .18s,color .14s;flex:none}
.sp-trigger:hover>svg,.sp.acik .sp-trigger>svg{color:var(--vurgu)}
.sp.acik .sp-trigger>svg{transform:rotate(180deg)}
/* Editör sidebar: birleşik Kategori + Yazar kartı (kompakt) */
.temel-kart{display:flex;flex-direction:column;padding:16px}
.tk-alan{display:flex;flex-direction:column;gap:8px}
.tk-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:700;display:flex;align-items:center;gap:5px}
.tk-ayrac{height:1px;background:var(--ciz);margin:15px 0}
.tk-yazar-ad{width:100%}
.sp-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:70;background:var(--yzey);border:1px solid var(--ciz);border-radius:10px;box-shadow:0 16px 44px -14px rgba(0,0,0,.75);padding:5px;max-height:288px;overflow-y:auto;display:none;min-width:190px}
.sp.acik .sp-panel{display:block}
.sp-ara{position:sticky;top:0;background:var(--yzey);padding:1px 1px 6px}
.sp-ara input{width:100%;background:var(--girinti);border:1px solid var(--ciz);border-radius:7px;padding:7px 10px;color:var(--metin);font:inherit;font-size:13px}
.sp-opt{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;color:var(--kenar-metin);font-size:13px;cursor:pointer}
.sp-opt:hover,.sp-opt.vurgu{background:var(--yzey2);color:#fff}
.sp-opt .tik{width:15px;height:15px;flex:none;color:var(--vurgu);opacity:0}
.sp-opt .tik svg{width:15px;height:15px}
.sp-opt.secili{color:#fff}.sp-opt.secili .tik{opacity:1}
.sp-bos{padding:14px;text-align:center;color:var(--soluk);font-size:12.5px}
/* SEO ANALİZ (Rank Math tarzı) — skor halkası + kontrol listesi */
.seo-puan{margin-top:12px;background:var(--girinti);border:1px solid var(--ciz);border-radius:12px;padding:14px}
.sp-bas{display:flex;align-items:center;gap:14px;margin-bottom:2px}
.sp-rozet{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:19px;font-weight:800;color:#fff;background:var(--soluk)}
.sp-rozet.iyi{background:#16a34a}.sp-rozet.orta{background:#f59e0b}.sp-rozet.zayif{background:#dc2626}
.sp-sag{flex:1;min-width:0}
.sp-metin{font-size:12.5px;font-weight:600;color:var(--ikincil);margin-bottom:7px}
.sp-metin.iyi{color:#22c55e}.sp-metin.orta{color:#f59e0b}.sp-metin.zayif{color:#ef4444}
.sp-bar{height:7px;background:var(--yzey2);border-radius:999px;overflow:hidden}
.sp-dolgu{display:block;height:100%;width:0;background:var(--vurgu);border-radius:999px;transition:width .35s}
.sp-liste{margin-top:13px;display:flex;flex-direction:column;gap:1px}
.sp-grup{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--soluk);margin:10px 0 3px}
.sp-liste .sp-grup:first-child{margin-top:0}
.sp-oge{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45;color:var(--metin);padding:3px 0}
.sp-ik{flex:none;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;margin-top:1px}
.sp-oge.ok .sp-ik{background:#16a34a}.sp-oge.uyari .sp-ik{background:#f59e0b}.sp-oge.hata .sp-ik{background:#dc2626}
.sp-oge.uyari,.sp-oge.hata{color:var(--ikincil)}
/* CHECKBOX / RADIO */
input[type=checkbox],input[type=radio]{accent-color:var(--vurgu);width:16px;height:16px;cursor:pointer}
/* DOSYA SEÇİCİ */
input[type=file]{color:var(--soluk);font-size:13px;max-width:100%}
input[type=file]::file-selector-button{background:var(--yzey2);color:var(--metin);border:1px solid var(--ciz);border-radius:8px;padding:8px 14px;font:inherit;font-size:13px;cursor:pointer;margin-right:12px;transition:border-color .14s}
input[type=file]::file-selector-button:hover{border-color:var(--vurgu)}
/* DATE takvim ikonu koyu temada görünür olsun */
input[type=date]::-webkit-calendar-picker-indicator,input[type=datetime-local]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}
/* SCROLLBAR (koyu tema) */
*{scrollbar-width:thin;scrollbar-color:#33333b transparent}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#33333b;border-radius:6px;border:2px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:#45454d}
.dugme{cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:background .14s,border-color .14s}
.dugme:hover{border-color:var(--vurgu);background:var(--girinti)}
.dugme:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
.dugme.birincil{background:var(--vurgu);color:#fff;border-color:var(--vurgu);font-weight:600}.dugme.birincil:hover{background:var(--vurgu2);border-color:var(--vurgu2)}
.satir-dugme{color:var(--vurgu);font-size:12px;font-weight:500}.satir-dugme:hover{color:var(--pembe)}

/* KARTLAR + İSTATİSTİK */
.kart{background:var(--yzey);border:1px solid var(--ciz);border-radius:12px;padding:20px;box-shadow:0 1px 2px rgba(0,0,0,.3);min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:15px}
/* PANO OLCUM SERIDI — yedi kart TEK SATIRDA.
   OLCULDU (canli, 1360px): genel .grid kurali auto-fill + 200px ile bes
   sutun veriyor; kalan IKI kart alt satira dusup sagda buyuk bir bosluk
   birakiyordu. auto-fill BOS SUTUNLARI KORUR, o yuzden alt satirdaki
   kartlar genislemiyor ve serit kirik gorunuyordu.

   NEDEN SABIT repeat(7) DEGIL: ilk kart KOSULLU (etkinlik verisi yoksa
   cizilmiyor), yani serit 6 ya da 7 kart olabilir. Sabit sutun sayisi
   alti kartta ayni boslugu geri getirirdi.

   ONCE auto-fit DENEDIM, YETMEDI: auto-fit yalniz BUTUN ogeler tek
   satira sigdiginda bos parcalari cokertiyor. 1360px te duzeldi ama
   1100px te bes+iki kalip 587px bosluk geri geldi (olculdu). Izgara,
   son satirdaki ogeleri kalan sutunlara YAYMAZ.

   FLEX YAYAR: flex-wrap ile her satirin ogeleri o satiri doldurmak icin
   buyur. Yedi kart tek satira sigmadiginda bile son satirda DELIK
   kalmaz. Kart sayisi kosullu (6 ya da 7) oldugu icin sabit sutun
   sayisi da yazilamazdi.
   Genel .grid kurali DEGISMEDI -- kapsam yalniz bu serit. */
#pano-kpi{display:flex;flex-wrap:wrap}
#pano-kpi>*{flex:1 1 150px;min-width:0}
.k-b{font-size:11px;color:var(--soluk);text-transform:uppercase;letter-spacing:.07em;font-weight:600}
.k-d{font-family:var(--serif);font-size:2rem;font-weight:700;margin-top:6px;line-height:1.1}
.k-alt{color:var(--soluk);font-size:12px;margin-top:4px}

/* DASHBOARD */
.pano-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.pano-bas .alt{margin:0}
.pano-eylem{display:flex;gap:9px;flex-wrap:wrap}
.pano-2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:15px;margin-top:15px}@media(max-width:1100px){.pano-2{grid-template-columns:minmax(0,1fr)}}
.kart-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.site-liste{display:flex;flex-direction:column;gap:2px}
.site-sat{display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:9px;border:1px solid transparent}
.site-sat:hover{background:var(--yzey2);border-color:var(--ciz)}
.site-ad{display:flex;align-items:center;gap:9px;font-weight:600;min-width:118px}
.site-nokta{width:7px;height:7px;border-radius:50%;background:var(--iyi);flex:none}
.site-yetki{color:var(--soluk);font-size:12px;margin-left:auto}.site-ok{color:var(--soluk)}.site-sat:hover .site-ok{color:var(--vurgu)}
.canli-etiket{font-size:12px;color:var(--soluk)}.akis-bos{color:var(--soluk);padding:14px 2px;font-size:13px}
/* durum segment bar */
.seg{display:flex;height:10px;border-radius:6px;overflow:hidden;background:var(--yzey2);margin:4px 0 14px;gap:2px}
.seg span{display:block;height:100%}
.seg-list{display:flex;flex-wrap:wrap;gap:6px 18px}
.seg-l{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ikincil)}
.seg-l b{color:var(--metin);font-weight:600}
.seg-d{width:9px;height:9px;border-radius:3px;flex:none}
/* kategori dağılım çubukları */
.dag-list{display:flex;flex-direction:column;gap:11px;margin-top:4px}
.dag{display:flex;align-items:center;gap:12px}
.dag-ad{font-size:13px;min-width:96px;color:var(--kenar-metin);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dag-bar{flex:1;height:8px;border-radius:5px;background:var(--yzey2);overflow:hidden}
.dag-bar span{display:block;height:100%;background:var(--vurgu);border-radius:5px}
.dag-n{font-size:12px;color:var(--soluk);font-variant-numeric:tabular-nums;min-width:22px;text-align:right}
/* son haberler listesi */
.son-liste{display:flex;flex-direction:column}
.son-h{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid var(--ciz);font-size:13px}
.son-h:last-child{border-bottom:0}
.son-h:hover{background:var(--yzey2)}
.son-b{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.son-k{font-size:11.5px;color:var(--soluk);flex:none}
.son-z{font-size:11.5px;color:var(--soluk);flex:none;font-variant-numeric:tabular-nums;min-width:52px;text-align:right}

/* CANLI AKIŞ */
.canli-akis{margin-top:6px;max-height:340px;overflow:auto}
.olay{display:flex;gap:11px;padding:11px 2px;border-bottom:1px solid var(--ciz);font-size:13px}.olay:last-child{border-bottom:0}
.olay .z{color:var(--soluk);font-variant-numeric:tabular-nums;flex:0 0 auto;font-size:12px}
.rol{font-size:11px;color:var(--vurgu);border:1px solid rgba(59,130,246,.4);border-radius:100px;padding:1px 9px;font-weight:500}

/* TABLOLAR (shadcn) */
.tbl{width:100%;border-collapse:collapse;font-size:13px}
.tbl th{text-align:left;padding:11px 16px;color:var(--soluk);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-bottom:1px solid var(--ciz);position:sticky;top:0;background:var(--yzey)}
.tbl td{padding:11px 16px;border-bottom:1px solid var(--ciz)}.tbl tr:last-child td{border-bottom:0}.tbl tr:hover td{background:var(--yzey2)}
.tbl .sag,th.sag{text-align:right;font-variant-numeric:tabular-nums}
.mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.dm{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:middle}
/* ---- DETAYLI LİSTE EKRANLARI (Haberler vb.) ---- */
.sayfa-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.sayfa-ust .alt{margin:0}
.bos-i{color:var(--soluk)}
.arac{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}
.ara{position:relative;flex:1;min-width:200px;max-width:380px}
.ara input{width:100%;background:var(--girinti);border:1px solid var(--ciz);border-radius:9px;padding:9px 12px 9px 34px;color:var(--metin);font:inherit;font-size:13px}
.ara input:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.ara svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--soluk);width:15px;height:15px}
.suzgec{display:flex;gap:3px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:10px;padding:3px}
.suzgec button{background:transparent;border:0;color:var(--ikincil);padding:6px 11px;border-radius:7px;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;gap:6px;align-items:center}
.suzgec button:hover{color:var(--metin)}
.suzgec button.on{background:var(--vurgu);color:#fff}
.suzgec button .say{font-size:11px;opacity:.65;font-variant-numeric:tabular-nums}
.suzgec button.on .say{opacity:.9}
.tablo-kart{padding:0;overflow-x:auto}
.tablo-bos{padding:44px;text-align:center;color:var(--soluk);font-size:13px}
.tbl-detay td{vertical-align:middle}
.h-bas{font-weight:600;font-size:13.5px;color:var(--metin)}
.h-spot{font-size:12px;color:var(--soluk);margin-top:2px;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.h-slug{font-size:11px;color:var(--soluk);font-family:ui-monospace,Menlo,Consolas,monospace;margin-top:2px}
.kat-pill{display:inline-block;padding:2px 10px;border-radius:6px;background:var(--yzey2);border:1px solid var(--ciz);font-size:12px;color:var(--ikincil);white-space:nowrap}
.yzr{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px}
.avatar{width:26px;height:26px;border-radius:50%;background:var(--yzey2);border:1px solid var(--ciz);display:inline-grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--ikincil);flex:none}
.rozet-durum{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:500;border:1px solid;white-space:nowrap}
.rozet-durum .rd-nokta{width:6px;height:6px;border-radius:50%;background:currentColor}
.rozet-durum.yayinda{color:#4ade80;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}
.rozet-durum.taslak{color:#fbbf24;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}
.rozet-durum.zamanlanmis{color:#60a5fa;background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}
.rozet-durum.arsiv{color:var(--soluk);background:var(--yzey2);border-color:var(--ciz)}
.rozet-durum.iyi{color:#4ade80;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}
.rozet-durum.kotu{color:#f87171;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}
.rozet-durum.uyari{color:#fbbf24;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.3)}
.rozet-durum.notr{color:var(--soluk);background:var(--yzey2);border-color:var(--ciz)}
.rozet-durum.aktif{color:#4ade80;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}
.rozet-durum.pasif{color:var(--soluk);background:var(--yzey2);border-color:var(--ciz)}
.okunma{display:inline-flex;align-items:center;gap:6px;color:var(--ikincil);font-variant-numeric:tabular-nums;font-size:13px}
.okunma svg{width:14px;height:14px;color:var(--soluk)}
.col-tarih{display:flex;flex-direction:column;font-size:12.5px;color:var(--ikincil);white-space:nowrap}
.col-tarih .gncl{font-size:10.5px;color:var(--soluk)}
.sat-islem{display:inline-flex;gap:4px}
.sat-islem a,.sat-islem button{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;color:var(--soluk);background:transparent;border:1px solid transparent;cursor:pointer}
/* METİNLİ hap düğme (rozet-btn) ikon kutusuna SIĞMAZ. Ölçüldü (canlı
   /yonlendirme, 1360px, 56 hücre): "Duraklat" 30px kutuda 59px istiyor
   ve komşu düğmenin ÜSTÜNE BİNİYORDU. Üstteki kural özgüllük olarak
   `.rozet-btn`ten yüksek (0,1,1 > 0,1,0), bu yüzden metin düğme de ikon
   kutusuna sıkışıyordu. İkon düğmeler 30x30 KALIR; kural yalnız metinli
   hapı serbest bırakır. `.sat-islem` kullanan beş ekranı ilgilendirir:
   anketler-v2, reklam-slot-v2, rss, rss-v2, yonlendirme-v2. */
.sat-islem .rozet-btn{width:auto;height:auto;padding:3px 11px;place-items:unset}
/* Ayni kusur METINLI baglanti dugmesinde de var: 
    icinde SEKIZ ekranda kullaniliyor (galeri-v2, haberler,
   manset, planlama, roller-v2, tema-ozellestir-v2, tema-sec-v2,
   yonlendirme-v2) ve hepsinde 30px ikon kutusuna sikisiyor. Olculdu
   (tasma supurgesi, /yonlendirme): "Yonlendir" 30px kutuda 65px istiyor.
   IKONLU dugme (metinsiz) 30x30 KALIR. */
.sat-islem .dugme{width:auto;height:auto;place-items:unset}
.sat-islem a svg,.sat-islem button svg{width:16px;height:16px}
.sat-islem a:hover{background:var(--yzey2);color:var(--vurgu);border-color:var(--ciz)}
.sat-islem button.tehlike:hover{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(239,68,68,.3)}
.nowrap{white-space:nowrap}
.sil-form{display:inline-flex;margin:0}
.ikon-btn{width:30px;height:30px;border-radius:8px;display:inline-grid;place-items:center;color:var(--soluk);background:transparent;border:1px solid transparent;cursor:pointer;padding:0}
.ikon-btn svg{width:16px;height:16px}
.ikon-btn:hover{background:var(--yzey2);color:var(--vurgu);border-color:var(--ciz)}
.ikon-btn.tehlike:hover{background:rgba(239,68,68,.12);color:#f87171;border-color:rgba(239,68,68,.3)}
.ikon-btn.onay{color:var(--iyi)}
.ikon-btn.onay:hover{background:rgba(34,197,94,.12);color:#4ade80;border-color:rgba(34,197,94,.3)}
.yorum-metin{color:var(--ikincil);max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sat-form{margin:0;display:inline-flex;gap:6px;align-items:center}
.sira-input{width:58px;text-align:center}
.dugme.kucuk{padding:6px 11px;font-size:12px;border-radius:7px}
.alt-eposta{color:var(--soluk);font-size:12px;margin-top:2px}
.kart-liste{display:flex;flex-direction:column;gap:12px}
.bilgi-kart{margin-top:14px;color:var(--soluk);font-size:13px}
.rol-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rol-kod{color:var(--soluk);font-size:12px}
.rol-sag{display:flex;gap:10px;align-items:center}
.rol-acik{color:var(--soluk);font-size:13px;margin:6px 0 0}
.chip-grid{display:flex;flex-wrap:wrap;gap:6px}
.chip.statik{cursor:default}
.chip.etkin{color:var(--vurgu);border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.08)}
.rozet-btn{background:transparent;border:1px solid var(--ciz);border-radius:999px;padding:3px 11px;font:inherit;font-size:11.5px;font-weight:500;cursor:pointer;color:var(--soluk);transition:border-color .14s}
.rozet-btn:hover{border-color:var(--vurgu)}
.rozet-btn.aktif{color:#4ade80;background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.3)}
.plan-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.plan-say{color:var(--soluk);font-size:13px;text-align:right}.plan-say b{color:var(--metin)}

/* FORMLAR (shadcn) */
.form{max-width:780px}.f2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.f-tam{grid-column:1/-1}
/* DAR EKRANDA TEK SUTUN.  iki sutunluydu ve hicbir dar-ekran
   kurali YOKTU: 390px telefonda ic ice kartlarda sutun ~36px e
   dusuyor ve etiketler kutuya sigmiyordu. Olculdu (tasma supurgesi,
   /haber-yeni @390px): "Meta aciklama" 36px kutuda 53px,
   "Sosyal baslik (OG/Twitter)" 36px kutuda 79px istiyor.
   560px esigi: iki sutunun her biri en az ~250px kalsin. */
@media (max-width:560px){.f2{grid-template-columns:1fr}}
/* genelForm (sayfa oluşturucu + katalog/İmha kaydı CRUD formları) — yeni tasarım */
.gf-wrap{max-width:760px;margin:0 auto}
.gf-form{display:flex;flex-direction:column}
.gf-kart{padding:22px 24px}
.gf-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
@media(max-width:640px){.gf-izgara{grid-template-columns:1fr}}
.gf-alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.gf-tam{grid-column:1/-1}
.gf-alan>label{font-size:12.5px;font-weight:600;color:var(--metin)}
.gf-yildiz{color:#f87171;font-weight:700}
.gf-alan input,.gf-alan select,.gf-alan textarea{font:inherit;font-size:13.5px;padding:9px 12px;border-radius:9px;border:1px solid var(--ciz);background:var(--girinti);color:var(--metin);width:100%;transition:border-color .14s}
.gf-alan input::placeholder,.gf-alan textarea::placeholder{color:var(--soluk)}
.gf-alan input:focus,.gf-alan select:focus,.gf-alan textarea:focus{outline:none;border-color:var(--vurgu)}
.gf-alan textarea{resize:vertical;min-height:112px;line-height:1.5;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}
.gf-alan input[readonly]{opacity:.55;cursor:not-allowed}
.gf-ipucu{font-size:12px;color:var(--ikincil);line-height:1.5}
.gf-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:var(--girinti);border:1px solid var(--ciz);border-radius:10px}
.gf-toggle-ad{font-size:13px;font-weight:600;color:var(--metin)}
.gf-toggle-alt{font-size:11.5px;color:var(--ikincil);margin-top:2px}
.gf-cubuk{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:14px 0 4px;margin-top:16px;background:linear-gradient(180deg,transparent,var(--bg) 45%)}
.alan label{display:block;font-size:12px;color:var(--ikincil);margin-bottom:6px;font-weight:500}
.alan input,.alan textarea{width:100%;background:var(--girinti);border:1px solid var(--ciz);border-radius:8px;padding:10px 12px;color:var(--metin);font:inherit;transition:border-color .14s,box-shadow .14s}
.alan input:focus,.alan textarea:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.alan select{width:100%;padding:10px 34px 10px 12px}
.alan textarea{resize:vertical;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}

/* EKSIK-KISI UYARISI (köşe yazısı formu · ekranlar/kose-editor.js)
   Akan metinde ad ile düğme birbirine karışıyordu; ölçüldü: dar yan
   sütunda 266px kutuda 8 satır ve ikinci ad birinci düğmeden SONRA
   geliyordu. Her kişi kendi satırında: solda ad, sağda düğme. */
.yk-eksik{display:block}
.yk-eksik-bas{margin-bottom:6px}
.yk-eksik-liste{list-style:none;margin:0 0 6px;padding:0;display:grid;gap:4px}
.yk-eksik-liste li{display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:4px 6px;border:1px solid var(--ciz);border-radius:6px}
.yk-eksik-ad{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yk-imza-btn{flex:0 0 auto;padding:3px 9px;font-size:11.5px}
.yk-eksik-alt{color:var(--soluk)}
/* ---- HABER EDİTÖRÜ (iki kolon) ---- */
.hb-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
@media(max-width:960px){.hb-grid{grid-template-columns:minmax(0,1fr)}}
.hb-ana{display:flex;flex-direction:column;gap:14px;min-width:0}
.hb-yan{display:flex;flex-direction:column;gap:12px;position:sticky;top:80px}
.alan-bas{display:flex;align-items:baseline;justify-content:space-between}
.sayac{font-size:11.5px;color:var(--soluk)}.sayac.sari{color:var(--uyari)}.sayac.kirmizi{color:var(--kotu);font-weight:600}
.zorunlu-im{color:var(--kotu)}
/* Basit/Gelişmiş mod toggle */
.mod-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}
.mt-et{font-size:13px;color:var(--ikincil);font-weight:500}
/* Sürüm seçimi (Sade | Detaylı) segment */
.mod-secim{display:inline-flex;background:var(--girinti);border:1px solid var(--ciz);border-radius:10px;padding:3px;gap:3px}
.ms-btn{padding:6px 16px;border:0;background:transparent;color:var(--ikincil);border-radius:7px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .14s}
.ms-btn:hover{color:var(--metin)}
.ms-btn.etkin{background:var(--vurgu);color:#fff;box-shadow:0 1px 3px rgba(37,99,235,.35)}
.mt-anahtar{position:relative;display:inline-flex;width:42px;height:23px;flex:none}
.mt-anahtar input{position:absolute;opacity:0;width:0;height:0;margin:0}
.mt-kaydir{position:absolute;inset:0;background:var(--yzey2);border:1px solid var(--ciz);border-radius:999px;transition:.2s}
.mt-kaydir::before{content:"";position:absolute;left:2px;top:2px;width:17px;height:17px;background:var(--soluk);border-radius:50%;transition:transform .2s,background .2s}
.mt-anahtar input:checked+.mt-kaydir{background:rgba(59,130,246,.9);border-color:var(--vurgu)}
.mt-anahtar input:checked+.mt-kaydir::before{transform:translateX(19px);background:#fff}
/* mod görünürlük */
.hb-basit .gelismis-only{display:none!important}
/* ETİKET OLUŞTURUCU — chip + autocomplete */
.et-alan{position:relative}
.et-kutu{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:6px 8px;border:1px solid var(--ciz);border-radius:10px;background:var(--girinti);cursor:text;transition:border-color .15s,box-shadow .15s}
.et-kutu:focus-within{border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.et-cips{display:contents}
.et-cip{display:inline-flex;align-items:center;gap:4px;padding:3px 5px 3px 11px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:999px;font-size:12.5px;font-weight:600;color:var(--metin);white-space:nowrap}
.et-sil{border:0;background:transparent;color:var(--soluk);cursor:pointer;font-size:16px;line-height:1;padding:0 3px;border-radius:50%;transition:color .12s}
.et-sil:hover{color:var(--kotu,#dc2626)}
.et-giris{flex:1;min-width:120px;border:0;background:transparent;color:var(--metin);font:inherit;font-size:13.5px;outline:none;padding:4px 2px}
.et-giris::placeholder{color:var(--soluk)}
.et-oner{position:absolute;z-index:40;left:0;right:0;top:calc(100% + 5px);background:var(--yzey);border:1px solid var(--ciz);border-radius:11px;box-shadow:0 12px 34px rgba(0,0,0,.45);overflow:hidden;max-height:264px;overflow-y:auto}
.et-oner-o{display:flex;align-items:center;gap:8px;width:100%;padding:9px 13px;border:0;background:transparent;color:var(--metin);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.et-oner-o:hover{background:var(--yzey2)}
.et-oner-s{margin-left:auto;font-size:11px;font-weight:700;color:var(--soluk);background:var(--girinti);border-radius:999px;padding:1px 8px}
.et-yeni{color:var(--vurgu);border-top:1px solid var(--ciz)}.et-yeni b{color:var(--vurgu)}
/* MODUL1 · Modüller / Entegrasyonlar — 250+ ölçekli marketplace düzeni */
.mod-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.mo-plan{display:inline-block;padding:3px 10px;border-radius:999px;background:rgba(59,130,246,.14);border:1px solid var(--vurgu);color:var(--vurgu);font-size:12px;font-weight:700;vertical-align:middle}
.mo-say{font-size:13px;color:var(--soluk);white-space:nowrap;padding-top:6px}
.mo-say b{color:var(--metin);font-size:15px}
/* araç şeridi: arama + durum filtreleri */
.mod-arac{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.mod-ara{position:relative;flex:1;min-width:240px;display:flex;align-items:center}
.mod-ara svg{position:absolute;left:13px;width:17px;height:17px;color:var(--soluk);pointer-events:none}
.mod-ara input{width:100%;padding:11px 14px 11px 38px;border:1px solid var(--ciz);border-radius:11px;background:var(--yzey);color:var(--metin);font:inherit;font-size:13.5px;outline:none;transition:border-color .15s}
.mod-ara input:focus{border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.mod-ara input::-webkit-search-cancel-button{filter:invert(.5)}
.mod-filtre{display:inline-flex;gap:6px;padding:4px;background:var(--yzey);border:1px solid var(--ciz);border-radius:11px}
.mf-cip{min-height:32px;padding:7px 14px;border:0;background:transparent;color:var(--ikincil);border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .14s;white-space:nowrap}
.mf-cip:hover{color:var(--metin)}
.mf-cip.etkin{background:var(--vurgu);color:#fff;box-shadow:0 1px 3px rgba(37,99,235,.35)}
/* gövde: kategori rayı + kart alanı */
.mod-govde{display:flex;gap:20px;align-items:flex-start}
.mod-ray{flex:none;width:212px;position:sticky;top:14px;display:flex;flex-direction:column;gap:3px}
.mr-oge{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:9px 11px;border:0;background:transparent;color:var(--ikincil);border-radius:9px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left;transition:all .14s}
.mr-oge:hover{background:rgba(255,255,255,.04);color:var(--metin)}
.mr-oge.etkin{background:var(--yzey2);color:var(--metin)}
.mr-oge.etkin .mr-ik{color:var(--vurgu)}
.mr-ik{display:inline-flex;flex:none;color:var(--soluk)}
.mr-ik svg{width:18px;height:18px}
.mr-hep{font-size:15px;line-height:1}
.mr-ad{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mr-say{flex:none;font-size:12px;font-weight:700;color:var(--soluk);background:var(--yzey2);border-radius:999px;min-width:24px;text-align:center;padding:2px 8px}
.mr-oge.etkin .mr-say{background:var(--vurgu);color:#fff}
.mod-ana{flex:1;min-width:0}
.modul-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:12px}
.modul-kart{display:flex;flex-direction:column;gap:7px;padding:14px 15px;border:1px solid var(--ciz);border-radius:13px;background:var(--yzey);transition:border-color .16s,background .16s,box-shadow .16s}
.modul-kart[hidden]{display:none!important}
.modul-kart:hover{box-shadow:0 4px 16px rgba(0,0,0,.22)}
.modul-kart.d-etkin{border-color:var(--vurgu);background:linear-gradient(180deg,rgba(59,130,246,.07),transparent)}
.mk-ust{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mk-ad{font-size:13.5px;font-weight:700;color:var(--metin);line-height:1.25}
.mk-acik{font-size:12px;color:var(--soluk);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mk-alt{display:flex;align-items:center;gap:8px;margin-top:1px}
.mk-durum{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--soluk)}
.modul-kart.d-etkin .mk-durum{color:var(--vurgu)}
.mk-durum.bagli{color:#22c55e}
.modul-kart.d-kilitli{opacity:.7;background:repeating-linear-gradient(135deg,var(--yzey),var(--yzey) 10px,rgba(255,255,255,.02) 10px,rgba(255,255,255,.02) 20px)}
.mk-kilit{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--soluk);padding:3px 9px;border:1px solid var(--ciz);border-radius:999px;white-space:nowrap}
/* bağlantı (OAuth) tipi kart öğeleri */
.mk-rozet{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;white-space:nowrap}
.mk-tip{color:var(--ikincil);background:var(--yzey2);border:1px solid var(--ciz)}
.mk-yakinda{color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.4);letter-spacing:.02em}
.modul-kart.d-yakinda{opacity:.66}
.modul-kart.d-yakinda .mk-ad{color:var(--ikincil)}
.modul-kart.d-yakinda:hover{opacity:.85;box-shadow:none}
.mk-btn{font:inherit;font-size:12px;font-weight:700;min-height:32px;padding:6px 14px;border-radius:8px;cursor:pointer;border:1px solid var(--vurgu);transition:all .14s}
.mk-btn.baglan{background:var(--vurgu);color:#fff}
.mk-btn.baglan:hover{filter:brightness(1.08)}
.mk-btn.kes{background:transparent;color:var(--soluk);border-color:var(--ciz);padding:5px 12px;margin-left:auto}
.mk-btn.kes:hover{color:var(--kotu,#dc2626);border-color:var(--kotu,#dc2626)}
.modul-kart[data-tip="baglanti"].d-etkin{border-color:#22c55e;background:linear-gradient(180deg,rgba(34,197,94,.06),transparent)}
.mod-say-rozet{display:inline-block;vertical-align:middle;font-size:12px;font-weight:700;color:var(--soluk);background:var(--yzey2);border:1px solid var(--ciz);border-radius:999px;padding:1px 10px;margin-left:6px}
.mod-bos{padding:40px 0;text-align:center;color:var(--soluk);font-size:13.5px}
.mod-durum{position:fixed;right:18px;bottom:18px;z-index:60;padding:11px 16px;border-radius:11px;font-size:12.5px;font-weight:600;box-shadow:0 8px 26px rgba(0,0,0,.4)}
.mod-durum.ok{background:var(--vurgu);color:#fff}
.mod-durum.hata{background:var(--kotu,#dc2626);color:#fff}
/* MODUL AYARLARI (2026-10-03) — modul SECIMI ile modul DAVRANISI ayrildi.
   Dort ayar formu 44 kartin altinda tek bir dikey yiginda duruyordu;
   artik kendi baslikli bolumunde ve yan yana. minmax(340px,1fr): dar
   ekranda tek kolona dusup tasma uretmez. */
.mod-ayarlar{margin-top:30px;padding-top:22px;border-top:1px solid var(--ciz)}
.mod-ayar-bas{margin:0;font-size:16px;font-weight:700;color:var(--metin);letter-spacing:-.01em}
.mod-ayar-alt{margin:5px 0 16px;font-size:12.5px;color:var(--soluk);line-height:1.5;max-width:68ch}
.mod-ayar-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:14px;align-items:start}
.mod-ayar-izgara .gf-wrap{margin:0}
/* Kart yuksekligi: aciklamalar 1-3 satir arasi degisiyordu ve izgara
   satirlari diseli gorunuyordu. Aciklama alanina taban yukseklik. */
.mk-acik{min-height:36px}
/* Kit anahtari 42x23px; gorsel boyut DEGISMIYOR ama tiklanabilir alan
   32px tabana cikiyor (yalniz bu ekranda, kit geneline dokunmadan). */
.modul-kart .kt-anahtar{min-height:32px;align-items:center}
@media (max-width:820px){.mod-govde{flex-direction:column}.mod-ray{width:100%;position:static;flex-direction:row;flex-wrap:wrap}.mr-oge{width:auto}.modul-kart{padding:11px 12px;gap:5px}.mk-acik{min-height:0;-webkit-line-clamp:2}.mod-ayarlar{margin-top:22px;padding-top:16px}}
/* TEMA · katalog kartları (GÖREV A3) — modül kart dilinin görünüm ikizi */
.tema-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.tema-kart{display:flex;flex-direction:column;border:1px solid var(--ciz);border-radius:13px;background:var(--yzey);overflow:hidden;transition:border-color .16s,box-shadow .16s}
.tema-kart[hidden]{display:none!important}
.tema-kart:hover{box-shadow:0 4px 16px rgba(0,0,0,.22)}
.tema-kart.secili{border-color:var(--vurgu);box-shadow:0 0 0 2px rgba(59,130,246,.25)}
.tk-onizleme{position:relative;aspect-ratio:16/10;background:var(--yzey2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.tk-onizleme img{width:100%;height:100%;object-fit:cover;display:block}
.tk-yer{font-size:12px;color:var(--soluk);padding:0 12px;text-align:center}
.tk-aktif-rozet{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;color:#fff;background:var(--vurgu);border-radius:999px;padding:2px 9px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.tk-govde{display:flex;flex-direction:column;gap:8px;padding:12px 13px}
.tk-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}
.tk-ad{font-size:13.5px;font-weight:700;color:var(--metin)}
.tk-rozet{font-size:9.5px;font-weight:700;color:#f59e0b;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:1px 7px;white-space:nowrap}
.tk-meta{font-size:11.5px;color:var(--soluk);line-height:1.4}
.tk-btn{font:inherit;font-size:12px;font-weight:700;padding:7px 14px;margin-top:2px;border-radius:8px;cursor:pointer;border:1px solid var(--vurgu);background:var(--vurgu);color:#fff;transition:filter .14s}
.tk-btn:hover{filter:brightness(1.08)}
.tk-btn[disabled]{background:transparent;color:var(--vurgu);cursor:default;filter:none}
/* Yan panel AKORDEON grupları (detaylı mod) — dağınık kart yığınını düzenler */
.yan-grup{border:1px solid var(--ciz);border-radius:12px;background:var(--yzey);overflow:hidden}
.yg-bas{display:flex;align-items:center;gap:9px;padding:12px 14px;cursor:pointer;font-size:12.5px;font-weight:700;color:var(--metin);list-style:none;user-select:none}
.yg-bas::-webkit-details-marker{display:none}
.yg-ik{display:inline-flex;color:var(--vurgu)}
.yg-ik svg{width:16px;height:16px}
.yg-ok{margin-left:auto;width:7px;height:7px;border-right:2px solid var(--soluk);border-bottom:2px solid var(--soluk);transform:rotate(-45deg);transition:transform .18s}
.yan-grup[open]>.yg-bas .yg-ok{transform:rotate(45deg)}
.yan-grup[open]>.yg-bas{border-bottom:1px solid var(--ciz)}
.yg-bas:hover{background:rgba(255,255,255,.03)}
.yg-ic{padding:13px 14px;display:flex;flex-direction:column;gap:15px}
.yg-alan .yk-bas{margin-bottom:7px}
.yg-ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.yg-ic .alan{margin:0}
/* SADE MOD — tek kolon, merkezli, odaklı yazma yüzeyi */
.hb-basit .hb-grid{grid-template-columns:minmax(0,1fr);max-width:880px;margin:0 auto}
.hb-basit .hb-yan{position:static;top:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.hb-basit .hb-yan>.yayin-kart,.hb-basit .hb-yan>.onay-akisi-kart{grid-column:1 / -1}
.hb-basit .hb-baslik{font-size:1.55rem}
@media(max-width:640px){.hb-basit .hb-yan{grid-template-columns:1fr}}
/* mini toggle (son dakika, noindex) */
.mini-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;font-size:13px;color:var(--kenar-metin)}
.mt-anahtar.mini{width:38px;height:21px}
.mt-anahtar.mini .mt-kaydir::before{width:15px;height:15px}
.mt-anahtar.mini input:checked+.mt-kaydir::before{transform:translateX(17px)}
.son-dk-et{font-weight:600}
/* içerik türü */
/* İçerik türü — seçilebilir rozet/pill */
.tur-liste{display:flex;flex-wrap:wrap;gap:8px}
.tur-oge{position:relative;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border:1px solid var(--ciz);background:var(--girinti);color:var(--ikincil);border-radius:999px;font-size:12.5px;font-weight:600;cursor:pointer;user-select:none;transition:background .13s,border-color .13s,color .13s}
.tur-oge input{position:absolute;opacity:0;width:0;height:0}
.tur-oge::before{content:"";width:13px;height:13px;flex:none;border:1.5px solid var(--soluk);border-radius:4px;transition:all .13s}
.tur-oge:hover{border-color:var(--soluk);color:var(--metin)}
.tur-oge:has(input:checked){background:rgba(59,130,246,.14);border-color:var(--vurgu);color:var(--vurgu)}
.tur-oge:has(input:checked)::before{background:var(--vurgu);border-color:var(--vurgu);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E");background-size:11px;background-position:center;background-repeat:no-repeat}
.tur-oge:focus-within{box-shadow:0 0 0 3px rgba(59,130,246,.2)}
/* SEO puanı */
.seo-puan{margin:12px 0 4px}
.sp-bar{height:6px;background:var(--yzey2);border-radius:4px;overflow:hidden;margin-bottom:6px}
.sp-bar span{display:block;height:100%;background:var(--kotu);border-radius:4px;transition:width .25s,background .25s}
.sp-metin{font-size:12px;color:var(--soluk)}
.sp-metin.zayif{color:var(--kotu)}.sp-metin.orta{color:var(--uyari)}.sp-metin.iyi{color:var(--iyi)}
.sp-metin.orta~.sp-bar span,.sp-metin.iyi~.sp-bar span{background:currentColor}
.seo-puan:has(.sp-metin.iyi) .sp-bar span{background:var(--iyi)}
.seo-puan:has(.sp-metin.orta) .sp-bar span{background:var(--uyari)}
/* autosave göstergesi */
.yk-oto{font-size:11px;color:var(--soluk);text-align:center;padding-top:2px}
.hb-baslik{font-size:16px!important;font-weight:600;padding:12px 13px!important}
.permalink{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 4px;font-size:13px;color:var(--ikincil)}
.pl-et{color:var(--soluk)}
.pl-yol{color:var(--vurgu);font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}
.pl-oto{color:var(--soluk);font-style:italic}
.pl-input{flex:1;min-width:160px;background:var(--girinti);border:1px solid var(--ciz);border-radius:7px;padding:6px 10px;color:var(--metin);font:inherit;font-size:12.5px;font-family:ui-monospace,Menlo,Consolas,monospace}
.pl-input:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.14)}
.ipucu-satir{font-size:11.5px;color:var(--soluk);background:rgba(59,130,246,.06);border:1px solid rgba(59,130,246,.18);border-radius:8px;padding:7px 11px;margin:0 0 14px}
/* editör */
.editor{border:1px solid var(--ciz);border-radius:10px;overflow:hidden;background:var(--girinti)}
.editor-arac{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:7px 8px;background:var(--yzey2);border-bottom:1px solid var(--ciz)}
.editor-arac button{min-width:30px;height:30px;padding:0 8px;border:1px solid transparent;background:transparent;color:var(--ikincil);border-radius:7px;cursor:pointer;font:inherit;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.editor-arac button:hover{background:var(--yzey);color:#fff;border-color:var(--ciz)}
.ea-ayr{width:1px;height:18px;background:var(--ciz);margin:0 4px}
.editor-govde{min-height:280px;max-height:600px;overflow-y:auto;padding:16px 18px;color:var(--metin);font-size:14px;line-height:1.7;outline:none}
.editor-govde:empty::before{content:attr(data-ph);color:var(--soluk)}
.editor-govde h2{font-family:var(--serif);font-size:1.35rem;margin:.8em 0 .3em}
.editor-govde h3{font-family:var(--serif);font-size:1.12rem;margin:.7em 0 .3em}
.editor-govde p{margin:0 0 .8em}
.editor-govde blockquote{border-left:3px solid var(--vurgu);margin:.6em 0;padding:.2em 0 .2em 14px;color:var(--ikincil)}
.editor-govde a{color:var(--vurgu)}
.editor-govde ul,.editor-govde ol{margin:0 0 .8em;padding-left:22px}
.editor textarea{width:100%;border:0;background:var(--girinti);color:var(--metin);padding:14px 16px;min-height:280px;resize:vertical}
/* SEO kart */
.seo-kart{padding:0}
.seo-bas{cursor:pointer;list-style:none;padding:16px 20px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px}
.seo-bas::-webkit-details-marker{display:none}
.seo-bas::before{content:"▸";color:var(--soluk);transition:transform .15s}
.seo-kart[open] .seo-bas::before{transform:rotate(90deg)}
.seo-rozet{font-size:11px;color:var(--soluk);font-weight:500;border:1px solid var(--ciz);border-radius:100px;padding:1px 9px}
.seo-ic{padding:0 20px 20px}
/* sidebar kartları */
.hb-yan .kart{padding:14px 16px}
.yk-bas{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:600;margin-bottom:10px}
.yk-not{font-size:11.5px;color:var(--soluk);margin-top:8px}.yk-not a{color:var(--vurgu)}
.yayin-kart{display:flex;flex-direction:column;gap:8px}
.yayin-kart .yk-bas{margin-bottom:2px}
/* FAZ 7: Sürüm geçmişi */
.surum-kart .yk-bas{display:flex;align-items:center;gap:6px}
.sg-sayi{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--vurgu);color:#fff;font-size:10.5px;font-weight:700}
.sg-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}
.sg-oge{padding:8px 9px;border:1px solid var(--cizgi);border-radius:8px;background:var(--yuzey-2,rgba(0,0,0,.02))}
.sg-oge+.sg-oge{margin-top:0}
.sg-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}
.sg-surum{font-weight:700;font-size:12px;color:var(--vurgu)}
.sg-zaman{font-size:11px;color:var(--soluk);font-variant-numeric:tabular-nums}
.sg-aktor{font-size:11.5px;color:var(--metin);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sg-alan{font-size:11px;color:var(--soluk);margin-top:1px}
/* ONAY AKIŞI paneli */
.onay-akisi-kart{display:flex;flex-direction:column;gap:9px;border:1px solid var(--cizgi);border-radius:12px}
.oa-durum{display:flex;align-items:center}
.oa-cip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.01em}
.oa-cip::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.9}
.oa-cip.gri{background:rgba(100,116,139,.14);color:#475569}
.oa-cip.mavi{background:rgba(37,99,235,.13);color:#2563eb}
.oa-cip.sari{background:rgba(217,119,6,.15);color:#b45309}
.oa-cip.yesil{background:rgba(22,163,74,.15);color:#15803d}
.oa-cip.kirmizi{background:rgba(220,38,38,.13);color:#dc2626}
.oa-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:11.5px;color:var(--soluk)}
.oa-butonlar{display:flex;flex-direction:column;gap:7px}
.oa-butonlar .dugme{justify-content:center;width:100%}
.dugme.sari{background:#d97706;color:#fff;border-color:#d97706}
.dugme.sari:hover{background:#b45309}
.dugme.kirmizi{background:#dc2626;color:#fff;border-color:#dc2626}
.dugme.kirmizi:hover{background:#b91c1c}
.dugme.kirmizi.hafif{background:transparent;color:#dc2626;border-color:rgba(220,38,38,.4)}
.dugme.kirmizi.hafif:hover{background:rgba(220,38,38,.08)}
.oa-not{width:100%;padding:7px 9px;border:1px solid var(--cizgi);border-radius:8px;font-size:12px;background:var(--yuzey);color:var(--metin)}
.dur-salt{font-weight:600;font-size:13px;color:var(--metin);padding:2px 0}
/* N2 düzenleme kilidi bandı */
.kilit-band{display:flex;gap:11px;align-items:flex-start;margin:0 0 14px;padding:12px 15px;border-radius:11px;background:rgba(217,119,6,.1);border:1px solid rgba(217,119,6,.35);color:#92400e;font-size:13px;line-height:1.45}
.kilit-band .kb-ik{font-size:17px;line-height:1.2}
.kilit-band b{color:#b45309}
.kb-alt{color:#a16207;font-size:12px}
:root[data-theme="dark"] .kilit-band,:root:not([data-theme="light"]) .kilit-band{background:rgba(217,119,6,.14);color:#fcd9a5}
:root[data-theme="dark"] .kilit-band b,:root:not([data-theme="light"]) .kilit-band b{color:#fbbf24}
/* Durum — rozet/segment tasarımı */
.dur-secim{display:flex;flex-wrap:wrap;gap:6px}
.dur-pill{position:relative;cursor:pointer;user-select:none}
.dur-pill input{position:absolute;opacity:0;width:0;height:0}
.dur-pill span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--ciz);background:var(--girinti);color:var(--ikincil);transition:all .13s}
.dur-pill span::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}
.dur-pill:hover span{border-color:var(--soluk)}
.dur-pill input:focus-visible+span{box-shadow:0 0 0 3px rgba(59,130,246,.22)}
.dur-pill.gri input:checked+span{background:rgba(100,116,139,.16);color:#475569;border-color:rgba(100,116,139,.4)}
.dur-pill.yesil input:checked+span{background:rgba(22,163,74,.16);color:#15803d;border-color:rgba(22,163,74,.45)}
.dur-pill.mavi input:checked+span{background:rgba(37,99,235,.14);color:#2563eb;border-color:rgba(37,99,235,.45)}
.dur-pill.kirmizi input:checked+span{background:rgba(220,38,38,.13);color:#dc2626;border-color:rgba(220,38,38,.4)}
.dur-pill input:checked+span::before{opacity:1}
:root:not([data-theme="light"]) .dur-pill.gri input:checked+span{color:#cbd5e1}
:root:not([data-theme="light"]) .dur-pill.yesil input:checked+span{color:#4ade80}
:root:not([data-theme="light"]) .dur-pill.mavi input:checked+span{color:#60a5fa}
:root:not([data-theme="light"]) .dur-pill.kirmizi input:checked+span{color:#f87171}
.dur-rozet{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:700}
.dur-rozet::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.dur-rozet.gri{background:rgba(100,116,139,.16);color:#475569}
.dur-rozet.yesil{background:rgba(22,163,74,.16);color:#15803d}
.dur-rozet.mavi{background:rgba(37,99,235,.14);color:#2563eb}
.dur-rozet.kirmizi{background:rgba(220,38,38,.13);color:#dc2626}
/* Yayım tarihi — özel tasarım (ikonlu alan + hızlı ayar) */
.yayim-alan{display:flex;align-items:center;gap:9px;padding:2px 4px 2px 12px;border:1px solid var(--ciz);border-radius:10px;background:var(--girinti);transition:border-color .14s,box-shadow .14s}
.yayim-alan:focus-within{border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.yayim-ik{color:var(--vurgu);flex:none}
.yayim-alan input[type=datetime-local]{flex:1;width:auto;border:0!important;background:transparent!important;box-shadow:none!important;padding:9px 6px 9px 0;font-size:13.5px;font-weight:600;color:var(--metin)}
.yayim-alan input[type=datetime-local]:focus{outline:none;box-shadow:none!important}
.yayim-hizli{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
.yh-btn{padding:5px 11px;border:1px solid var(--ciz);background:var(--yzey2);color:var(--ikincil);border-radius:999px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .13s}
.yh-btn:hover{border-color:var(--vurgu);color:var(--vurgu);background:var(--girinti)}
.yh-btn.yh-temizle{margin-left:auto;color:var(--soluk)}
.yh-btn.yh-temizle:hover{border-color:#dc2626;color:#dc2626}
/* CKEditor sarmalayıcı + Bunny görsel butonu */
#hb-editor-sar{border:0;background:transparent;overflow:visible}
/* CKEditor CHROME — panel token'larıyla derin tema (moono-lisa üzerine) */
.cke_chrome{border:1px solid var(--ciz)!important;border-radius:11px!important;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)!important}
.cke_inner{background:var(--girinti)!important}
.cke_top{background:var(--yzey2)!important;border-bottom:1px solid var(--ciz)!important;padding:7px 8px!important;box-shadow:none!important}
.cke_bottom{background:var(--yzey2)!important;border-top:1px solid var(--ciz)!important;box-shadow:none!important;padding:4px 8px!important}
.cke_reset_all,.cke_reset_all *{font-family:'Plus Jakarta Sans',system-ui,sans-serif!important}
.cke_toolgroup,.cke_combo_button{background:transparent!important;border:0!important;box-shadow:none!important;margin:0 1px!important}
.cke_button{cursor:pointer!important;border-radius:7px!important;padding:5px 6px!important;margin:1px!important;transition:background .12s,color .12s}
.cke_button_icon{opacity:.72}
.cke_button:hover,.cke_button:focus,.cke_button_icon:hover{background:var(--girinti)!important;border-color:transparent!important}
.cke_button:hover .cke_button_icon{opacity:1}
.cke_button_on{background:rgba(59,130,246,.14)!important;box-shadow:none!important}
.cke_button_on .cke_button_icon{opacity:1}
.cke_button_on .cke_button_label{color:var(--vurgu)!important}
.cke_button_label,.cke_button__text,.cke_combo_text{color:var(--ikincil)!important;font-size:12.5px!important}
.cke_combo_button{border:1px solid var(--ciz)!important;border-radius:7px!important;background:var(--girinti)!important;padding:0 2px!important}
.cke_combo_button:hover{border-color:var(--soluk)!important}
.cke_combo_open .cke_combo_button{border-color:var(--vurgu)!important}
.cke_combo_text{line-height:26px!important;padding:0 8px!important}
.cke_combo_arrow{margin-top:11px!important;border-top-color:var(--soluk)!important}
.cke_toolbar_separator{background:var(--ciz)!important;margin:2px 5px!important}
.cke_resizer{border-color:transparent var(--soluk) transparent transparent!important}
/* Açılır paneller (Format/Renk vb.) — body seviyesinde render olur */
.cke_panel{border:1px solid var(--ciz)!important;border-radius:9px!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;overflow:hidden}
.cke_panel_frame{background:var(--yzey)!important}
.cke_combopanel{background:var(--yzey)!important}
/* Diyaloglar (Bağlantı/Görsel) — panel temasına yaklaştır */
.cke_dialog_body{border:1px solid var(--ciz)!important;border-radius:12px!important;background:var(--yzey)!important;box-shadow:0 20px 60px rgba(0,0,0,.3)!important}
.cke_dialog_title{background:var(--yzey2)!important;color:var(--metin)!important;border-bottom:1px solid var(--ciz)!important;font-family:'Plus Jakarta Sans',sans-serif!important}
.cke_dialog_contents{background:var(--yzey)!important}
.cke_dialog_ui_button{background:var(--vurgu)!important;border:0!important;border-radius:8px!important;color:#fff!important;box-shadow:none!important}
/* Koyu toolbar'da ikon sprite'ını görünür yap (JS luminance ile kd-cke-koyu). */
.kd-cke-koyu .cke_button_icon,.kd-cke-koyu .cke_combo_arrow{filter:invert(.9) hue-rotate(185deg) brightness(1.05)}
.editor-alt{display:flex;align-items:center;gap:12px;margin-top:8px;flex-wrap:wrap}
.ea-medya{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border:1px solid var(--ciz);background:var(--girinti);color:var(--ikincil);border-radius:8px;cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;transition:all .13s}
.ea-medya:hover{border-color:var(--vurgu);color:var(--vurgu)}
.ea-ipuc{font-size:11.5px;color:var(--soluk)}
.ea-medya svg{width:15px;height:15px;vertical-align:-2px}
/* Editör içi ikon boyutları (emoji yerine SVG) */
.son-dk-et{display:inline-flex;align-items:center;gap:7px}
.son-dk-et svg{width:15px;height:15px;color:#dc2626}
.kb-ik svg{width:18px;height:18px}
.oa-mi{display:inline-flex;align-items:center;gap:5px}
.oa-mi svg{width:13px;height:13px}
.dugme.kucuk svg{width:14px;height:14px;vertical-align:-2px;margin-right:2px}
/* ============ MEDYA KÜTÜPHANESİ MODAL (Bunny CDN) ============ */
.kmm{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}
.kmm[hidden]{display:none}
.kmm-arka{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(3px)}
.kmm-panel{position:relative;width:min(1120px,100%);max-height:92vh;display:flex;flex-direction:column;background:var(--yzey);border:1px solid var(--ciz);border-radius:14px;box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}
.kmm-ust{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--ciz)}
.kmm-baslik{display:inline-flex;align-items:center;gap:9px;font-family:var(--serif);font-weight:700;font-size:17px;color:var(--metin)}
.kmm-baslik svg{width:19px;height:19px;color:var(--vurgu)}
.kmm-cdn{font-size:10px;font-weight:700;letter-spacing:.03em;color:#f59e0b;border:1px solid rgba(245,158,11,.4);border-radius:999px;padding:2px 8px;text-transform:uppercase}
.kmm-kapat{margin-left:auto;display:inline-flex;padding:7px;border:0;background:transparent;color:var(--ikincil);border-radius:8px;cursor:pointer}
.kmm-kapat:hover{background:var(--girinti);color:var(--metin)}
.kmm-kapat svg{width:20px;height:20px}
/* Sekmeler */
.kmm-sekmeler{display:flex;gap:2px;padding:0 20px;border-bottom:1px solid var(--ciz)}
.kmm-sekme{padding:11px 16px;border:0;background:transparent;color:var(--soluk);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.kmm-sekme:hover{color:var(--ikincil)}
.kmm-sekme.etkin{color:var(--metin);border-bottom-color:var(--vurgu)}
/* Gövde: sol (ızgara) + sağ (detay) */
.kmm-govde{flex:1;display:flex;min-height:0}
.kmm-sol{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}
.kmm-tab{flex:1;min-height:0;display:flex;flex-direction:column}
.kmm-tab[hidden]{display:none}
.kmm-tab-yukle{padding:20px;overflow-y:auto}
.kmm-tab-kutup{min-height:0}
.kmm-birak{flex:1;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;border:2px dashed var(--ciz);border-radius:14px;background:var(--girinti);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.kmm-birak:hover,.kmm-birak.suru{border-color:var(--vurgu);background:rgba(59,130,246,.06)}
.kmm-birak b{font-size:15px;color:var(--metin)}
.kmm-yik svg{width:34px;height:34px;color:var(--vurgu)}
.kmm-yet{font-size:13px;color:var(--soluk)}
.kmm-durum{font-size:12.5px;color:var(--vurgu);min-height:16px;margin-top:4px}
.kmm-tab-yukle{padding:18px;overflow-y:auto;gap:14px;justify-content:flex-start}
.kmm-birak{flex:none;min-height:150px;padding:28px}
.kmm-yuklenenler{border-top:1px solid var(--ciz);padding-top:12px}
.kmm-yl-bas{font-size:11.5px;font-weight:600;color:var(--ikincil);margin-bottom:9px}
.kmm-yl-ipuc{color:var(--soluk);font-weight:400}
.kmm-yl-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.kmm-yl-izgara img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px;border:1px solid var(--ciz);background:var(--yzey2)}
.kmm-arac{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--ciz)}
.kmm-ara{margin-left:auto;display:flex;align-items:center;gap:7px;background:var(--girinti);border:1px solid var(--ciz);border-radius:9px;padding:0 10px}
.kmm-ara svg{width:15px;height:15px;color:var(--soluk)}
.kmm-ara input{border:0;background:transparent;color:var(--metin);font:inherit;font-size:13px;padding:8px 2px;width:200px;outline:none}
.kmm-izgara{flex:1;min-height:120px;max-height:60vh;overflow-y:auto;padding:16px 18px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-auto-rows:min-content;gap:10px;align-content:start}
.kmm-oge{position:relative;border:1px solid var(--ciz);background:var(--girinti);border-radius:8px;overflow:hidden;cursor:pointer;padding:0;aspect-ratio:1/1}
.kmm-oge img{width:100%;height:100%;object-fit:cover;display:block;background:var(--yzey2)}
.kmm-oge:hover{border-color:var(--soluk)}
.kmm-oge.secili{border-color:var(--vurgu);box-shadow:0 0 0 2px var(--vurgu)}
.kmm-tik{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:6px;background:var(--vurgu);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.kmm-tik svg{width:14px;height:14px}
.kmm-oge.secili .kmm-tik{display:flex}
.kmm-oge{margin:0}
.kmm-bos{grid-column:1/-1;padding:50px 20px;text-align:center;color:var(--soluk);font-size:13px}
/* Modal library: breadcrumb + klasör kartı + filtre (dosya-yöneticisi tarzı) */
.kmm-arac{flex-wrap:wrap;gap:8px}
.kmm-yol{display:flex;align-items:center;gap:1px;flex-wrap:wrap;flex:1;min-width:120px}
.kmm-bc{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid transparent;background:transparent;color:var(--ikincil);border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.kmm-bc:hover{background:var(--girinti);color:var(--metin)}
.kmm-bc.drop-hedef{border-color:var(--vurgu);background:rgba(59,130,246,.14)}
.kmm-bc-ay{color:var(--soluk)}
.kmm-yeni-kls{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px dashed var(--ciz);background:transparent;color:var(--vurgu);border-radius:8px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.kmm-yeni-kls svg{width:14px;height:14px}
.kmm-yeni-kls:hover{background:rgba(59,130,246,.07)}
.kmm-filtre{padding:6px 10px;font-size:12.5px;min-width:120px}
.kmm-klasor{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1/1;padding:12px;border:1px solid var(--ciz);background:var(--girinti);border-radius:8px;cursor:pointer;color:var(--kenar-metin);font:inherit}
.kmm-klasor:hover{border-color:var(--soluk)}
.kmm-klasor.drop-hedef{border-color:var(--vurgu);box-shadow:0 0 0 2px var(--vurgu);background:rgba(59,130,246,.08)}
.kmm-klasor>svg{width:38px;height:38px;color:#f5b301;stroke:#f5b301}
.kmm-kl-ad{font-size:12px;font-weight:600;color:var(--metin);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kmm-kl-say{font-size:10.5px;color:var(--soluk)}
/* Yükleme modunda: detay paneli + Seç alt-barı gizli (iki ekran ayrı) */
.kmm-yukle-modu .kmm-detay,.kmm-yukle-modu .kmm-alt{display:none}
.kmm-sayac{padding:9px 18px;border-top:1px solid var(--ciz);font-size:12px;color:var(--soluk)}
/* Sağ detay paneli */
.kmm-detay{width:300px;flex:none;border-left:1px solid var(--ciz);background:var(--yzey2);overflow-y:auto;padding:18px}
.kmm-d-bos{color:var(--soluk);font-size:13px;text-align:center;padding:40px 10px}
.kmm-d-bas{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:700;margin-bottom:12px}
.kmm-d-on{width:100%;border-radius:9px;border:1px solid var(--ciz);margin-bottom:12px;background:var(--girinti);max-height:180px;object-fit:contain}
.kmm-d-ad{font-size:13px;font-weight:600;color:var(--metin);word-break:break-word;margin-bottom:4px}
.kmm-d-meta{font-size:12px;color:var(--soluk);margin-bottom:12px}
.kmm-d-sil{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#dc2626;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:0;margin-bottom:16px}
.kmm-d-sil svg{width:14px;height:14px}
.kmm-d-sil:hover{text-decoration:underline}
.kmm-d-alan{display:block;margin-bottom:12px}
.kmm-d-alan span{display:block;font-size:11.5px;color:var(--ikincil);margin-bottom:5px;font-weight:600}
.kmm-d-alan input{width:100%}
/* Alt bar */
.kmm-alt{display:flex;align-items:center;gap:14px;padding:13px 20px;border-top:1px solid var(--ciz);background:var(--yzey2)}
.kmm-alt-bilgi{font-size:12.5px;color:var(--soluk);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kmm-sec{min-width:120px;justify-content:center}
.kmm-sec:disabled{opacity:.45;cursor:not-allowed}
/* Klasör çubuğu */
.kmm-arac{flex-wrap:wrap}
.kmm-klasorler{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kmm-kchip{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:1px solid var(--ciz);background:var(--girinti);color:var(--ikincil);border-radius:999px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}
.kmm-kchip:hover{border-color:var(--soluk);color:var(--metin)}
.kmm-kchip.etkin{background:var(--vurgu);color:#fff;border-color:var(--vurgu)}
.kc-say{font-size:10.5px;opacity:.8;font-weight:700}
.kmm-kchip.etkin .kc-say{opacity:.9}
.kmm-kchip.kc-yeni{border-style:dashed;color:var(--vurgu)}
.kmm-kchip.kc-yeni:hover{background:rgba(59,130,246,.08)}
.kmm-kchip.drop-hedef{border-color:var(--vurgu);background:rgba(59,130,246,.18);box-shadow:0 0 0 2px var(--vurgu)}
.kmm-oge[draggable]{cursor:grab}.kmm-oge[draggable]:active{cursor:grabbing}
/* Detay: textarea + URL + kayıt durumu */
.kmm-d-alan textarea{width:100%;background:var(--girinti);border:1px solid var(--ciz);border-radius:8px;padding:8px 10px;color:var(--metin);font:inherit;font-size:13px;resize:vertical;min-height:44px}
.kmm-d-alan textarea:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.kmm-d-url{display:flex;gap:6px;margin-bottom:8px}
.kmm-d-url input{flex:1;min-width:0;font-size:11.5px;color:var(--soluk)}
.kmm-d-kopya{flex:none;padding:0 12px;border:1px solid var(--ciz);background:var(--girinti);color:var(--ikincil);border-radius:8px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.kmm-d-kopya:hover{border-color:var(--vurgu);color:var(--vurgu)}
.kmm-d-kayit{font-size:11.5px;color:var(--iyi);min-height:15px;font-weight:600}
@media(max-width:720px){.kmm-detay{display:none}.kmm-ara input{width:130px}}
/* ============ MEDYA KÜTÜPHANESİ — TAM SAYFA YÖNETİCİ ============ */
.mk{display:grid;grid-template-columns:224px minmax(0,1fr) 300px;gap:16px;align-items:start}
.mk-yan{position:sticky;top:80px;display:flex;flex-direction:column;gap:4px;background:var(--yzey);border:1px solid var(--ciz);border-radius:12px;padding:14px}
.mk-yan-bas{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:700;padding:2px 8px 8px}
.mk-klasorler{display:flex;flex-direction:column;gap:2px}
.mk-kl{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid transparent;background:transparent;color:var(--kenar-metin);border-radius:9px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}
.mk-kl:hover{background:rgba(255,255,255,.05)}
.mk-kl.etkin{background:rgba(59,130,246,.13);color:var(--metin)}
.mk-kl.drop-hedef{border-color:var(--vurgu);background:rgba(59,130,246,.14)}
.mk-kl-ad{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-kl-say{font-size:11px;color:var(--soluk);font-weight:700;background:var(--girinti);border-radius:999px;padding:1px 8px}
.mk-kl.etkin .mk-kl-say{color:var(--vurgu)}
.mk-yeni{margin-top:8px;padding:8px 10px;border:1px dashed var(--ciz);background:transparent;color:var(--vurgu);border-radius:9px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
.mk-yeni:hover{background:rgba(59,130,246,.07);border-color:var(--vurgu)}
.mk-ipuc{font-size:11px;color:var(--soluk);padding:10px 8px 2px;line-height:1.4}
.mk-ust-sag{display:flex;align-items:center;gap:12px}
.mk-ust-sag .mk-durum{font-size:12.5px;color:var(--vurgu);font-weight:600}
.mk-orta{min-width:0;display:flex;flex-direction:column;gap:12px;border-radius:12px;transition:box-shadow .12s,background .12s}
.mk-orta.mk-suru{box-shadow:0 0 0 2px var(--vurgu) inset;background:rgba(59,130,246,.05)}
.mk-orta.mk-suru::before{content:"Dosyaları bırakın — bu klasöre yüklenir";position:sticky;top:0;z-index:2;display:block;padding:8px;text-align:center;font-size:12.5px;font-weight:600;color:var(--vurgu);background:rgba(59,130,246,.12);border-radius:8px}
.mk-arac{display:flex;align-items:center;gap:12px}
.mk-baslik-akt{font-family:var(--serif);font-weight:700;font-size:16px;color:var(--metin)}
.mk-ara{margin-left:auto;display:flex;align-items:center;gap:7px;background:var(--girinti);border:1px solid var(--ciz);border-radius:9px;padding:0 10px}
.mk-ara svg{width:15px;height:15px;color:var(--soluk)}
.mk-ara input{border:0;background:transparent;color:var(--metin);font:inherit;font-size:13px;padding:8px 2px;width:220px;outline:none}
.mk-birak{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border:2px dashed var(--ciz);border-radius:12px;background:var(--girinti);cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.mk-birak:hover,.mk-birak.suru{border-color:var(--vurgu);background:rgba(59,130,246,.06)}
.mk-birak-ik svg{width:24px;height:24px;color:var(--vurgu)}
.mk-birak-metin{font-size:13px;color:var(--soluk)}.mk-birak-metin b{color:var(--metin)}
.mk-durum{font-size:12.5px;color:var(--vurgu);font-weight:600}
.mk-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}
.mk-oge{position:relative;margin:0;border:1px solid var(--ciz);background:var(--yzey);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .12s,box-shadow .12s,transform .12s}
.mk-oge:hover{border-color:var(--soluk)}
.mk-oge.secili{border-color:var(--vurgu);box-shadow:0 0 0 2px var(--vurgu)}
.mk-oge img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:var(--yzey2);pointer-events:none}
.mk-oge figcaption{padding:7px 9px;font-size:11px;color:var(--ikincil);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mk-oge .mk-tik{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:6px;background:var(--vurgu);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 1px 4px rgba(0,0,0,.35)}
.mk-oge .mk-tik svg{width:14px;height:14px}
.mk-oge.secili .mk-tik{display:flex}
.mk-oge[draggable]:active{cursor:grabbing}
.mk-bos{grid-column:1/-1;padding:50px 20px;text-align:center;color:var(--soluk);font-size:13px;border:1px dashed var(--ciz);border-radius:12px}
.mk-detay{position:sticky;top:80px;background:var(--yzey);border:1px solid var(--ciz);border-radius:12px;padding:18px}
.mk-d-bos{color:var(--soluk);font-size:13px;text-align:center;padding:40px 10px}
.mk-d-bas{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);font-weight:700;margin-bottom:12px}
.mk-d-on{width:100%;border-radius:9px;border:1px solid var(--ciz);margin-bottom:12px;background:var(--girinti);max-height:200px;object-fit:contain}
.mk-d-ad{font-size:13px;font-weight:600;color:var(--metin);word-break:break-word;margin-bottom:4px}
.mk-d-meta{font-size:12px;color:var(--soluk);margin-bottom:12px}
.mk-d-sil{display:inline-flex;align-items:center;gap:6px;background:transparent;border:0;color:#dc2626;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;padding:0;margin-bottom:16px}
.mk-d-sil svg{width:14px;height:14px}
.mk-d-sil:hover{text-decoration:underline}
/* Klasör AĞACI (sol) */
.mk-agac{display:flex;flex-direction:column;gap:1px;max-height:52vh;overflow-y:auto}
.mk-tn{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid transparent;background:transparent;color:var(--kenar-metin);border-radius:8px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,border-color .12s}
.mk-tn svg{width:16px;height:16px;color:var(--soluk);flex:none}
.mk-tn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-tn:hover{background:rgba(255,255,255,.05)}
.mk-tn.etkin{background:rgba(59,130,246,.13);color:var(--metin)}
.mk-tn.etkin svg{color:var(--vurgu)}
.mk-tn.drop-hedef{border-color:var(--vurgu);background:rgba(59,130,246,.16)}
/* Breadcrumb (yol) */
.mk-yol{display:flex;align-items:center;gap:2px;flex-wrap:wrap;flex:1;min-width:0}
.mk-bc{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border:1px solid transparent;background:transparent;color:var(--ikincil);border-radius:8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.mk-bc svg{width:15px;height:15px}
.mk-bc:hover{background:var(--girinti);color:var(--metin)}
.mk-bc.son{color:var(--metin)}
.mk-bc.drop-hedef{border-color:var(--vurgu);background:rgba(59,130,246,.14)}
.mk-bc-ay{color:var(--soluk);font-size:13px}
/* Klasör kartı (ızgarada) */
.mk-kls{position:relative;border:1px solid var(--ciz);background:var(--girinti);border-radius:10px;overflow:hidden;transition:border-color .12s,box-shadow .12s}
.mk-kls:hover{border-color:var(--soluk)}
.mk-kls.drop-hedef{border-color:var(--vurgu);box-shadow:0 0 0 2px var(--vurgu);background:rgba(59,130,246,.08)}
.mk-kls-ac{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;aspect-ratio:1/1;padding:14px;border:0;background:transparent;color:var(--kenar-metin);cursor:pointer;font:inherit}
.mk-kls-ac>svg{width:46px;height:46px;color:#f5b301;stroke:#f5b301}
.mk-kls-ad{font-size:12.5px;font-weight:600;color:var(--metin);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-kls-say{font-size:11px;color:var(--soluk)}
.mk-kls-sil{position:absolute;top:6px;right:6px;width:24px;height:24px;display:none;align-items:center;justify-content:center;border:0;background:rgba(0,0,0,.5);color:#fff;border-radius:7px;cursor:pointer}
.mk-kls-sil svg{width:13px;height:13px}
.mk-kls:hover .mk-kls-sil{display:flex}
.mk-kls-sil:hover{background:#dc2626}
@media(max-width:1100px){.mk{grid-template-columns:210px minmax(0,1fr)}.mk-detay{display:none}}
@media(max-width:720px){.mk{grid-template-columns:1fr}.mk-yan{position:static}.mk-agac{max-height:200px}}
/* 2026-09-20 - BIRINCIL DUGME TEK GORUNUM (olculen tutarsizlik)
   Olcum: kitForm ekranlari birincil eylemi `.dugme.birincil` ile cizer
   (35-taban-scrollbar.css:10 - `--vurgu`, 1px cerceve, r=8, 8/13 dolgu,
   font: inherit). Iki editor (haber-editor.js:469, kose-editor.js:161)
   ise AYNI islemi `.dugme.yesil` ile ciziyordu: sabit yesil, cerceve YOK,
   r=9, 11px dolgu, 14px yazi - yani "Kaydet" panelde IKI FARKLI dugme
   gibi gorunuyordu; yanindaki "Kaydet & Duzenle" (.dugme.mavi) UCUNCU bir
   geometri tasiyordu ve "Iptal" duz, soluk bir BAGLANTI idi (hiyerarsi yok).
   DUZEN (buyuk yeniden tasarim YOK, yalniz tutarlilik):
     birincil  = `.birincil` ile AYNI geometri; `.yesil` KAYDET anlamini
                 koruyan tek vurgu rengi olarak kalir,
     ikincil   = `.mavi` artik NOTR yuzey + cerceve (ayni geometri),
     iptal     = artik gercek bir ikincil dugme gorunumu (soluk baglanti degil).
   Sira sozlesmesi: dikey yigin -> birincil, ikincil, iptal (en altta);
   yatay cubuk (.gf-cubuk) -> iptal solda, birincil SAGDA (kitForm ile ayni). */
.dugme.yesil{background:var(--iyi);color:#fff;border:1px solid var(--iyi);justify-content:center;padding:9px 13px;font:inherit;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer}
.dugme.yesil:hover{filter:brightness(.93)}
.dugme.mavi{background:var(--yzey2);color:var(--metin);border:1px solid var(--ciz);justify-content:center;padding:9px 13px;font:inherit;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer}
.dugme.mavi:hover{border-color:var(--vurgu);color:var(--vurgu)}
.yk-iptal{display:block;text-align:center;color:var(--soluk);font-size:13px;font-weight:600;padding:9px 13px;border:1px solid var(--ciz);border-radius:8px;background:transparent}
.yk-iptal:hover{color:var(--metin);border-color:var(--vurgu)}
.hb-yan input[type=datetime-local],.hb-yan select,.hb-yan input[type=text],.hb-yan input:not([type]){width:100%}
/* öne çıkan görsel */
.gorsel-onizleme{width:100%;aspect-ratio:16/9;border:1px solid var(--ciz);border-radius:9px;overflow:hidden;background:var(--girinti);display:grid;place-items:center;margin-bottom:9px}
.gorsel-onizleme img{width:100%;height:100%;object-fit:cover}
.gorsel-onizleme[data-bos] .go-bos{color:var(--soluk);font-size:12.5px}
.gorsel-arac{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.go-durum{font-size:11.5px;color:var(--soluk)}
/* Google önizleme */
/* ========= ARAMA ÖNİZLEME — çok motorlu (Google/Bing/Yandex/DuckDuckGo) ========= */
.ao-mot{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.ao-mot-b{padding:5px 11px;border:1px solid var(--ciz);background:var(--girinti);color:var(--ikincil);border-radius:999px;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .12s}
.ao-mot-b:hover{color:var(--metin)}
.ao-mot-b.etkin{background:var(--metin);color:var(--bg);border-color:var(--metin)}
/* snippet — gerçek SERP gibi AÇIK yüzey (koyu panelde de beyaz kart) */
.ao-kart{background:#fff;padding:12px 14px;font-family:arial,-apple-system,system-ui,sans-serif;position:relative}
.ao-onizleme .ao-kart{border:1px solid #dfe1e5;border-radius:10px}
.ao-kunye{display:flex;align-items:center;gap:9px;margin-bottom:5px}
.ao-fav{width:26px;height:26px;border-radius:50%;background:#4285f4;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:700;flex:none}
.ao-kunye-i{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.ao-sad{font-size:13px;color:#202124}
.ao-url{font-size:12px;color:#5f6368;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao-bas{display:block;font-size:19px;line-height:1.3;color:#1a0dab;margin:2px 0 3px;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ao-bas:hover{text-decoration:underline}
.ao-ac{font-size:14px;line-height:1.58;color:#4d5156;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ao-tarih{color:#70757a}
/* MOTOR-BAZLI YAPI FARKLARI (renk + font + URL konumu + favicon şekli) */
.ao-google{font-family:"Roboto",arial,sans-serif}
.ao-google .ao-bas{font-size:20px;font-weight:400}
.ao-google .ao-fav{border-radius:50%}
/* Bing: URL breadcrumb ÜSTTE, Segoe UI, uzun açıklama */
.ao-bing{font-family:"Open Sans","Segoe UI",-apple-system,system-ui,sans-serif}
.ao-bing .ao-bas{color:#3d00a6;font-size:20px;line-height:1.3;font-weight:400;margin:1px 0 3px}
.ao-bing .ao-fav{background:#008373;border-radius:5px}
.ao-bing .ao-ac{-webkit-line-clamp:3;color:#525960;font-size:14px}
.ao-b-ust{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.ao-b-ust .ao-fav{width:16px;height:16px;font-size:9px;border-radius:4px}
.ao-b-site{font-size:13px;color:#202124}
.ao-b-url{font-size:13px;color:#0a7c34;margin:1px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Yandex: başlık ÜSTTE → YEŞİL url + ▾ → açıklama → tarih satırı */
.ao-yandex{font-family:"Inter",arial,sans-serif}
.ao-yandex .ao-bas{color:#0b57d0;font-size:18px;font-weight:500;line-height:1.3}
.ao-yandex .ao-fav{background:#f00;width:16px;height:16px;font-size:9px;border-radius:3px}
.ao-yandex .ao-ac{color:#333;font-size:13.5px}
.ao-y-ust{display:flex;align-items:center;gap:7px;margin-bottom:5px}
.ao-y-ust .ao-fav{width:16px;height:16px;font-size:9px;border-radius:4px}
.ao-y-site{font-size:13px;color:#202124}
.ao-y-alt{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:13px}
.ao-yurl{color:#0c5a2e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao-menu{margin-left:auto;flex:none;color:#5f6368;display:inline-flex;align-self:flex-start}
.ao-menu svg{width:16px;height:16px;fill:currentColor}
.ao-y-alt .ao-menu{align-self:center;color:#9aa0a6}
/* DuckDuckGo: favicon+site ÜSTTE → başlık → YEŞİL düz link → açıklama (havadar) */
.ao-ddg{font-family:"Nunito Sans",-apple-system,system-ui,"Helvetica Neue",sans-serif}
.ao-ddg .ao-bas{color:#1858a5;font-size:22px;line-height:1.2;font-weight:400;margin:0 0 4px}
.ao-ddg .ao-fav{background:#de5833;width:20px;height:20px;font-size:11px;border-radius:5px}
.ao-ddg .ao-ac{color:#3f4247;font-size:14.4px;line-height:1.45}
.ao-d-ust{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ao-d-site{font-size:13px;color:#3d5f7f}
.ao-d-link{font-size:13.5px;color:#6b7075;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ao-buyut{width:100%;margin-top:10px;padding:8px;border:1px solid var(--ciz);background:var(--girinti);color:var(--vurgu);border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.ao-buyut svg{width:14px;height:14px}
.ao-buyut:hover{border-color:var(--vurgu);background:rgba(59,130,246,.07)}
.ao-vurgu{box-shadow:0 0 0 2px #34a853;border-radius:10px}
.ao-rozet{position:absolute;top:0;right:0;background:#34a853;color:#fff;font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:0 10px 0 10px}
/* MODAL — büyük SERP (sıralamada gör) */
.ao-modal{position:fixed;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px}
.ao-modal[hidden]{display:none}
.ao-arka{position:absolute;inset:0;background:rgba(0,0,0,.66);backdrop-filter:blur(3px)}
.ao-panel{position:relative;width:min(760px,100%);max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.ao-panel-ust{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f1f3f4;border-bottom:1px solid #dfe1e5}
.ao-panel-ust .ao-mot{margin:0}
.ao-panel-ust .ao-mot-b{background:#fff;border-color:#dadce0;color:#3c4043}
.ao-panel-ust .ao-mot-b.etkin{background:#1a73e8;color:#fff;border-color:#1a73e8}
.ao-kapat{margin-left:auto;display:inline-flex;padding:6px;border:0;background:transparent;color:#5f6368;border-radius:8px;cursor:pointer}
.ao-kapat:hover{background:#e8eaed}.ao-kapat svg{width:20px;height:20px}
.ao-serp{overflow-y:auto}
.ao-serp-ust{padding:20px 24px 8px}
.ao-logo{font-size:24px;font-weight:700;color:#4285f4;margin-bottom:12px;font-family:arial,sans-serif}
.ao-serp-ust.ao-bing .ao-logo{color:#008373}.ao-serp-ust.ao-yandex .ao-logo{color:#f00}.ao-serp-ust.ao-ddg .ao-logo{color:#de5833}
.ao-serp-ust.ao-google .ao-logo{letter-spacing:-1px;font-family:"Roboto",arial,sans-serif}
.ao-ddg-logo{display:inline-flex;align-items:center;gap:7px}
.ao-kutu{max-width:540px;border:1px solid #dfe1e5;border-radius:24px;padding:11px 18px;font-size:15px;color:#202124;display:flex;align-items:center;gap:10px;box-shadow:0 1px 6px rgba(32,33,36,.12)}
.ao-kutu-ik{margin-left:auto;color:#4285f4;display:inline-flex}.ao-kutu-ik svg{width:18px;height:18px}
.ao-serp-bilgi{font-size:12px;color:#70757a;padding:8px 24px 14px}
.ao-serp-liste{padding:0 24px 24px;display:flex;flex-direction:column;gap:22px}
.ao-serp-liste .ao-kart{padding:0;border:0}
.ao-serp-liste .ao-vurgu{padding:13px 15px;background:#f6fbf7}
/* editör içi görsel */
.editor-govde figure{margin:1em 0}.editor-govde img{max-width:100%;height:auto;border-radius:8px}
.editor-arac button[data-gorsel]{font-size:12px;gap:4px}
.grup{margin:24px 0 4px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--vurgu);font-weight:600;border-top:1px solid var(--ciz);padding-top:18px}
.f-ust{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}
.cips{display:flex;gap:8px;margin:0 0 18px;flex-wrap:wrap}
.chip{font-size:12px;padding:6px 13px;border-radius:100px;background:var(--yzey2);border:1px solid var(--ciz);color:var(--ikincil)}.chip.etkin{color:var(--vurgu);border-color:rgba(59,130,246,.45);background:rgba(59,130,246,.08)}
.mini-sec{font-size:12px;padding:4px 7px;background:var(--girinti);border:1px solid var(--ciz);border-radius:6px;color:var(--metin)}
.yk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:9px;margin-top:8px}
.yk{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:9px;cursor:pointer}
.yk input{margin-top:3px}.yk:hover{border-color:var(--vurgu2)}
.kd-toast{position:fixed;top:74px;right:22px;z-index:50;max-width:340px;background:var(--yzey2);border:1px solid var(--ciz);border-left:3px solid var(--vurgu);border-radius:11px;padding:13px 16px;font-size:13px;color:var(--metin);box-shadow:0 14px 40px -12px rgba(0,0,0,.6);transform:translateX(120%);opacity:0;transition:transform .3s,opacity .3s}
.kd-toast.gor{transform:translateX(0);opacity:1}
/* canlı liste tazeleme vurgusu */
@keyframes canliFlash{0%{background:rgba(59,130,246,.16)}100%{background:transparent}}
.canli-flash>tr:first-child td,.canli-flash>*:first-child{animation:canliFlash 1.1s ease-out}
@media(prefers-reduced-motion:reduce){.canli-flash>tr:first-child td,.canli-flash>*:first-child{animation:none}}
/* AJAX geçiş — üst yükleme çubuğu */
.kd-yukleniyor::before{content:"";position:fixed;left:0;top:0;height:2px;width:100%;z-index:100;background:linear-gradient(90deg,transparent,var(--vurgu),var(--pembe),var(--vurgu),transparent);background-size:200% 100%;animation:kdYuk 1s linear infinite}
@keyframes kdYuk{0%{background-position:100% 0}100%{background-position:-100% 0}}
.kd-yukleniyor main{opacity:.6;transition:opacity .1s}
@media(prefers-reduced-motion:reduce){.kd-toast{transition:none}}

/* ============================================================
   ANASAYFA DÜZENLEYİCİ · sürükle-bırak (yerlesim-builder.js)
   ============================================================ */
.yb-arac{display:flex;gap:8px;align-items:center}
.yb-kaydet-btn{background:var(--vurgu);color:#fff;border:1px solid var(--vurgu);border-radius:8px;padding:8px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .14s,filter .14s}
.yb-kaydet-btn:hover{background:var(--vurgu2)}
.yb-kaydet-btn:disabled{opacity:.6;cursor:default}
.yb-govde{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}
@media(max-width:900px){.yb-govde{grid-template-columns:1fr}}
.yb-tuval{display:flex;flex-direction:column;gap:16px;min-width:0}
.yb-kolon{background:var(--yzey);border:1px solid var(--ciz);border-radius:var(--radius);padding:14px}
.yb-kol-bas{display:flex;align-items:center;justify-content:space-between;gap:8px}
.yb-kol-ad{font-weight:700;font-size:14px;color:var(--metin)}
.yb-kol-say{font-size:11px;font-weight:700;color:var(--soluk);background:var(--girinti);border:1px solid var(--ciz);border-radius:999px;padding:2px 9px}
.yb-kol-ipucu{font-size:12px;color:var(--soluk);margin:2px 0 10px}
.yb-drop{display:flex;flex-direction:column;gap:8px;min-height:56px;border:1px dashed var(--ciz);border-radius:9px;padding:8px;transition:border-color .14s,background .14s}
.yb-drop.yb-uzeri{border-color:var(--vurgu);background:rgba(59,130,246,.07)}
.yb-bos{color:var(--soluk);font-size:12.5px;text-align:center;padding:14px 8px;user-select:none}
.yb-kart{display:flex;align-items:center;gap:10px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:9px;padding:10px 11px;cursor:grab;transition:border-color .14s,box-shadow .14s,opacity .14s}
.yb-kart:hover{border-color:var(--vurgu)}
.yb-kart.yb-suru{opacity:.45;cursor:grabbing;border-style:dashed}
.yb-kart.sonuk{opacity:.62}
.yb-tut{color:var(--soluk);font-size:13px;letter-spacing:-2px;cursor:grab;flex:none;user-select:none}
.yb-kart-ic{flex:1;min-width:0}
.yb-kart-ad{font-weight:600;font-size:13px;color:var(--metin);display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.yb-kart-alt{display:flex;align-items:center;gap:8px;margin-top:2px}
.yb-kart-kod{font-size:11px;color:var(--soluk);font-family:ui-monospace,monospace}
.yb-kart-ayar-say{font-size:11px;color:var(--ikincil)}
.yb-kart-ayar-say.bos{color:var(--soluk)}
.yb-rozet{font-size:10px;font-weight:700;border-radius:999px;padding:1px 7px;line-height:1.5}
.yb-cihaz{background:rgba(59,130,246,.15);color:var(--pembe);border:1px solid rgba(59,130,246,.3)}
.yb-pasif{background:rgba(245,158,11,.14);color:var(--uyari);border:1px solid rgba(245,158,11,.3)}
.yb-kart-btn{display:flex;gap:4px;flex:none}
.yb-mini{width:28px;height:28px;display:grid;place-items:center;background:var(--girinti);border:1px solid var(--ciz);border-radius:7px;color:var(--ikincil);font-size:13px;cursor:pointer;transition:border-color .14s,color .14s}
.yb-mini:hover{border-color:var(--vurgu);color:var(--metin)}
.yb-mini.yb-sil:hover{border-color:var(--kotu);color:var(--kotu)}
/* palet */
.yb-palet{background:var(--yzey);border:1px solid var(--ciz);border-radius:var(--radius);padding:12px;position:sticky;top:16px;max-height:calc(100vh - 40px);display:flex;flex-direction:column}
.yb-palet-bas{font-weight:700;font-size:13px;color:var(--metin);margin-bottom:9px}
.yb-palet-ara input{width:100%;box-sizing:border-box;margin-bottom:9px}
.yb-palet-liste{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px}
.yb-palet-oge{display:flex;align-items:center;gap:9px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:8px;padding:8px 10px;cursor:grab;transition:border-color .14s,transform .1s}
.yb-palet-oge:hover{border-color:var(--vurgu)}
.yb-palet-oge:active{cursor:grabbing;transform:scale(.98)}
.yb-p-nokta{width:7px;height:7px;border-radius:50%;background:var(--vurgu);flex:none}
.yb-p-ad{font-size:12.5px;font-weight:600;color:var(--metin);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yb-p-kod{font-size:10px;color:var(--soluk);font-family:ui-monospace,monospace;flex:none}
/* modal */
.yb-modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:20px}
.yb-modal[hidden]{display:none!important}
.yb-modal-kutu{background:var(--yzey);border:1px solid var(--ciz);border-radius:12px;width:min(520px,100%);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.5)}
.yb-modal-bas{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--ciz)}
.yb-modal-bas h2{margin:0;font-size:15px;font-weight:700;color:var(--metin)}
.yb-modal-kapat{background:transparent;border:0;color:var(--soluk);font-size:22px;line-height:1;cursor:pointer;padding:0 4px}
.yb-modal-kapat:hover{color:var(--metin)}
.yb-modal-govde{padding:16px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.yb-m-satir{display:flex;flex-direction:column;gap:5px}
.yb-m-satir input[type=text],.yb-m-satir input[type=number],.yb-m-satir select{width:100%;box-sizing:border-box}
.yb-m-etkin{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--metin);cursor:pointer}
.yb-m-alanlar{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:480px){.yb-m-alanlar{grid-template-columns:1fr}}
.yb-m-onay{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--metin);cursor:pointer;padding-top:4px}
.yb-m-not{grid-column:1/-1;font-size:12.5px;color:var(--soluk);background:var(--girinti);border:1px solid var(--ciz);border-radius:8px;padding:10px 12px}
.yb-m-ham summary{cursor:pointer;font-size:12.5px;color:var(--ikincil);font-weight:600}
.yb-m-hamlbl{display:flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ikincil);margin:9px 0}
.yb-m-ham textarea{width:100%;box-sizing:border-box;background:var(--girinti);border:1px solid var(--ciz);border-radius:8px;padding:10px;color:var(--metin);font:12px/1.5 ui-monospace,monospace;resize:vertical;margin-top:6px}
.yb-m-hata{color:var(--kotu);font-size:12px;margin-top:6px}
/* Özel HTML modülü: geniş editör + canlı önizleme (sandbox iframe) */
.yb-m-satir:has(.yb-m-html-ta){grid-column:1/-1}

/* ============================================================
   SEO AYARLARI (.sa-*) — bölümlü zengin form + canlı SERP önizleme
   ============================================================ */
.sa-wrap{max-width:860px;display:flex;flex-direction:column;gap:18px}
.sa-ust{display:flex;flex-direction:column;gap:4px}
/* Canlı Google SERP önizleme kartı — arama sonucu görünümü */
.sa-serp{background:#fff;border:1px solid var(--ciz);border-radius:12px;padding:16px 18px;box-shadow:0 1px 2px rgba(0,0,0,.3);overflow:hidden}
.sa-serp-mini{display:flex;align-items:center;gap:9px;margin-bottom:9px}
.sa-serp-fav{width:26px;height:26px;border-radius:50%;background:#f1f3f4;border:1px solid #e2e4e7;display:grid;place-items:center;font-size:12px;font-weight:800;color:#5f6368;flex:none}
.sa-serp-kimlik{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.sa-serp-site{font-size:13px;color:#202124;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-serp-url{font-size:12px;color:#4d5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-serp-title{color:#1a0dab;font-size:20px;line-height:1.3;font-weight:400;margin:0 0 3px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sa-serp-desc{color:#4d5156;font-size:14px;line-height:1.58;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sa-serp-etiket{font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#5f6368;background:#f1f3f4;border-radius:6px;padding:2px 8px;align-self:flex-start;margin-bottom:11px;display:inline-block}
/* Sekmeler (bölüm gezinme) */
.sa-sekmeler{display:flex;flex-wrap:wrap;gap:4px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:11px;padding:4px}
.sa-sekme{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:0;background:transparent;color:var(--ikincil);border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:background .14s,color .14s}
.sa-sekme:hover{color:var(--metin)}
.sa-sekme.etkin{background:var(--vurgu);color:#fff;box-shadow:0 1px 3px rgba(37,99,235,.35)}
.sa-sekme .sa-sekme-ik{display:inline-flex}.sa-sekme .sa-sekme-ik svg{width:15px;height:15px}
/* Bölüm panelleri (sekmeyle gösterilen) */
.sa-panel{display:none;flex-direction:column;gap:16px}
.sa-panel.gor{display:flex}
/* IndexNow yeni-anahtar onay kartı (tarayıcı confirm yerine) */
.sa-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}
.sa-modal.acik{display:flex}
.sa-modal-kart{background:var(--yzey);border:1px solid var(--ciz);border-radius:16px;padding:24px;max-width:440px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.55)}
.sa-modal-ik{width:44px;height:44px;border-radius:50%;background:var(--girinti);border:1px solid var(--ciz);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--vurgu);margin:0 auto 12px}
.sa-modal-bas{font-size:16px;font-weight:700;color:var(--metin);margin-bottom:10px;text-align:center}
.sa-modal-metin{font-size:13px;color:var(--ikincil);line-height:1.6;margin-bottom:20px}
.sa-modal-eyl{display:flex;gap:10px;justify-content:flex-end}
.sa-bolum-bas{display:flex;align-items:center;gap:10px;margin:0 0 2px}
.sa-bolum-bas .sa-b-ik{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--girinti);border:1px solid var(--ciz);color:var(--vurgu)}
.sa-bolum-bas .sa-b-ik svg{width:17px;height:17px}
.sa-bolum-bas h2{font-family:var(--serif);font-size:1.05rem;font-weight:700;margin:0;line-height:1.2}
.sa-bolum-bas .sa-b-alt{font-size:12px;color:var(--soluk);margin-top:1px}
.sa-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sa-grid .sa-tam{grid-column:1/-1}
@media(max-width:640px){.sa-grid{grid-template-columns:1fr}}
/* Alan yardım/ipucu + karakter sayacı */
.sa-ipucu{font-size:11.5px;color:var(--soluk);margin-top:5px;line-height:1.45}
.sa-sayac{font-size:11px;color:var(--soluk);font-variant-numeric:tabular-nums}
.sa-sayac.uyari{color:var(--uyari)}.sa-sayac.kotu{color:var(--kotu);font-weight:600}
.sa-alan-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:6px}
.sa-alan-bas label{margin:0;font-size:12px;color:var(--ikincil);font-weight:500}
/* Toggle satırı — çerçeveli, açıklamalı */
.sa-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 15px;border:1px solid var(--ciz);border-radius:11px;background:var(--girinti)}
.sa-toggle-metin{min-width:0}
.sa-toggle-ad{font-size:13px;font-weight:600;color:var(--metin)}
.sa-toggle-alt{font-size:11.5px;color:var(--soluk);margin-top:2px;line-height:1.45}
/* Jeton/rozet ipuçları (şablon değişkenleri) */
.sa-jeton{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:5px;padding:1px 6px;color:var(--pembe);cursor:pointer;transition:border-color .14s}
.sa-jeton:hover{border-color:var(--vurgu)}
.sa-jetonlar{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px;align-items:center}
.sa-jetonlar .sa-j-et{font-size:11px;color:var(--soluk)}
/* Kaydet çubuğu (yapışkan alt) */
.sa-kaydet-cubuk{position:sticky;bottom:0;display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:14px 0 2px;margin-top:2px;background:linear-gradient(180deg,transparent,var(--bg) 40%)}
.sa-kaydet-durum{font-size:12.5px;color:var(--soluk)}
.sa-kaydet-durum.ok{color:var(--iyi)}.sa-kaydet-durum.hata{color:var(--kotu)}
.sa-btn{font:inherit;font-size:13px;font-weight:700;padding:10px 22px;border-radius:9px;cursor:pointer;border:1px solid var(--vurgu);background:var(--vurgu);color:#fff;transition:filter .14s}
.sa-btn:hover{filter:brightness(1.08)}
.sa-btn:disabled{opacity:.6;cursor:default;filter:none}
/* BAGLANTI-SEMA · URL Yapısı sayfası */
.bg-wrap{max-width:820px;margin:0 auto}
.bg-kart{margin-bottom:14px}
.bg-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.bg-bas h2{margin:0;font-size:15px}
.bg-onizle{font:600 12px/1.4 ui-monospace,Menlo,Consolas,monospace;color:var(--vurgu);background:var(--girinti);border:1px solid var(--ciz);padding:4px 9px;border-radius:6px;max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bg-ozel[hidden]{display:none!important}
.bg-hata{color:#e11d48;font-size:12px;margin-top:6px}
.bg-hata[hidden]{display:none!important}
/* SEO2 · Yönlendirme + 404 */
.yr-wrap{max-width:920px;margin:0 auto}
.yr-say{display:inline-block;min-width:20px;padding:1px 8px;margin-left:6px;border-radius:999px;background:var(--girinti);border:1px solid var(--ciz);font-size:12px;color:var(--ikincil)}
.yr-durum{padding:8px 12px;border-radius:8px;margin-bottom:12px;font-size:13px}
.yr-ok{background:rgba(22,163,74,.12);color:#16a34a;border:1px solid rgba(22,163,74,.3)}
.yr-tablo-sar{overflow-x:auto}
.yr-tablo{width:100%;border-collapse:collapse;font-size:13px}
.yr-tablo th{text-align:left;font-weight:600;color:var(--ikincil);padding:7px 10px;border-bottom:1px solid var(--ciz);white-space:nowrap}
.yr-tablo td{padding:7px 10px;border-bottom:1px solid var(--girinti);vertical-align:middle}
.yr-tablo code{font:12px/1.4 ui-monospace,Menlo,Consolas,monospace;color:var(--metin)}
.yr-pasif{opacity:.5}
.yr-gone{color:#e11d48;font-size:12px}
.yr-bos{text-align:center;color:var(--soluk);padding:18px!important}
.yr-kod{display:inline-block;padding:1px 7px;border-radius:5px;font-size:12px;font-weight:600}
.yr-k301{background:rgba(22,163,74,.14);color:#16a34a}.yr-k302,.yr-k307{background:rgba(59,130,246,.14);color:var(--vurgu)}.yr-k410{background:rgba(225,29,72,.14);color:#e11d48}
.yr-eyl{white-space:nowrap;display:flex;gap:6px}
.yr-mini{font:inherit;font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid var(--ciz);background:var(--yzey2);color:var(--metin);cursor:pointer}
.yr-mini:hover{border-color:var(--vurgu)}
.yr-sil:hover{border-color:#e11d48;color:#e11d48}
.yr-yonlendir{border-color:var(--vurgu);color:var(--vurgu)}
.yr-alt{font-size:11px;color:var(--ikincil);margin-top:2px}
.yr-tur-rozet{display:inline-block;padding:0 6px;border-radius:5px;font-size:10.5px;font-weight:600;background:var(--girinti);border:1px solid var(--ciz);color:var(--ikincil);vertical-align:middle}
.yr-ara{font:inherit;font-size:13px;padding:6px 12px;border-radius:8px;border:1px solid var(--ciz);background:var(--girinti);color:var(--metin);min-width:180px;max-width:280px}
.yr-ara:focus{outline:none;border-color:var(--vurgu)}
.yr-ozet{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.yr-ozet-chip{flex:1;min-width:120px;background:var(--yzey);border:1px solid var(--ciz);border-radius:10px;padding:12px 14px;text-align:center}
.yr-ozet-d{display:block;font-size:22px;font-weight:800;line-height:1.1}
.yr-ozet-e{display:block;font-size:11.5px;color:var(--ikincil);margin-top:3px}
/* Kontrast borcu (chrome-denetim 2026-09-13, koyu tema): 404 toplu-secim cubugunu
   ekranlar/yonlendirme-panel.js:120 SATIR-ICI style ile boyuyor:
     background:var(--yuzey-2,#f8fafc); border:1px solid var(--kenar,#e2e8f0)
   Bu adlar koyu temada tanimsiz -> acik literal; metin var(--metin)=#fafafa uzerinde 1:1.
   Satir-ici bildirimi yalnizca !important ezebilir; JS'e yazma iznimiz yok. */
.yr-toplu{background:var(--yzey2)!important;border-color:var(--ciz)!important}

/* =====================================================================
   /yonlendirme/yeni — YENİ YÖNLENDİRME EKRANI  (2026-09-23)
   ---------------------------------------------------------------------
   Bu kurallar `ekranlar/yonlendirme-yeni.js` İÇİNDE satır-içi <style>
   olarak duruyordu. K2 kuralı ("ekran dosyası işaretleme ve stil ÜRETMEZ;
   sunum katmanı cekirdek/kit/ + stil/*.css") bunu KIRMIZI yaptı ve
   haklıydı: satır-içi stil derleyiciyi atlar, tema değişkenlerinden kopar
   ve aynı renk başka ekranda başka hex'le tekrar edilir. Muafiyet
   istenmedi; kurallar buraya taşındı (ekranın `stil` alanı zaten bu
   dosyayı gösteriyor — ikinci bir partial açmaya gerek yok).
   ===================================================================== */
.yy-sar{max-width:1080px;margin:0 auto}
.yy-sar .sayfa-ust{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.yy-sar .sayfa-ust>div:first-child{flex:1 1 420px;min-width:0}
.yy-kirinti{font-size:12px;color:var(--ikincil);margin-bottom:4px}
.yy-kirinti a{color:var(--ikincil)}
.yy-form{background:var(--kart,#161b22);border:1px solid var(--cizgi,#30363d);border-radius:10px;padding:18px;margin:14px 0 22px}
.yy-alan{margin-bottom:18px}
.yy-alan>label{display:block;font-weight:600;margin-bottom:6px}
.yy-alan input[type=text],.yy-alan input:not([type]),.yy-alan input[type=search]{width:100%}
.yy-zorunlu{color:var(--kotu-metin,#f87171)}
.yy-ops{font-weight:400;color:var(--ikincil);font-size:12px}
.yy-ipucu{font-size:12px;color:var(--ikincil);margin-top:6px;line-height:1.55}
.yy-ipucu code,.yy-onizleme code,.yy-uyari code{background:var(--kod-zemin,#0d1117);border:1px solid var(--cizgi,#30363d);border-radius:4px;padding:0 4px;font-size:12px}
.yy-onizleme{margin-top:8px;font-size:12.5px;padding:7px 10px;border-radius:6px;background:var(--kod-zemin,#0d1117);border:1px solid var(--cizgi,#30363d)}
.yy-onizleme-degisti{border-color:var(--uyari-metin,#fbbf24)}
.yy-solgun{opacity:.45}
.yy-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:10px}
.yy-kart{display:block;cursor:pointer}
.yy-kart input{position:absolute;opacity:0;width:0;height:0}
.yy-kart-ic{display:block;border:1px solid var(--cizgi,#30363d);border-radius:8px;padding:11px 12px;height:100%;transition:border-color .12s}
.yy-kart input:checked+.yy-kart-ic{border-color:var(--vurgu,#58a6ff);background:var(--vurgu-zemin,rgba(88,166,255,.08))}
.yy-kart input:focus-visible+.yy-kart-ic{outline:2px solid var(--vurgu,#58a6ff);outline-offset:2px}
.yy-kart-ust{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.yy-kart-ad{font-weight:600;font-size:13.5px}
.yy-kart-ozet{display:block;font-size:12.5px;margin-bottom:5px}
.yy-kart-detay{display:block;font-size:11.5px;color:var(--ikincil);line-height:1.5}
.yy-kod{display:inline-block;min-width:34px;text-align:center;font-weight:700;font-size:11.5px;padding:2px 5px;border-radius:4px;border:1px solid var(--cizgi,#30363d)}
.yy-k301{color:var(--iyi-metin,#4ade80)}
.yy-k302,.yy-k307{color:var(--mavi-metin,#60a5fa)}
.yy-k410{color:var(--kotu-metin,#f87171)}
.yy-uyarilar{display:grid;gap:8px;margin:0 0 16px}
.yy-uyari{font-size:12.5px;line-height:1.55;padding:9px 11px;border-radius:6px;border-left:3px solid}
.yy-u-yaz{border-color:var(--uyari-metin,#fbbf24);background:rgba(251,191,36,.08)}
.yy-u-zin{border-color:var(--uyari-metin,#fbbf24);background:rgba(251,191,36,.08)}
.yy-u-dur{border-color:var(--kotu-metin,#f87171);background:rgba(248,113,113,.10)}
.yy-u-bil{border-color:var(--ikincil,#8b949e);background:rgba(139,148,158,.08)}
.yy-eylem{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.yy-msg{font-size:12.5px}
.yy-msg-kotu{color:var(--kotu-metin,#f87171)}
.yy-bolum{margin:26px 0}
.yy-bolum-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.yy-bolum h2{font-size:15px;margin:0}
.yy-sayi{display:inline-block;margin-left:6px;font-size:11.5px;font-weight:600;color:var(--ikincil);border:1px solid var(--cizgi,#30363d);border-radius:10px;padding:1px 7px}
.yy-ara{min-width:300px;max-width:100%}
.yy-tablo-sar{overflow-x:auto;border:1px solid var(--cizgi,#30363d);border-radius:8px;margin-top:10px}
.yy-tablo{width:100%;border-collapse:collapse;font-size:12.5px}
.yy-tablo th{text-align:left;font-weight:600;font-size:11.5px;color:var(--ikincil);padding:9px 10px;border-bottom:1px solid var(--cizgi,#30363d);white-space:nowrap}
.yy-tablo td{padding:9px 10px;border-bottom:1px solid var(--cizgi-soluk,#21262d);vertical-align:top}
.yy-tablo tr:last-child td{border-bottom:0}
.yy-tablo code{font-size:12px;word-break:break-all}
.yy-alt{font-size:11px;color:var(--ikincil);margin-top:2px}
.yy-rozet{font-size:10px;border:1px solid var(--cizgi,#30363d);border-radius:3px;padding:0 4px;color:var(--ikincil)}
.yy-acik{color:var(--iyi-metin,#4ade80)}
.yy-kapali{color:var(--ikincil)}
.yy-yok{color:var(--ikincil)}
.yy-carpisma{background:rgba(251,191,36,.12);outline:1px solid var(--uyari-metin,#fbbf24)}
.yy-bos{text-align:center;color:var(--ikincil);padding:20px 10px}
.yy-eyl{white-space:nowrap}
.yy-mini{font-size:11.5px;padding:3px 8px;border-radius:5px;border:1px solid var(--cizgi,#30363d);background:transparent;color:inherit;cursor:pointer}
.yy-mini:hover{border-color:var(--vurgu,#58a6ff)}
.yy-birincil{border-color:var(--vurgu,#58a6ff);color:var(--vurgu,#58a6ff)}
@media(max-width:640px){.yy-form{padding:14px}
.yy-bolum-ust{align-items:stretch}
.yy-ara{width:100%}
}
/* PERF · Performans paneli */
.pf-wrap{max-width:820px;margin:0 auto}
.mt-anahtar-satir{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--metin);cursor:pointer}
.pf-disla-liste{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.yb-m-html-ta{width:100%;box-sizing:border-box;background:var(--girinti);border:1px solid var(--ciz);border-radius:8px;padding:10px;color:var(--metin);font:12px/1.5 ui-monospace,Menlo,Consolas,monospace;resize:vertical;min-height:150px}
.yb-m-html-ta:focus{outline:none;border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.yb-onizleme-bas{font-size:12px;font-weight:600;color:var(--ikincil);margin:10px 0 5px}
.yb-onizleme{width:100%;box-sizing:border-box;min-height:160px;background:#fff;border:1px solid var(--ciz);border-radius:8px}
.yb-modal-alt{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--ciz)}

/* ============================================================
   KEYDAL Panel — ADMİN KİTİ (F2)
   Kaynak modüller: cekirdek/kit/{tablo,form,bildirim}.js
   ------------------------------------------------------------
   K2 DOKTRİNİ: bu dosya kitin TEK görsel kaynağıdır; kit modüllerinde
   <style> etiketi ve hex renk YOKTUR. Burada da HEX YOK — her renk
   mevcut token'ın (00-token.css / 90-acik-tema.css) türevidir.

   TEMA SÖZLEŞMESİ: koyu varsayılan `:root`, açık tema
   `:root[data-theme="light"]` (özgüllük 0,1,1 > 0,1,0) → kaskad sırası
   90-acik-tema.css'ten BAĞIMSIZ çözülür, bu dosya 75 numarada kalabilir.

   RENK TÜRETİMİ: `color-mix(in srgb, <token> N%, transparent|var(--metin))`.
   Semantik metin renkleri ön-plan token'ıyla karıştırılır (`--metin`) —
   böylece koyuda AÇILIR, açıkta KOYULAŞIR: tek kural iki temada da
   kontrast eşiğini geçer (ölçüm: infra/sinama/kit-gorsel.mjs).
   Her color-mix'ten ÖNCE düz `var()` yedeği yazılır (eski tarayıcı
   bildirimi renksiz değil, düz token rengiyle görür).
   ============================================================ */
:root{
  --kt-r:var(--radius);
  --kt-hover:rgba(127,127,127,.10);
  --kt-hover:color-mix(in srgb, var(--metin) 6%, transparent);
  --kt-secili:rgba(59,130,246,.12);
  --kt-secili:color-mix(in srgb, var(--vurgu) 14%, transparent);
  --kt-odak:color-mix(in srgb, var(--vurgu) 34%, transparent);
  --kt-iskelet:color-mix(in srgb, var(--metin) 10%, transparent);
  --kt-golge:0 16px 44px -14px color-mix(in srgb, black 64%, transparent);
  /* --- PARİTE JETONLARI (2026-09-13, stil-paritesi işi) ---------------
     Değerler `.kart` (40-bilesen-kart.css) ve `.kart-bas` (45-ekran-pano.css)
     ÖLÇÜLMÜŞ bugünkü değerleriyle TOHUMLANDI. Kit yüzeyleri bu jetonlara
     bağlanır; eski sınıflar DEĞİŞTİRİLMEDİ (tek bayt bile), yani `.kart`
     piksel aynı kalır. İleride yüzey tasarımı değiştirilmek istenirse
     tartışma TEK yerde olur ve karar geri alınabilir. */
  --kt-yzey-r:12px;           /* .kart border-radius */
  --kt-yzey-girinti:20px;     /* .kart padding */
  --kt-yzey-golge:0 1px 2px rgba(0,0,0,.3);   /* .kart box-shadow (koyu) */
  --kt-yzey-aralik:12px;      /* .kart-bas / .hb-yan gap ile aynı ritim */
  /* Vurgu ZEMİNİ üzerindeki metin. Eski `.sg-sayi` ve `.mf-cip.etkin` iki
     temada da beyaz basıyor; `--kenar` koyuda SİYAH olduğu için o jeton
     buraya UYMAZ (kit tablosundaki `.kt-yog-b.on` ayrı bir seçim, bu işte
     dokunulmadı). Tek yerde adlandırıldı ki ileride tek satır değişsin. */
  --kt-vurgu-ustu:white;
  /* --- OLCULMUS DUZ DEGERLER (B4 · gomulu renk doktrini) --------------
     DOKTRIN (tek cumle): kit BILESEN kurallarinda duz renk YOKTUR; her
     duz deger BURADA, tek yerde, ADIYLA ve tohumlandigi OLCUMLE durur.
     Onceki dalgada bu doktrin yarim uygulanmisti — segment secili rengi
     "kitte gomulu renk yasak" gerekcesiyle jetona baglanirken ayni
     degisiklikte kite IKI gomulu mavi yazilmisti (denetim bulgusu B4).
     Tutarsizlik boyle kapatildi: doktrin UYGULANDI, istisna kalmadi.

     NEDEN `--vurgu`DAN TURETILMEDILER: `--vurgu` acik temada #2563eb'ye
     kayiyor, eski yuzeyler (`.mt-kaydir`, `.mf-cip.etkin`, `.mod-ara`,
     `.dur-pill`) ise IKI temada da ayni maviyi duz yaziyor. Jetondan
     turetmek acik temada PARITEYI BOZARDI (olculdu). Bu yuzden deger
     eskisinden BIREBIR tohumlandi; "halkalar vurguyu izlesin" karari
     verilirse degisecek yer SU BES SATIR. */
  --kt-liste-oge-zemin:rgba(0,0,0,.02);             /* .sg-oge zemini */
  --kt-anahtar-on:rgba(59,130,246,.9);              /* .mt-anahtar input:checked+.mt-kaydir */
  --kt-cip-on-golge:0 1px 3px rgba(37,99,235,.35);  /* .mf-cip.etkin golgesi */
  --kt-ara-odak:rgba(59,130,246,.14);               /* .mod-ara input:focus halkasi */
  --kt-seg-odak:rgba(59,130,246,.22);               /* .dur-pill input:focus-visible halkasi */
  /* semantik zeminler + ön-planla karıştırılmış metin renkleri */
  --kt-bilgi-zemin:color-mix(in srgb, var(--vurgu) 13%, transparent);
  --kt-bilgi-ciz:color-mix(in srgb, var(--vurgu) 42%, transparent);
  --kt-bilgi-metin:color-mix(in srgb, var(--vurgu) 62%, var(--metin));
  --kt-iyi-zemin:color-mix(in srgb, var(--iyi) 13%, transparent);
  --kt-iyi-ciz:color-mix(in srgb, var(--iyi) 42%, transparent);
  --kt-iyi-metin:color-mix(in srgb, var(--iyi) 62%, var(--metin));
  --kt-uyari-zemin:color-mix(in srgb, var(--uyari) 13%, transparent);
  --kt-uyari-ciz:color-mix(in srgb, var(--uyari) 42%, transparent);
  --kt-uyari-metin:color-mix(in srgb, var(--uyari) 62%, var(--metin));
  --kt-kotu-zemin:color-mix(in srgb, var(--kotu) 13%, transparent);
  --kt-kotu-ciz:color-mix(in srgb, var(--kotu) 42%, transparent);
  --kt-kotu-metin:color-mix(in srgb, var(--kotu) 62%, var(--metin));
}
:root[data-theme="light"]{
  --kt-hover:rgba(17,17,24,.05);
  --kt-hover:color-mix(in srgb, var(--metin) 5%, transparent);
  --kt-golge:0 12px 32px -14px color-mix(in srgb, black 24%, transparent);
  /* açık temada `.kart` gölgesi 90-acik-tema.css'te ayrı tanımlı; jeton onu izler */
  --kt-yzey-golge:0 1px 2px rgba(17,17,24,.06);
  --kt-iskelet:color-mix(in srgb, var(--metin) 9%, transparent);
  /* açık zeminde %62 karışım metni fazla soluk bırakıyor → hue'ya daha yakın */
  --kt-bilgi-metin:color-mix(in srgb, var(--vurgu) 86%, var(--metin));
  --kt-iyi-metin:color-mix(in srgb, var(--iyi) 86%, var(--metin));
  --kt-uyari-metin:color-mix(in srgb, var(--uyari) 86%, var(--metin));
  --kt-kotu-metin:color-mix(in srgb, var(--kotu) 86%, var(--metin));
}

/* ---- yalnız ekran okuyucu (kit içi; panelde genel bir yardımcı yoktu) ---- */
.kt-gizli{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---- [hidden] KORUMASI (kit-gorsel.mjs 2026-09-12 bulgusu) ----
   Tarayıcının `[hidden]{display:none}` kuralı UA katmanındadır; aşağıdaki
   `.kt-toplu{display:flex}` gibi YAZAR kuralları onu EZER → `el.hidden=true`
   görsel olarak hiçbir şey yapmaz (toplu çubuk kapanmıyordu). Öznitelik
   seçicisiyle özgüllüğü yükseltip sözleşmeyi geri koyuyoruz: kit içinde
   `hidden` HER ZAMAN gizler. Betikler `el.hidden` kullanır, `style.display`
   değil — tek anahtar. */
[class*="kt-"][hidden]{display:none}

/* ============================================================
   1 · kitTablo
   ============================================================ */
.kt-kart{padding:0;overflow:visible}
.kt-tablo-form{margin:0}

/* --- üst şerit --- */
.kt-ust{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--ciz)}
.kt-ust-bas{font-size:14.5px;font-weight:650;color:var(--metin)}
.kt-ust-alt{font-size:12px;color:var(--ikincil);margin-top:2px}
.kt-ust-sag{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* yoğunluk anahtarı — mevcut .suzgec üslubunun kit ikizi */
.kt-yog{display:inline-flex;gap:3px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:9px;padding:3px}
.kt-yog-b{background:transparent;border:0;color:var(--ikincil);padding:5px 10px;border-radius:6px;font:inherit;font-size:12px;font-weight:500;cursor:pointer}
.kt-yog-b:hover{color:var(--metin)}
.kt-yog-b.on{background:var(--vurgu);color:var(--kenar)}
:root[data-theme="light"] .kt-yog-b.on{color:var(--yzey)}
.kt-yog-b:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}

/* sütun görünürlüğü menüsü (<details> — JS'siz de açılır) */
.kt-sut-menu{position:relative}
.kt-sut-ac{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;padding:6px 11px;border:1px solid var(--ciz);border-radius:9px;background:var(--yzey2);color:var(--ikincil);font-size:12.5px}
.kt-sut-ac::-webkit-details-marker{display:none}
.kt-sut-ac:hover{color:var(--metin);border-color:var(--vurgu)}
.kt-sut-ac svg{width:15px;height:15px}
.kt-sut-menu[open] .kt-sut-ac{color:var(--metin);border-color:var(--vurgu)}
.kt-sut-liste{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:200px;display:flex;flex-direction:column;gap:2px;padding:8px;background:var(--yzey);border:1px solid var(--ciz);border-radius:11px;box-shadow:var(--kt-golge)}
.kt-sut-oge{display:flex;align-items:center;gap:9px;padding:6px 8px;border-radius:7px;font-size:12.5px;color:var(--ikincil);cursor:pointer}
.kt-sut-oge:hover{background:var(--kt-hover);color:var(--metin)}

/* --- toplu işlem çubuğu --- */
.kt-toplu{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 16px;background:var(--kt-secili);border-bottom:1px solid var(--ciz)}
.kt-toplu-say{font-size:13px;color:var(--metin)}
.kt-toplu-say b{font-variant-numeric:tabular-nums}
.kt-toplu-dugmeler{display:inline-flex;gap:8px;flex-wrap:wrap}
.kt-toplu-alanlar{display:inline-flex;gap:8px;flex-wrap:wrap;align-items:center}
.kt-toplu-alan{font-size:12.5px;padding:6px 10px;max-width:190px;min-width:0}
.kt-toplu-temiz{margin-left:auto;background:transparent;border:0;color:var(--ikincil);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px}
.kt-toplu-temiz:hover{color:var(--metin)}
.kt-tehlike{color:var(--kt-kotu-metin);border-color:var(--kt-kotu-ciz)}
.kt-tehlike:hover{background:var(--kt-kotu-zemin)}

/* --- tablo ---
   NOT (kit-gorsel.mjs kontrast ölçümü): başlık/ikincil metinlerde `--soluk`
   yerine `--ikincil` kullanılır. `--soluk` yüzey üstünde 3.84:1 (koyu) /
   4.23:1 (açık) veriyor; 10.5px başlıklar için WCAG AA küçük-metin eşiği
   4.5:1. `--ikincil` iki temada da eşiği geçer. Eski `.tbl th` DEĞİŞMEDİ
   (altın bayt-aynılığı) — kit yeni olduğu için daha yüksek eşiği tutar. */
.kt-kaydir{overflow-x:auto;border-radius:0 0 var(--kt-r) var(--kt-r)}
.kt-tablo{width:100%;border-collapse:collapse;font-size:13px}
.kt-th{text-align:left;padding:10px 16px;color:var(--ikincil);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;border-bottom:1px solid var(--ciz);background:var(--yzey);position:sticky;top:0;z-index:2}
.kt-td{padding:11px 16px;border-bottom:1px solid var(--ciz);color:var(--metin);vertical-align:middle}
.kt-tablo tr:last-child .kt-td{border-bottom:0}
.kt-sag{text-align:right;font-variant-numeric:tabular-nums}
.kt-orta{text-align:center}
.kt-tr:hover .kt-td{background:var(--kt-hover)}
.kt-tr.secili .kt-td{background:var(--kt-secili)}
.kt-sec-h{width:40px;padding-left:16px;padding-right:0}
.kt-sec,.kt-sec-tum{width:15px;height:15px;accent-color:var(--vurgu);cursor:pointer}
/* yoğunluk: sıkı = satır yüksekliği −28% (tarama yoğunluğu), normal = varsayılan */
.kt-tablo[data-yogunluk="siki"] .kt-td{padding-top:6px;padding-bottom:6px;font-size:12.5px}
.kt-tablo[data-yogunluk="siki"] .kt-th{padding-top:7px;padding-bottom:7px}

/* sıralanabilir başlık */
.kt-sirala{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer}
.kt-sirala:hover{color:var(--metin)}
.kt-sirala:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px;border-radius:4px}
.kt-yon{display:inline-grid;place-items:center;width:13px;height:13px;opacity:.38;flex:none}
.kt-yon svg{width:13px;height:13px}
.kt-sirala:hover .kt-yon{opacity:.7}
.kt-sirala.etkin{color:var(--vurgu)}
.kt-sirala.etkin .kt-yon{opacity:1}

/* --- durum satırları --- */
.kt-durum-h{padding:0;border-bottom:0}
.kt-iskelet td{padding:13px 16px;border-bottom:1px solid var(--ciz)}
.kt-iskelet-cubuk{display:block;height:11px;border-radius:6px;background:var(--kt-iskelet);animation:ktNabiz 1.4s ease-in-out infinite}
.kt-iskelet:nth-child(2n) .kt-iskelet-cubuk{width:72%}
.kt-iskelet:nth-child(3n) .kt-iskelet-cubuk{width:56%}
@keyframes ktNabiz{0%,100%{opacity:1}50%{opacity:.42}}
.kt-hata-kutu{margin:0;padding:30px 24px;text-align:center;color:var(--kt-kotu-metin);font-size:13px}
.kt-bos{display:flex;flex-direction:column;align-items:center;gap:9px;padding:46px 24px;text-align:center}
.kt-bos-ik{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--yzey2);border:1px solid var(--ciz);color:var(--soluk)}
.kt-bos-ik svg{width:22px;height:22px}
.kt-bos-bas{font-size:14px;font-weight:600;color:var(--metin)}
.kt-bos-metin{margin:0;max-width:44ch;font-size:12.5px;color:var(--ikincil);line-height:1.55}
.kt-bos-eylem{margin-top:5px}

/* --- sayfalama --- */
.kt-sayfalama{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:11px 16px;border-top:1px solid var(--ciz)}
.kt-sy-bilgi{font-size:12.5px;color:var(--ikincil);font-variant-numeric:tabular-nums}
.kt-sy-bilgi b{color:var(--metin);font-weight:600}
.kt-sy-kutular{display:inline-flex;align-items:center;gap:4px;flex-wrap:wrap}
.kt-sy-kutu{display:inline-grid;place-items:center;min-width:30px;height:30px;padding:0 8px;border:1px solid var(--ciz);border-radius:8px;background:transparent;color:var(--ikincil);font:inherit;font-size:12.5px;font-variant-numeric:tabular-nums;cursor:pointer}
.kt-sy-kutu svg{width:15px;height:15px}
.kt-sy-kutu:hover{background:var(--kt-hover);color:var(--metin);border-color:var(--vurgu)}
.kt-sy-kutu:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}
.kt-sy-kutu.etkin{background:var(--vurgu);border-color:var(--vurgu);color:var(--kenar);font-weight:600}
:root[data-theme="light"] .kt-sy-kutu.etkin{color:var(--yzey)}
.kt-sy-kutu.kapali{opacity:.38;cursor:default;pointer-events:none}
.kt-sy-bos{padding:0 3px;color:var(--ikincil)}

@media(max-width:640px){
  .kt-ust,.kt-toplu,.kt-sayfalama{padding-left:12px;padding-right:12px}
  .kt-th,.kt-td{padding-left:12px;padding-right:12px}
  .kt-toplu-temiz{margin-left:0}
}

/* ============================================================
   2 · kitForm — genelForm görsel dilinin ÜSTÜNE yalnız eksikler
   (kart/ızgara/etiket/ipucu/çubuk 55-form.css'ten gelir)
   ============================================================ */
.kt-form-hata{margin:0 auto 14px;max-width:760px;padding:12px 15px;border-radius:10px;font-size:13px;color:var(--kt-kotu-metin);background:var(--kt-kotu-zemin);border:1px solid var(--kt-kotu-ciz)}
.kt-alan-hata{font-size:11.5px;line-height:1.45;color:var(--kt-kotu-metin)}
.kt-alan.kt-gecersiz input,.kt-alan.kt-gecersiz select,.kt-alan.kt-gecersiz textarea,.kt-alan.kt-gecersiz .kt-coklu{border-color:var(--kotu)}
.kt-alan.kt-gecersiz input:focus,.kt-alan.kt-gecersiz select:focus,.kt-alan.kt-gecersiz textarea:focus{border-color:var(--kotu);box-shadow:0 0 0 3px var(--kt-kotu-zemin)}
/* KAPSAM KURALI: kit partial'ı MEVCUT sınıfları (.gf-alan, .dugme, .kart …)
   ASLA hedeflemez — yalnız `.kt-*` altında kalır. Aksi hâlde bayrak KAPALI
   olsa bile 65 rotanın hesaplanan stili değişirdi (bayt-aynılık sözleşmesi).
   Denetim: 75-kit.css'teki her seçici `kt-` içermeli (kit-gorsel.mjs birim). */
.kt-alan input:focus-visible,.kt-alan select:focus-visible,.kt-alan textarea:focus-visible{outline:none}
.kt-bolum{margin:16px 0 2px;padding-bottom:6px;font-size:12.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--ikincil);border-bottom:1px solid var(--ciz)}

/* sayı + birim */
.kt-sayi{position:relative;display:block}
.kt-birim{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--ikincil);pointer-events:none}
.kt-sayi input{padding-right:52px}

/* çoklu seçim */
.kt-coklu{margin:0;padding:12px 14px;border:1px solid var(--ciz);border-radius:10px;background:var(--girinti);min-width:0}
.kt-coklu legend{padding:0 6px;font-size:12.5px;font-weight:600;color:var(--metin)}
.kt-coklu-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 12px}
.kt-coklu-oge{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;font-size:12.5px;color:var(--ikincil);cursor:pointer;min-width:0}
.kt-coklu-oge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-coklu-oge:hover{background:var(--kt-hover);color:var(--metin)}
.kt-coklu-oge input{accent-color:var(--vurgu);width:15px;height:15px;flex:none}
.kt-coklu-oge:has(input:checked){color:var(--metin)}

/* slug */
.kt-slug{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px}

/* medya seçici */
.kt-medya-govde{display:flex;gap:14px;align-items:flex-start}
.kt-medya-oniz{display:grid;place-items:center;width:86px;height:86px;flex:none;border-radius:11px;border:1px solid var(--ciz);background:var(--girinti);overflow:hidden}
.kt-medya-img{width:100%;height:100%;object-fit:cover;display:block}
.kt-medya-bos{display:grid;place-items:center;color:var(--soluk)}
.kt-medya-bos svg{width:26px;height:26px}
.kt-medya-sag{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.kt-medya-birak{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 14px;border:1px dashed var(--ciz);border-radius:10px;background:var(--girinti);color:var(--ikincil);font-size:12.5px;cursor:pointer;text-align:center}
.kt-medya-birak b{color:var(--vurgu);font-weight:600}
.kt-medya-birak:hover,.kt-medya-birak.suru{border-color:var(--vurgu);background:var(--kt-secili);color:var(--metin)}
.kt-medya-birak:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
.kt-medya-durum{font-size:11.5px;color:var(--ikincil);min-height:15px}
.kt-medya-durum.iyi{color:var(--kt-iyi-metin)}
.kt-medya-durum.hata{color:var(--kt-kotu-metin)}

@media(max-width:640px){
  .kt-medya-govde{flex-direction:column}
  .kt-medya-oniz{width:100%;height:140px}
}

/* renk secici + metin ikizi (metin OTORITE; secici kolaylik)
   2026-09-20 - GORUNUM DUZELTMESI. Onceki hal: 38x34 ciplak <input type=color>
   yani yanina duz bir metin kutusu; kutunun icindeki renk yongasi tarayiciya
   gore kenarli/kenarsiz ciziliyor, iki alan ayri iki kutu gibi duruyordu.
   Simdi TEK bir alan govdesi: solda buyuk ORNEK/ONIZLEME karesi, ortada
   sabit `#` oneki, sagda hex girisi. DOGRULAMA DEGISMEDI (desen alan
   semasindan gelir; `#` oneki yalnizca GORSEL - deger yine tam `#rrggbb`). */
.kt-renk{display:flex;align-items:center;gap:0;background:var(--girinti);border:1px solid var(--ciz);border-radius:9px;padding:4px;transition:border-color .14s,box-shadow .14s}
.kt-renk:focus-within{border-color:var(--vurgu);box-shadow:0 0 0 3px rgba(59,130,246,.16)}
.kt-renk[data-gecersiz="1"]{border-color:var(--kotu)}
.kt-renk-sec{width:34px;height:30px;flex:none;padding:0;border:1px solid var(--ciz);border-radius:7px;background:var(--yzey);cursor:pointer;overflow:hidden}
.kt-renk-sec::-webkit-color-swatch-wrapper{padding:0}
.kt-renk-sec::-webkit-color-swatch{border:0;border-radius:6px}
.kt-renk-sec::-moz-color-swatch{border:0;border-radius:6px}
.kt-renk-onek{flex:none;padding:0 2px 0 9px;color:var(--soluk);font-size:13px;line-height:1;user-select:none}
.kt-renk-metin{flex:1;min-width:0;font-size:13px;letter-spacing:.02em;text-transform:lowercase}
/* Metin kutusu ARTIK kendi cercevesini cizmez: govde (.kt-renk) cerceve. */
.kt-renk .kt-renk-metin{background:transparent;border:0;border-radius:0;padding:7px 9px 7px 1px;box-shadow:none}
.kt-renk .kt-renk-metin:focus{outline:none;border:0;box-shadow:none}

/* ============================================================
   2b · kitForm — SÜZGEÇ KİPİ (sema.kip === "suzgec")
   Liste ekranlarının süzgeç şeridi. Mevcut `.arac/.ara/.suzgec`
   sınıflarını HEDEFLEMEZ; yalnız `.kt-*` altında kalır (kapsam kuralı).
   ============================================================ */
.kt-suz{padding:14px 16px;margin-bottom:14px}
.kt-suz-ag{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:11px 13px;align-items:end}
.kt-suz-alan{display:flex;flex-direction:column;gap:5px;min-width:0}
.kt-suz-genis{grid-column:span 2}
.kt-suz-et{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ikincil)}
.kt-suz-alan input,.kt-suz-alan select{width:100%;min-width:0;font-size:13px}
.kt-suz-ara{position:relative;display:block}
.kt-suz-ara svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--ikincil);pointer-events:none}
.kt-suz-ara input{padding-left:34px}
.kt-suz-dip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px solid var(--ciz)}
.kt-suz-dip .dugme svg{width:15px;height:15px}
.kt-suz-ipuc{font-size:11.5px;color:var(--ikincil);margin-left:auto}

/* çip şeridi (üstte) — mevcut .cip görünümünü DEĞİŞTİRMEZ, yalnız kabı dizer.
   B2 (2026-09-13): burada KAPSAMSIZ bir `.kt-cip{white-space:nowrap}`
   duruyordu. `form.js` suzgec kipi `cip kt-cip` basiyor, yani kural
   MEVCUT `.cip` gorunumune SIZIYOR ve yukaridaki sozu bozuyordu. Kural
   `.kt-izgara-filtre` kapsamina tasindi (izgara cipi eski `.mf-cip` ile
   parite icin nowrap ISTIYOR; suzgec cipi ISTEMIYOR). Kap dizilimi
   (`.kt-cipler`) kapsamsiz kalir — o zaten yalniz kaba yazilir. */
.kt-cipler{margin-bottom:12px}

/* etkin süzgeç rozetleri (altta) */
.kt-rozetler{display:flex;flex-wrap:wrap;gap:7px;margin:-4px 0 14px}
.kt-rozet{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:999px;font-size:11.5px;color:var(--ikincil);background:var(--girinti);border:1px solid var(--ciz)}
.kt-rozet b{color:var(--metin);font-weight:600}
.kt-rozet a{color:var(--ikincil);text-decoration:none;line-height:1;padding:0 2px;border-radius:4px}
.kt-rozet a:hover{color:var(--kt-kotu-metin);background:var(--kt-kotu-zemin)}
.kt-rozet a:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}

@media(max-width:640px){
  .kt-suz-genis{grid-column:span 1}
  .kt-suz-ipuc{margin-left:0;width:100%}
}

/* ============================================================
   3 · bildirimYayin — toast yığını
   Mevcut .kd-toast (kabuk.js) DEĞİŞTİRİLMEZ; kit kendi yığınını kurar.
   ============================================================ */
.kt-bd-yigin{position:fixed;top:74px;right:22px;z-index:60;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 32px));pointer-events:none}
.kt-bd{display:flex;align-items:flex-start;gap:11px;padding:12px 13px;border-radius:12px;background:var(--yzey);border:1px solid var(--ciz);border-left:3px solid var(--vurgu);box-shadow:var(--kt-golge);color:var(--metin);font-size:13px;line-height:1.5;pointer-events:auto}
/* Giriş animasyonu YALNIZ yığındaki (toast) kartlara: `.gor` sınıfını bildirim.js yalnız
   #kt-bildirim içinde ekler. Sayfa gövdesine SSR basılan bildirimKart() kartları dinlenme
   halinde çizilir — aksi hâlde 34 ekranın hata/bilgi kartı ekran dışında kalıyordu (14.09). */
.kt-bd-yigin .kt-bd{transform:translateX(118%);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .28s}
.kt-bd-yigin .kt-bd.gor{transform:translateX(0);opacity:1}
.kt-bd-ik{display:grid;place-items:center;width:19px;height:19px;flex:none;margin-top:1px}
.kt-bd-ik svg{width:19px;height:19px}
.kt-bd-govde{flex:1;min-width:0}
.kt-bd-metin{display:block;overflow-wrap:anywhere}
.kt-bd-eylem{display:inline-block;margin-top:7px;font-size:12.5px;font-weight:600;color:var(--vurgu);text-decoration:underline;text-underline-offset:3px}
.kt-bd-eylem:hover{color:var(--vurgu2)}
.kt-bd-eylem:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;border-radius:4px}
.kt-bd-kapat{flex:none;width:24px;height:24px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;background:transparent;color:var(--soluk);cursor:pointer}
.kt-bd-kapat svg{width:14px;height:14px}
.kt-bd-kapat:hover{background:var(--kt-hover);color:var(--metin)}
.kt-bd-kapat:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}
/* tür renkleri: sol şerit + ikon (zemin yüzey kalır → metin kontrastı bozulmaz) */
.kt-bd-bilgi{border-left-color:var(--vurgu)}
.kt-bd-bilgi .kt-bd-ik{color:var(--kt-bilgi-metin)}
.kt-bd-iyi{border-left-color:var(--iyi)}
.kt-bd-iyi .kt-bd-ik{color:var(--kt-iyi-metin)}
.kt-bd-uyari{border-left-color:var(--uyari)}
.kt-bd-uyari .kt-bd-ik{color:var(--kt-uyari-metin)}
.kt-bd-hata{border-left-color:var(--kotu);background:var(--yzey);box-shadow:var(--kt-golge)}
.kt-bd-hata .kt-bd-ik{color:var(--kt-kotu-metin)}
/* 2026-09-20 - BLOK KIP (sayfa akisinda tam genislikli bildirim karti).
   `hataKartGovde` / `yardimciOkumaSeridi` / uyariKart artik `.kart` +
   satir-ici renk yerine BU widget i kullanir: ikon + baslik + aciklama.
   Tur zemini hafifce tonlanir; metin rengi `--metin` kalir (kontrast). */
.kt-bd-blok{width:100%;margin:0 0 14px;padding:14px 16px;border-radius:12px;box-shadow:none;font-size:13.5px}
.kt-bd-blok .kt-bd-ik{width:20px;height:20px;margin-top:1px}
.kt-bd-blok .kt-bd-ik svg{width:20px;height:20px}
.kt-bd-baslik{display:block;margin-bottom:3px;font-weight:650;font-size:14px;line-height:1.35}
.kt-bd-blok.kt-bd-hata{background:var(--kt-kotu-zemin,var(--yzey))}
.kt-bd-blok.kt-bd-uyari{background:var(--kt-uyari-zemin,var(--yzey))}
.kt-bd-blok.kt-bd-iyi{background:var(--kt-iyi-zemin,var(--yzey))}
.kt-bd-blok.kt-bd-bilgi{background:var(--kt-bilgi-zemin,var(--yzey))}
.kt-bd-blok .kt-bd-baslik{color:inherit}
/* tablo govdesindeki hata hucresi: widget hucre icinde nefes alsin. */
.kt-durum-h .kt-bd-blok{margin:18px auto;max-width:640px;text-align:left}
.kt-bd-blok.kt-bd-hata .kt-bd-baslik{color:var(--kt-kotu-metin)}
.kt-bd-blok.kt-bd-uyari .kt-bd-baslik{color:var(--kt-uyari-metin)}

@media(max-width:640px){
  .kt-bd-yigin{top:auto;bottom:16px;right:16px;left:16px;width:auto}
  .kt-bd-yigin .kt-bd{transform:translateY(120%)}
  .kt-bd-yigin .kt-bd.gor{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){
  .kt-bd-yigin .kt-bd{transition:none;transform:none;opacity:1}
  .kt-iskelet-cubuk{animation:none}
}

/* ============================================================
   4 · kitTablo — SÜRÜKLE-BIRAK SIRALAMA (`siralama.uc`) + kit bildirim ikonu
   ------------------------------------------------------------
   Bu bloktaki sınıfların TAMAMINI istemci betiği ekler (kitTablo SSR'de
   basmaz): JS yoksa tek kural bile eşleşmez, ekranın ▲▼ gönderimleri tek
   ve erişilebilir yol olarak kalır. Hex YOK, her renk token türevi.
   ============================================================ */
.kt-srk tbody tr[draggable="true"]{cursor:grab}
.kt-srk tbody tr[draggable="true"]:active{cursor:grabbing}
.kt-srk tbody tr[draggable="true"]:focus-visible{outline:2px solid var(--vurgu);outline-offset:-2px}
.kt-srk tbody tr.kt-srk-tasiniyor{opacity:.42;background:var(--kt-secili)}
.kt-sira-durum{padding:9px 15px 12px;font-size:12.5px;color:var(--soluk)}
.kt-sira-durum:empty{display:none}
.kt-sira-durum.iyi{color:var(--kt-iyi-metin)}
.kt-sira-durum.hata{color:var(--kt-kotu-metin)}

/* CANLI AKIŞ İKONU — cekirdek/kabuk.js `olayEkle` yalnız tip:"bildirim"
   olayında basar (kit `bildirimYayin` olayı). Diğer olay tipleri eskisi gibi. */
.kt-olay-ik{flex:0 0 auto;display:inline-grid;place-items:center;width:17px;height:17px;margin-top:1px;border-radius:5px;background:var(--kt-hover);color:var(--soluk);font-size:11px;font-weight:700;line-height:1}
.kt-olay-ik[data-tur="bilgi"]{color:var(--kt-bilgi-metin)}
.kt-olay-ik[data-tur="iyi"]{color:var(--kt-iyi-metin)}
.kt-olay-ik[data-tur="uyari"]{color:var(--kt-uyari-metin)}
.kt-olay-ik[data-tur="hata"]{color:var(--kt-kotu-metin)}

@media(prefers-reduced-motion:reduce){
  .kt-srk tbody tr.kt-srk-tasiniyor{opacity:1}
}

/* --- kitPanel / kitListe / kitIzgara / kitAnahtar (kit/kart.js) -------
   JETON SOZLUGU NOTU (2026-09-13): panel ile SITE ayri sozlukler kullanir.
   Panelde TANIMLI olanlar: --metin --soluk --ikincil --vurgu --ciz --yzey
   --yzey2 --bg --kenar --radius --girinti --kt-*.
   Panelde TANIMSIZ (site sozlugu): --kart --marka --zemin --b1..b4 --r1/r2
   --rtam --fs-* --fw-*. Ilk yazimda site sozlugunu kullanmistim; bilesenler
   stilsiz cizilirdi. Olcum: `grep -ohE "--[a-z0-9-]+:" panel.css` (dosya
   kucultulmus, tek satir — satir basi arayan grep yanilticidir).
   NOT: bu dosyadaki ONCEDEN VAR OLAN 4 adet `var(--b2)` de ayni sebeple
   bugun etkisiz; ayri is olarak birakildi (bu dalgada dokunulmadi).
   Renkler JETON; hex YOK (K2).

   ------------------------------------------------------------------
   GORSEL PARITE (2026-09-13 · is: stil-paritesi)
   ------------------------------------------------------------------
   OLCUM: `node infra/sinama/kit-gorsel-sinama.mjs [--acik] [--kir]`.
   Olculen taban: koyu 172 / acik 169 farkli hesaplanmis ozellik.
   Bu bolumdeki her deger, karsiligi olan ESKI panel sinifindan OLCULEREK
   alindi; eski siniflarin HICBIRI degistirilmedi (`.kart` bayt ayni).

   1:N UYARISI — kitPanel'in TEK baslik seridine karsilik panelde UC ayri
   eski muamele var: `.kart-bas` (yerlesim: space-between eylem cubugu),
   `.k-b` ve `.yk-bas` (tipografi: 11px buyuk harf, seyreltilmis, soluk,
   600). Ikisi birden tek ogede toplandi: YERLESIM `.kart-bas`tan,
   TIPOGRAFI `.k-b`den. `.yk-bas` yalniz harf araligi (.06em) ve alt
   bosluk (10px) ile `.k-b`den ayriliyor — bu kazara catallanma; otorite
   olarak `.k-b` secildi (panelde 33 gecis, `.yk-bas` 15).

   BILINCLI SAPMALAR (parite kusuru DEGIL, gerekceli):
   · `.sg-oge` ve `.oa-not` kenarligi/zemini `--cizgi`/`--yuzey` kullaniyor;
     bu iki ad panelde YALNIZ acik temada tanimli, koyuda TANIMSIZ (olculdu:
     koyuda kenarlik 0, zemin seffaf). Kite `--ciz`/`--yzey` yazildi, yani
     eski kuralin NIYETI kopyalandi, kusuru degil. Acik temada iki jeton
     bayt ayni (kenarlik) oldugu icin acik temada TAM parite olusur.
   · kitIzgara arama kutusunda ikon YOK (uretici ikon basmiyor), bu yuzden
     `.mod-ara` girdisinin 38px sol girintisi DEGIL 14px kullanildi; boyle
     olmasa metin bos bir ikon yuvasindan sonra baslardi.
   · kitSegment'in SECILI renkleri jeton turevi; eski `.dur-pill` secili
     rengi anlamsal (gri/yesil/mavi/kirmizi) ve kitte bu kanal yok. Kutu
     olculeri (girinti, yuvarlaklik, cerceve, yazi, nokta) TAM esitlendi;
     renk farki bir YETENEK eksigidir, asagida anlamsal siniflarla kapatildi.
   ------------------------------------------------------------------ */

/* --- kitPanel kabi: `.kart` ile ESIT ------------------------------
   MARGIN KARARI: eski `.kart`in margini YOKTUR; bosluk KABIN isidir
   (`.grid` gap:15px, `.hb-yan` gap:12px, `.pano-2` gap:15px). Eski
   `margin-bottom:12px` izgara/esnek kaplarda ogenin dis kutusunu
   buyutup alt kenari 12px yukari kaydiriyordu (olculdu) VE gercek
   cagri yerinde (`.hb-yan`) kabin gap'i ile TOPLANIP cift bosluk
   uretiyordu. Bu yuzden margin 0.
   AKIS KACISI: kapsiz duz akista ust uste yigilan paneller icin
   `.kt-akis` opsiyonu var; kitPanel'in `sinif` parametresiyle verilir,
   izgara/esnek kaplarda kullanilmaz. */
.kt-panel{background:var(--yzey);border:1px solid var(--ciz);border-radius:var(--kt-yzey-r);padding:var(--kt-yzey-girinti);box-shadow:var(--kt-yzey-golge);min-width:0;margin:0}
.kt-panel.kt-akis+.kt-akis{margin-top:var(--kt-yzey-aralik)}
/* BAGLAMSAL PARITE: haber editorunun yan kolonunda eski kartlar
   `.hb-yan .kart{padding:14px 16px}` ile daralir; tasinan panel de daralmali. */
.hb-yan .kt-panel{padding:14px 16px}
.kt-panel-bas{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--kt-yzey-aralik);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--soluk)}
/* Rozet baslik seridinin tipografisini DEVRALMAZ (sayi buyuk harf olmaz,
   harf araligi rakamlari ayirmaz). Olculer eski `.sg-sayi` ile ayni. */
.kt-panel-sayi{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--vurgu);color:var(--kt-vurgu-ustu);font-size:10.5px;font-weight:700;letter-spacing:normal;text-transform:none}
.kt-panel-not{margin-top:4px;font-size:12px;color:var(--soluk)}

/* --- kitListe (kisit:true iken): `.sg-liste` / `.sg-oge` ile ESIT --------------------
   B3 (2026-09-13): `max-height:280px;overflow-y:auto` eski listede VARDI
   ama o kisit TEK bir cagirana (surum gecmisi `.sg-liste`) ozguydu —
   "kart sonsuz uzamasin" karari O EKRANIN karariydi. Genel bilesene
   tasindiginda kitListe'ye gecen HER uzun liste 280px'te SESSIZCE
   kirpilacakti (kayitsiz veri kaybi gorunumu). Kisit KATILABILIR yapildi:
   varsayilan KISIT YOK; isteyen cagiran `kitListe({ kisit: true })` der ve
   uretici `.kt-liste-kisit` sinifini basar. Secenek vermeyen cagiranin
   HTML ciktisi bayt bayt degismedi. */
.kt-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.kt-liste.kt-liste-kisit{max-height:280px;overflow-y:auto}
/* Zemin eski satirin degeriyle BIREBIR (eski kural tanimsiz bir ada
   basvurup her zaman bu yedege dusuyor). Kenarlik ise `--ciz` jetonuna
   cevrildi: eski ad koyu temada TANIMSIZ oldugu icin satirin kenarligi
   koyuda hic cizilmiyordu; acik temada iki jeton ayni degerde. */
.kt-liste-oge{padding:8px 9px;border:1px solid var(--ciz);border-radius:8px;background:var(--kt-liste-oge-zemin)}
.kt-liste-ust{display:flex;align-items:center;justify-content:space-between;gap:8px}
.kt-liste-birincil{font-size:12px;font-weight:700;color:var(--vurgu)}
.kt-liste-ikincil{font-size:11px;color:var(--soluk);font-variant-numeric:tabular-nums}
.kt-liste-orta{font-size:11.5px;color:var(--metin);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kt-liste-meta{font-size:11px;color:var(--soluk);margin-top:1px}
.kt-liste-bos{font-size:12px;color:var(--soluk);line-height:1.5}

/* --- kitIzgara: `.mod-arac` / `.mod-ara` / `.mod-filtre` ile ESIT --- */
.kt-izgara-arac{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px}
.kt-izgara-ara{position:relative;display:flex;align-items:center;flex:1;min-width:240px}
.kt-izgara-ara-giris{width:100%;padding:11px 14px;border:1px solid var(--ciz);border-radius:11px;background:var(--yzey);color:var(--metin);font:inherit;font-size:13.5px;outline:none;transition:border-color .15s}
/* B5: ODAK HALKASI. Eski `.mod-ara input:focus` halkayi duz maviyle
   ciziyor; kit `--kt-secili` (vurgudan turemis) kullaniyordu ve ACIK
   temada renk farki veriyordu (olculdu: eski rgb(59,130,246,.14) vs kit
   rgb(37,99,235,.14)). Olculmus jetona baglandi -> iki temada da parite. */
.kt-izgara-ara-giris:focus{border-color:var(--vurgu);box-shadow:0 0 0 3px var(--kt-ara-odak)}
.kt-izgara-filtre{display:inline-flex;gap:6px;padding:4px;background:var(--yzey);border:1px solid var(--ciz);border-radius:11px}
/* CIP KAPSAMI — `kt-cip` IKI ayri uretici tarafindan basiliyor:
   kitIzgara (yalniz `kt-cip`) ve kitForm suzgec kipi (`cip kt-cip`,
   yani MEVCUT `.cip` gorunumunun uzerinde). Onceki surumde `.kt-cip`
   kapsamsizdi ve suzgec ciplerinin zeminini/imlecini de degistiriyordu —
   bu, 2b bolumundeki "mevcut `.cip` gorunumunu DEGISTIRMEZ" sozune
   aykiriydi. Gorunum kurallari artik YALNIZ izgara kabinin altinda. */
.kt-izgara-filtre .kt-cip{padding:7px 14px;border:0;background:transparent;color:var(--ikincil);border-radius:8px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .14s;white-space:nowrap}
.kt-izgara-filtre .kt-cip:hover{color:var(--metin)}
.kt-izgara-filtre .kt-cip.etkin{background:var(--vurgu);color:var(--kt-vurgu-ustu);box-shadow:var(--kt-cip-on-golge)}
.kt-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}

/* Olculer ekran stilindeki .mt-anahtar ile AYNI (42x23, 17px topuz,
   translateX(19px)) ki tasinan ekran gorsel olarak kaymasin.
   ACIK RAY: eski kural rayi %90 opakligi olan duz bir degerle boyuyor ve
   topuzu BEYAZ birakiyor. Kit once tam opak vurgu + `--yzey` kullaniyordu;
   koyu temada `--yzey` koyu oldugu icin topuz mavi zeminde KARARIYORDU.
   Ikisi de eski degere cekildi (topuz iki temada da beyaz). */
.kt-anahtar{position:relative;display:inline-flex;width:42px;height:23px;flex:none}
.kt-anahtar-giris{position:absolute;opacity:0;width:0;height:0;margin:0}
.kt-anahtar-kaydir{position:absolute;inset:0;background:var(--yzey2);border:1px solid var(--ciz);border-radius:999px;transition:.2s}
.kt-anahtar-kaydir::before{content:"";position:absolute;left:2px;top:2px;width:17px;height:17px;background:var(--soluk);border-radius:50%;transition:transform .2s,background .2s}
.kt-anahtar-giris:checked+.kt-anahtar-kaydir{background:var(--kt-anahtar-on);border-color:var(--vurgu)}
.kt-anahtar-giris:checked+.kt-anahtar-kaydir::before{transform:translateX(19px);background:var(--kt-vurgu-ustu)}
.kt-anahtar-giris:focus-visible+.kt-anahtar-kaydir{outline:2px solid var(--vurgu);outline-offset:2px}
.kt-anahtar-giris:disabled+.kt-anahtar-kaydir{opacity:.5;cursor:not-allowed}

/* --- kitMetinAlan: `.oa-not` ile ESIT (jeton duzeltmesiyle) -------- */
.kt-metin{width:100%;margin-top:0;padding:7px 9px;border:1px solid var(--ciz);border-radius:8px;background:var(--yzey);color:var(--metin);font-size:12px}
.kt-metin:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}

/* --- kitSegment: `.dur-secim` / `.dur-pill` ile ESIT ----------------
   YAPI DEGISIKLIGI: gorunum artik KABA degil, secenek ADINA bagli (eski
   desende de pill, etiketin ic ogesidir). Bu sayede kap cerceve/girinti
   tasimaz ve secenekler eski secici ile ayni ritimde dizilir. */
.kt-seg{display:flex;flex-wrap:wrap;gap:6px}
.kt-seg-oge{position:relative;cursor:pointer;user-select:none}
.kt-seg-giris{position:absolute;opacity:0;width:0;height:0;margin:0}
.kt-seg-ad{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--ciz);background:var(--girinti);color:var(--ikincil);transition:all .13s}
.kt-seg-ad::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55;flex:none}
.kt-seg-oge:hover .kt-seg-ad{border-color:var(--soluk)}
.kt-seg-oge.secili .kt-seg-ad{background:var(--kt-bilgi-zemin);border-color:var(--kt-bilgi-ciz);color:var(--kt-bilgi-metin)}
.kt-seg-oge.secili .kt-seg-ad::before{opacity:1}
/* ANLAMSAL KANAL — eski `.dur-pill` secili rengini duruma gore degistiriyordu;
   kitte bu kanal YOKTU (goc ajanlarinin "esik renkleri dustu" bulgusu).
   kitSegment secenegin `sinif` alanini oge uzerine gecirdigi icin kanal
   CSS tarafinda acilabiliyor; adlar kitin mevcut anlam kumesiyle ayni. */
.kt-seg-oge.iyi.secili .kt-seg-ad{background:var(--kt-iyi-zemin);border-color:var(--kt-iyi-ciz);color:var(--kt-iyi-metin)}
.kt-seg-oge.uyari.secili .kt-seg-ad{background:var(--kt-uyari-zemin);border-color:var(--kt-uyari-ciz);color:var(--kt-uyari-metin)}
.kt-seg-oge.kotu.secili .kt-seg-ad{background:var(--kt-kotu-zemin);border-color:var(--kt-kotu-ciz);color:var(--kt-kotu-metin)}
.kt-seg-oge.notr.secili .kt-seg-ad{background:var(--kt-hover);border-color:var(--ciz);color:var(--metin)}
/* B5: SEGMENT ODAGI. Eski `.dur-pill input:focus-visible+span` YALNIZ bir
   box-shadow halkasi ciziyor (radio girdisi 0x0 ve seffaf oldugu icin UA
   halkasi gorunmez). Kit o halkayi AYNEN tasir -> boxShadow paritesi tam.
   Halkanin USTUNE outline BIRAKILIR: forced-colors / yuksek kontrast
   kipinde box-shadow DUSURULUR ve eski desende klavye odagi TAMAMEN
   kaybolur. Kusuru degil niyeti kopyalama doktrini (ayni dosyadaki
   `--cizgi` karariyla ayni); fark SAPMA sozlesmesine yazildi. */
.kt-seg-giris:focus-visible+.kt-seg-ad{outline:2px solid var(--vurgu);outline-offset:3px;box-shadow:0 0 0 3px var(--kt-seg-odak)}
/* Halkayi TEK gosterge olarak kullanan yuzeyde yuksek kontrast yedegi. */
@media (forced-colors:active){
  .kt-izgara-ara-giris:focus{outline:2px solid CanvasText;outline-offset:2px}
}
.kt-alan-bas{display:flex;align-items:baseline;justify-content:space-between;gap:8px}

/* --- kart.js KATILABILIR YETENEKLER (2026-09-13) ---------------------
   Hepsi OPT-IN: uretici ilgili parametreyi almadiginda bu siniflarin HICBIRI
   basilmaz, yani mevcut cizimlerin hesaplanmis degerleri degismez.
   Renkler yalniz --kt-* jetonlari; hex YOK (K2). Her secici `kt-` icerir.
   Blok EK niteliginde: hicbir mevcut kurali ezmez, yalniz yeni secici ekler.

   (a) baslik seridi sag yuvasi — dizilimi ZATEN VAR OLAN .kt-ust-sag verir;
       burada yalnizca saga yaslama eklenir. Otomatik kenar bosluklari artan
       alani hizalamadan ONCE yuttugu icin serit ister space-between ister
       gap kullansin yuva hep sag uca oturur. */
.kt-panel-eylem{margin-left:auto}
/* (d) satir gezinme baglantisi — rengi SATIRDAN miras alir ki (c) anlamsal
       rengini ezmesin; gorunurlugu alt cizgi ve odak halkasi tasir. */
.kt-liste-bag{color:inherit;text-decoration:none}
.kt-liste-bag:hover{text-decoration:underline;text-underline-offset:3px}
.kt-liste-bag:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;border-radius:3px}
/* (c) satir anlamsal rengi — dort ad kitin ZATEN kullandigi sozlukten
       (.kt-medya-durum.iyi · .kt-sira-durum.hata · .kt-olay-ik[data-tur]). */
.kt-liste-oge.bilgi .kt-liste-birincil{color:var(--kt-bilgi-metin)}
.kt-liste-oge.iyi .kt-liste-birincil{color:var(--kt-iyi-metin)}
.kt-liste-oge.uyari .kt-liste-birincil{color:var(--kt-uyari-metin)}
.kt-liste-oge.kotu .kt-liste-birincil{color:var(--kt-kotu-metin)}
/* (e) statik rozet anlamsal renkleri — taban .kt-rozet gorunumu degismez. */
.kt-rozet.bilgi{color:var(--kt-bilgi-metin);background:var(--kt-bilgi-zemin);border-color:var(--kt-bilgi-ciz)}
.kt-rozet.iyi{color:var(--kt-iyi-metin);background:var(--kt-iyi-zemin);border-color:var(--kt-iyi-ciz)}
.kt-rozet.uyari{color:var(--kt-uyari-metin);background:var(--kt-uyari-zemin);border-color:var(--kt-uyari-ciz)}
.kt-rozet.kotu{color:var(--kt-kotu-metin);background:var(--kt-kotu-zemin);border-color:var(--kt-kotu-ciz)}
.kt-rozet.bilgi b,.kt-rozet.iyi b,.kt-rozet.uyari b,.kt-rozet.kotu b{color:inherit}

/* --- DUZELT-B (2026-09-18) · SEGMENT SECIMI TIKLAMAYA YANIT VERSIN ----
   KUSUR (CANLI OLCUM · panel.keydal.net/haber-yeni "Detayli" kipi):
   kitSegment'in secili gorunumu YALNIZ sunucunun bastigi `.secili`
   sinifina bagliydi; girdi gorsel olarak gizli (`.kt-seg-giris`
   opacity:0 · 0x0). Kullanici Taslak / Yayinda / Zamanlanmis / Arsiv
   pillerinden birine tikladiginda radio DEGISIYOR ama ekranda HICBIR SEY
   olmuyordu -- parlayan pill hep sunucudan gelen ESKI secenek kaliyordu,
   yani GONDERILECEK deger ile GORUNEN deger ayrisiyordu. (Olcum: tiklama
   sonrasi zamanlanmis checked=true, pill zemini hala rgb(14,14,18);
   taslak checked=false ama sinif hala "secili".)
   Eski `.dur-pill` deseni ayni isi `input:checked+span` ile CSS'te
   yapiyordu; kite gecerken o kanal dustu -- burada geri geliyor.
   COZUM: secili gorunum `:checked`ten dogar. JS YOK (PJAX main degisimi
   bir seyi koparamaz), klavye ok tuslariyla gezinmede de ayni anda
   guncellenir, JS kapaliyken calisir. Sunucunun bastigi `.secili` ilk
   cizimde ZATEN `checked` ile birlikte geldigi icin ILK gorunum
   degismez; yalniz BAYAT kalan `.secili` taban gorunume dondurulur.
   ANLAMSAL KANAL: ekran `sinif` olarak kitin sozlugunu (notr/iyi/
   bilgi/uyari/kotu) verir; `bilgi` kanali burada acildi (taban secili
   gorunum zaten bilgi tonuydu, ad verilerek secilebilir hale geldi). */
.kt-seg-giris:checked+.kt-seg-ad{background:var(--kt-bilgi-zemin);border-color:var(--kt-bilgi-ciz);color:var(--kt-bilgi-metin)}
.kt-seg-giris:checked+.kt-seg-ad::before{opacity:1}
.kt-seg-oge.bilgi .kt-seg-giris:checked+.kt-seg-ad{background:var(--kt-bilgi-zemin);border-color:var(--kt-bilgi-ciz);color:var(--kt-bilgi-metin)}
.kt-seg-oge.iyi .kt-seg-giris:checked+.kt-seg-ad{background:var(--kt-iyi-zemin);border-color:var(--kt-iyi-ciz);color:var(--kt-iyi-metin)}
.kt-seg-oge.uyari .kt-seg-giris:checked+.kt-seg-ad{background:var(--kt-uyari-zemin);border-color:var(--kt-uyari-ciz);color:var(--kt-uyari-metin)}
.kt-seg-oge.kotu .kt-seg-giris:checked+.kt-seg-ad{background:var(--kt-kotu-zemin);border-color:var(--kt-kotu-ciz);color:var(--kt-kotu-metin)}
.kt-seg-oge.notr .kt-seg-giris:checked+.kt-seg-ad{background:var(--kt-hover);border-color:var(--ciz);color:var(--metin)}
/* BAYAT sunucu damgasi: `.secili` var ama isaretli DEGIL -> taban gorunum. */
.kt-seg-oge.secili:not(:has(.kt-seg-giris:checked)) .kt-seg-ad{background:var(--girinti);border-color:var(--ciz);color:var(--ikincil)}
.kt-seg-oge.secili:not(:has(.kt-seg-giris:checked)) .kt-seg-ad::before{opacity:.55}

/* ============================================================
   5 · kdOnay — ONAY PENCERESİ (kaynak: cekirdek/kit/onay.js)
   ------------------------------------------------------------
   NEDEN BU DOSYADA: bu dosyanın başlığı kitin TEK görsel kaynağı
   olduğunu söylüyor. Ayrı bir `93-kit-onay.css` açmak hem o sözü
   bozar hem de partial'ı `90-acik-tema.css`ten SONRAYA koyardı —
   açık tema katmanı artık bu kuralları ezemezdi. Buradaki tema
   sözleşmesi (`:root[data-theme="light"]` özgüllüğü) kaskad
   sırasından bağımsız çözüldüğü için 75 numarada durmak doğru.

   HEX YOK: her renk mevcut jetonun türevi. `rgba(0,0,0,…)` perdede
   bilinçli — perde bir YÜZEY değil, sahnenin kendisini karartır ve
   iki temada da aynı davranması gerekir.

   TÜR AYRIMI GÖRÜNÜR OLMALI: `window.confirm`in kapatılma sebebi
   tam buydu. `tehlike` türünde ikon zemini ve ONAY düğmesi `--kotu`
   olur; `uyari` ve `bilgi` sakin kalır. Odak sırası onay.js'te:
   tehlikede odak VAZGEÇ'te, diğerlerinde ONAY'da.

   ANİMASYON: perde ve kart ayrı. Kapanışta `.kapaniyor` sınıfı
   eklenir ve `dialog.close()` 170ms sonra çağrılır (onay.js); CSS
   süresi ile o gecikme AYNI olmalı, yoksa kart kaybolmadan pencere
   kapanır. `prefers-reduced-motion` ikisini de kapatır.
   ============================================================ */
.kt-onay{position:fixed;inset:0;margin:auto;width:min(420px,calc(100vw - 32px));max-width:min(420px,calc(100vw - 32px));padding:0;border:0;background:transparent;color:var(--metin);overflow:visible}
.kt-onay:focus{outline:none}
.kt-onay::backdrop{background:rgba(0,0,0,.55);background:color-mix(in srgb, black 58%, transparent);backdrop-filter:blur(3px);animation:kt-onay-perde .18s ease-out}
.kt-onay-kart{background:var(--yzey);border:1px solid var(--ciz);border-radius:16px;padding:22px 22px 18px;box-shadow:var(--kt-golge);text-align:center;animation:kt-onay-gir .2s cubic-bezier(.2,.9,.25,1.08)}
.kt-onay.kapaniyor .kt-onay-kart{animation:kt-onay-cik .16s ease-in forwards}
.kt-onay.kapaniyor::backdrop{animation:kt-onay-perde .16s ease-in reverse}
.kt-onay-ik{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 13px;border-radius:50%;background:var(--kt-hover);color:var(--metin)}
.kt-onay-ik svg{width:23px;height:23px}
.kt-onay-bas{margin:0;font-size:16px;font-weight:650;line-height:1.35;color:var(--metin);letter-spacing:0;text-transform:none}
.kt-onay-metin{margin:7px 0 0;font-size:13px;line-height:1.55;color:var(--ikincil);overflow-wrap:anywhere}
.kt-onay-metin[hidden]{display:none}
.kt-onay-eylem{display:flex;gap:9px;margin-top:18px}
/* TIKLAMA HEDEFİ: 40px taban. Panelin geri kalanında 32–36px ölçüldü;
   geri alınamaz bir işlemin düğmesi en küçük hedef OLMAMALI. */
.kt-onay-eylem button{flex:1;min-height:40px;padding:10px 14px;border-radius:10px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:background .14s,border-color .14s,opacity .14s}
.kt-onay-eylem button:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
/* Onaylandıktan sonra iki düğme de kilitlenir (onay.js): imleç BEKLEME
   gösterir, çünkü işlem başladı ve ikinci tık ikinci gönderim demek. */
.kt-onay-eylem button:disabled{opacity:.6;cursor:progress}
.kt-onay-vazgec{background:var(--yzey2);border:1px solid var(--ciz);color:var(--metin)}
.kt-onay-vazgec:hover:not(:disabled){background:var(--kt-hover);border-color:var(--soluk)}
.kt-onay-tamam{background:var(--vurgu);border:1px solid var(--vurgu);color:var(--kt-vurgu-ustu)}
.kt-onay-tamam:hover:not(:disabled){background:var(--vurgu2);border-color:var(--vurgu2)}
.kt-onay-kart[data-tur="uyari"] .kt-onay-ik{background:var(--kt-uyari-zemin);color:var(--kt-uyari-metin)}
.kt-onay-kart[data-tur="bilgi"] .kt-onay-ik{background:var(--kt-bilgi-zemin);color:var(--kt-bilgi-metin)}
.kt-onay-kart[data-tur="tehlike"] .kt-onay-ik{background:var(--kt-kotu-zemin);color:var(--kt-kotu-metin)}
.kt-onay-kart[data-tur="tehlike"] .kt-onay-tamam{background:var(--kotu);border-color:var(--kotu);color:var(--kt-vurgu-ustu)}
.kt-onay-kart[data-tur="tehlike"] .kt-onay-tamam:hover:not(:disabled){background:color-mix(in srgb, var(--kotu) 82%, black);border-color:color-mix(in srgb, var(--kotu) 82%, black)}
.kt-onay-kart[data-tur="tehlike"] .kt-onay-tamam:focus-visible{outline-color:var(--kotu)}
@keyframes kt-onay-gir{from{opacity:0;transform:translateY(10px) scale(.94)}to{opacity:1;transform:none}}
@keyframes kt-onay-cik{from{opacity:1;transform:none}to{opacity:0;transform:translateY(6px) scale(.97)}}
@keyframes kt-onay-perde{from{opacity:0}to{opacity:1}}
/* Dar ekranda düğmeler alt alta ve VAZGEÇ ALTTA: başparmağın en kolay
   ulaştığı yer en alt, oraya yıkıcı düğme konmaz (column-reverse). */
@media(max-width:480px){
  .kt-onay-eylem{flex-direction:column-reverse}
  .kt-onay-kart{padding:20px 18px 16px}
}
@media(prefers-reduced-motion:reduce){
  .kt-onay-kart,.kt-onay.kapaniyor .kt-onay-kart{animation:none}
  .kt-onay::backdrop,.kt-onay.kapaniyor::backdrop{animation:none}
}
@media (forced-colors:active){
  .kt-onay-kart{border:1px solid CanvasText}
  .kt-onay-eylem button{border:1px solid ButtonText}
}
/* Favicon ikonlari (site degistirici + rail logo) */
.rail-favi{width:34px;height:34px;border-radius:10px;object-fit:cover;display:block;background:var(--kenar)}
.rs-favi{width:28px;height:28px;border-radius:8px;object-fit:cover;display:block;background:var(--kenar)}
.rs-ik{width:28px;height:28px;flex:none;display:grid;place-items:center;font-weight:700}
.rs-ad-k{font-weight:600}

/* Kişisel yazı boyutu kontrolü (A-/A/A+) */
.yazi-boy{display:inline-flex;align-items:center;gap:2px;background:var(--girinti);border:1px solid var(--ciz);border-radius:9px;padding:2px}
.yazi-boy button{background:none;border:none;color:var(--ikincil);cursor:pointer;font-weight:700;padding:3px 8px;border-radius:7px;line-height:1;font-family:var(--sans);font-size:12px}
.yazi-boy button:hover{background:var(--yzey2);color:var(--metin)}
.yazi-boy button#yb-buyut{font-size:15px}
/* koyu-okunur metin token'lari (koyu varsayilan; acik tema :root[data-theme="light"] icinde ezer) */
:root{--iyi-metin:#4ade80;--kotu-metin:#f87171;--uyari-metin:#fbbf24;--mavi-metin:#60a5fa}

/* ============================================================
   KEYDAL Panel — AÇIK TEMA KATMANI (gece/gündüz)
   Sözleşme: <html data-theme="light"> açık; yoksa/"dark" koyu (varsayılan).
   Mevcut kilit-band / dur-pill kuralları aynı data-theme kontratını kullanır.
   Tercih: cookie+localStorage kd_tema = light|dark|system (sunucu.mjs SSR).
   ============================================================ */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f3f3f6;--yzey:#ffffff;--yzey2:#f2f2f5;--girinti:#e8e8ee;--ciz:#dfe0e7;
  --metin:#121216;--ikincil:#4b4b57;--soluk:#7a7a87;
  --vurgu:#2563eb;--vurgu2:#1d4ed8;--pembe:#1d4ed8;
  --iyi:#15803d;--uyari:#b45309;--kotu:#dc2626;
  --kenar:#ffffff;--kenar-metin:#3f3f46;
  --yuzey:#ffffff;--yuzey2:#f2f2f5;--cizgi:#dfe0e7;--vurgu-yumusak:#eef2ff;
  --golge:0 1px 2px rgba(17,17,24,.06);
  --rol-ustu:#ffffff; /* durum pill'i (arka plan --iyi/--uyari) üstündeki metin; koyuda #04302d */
}
:root{--rol-ustu:#04302d;--ipucu:#94a3b8}
:root[data-theme="light"]{--ipucu:#6b7280}
/* açık zeminde amber rozet üstü beyaz "!" 2.1:1 → daha koyu amber */
:root[data-theme="light"] .sp-oge.uyari .sp-ik,
:root[data-theme="light"] .sp-rozet.orta{background:#b45309}
/* --- karanlık literal yüzeyler --- */
:root[data-theme="light"] .rail-site-menu,
:root[data-theme="light"] .kanat,
:root[data-theme="light"] .dil-menu{background:#ffffff;box-shadow:0 18px 44px -18px rgba(17,17,24,.22)}
:root[data-theme="light"] .kanat{box-shadow:20px 0 50px -30px rgba(17,17,24,.18)}
/* .ust: koyu temada backdrop-filter:blur(10px) var; açık temada blur KAPALI (Chrome'da popup+blur
   bileşimi render donmasına yol açabiliyor — Claude-in-Chrome testleri 2026-09-12) */
:root[data-theme="light"] .ust{background:rgba(243,243,246,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
:root[data-theme="light"] .rail{border-right-color:var(--ciz)}
/* --- beyaz-şeffaf hover'lar → siyah-şeffaf; #fff metin → --metin --- */
:root[data-theme="light"] .rs-oge:hover,
:root[data-theme="light"] .rs-oge.etkin,
:root[data-theme="light"] .rail-ik:hover,
:root[data-theme="light"] .rail-ik.etkin,
:root[data-theme="light"] .kanat-oge:hover,
:root[data-theme="light"] .kanat-oge.etkin,
:root[data-theme="light"] .dm-oge button:hover:not(:disabled),
:root[data-theme="light"] .mr-oge:hover,
:root[data-theme="light"] .mk-kl:hover,
:root[data-theme="light"] .mk-tn:hover{background:rgba(17,17,24,.06);color:var(--metin)}
:root[data-theme="light"] .rail-ik.acik{background:rgba(17,17,24,.1);color:var(--metin)}
:root[data-theme="light"] .yg-bas:hover{background:rgba(17,17,24,.03)}
:root[data-theme="light"] .kanat-oge.etkin .ri-ik{color:var(--vurgu)}
:root[data-theme="light"] .kanat-oge.etkin{color:var(--vurgu)}
:root[data-theme="light"] .dm-oge.secili button,
:root[data-theme="light"] .sp-opt:hover,
:root[data-theme="light"] .sp-opt.vurgu,
:root[data-theme="light"] .sp-opt.secili,
:root[data-theme="light"] .editor-arac button:hover{color:var(--metin)}
:root[data-theme="light"] .rail-cikis:hover{background:rgba(220,38,38,.1);color:#b91c1c}
:root[data-theme="light"] .modul-kart.d-kilitli{background:repeating-linear-gradient(135deg,var(--yzey),var(--yzey) 10px,rgba(17,17,24,.025) 10px,rgba(17,17,24,.025) 20px)}
/* --- kaydırma çubuğu: BİLİNÇLİ DOKUNULMADI. Chrome'da açık temada `*{scrollbar-color}` /
   `::-webkit-scrollbar-thumb` override'ı, kanat (overflow:auto + scrollbar-width:none) açılınca
   render'ı donduruyor (Claude-in-Chrome ile 3 kez yeniden üretildi, 2026-09-12). Koyu çubuk kalır. --- */
/* --- gölgeler (koyu için ayarlanmış yoğunluklar) --- */
:root[data-theme="light"] .kart{box-shadow:0 1px 2px rgba(17,17,24,.06)}
:root[data-theme="light"] .sp-panel,
:root[data-theme="light"] .et-oner{box-shadow:0 14px 38px -14px rgba(17,17,24,.22)}
:root[data-theme="light"] .modul-kart:hover,
:root[data-theme="light"] .tema-kart:hover{box-shadow:0 4px 16px rgba(17,17,24,.1)}
:root[data-theme="light"] .mod-durum{box-shadow:0 8px 26px rgba(17,17,24,.16)}
:root[data-theme="light"] .kmm-panel,
:root[data-theme="light"] .yb-modal-kutu,
:root[data-theme="light"] .sa-modal-kart{box-shadow:0 24px 64px rgba(17,17,24,.22)}
:root[data-theme="light"] .kmm-arka,
:root[data-theme="light"] .ao-arka{background:rgba(17,17,24,.45)}
:root[data-theme="light"] .yb-modal,
:root[data-theme="light"] .sa-modal{background:rgba(17,17,24,.42)}
:root[data-theme="light"] .kd-toast{box-shadow:0 10px 30px rgba(17,17,24,.14)}
/* --- açık zeminde okunabilir durum renkleri (koyu için açık tonlar seçilmişti) --- */
:root[data-theme="light"] .rozet-durum.yayinda,
:root[data-theme="light"] .rozet-durum.iyi,
:root[data-theme="light"] .rozet-durum.aktif,
:root[data-theme="light"] .rozet-btn.aktif,
:root[data-theme="light"] .ikon-btn.onay:hover,
:root[data-theme="light"] .sp-metin.iyi,
:root[data-theme="light"] .mk-durum.bagli,
:root[data-theme="light"] .yr-ok,
:root[data-theme="light"] .yr-k301{color:#15803d}
:root[data-theme="light"] .rozet-durum.taslak,
:root[data-theme="light"] .rozet-durum.uyari,
:root[data-theme="light"] .sp-metin.orta,
:root[data-theme="light"] .mk-yakinda,
:root[data-theme="light"] .tk-rozet,
:root[data-theme="light"] .kmm-cdn,
:root[data-theme="light"] .yb-pasif,
:root[data-theme="light"] .dm-yakin{color:#b45309}
:root[data-theme="light"] .rozet-durum.zamanlanmis,
:root[data-theme="light"] .yb-cihaz{color:#1d4ed8}
:root[data-theme="light"] .rozet-durum.kotu,
:root[data-theme="light"] .sat-islem button.tehlike:hover,
:root[data-theme="light"] .ikon-btn.tehlike:hover,
:root[data-theme="light"] .gf-yildiz,
:root[data-theme="light"] .sp-metin.zayif{color:#b91c1c}
/* --- sunucu.mjs satır-içi bileşenler (roster, nabız, kilit rozeti, kd-fsaglik) — koyu varsayılan olduğundan medya sorgusuyla değil kontratla --- */
:root[data-theme="light"] .kd-roster{background:#ffffff;border-color:var(--ciz)}
:root[data-theme="light"] .kd-roster-satir.bende{background:rgba(37,99,235,.08)}
:root[data-theme="light"] .kd-roster-satir .r-rol,
:root[data-theme="light"] .kd-nabiz{background:rgba(37,99,235,.12);color:#1d4ed8}
:root[data-theme="light"] .kd-fsaglik{background:#f2f2f5}
:root[data-theme="light"] .kd-pchip{border-color:#ffffff}
:root[data-theme="light"] .kd-kilit-rozet{background:rgba(234,88,12,.12);color:#c2410c}
:root[data-theme="light"] .kd-canli-kilit{background:rgba(234,88,12,.1);border-color:rgba(234,88,12,.35);color:#9a3412}
/* --- sunucu.mjs satır-içi koyu bloklar (eski prefers-color-scheme; artık koşulsuz) --- */
:root[data-theme="light"] .dg-cfg,
:root[data-theme="light"] .komuta-op{background:#f2f2f5;color:#4b4b57}
:root[data-theme="light"] .dg-kanal{border-color:var(--ciz)}
/* --- tema anahtarı (üst çubuk) --- */
.kd-tema-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:9px;border:1px solid var(--ciz);background:var(--yzey);color:var(--ikincil);cursor:pointer;margin-right:10px;transition:background .14s,color .14s}
.kd-tema-btn:hover{color:var(--metin);background:var(--yzey2)}
.kd-tema-btn svg{width:17px;height:17px}
.kd-tema-btn .ik-gunes{display:none}
:root[data-theme="light"] .kd-tema-btn .ik-gunes{display:block}
:root[data-theme="light"] .kd-tema-btn .ik-ay{display:none}
.kd-tema-btn[data-mod="system"]::after{content:"";position:absolute;right:-3px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--vurgu);border:2px solid var(--yzey)}
.kd-tema-btn{position:relative}
/* --- geçişte yanıp sönme yok: renk geçişi yalnız kullanıcı tıklayınca --- */
:root.kd-tema-gecis,:root.kd-tema-gecis *{transition:background-color .18s ease,color .18s ease,border-color .18s ease!important}

/* ipucu/sonuk metin: sunucu.mjs ve panel modulleri var(--sonuk,#94a3b8) kullanir; koyu varsayilan ayni, acikta okunur ton */
:root{--sonuk:#94a3b8}
:root[data-theme="light"]{--sonuk:#6b7280}
/* Dalga C (K2): cekirdek/kabuk.js:159 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.kd-presence{display:inline-flex;align-items:center;margin-right:8px}
.kd-pchip{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#2563eb;color:#fff;font-size:.66rem;font-weight:700;border:2px solid var(--yuzey,#fff);margin-left:-8px;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.kd-pchip:first-child{margin-left:0}.kd-pchip.kd-pmore{background:#6b7280}
.kd-nabiz{display:inline-flex;align-items:center;gap:3px;margin-right:8px;padding:2px 8px;border-radius:999px;background:rgba(37,99,235,.12);color:#1d4ed8;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums}
.kd-nabiz svg{opacity:.9}
.kd-presence-sar{position:relative;display:inline-flex}
.kd-presence{cursor:pointer}
.kd-roster{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;max-height:60vh;overflow:auto;background:var(--yuzey,#fff);border:1px solid var(--cizgi,#e5e7eb);border-radius:10px;box-shadow:0 8px 28px rgba(0,0,0,.16);padding:6px;z-index:60}
.kd-roster-satir{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;font-size:.82rem}
.kd-roster-satir.bende{background:rgba(37,99,235,.08)}
.kd-roster-satir .r-ad{font-weight:600;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kd-roster-satir .r-rol{font-size:.6rem;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:999px;background:rgba(37,99,235,.12);color:#1d4ed8}
.kd-roster-satir .r-yer{font-size:.72rem;color:var(--soluk,#6b7280);white-space:nowrap}
.kd-roster-bos{padding:8px;color:var(--soluk,#6b7280);font-size:.8rem;text-align:center}
.kd-fsaglik{display:inline-flex;align-items:center;gap:10px;margin-right:8px;padding:2px 10px;border-radius:999px;background:var(--yuzey2,#f3f4f6);font-size:.7rem;font-weight:600;font-variant-numeric:tabular-nums}
.kd-fsaglik span{display:inline-flex;align-items:center;gap:5px;color:var(--soluk,#6b7280)}
.kd-fsaglik span::before{content:"";width:7px;height:7px;border-radius:50%;background:#9ca3af}
.kd-fsaglik span[data-durum=up]::before{background:#16a34a}
.kd-fsaglik span[data-durum=down]::before{background:#dc2626}
.kd-fsaglik span[data-durum=bilgi]::before{background:#2563eb}
@media (min-width:0){.kd-roster{background:#1b1b22;border-color:#2a2a33}.kd-roster-satir.bende{background:rgba(96,165,250,.12)}.kd-roster-satir .r-rol{background:rgba(96,165,250,.16);color:#93c5fd}.kd-fsaglik{background:#22222b}}
@media (min-width:0){.kd-nabiz{background:rgba(96,165,250,.15);color:#93c5fd}}
.kd-kilit-rozet{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding:1px 8px;border-radius:999px;background:rgba(234,88,12,.12);color:#c2410c;font-size:.72rem;font-weight:600;vertical-align:middle;white-space:nowrap}
.kd-canli-kilit{margin:0 0 12px;padding:9px 13px;border-radius:9px;background:rgba(234,88,12,.10);border:1px solid rgba(234,88,12,.35);color:#9a3412;font-size:.85rem;font-weight:500}
@media (min-width:0){.kd-kilit-rozet{background:rgba(251,146,60,.16);color:#fdba74}.kd-canli-kilit{background:rgba(251,146,60,.12);border-color:rgba(251,146,60,.32);color:#fdba74}.kd-pchip{border-color:#14141a}}
/* Dalga C (K2): cekirdek/bilesen.js:156 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.gf-renk{display:flex;align-items:center;gap:10px;margin-top:4px}
.gfr-secici{width:46px;height:38px;padding:2px;border:1px solid var(--ciz);border-radius:9px;background:var(--yuzey,#fff);cursor:pointer;flex:none}
.gfr-hex{max-width:150px;font-family:var(--mono,ui-monospace,monospace);text-transform:lowercase}
.gfr-oniz{width:26px;height:26px;border-radius:7px;border:1px solid var(--ciz);flex:none}
/* Dalga C (K2): cekirdek/bilesen.js:163 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.gf-yukle .gfy-govde{display:flex;gap:14px;align-items:flex-start;margin-top:4px}
.gfy-onizle{flex:none}.gfy-img{width:84px;height:84px;border-radius:14px;object-fit:cover;border:1px solid var(--ciz);background:var(--yzey2,#f3f4f6);display:block}
.gfy-sag{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}
.gfy-birak{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border:1.5px dashed var(--ciz);border-radius:10px;color:var(--soluk);font-size:.85rem;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}
.gfy-birak:hover,.gfy-birak.suru{border-color:var(--vurgu);background:rgba(59,130,246,.06);color:var(--metin)}
.gfy-durum{font-size:12px;color:var(--soluk)}.gfy-durum.hata{color:var(--kotu)}.gfy-durum.iyi{color:var(--iyi)}
/* Dalga C (K2): cekirdek/bilesen.js:218 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.koz-kart{margin-top:14px}
.koz-bas{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}
.koz-baslik{margin:0;font-size:15px;font-weight:700;color:var(--metin)}
.koz-alt{margin:4px 0 0;font-size:12px;line-height:1.5;color:var(--ikincil);max-width:560px}
.koz-liste{display:flex;flex-direction:column;gap:8px}
.koz-satir{display:grid;grid-template-columns:minmax(160px,1fr) minmax(200px,2fr) 34px;gap:8px;align-items:center}
.koz-satir input{width:100%;box-sizing:border-box}
.koz-sil{width:34px;height:34px;flex:none;display:grid;place-items:center;background:transparent;border:1px solid var(--ciz);border-radius:8px;color:var(--soluk);cursor:pointer;font-size:13px;transition:border-color .14s,color .14s,background .14s}
.koz-sil:hover{border-color:var(--kotu,#f87171);color:var(--kotu,#f87171);background:rgba(248,113,113,.08)}
.koz-bos{margin:2px 0 0;font-size:12.5px;color:var(--soluk)}
#koz-ekle[disabled]{opacity:.5;cursor:not-allowed}
@media(max-width:560px){.koz-satir{grid-template-columns:1fr 34px;grid-template-areas:"e s" "d s"}.koz-etiket{grid-area:e}.koz-deger{grid-area:d}.koz-sil{grid-area:s;align-self:start}}
/* Dalga C (K2): cekirdek/bilesen.js:99 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
#l-govde tr[draggable]{cursor:grab}#l-govde tr.l-suru{opacity:.45;background:var(--vurgu-yumusak,#eef2ff)}.l-tas{padding:2px 7px;line-height:1;margin-right:2px}#l-sira-durum.iyi{color:var(--iyi,#16a34a)}#l-sira-durum.kotu{color:var(--kotu,#e11d48)}
/* Dalga C (K2): cekirdek/bilesen.js:243 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.spg-oniz-kart{margin-top:14px}.spg-oniz-bas{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.spg-oniz-fr{width:100%;height:440px;border:1px solid var(--ciz,#e2e8f0);border-radius:10px;background:#fff;display:block}
/* SAYFA1c — CANLI TEMA ÖNİZLEME (bilesen.js SAYFA_ONIZ_EK_CANLI; bayrak sayfa_onizleme_canli). YALNIZ YENİ SEÇİCİLER:
   hepsi .spg-oniz-canli kapsamında ya da yeni sınıf adı → bayrak kapalıyken DOM'da bu öğeler yok, mevcut ekranların
   hesaplanan stili değişmez (altın 65 rota 0 fark). Renkler token (00-token / 90-acik-tema); koyu/açık tema kontratı
   :root[data-theme] üzerinden kendiliğinden gelir. Durum: [data-durum=yukleniyor|hazir]; genişlik: [data-genislik]. */
.spg-oniz-canli .spg-oniz-bas{align-items:flex-start;flex-wrap:wrap}
.spg-oniz-h2{margin:0;font-size:15px}
.spg-oniz-alt{display:block;font-size:12px;color:var(--soluk)}
.spg-oniz-arac{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.spg-oniz-genislik{display:inline-flex;border:1px solid var(--ciz);border-radius:8px;overflow:hidden;background:var(--yzey2)}
.spg-oniz-gbtn{padding:6px 12px;background:transparent;border:0;border-right:1px solid var(--ciz);cursor:pointer;font:inherit;font-size:12.5px;line-height:1.4;color:var(--ikincil)}
.spg-oniz-gbtn:last-child{border-right:0}
.spg-oniz-gbtn:hover{color:var(--metin)}
.spg-oniz-gbtn.secili{background:var(--yzey);color:var(--vurgu);font-weight:600;box-shadow:inset 0 0 0 1px var(--vurgu)}
.spg-oniz-gbtn:focus-visible{outline:2px solid var(--vurgu);outline-offset:-2px}
.spg-oniz-yenile{padding:5px 10px;font-size:12.5px}
.spg-oniz-durum{font-size:12px;color:var(--soluk);min-width:74px}
.spg-oniz-durum-yuk,.spg-oniz-durum-hazir{display:none}
.spg-oniz-canli[data-durum="yukleniyor"] .spg-oniz-durum-yuk{display:inline}
.spg-oniz-canli[data-durum="hazir"] .spg-oniz-durum-hazir{display:inline;color:var(--iyi-metin)}
.spg-oniz-tuval{max-width:100%;margin-inline:auto;transition:max-width .25s ease}
.spg-oniz-canli[data-genislik="tablet"] .spg-oniz-tuval{max-width:768px}
.spg-oniz-canli[data-genislik="mobil"] .spg-oniz-tuval{max-width:390px}
.spg-oniz-canli[data-genislik="tablet"] .spg-oniz-tuval,.spg-oniz-canli[data-genislik="mobil"] .spg-oniz-tuval{box-shadow:0 0 0 1px var(--ciz);border-radius:12px;padding:8px;background:var(--girinti)}
.spg-oniz-canli .spg-oniz-fr{height:640px;transition:opacity .15s ease}
.spg-oniz-canli[data-durum="yukleniyor"] .spg-oniz-fr{opacity:.55}
/* Dalga C (K2): ekranlar/anasayfa-duzen-builder.js:174 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.yb-cihaz-secim{display:inline-flex;border:1px solid var(--ciz);border-radius:8px;overflow:hidden;margin-right:6px}
.yb-cihaz-btn{padding:6px 12px;background:var(--yzey);border:0;border-right:1px solid var(--ciz);cursor:pointer;font-size:.8rem;color:var(--ikincil,#475569);line-height:1.4}
.yb-cihaz-btn:last-child{border-right:0}
.yb-cihaz-btn.secili{background:var(--marka,#2563eb);color:#fff;font-weight:600}
.yb-cihaz-btn:focus-visible{outline:2px solid var(--marka,#2563eb);outline-offset:-2px}
.yb-tuval{transition:max-width .25s ease}
.yb-tuval.yb-cihaz-tablet{max-width:768px;margin-inline:auto}
.yb-tuval.yb-cihaz-mobil{max-width:400px;margin-inline:auto}
.yb-tuval.yb-cihaz-tablet,.yb-tuval.yb-cihaz-mobil{box-shadow:0 0 0 1px var(--ciz),0 10px 34px rgba(0,0,0,.10);border-radius:12px;padding:10px}
.yb-kart.yb-cihaz-gizli{opacity:.34;filter:grayscale(.55)}
.yb-kart.yb-cihaz-gizli .yb-rozet.yb-cihaz{outline:2px solid var(--uyari,#f59e0b);outline-offset:1px}
/* Kontrast borcu (chrome-denetim 2026-09-13, koyu tema): tanimsiz --yuzey / --yuzey2 /
   --yuzey-2 / --kenar adlari acik literal fallback'e dusuyordu; her iki temada tanimli
   gercek jetonlarla degistirildi (--yzey / --yzey2 / --ciz / --girinti). Baska kural degismedi. */
/* =====================================================================
   93-ekran-anketler-v2.css — ekranlar/anketler-v2.js (admin kiti, panel_v2)
   K2: ekranda <style> ve hex YOK → tüm stil burada, renkler TOKEN.
   TEMA: --iyi/--uyari/--soluk 00-token.css (koyu) ve 90-acik-tema.css (açık)
   içinde AYRI bağlanır; saydam zeminler `color-mix(... , transparent)` ile
   kurulur → sabit rgba() koyu temaya çivilenmez.

   KAPSAM: tablo, süzgeç şeridi, seçim ve toplu çubuk KİTİN işidir
   (stil/75-kit.css). Bu partial YALNIZ ekrana özgü HÜCRE içerikleridir.
   Yalnız `.ank-durum` / `.ank-onde` hedeflenir; v1 ekranının `.ank-sec*`
   sınıfları 93-ekran-anketler.css'te DURUR → bayrak KAPALI çıktı etkilenmez.
   ===================================================================== */

/* --- durum rozeti (site.sql anket_durum_check: taslak|aktif|kapali) --- */
.ank-durum{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap;border:1px solid var(--ciz);background:var(--yzey2);color:var(--ikincil)}
.ank-durum.ank-d-aktif{color:var(--iyi);border-color:color-mix(in srgb, var(--iyi) 40%, var(--ciz));background:color-mix(in srgb, var(--iyi) 12%, transparent)}
.ank-durum.ank-d-taslak{color:var(--uyari);border-color:color-mix(in srgb, var(--uyari) 40%, var(--ciz));background:color-mix(in srgb, var(--uyari) 12%, transparent)}
.ank-durum.ank-d-kapali{color:var(--soluk);border-color:var(--ciz);background:var(--yzey2)}

/* --- "Önde" hücresi: kazanan seçenek metni (altındaki oy/yüzde `.bos-i`) --- */
.ank-onde{font-weight:600;color:var(--metin);display:inline-block;max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

@media (max-width:900px){
  .ank-onde{max-width:22ch}
}
/* Dalga C (K2): ekranlar/anketler.js:34 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.ank-secler{display:flex;flex-direction:column;gap:7px}.ank-sec-row{display:flex;align-items:center;gap:7px}.ank-sec-row input{flex:1}.ank-tut{cursor:grab;color:var(--soluk);user-select:none;font-size:13px;padding:0 2px}.ank-sec-row.ank-suru{opacity:.5}.ank-sil{width:30px;height:30px;flex:none;border:1px solid var(--kenar,#e2e8f0);background:transparent;border-radius:7px;color:var(--soluk);cursor:pointer;line-height:1}.ank-sil:disabled{opacity:.4;cursor:not-allowed}#ank-ekle[disabled]{opacity:.5;cursor:not-allowed}
/* =====================================================================
   93-ekran-denetim-v2.css — ekranlar/denetim-v2.js (admin kiti, panel_v2)
   K2: ekranda <style> ve hex YOK → tüm stil burada, renkler TOKEN.
   TEMA: yalnız token (00-token.css koyu / 90-acik-tema.css açık); saydam
   zemin `color-mix(in srgb, var(--token) N%, transparent)`.

   KAPSAM: tablo, sıralama başlığı, süzgeç şeridi KİTİN işidir (75-kit.css).
   Rozet (.rozet-durum), avatar (.yzr/.avatar), chip (.chip) 50-tablo.css /
   68-bilesen-cesitli.css'ten gelir. Bu partial YALNIZ `.dn-*` hücre
   içeriklerini ve sonuç satır çizgisini taşır. v1 ekranı (bayrak KAPALI) bu
   sınıfları basmaz → ölü kural, etkisiz.

   ALANLAR LİSTESİ AKIŞTA (2026-09-17 denetçi bulgusu): liste ÖNCEDEN
   position:absolute idi ve kitin `.kt-kaydir{overflow-x:auto}` kabı (75-kit.css)
   alt satırlarda onu KESİYORDU (overflow-x:auto, overflow-y'yi de auto'ya
   çevirir → kap içi dikey kaydırma). Çözüm (a): liste position:static, hücre
   içinde <summary>'nin ALTINA akar, satır yüksekliği büyür; kabı taşan
   absolute/popover YOK. Kanıt: Playwright — açık listenin bounding box'ı
   .kt-kaydir içinde, scrollHeight == clientHeight (rapor wf denetim-duzeltme).
   ===================================================================== */

/* --- ortak: hücre ikonu (currentColor) --- */
.dn-ik{display:inline-flex;flex:none;width:14px;height:14px;color:inherit}
.dn-ik svg{width:14px;height:14px}

/* --- zaman --- */
.dn-zaman{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--ikincil);cursor:help;border-bottom:1px dotted var(--ciz)}

/* --- aktör: e-posta yalnız title'da --- */
.dn-aktor{cursor:default}
.dn-aktor-ad{font-weight:500;color:var(--metin);max-width:22ch;overflow:hidden;text-overflow:ellipsis}

/* --- eylem rozeti (rozet-durum sınıfları + ikon) --- */
.dn-eylem{gap:6px;cursor:help}
.dn-eylem .dn-ik{opacity:.85}
.dn-eylem.bilinmeyen{font-family:ui-monospace,Menlo,Consolas,monospace;border-style:dashed;color:var(--uyari);border-color:color-mix(in srgb, var(--uyari) 45%, var(--ciz))}

/* --- hedef: tür etiketi + okunur ad; bağlantılıysa vurgu --- */
.dn-hedef{display:inline-flex;align-items:center;gap:7px;min-width:0;color:var(--metin);text-decoration:none}
.dn-hedef .dn-ik{color:var(--soluk)}
.dn-hedef-tur{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);flex:none}
.dn-hedef-ad{max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
a.dn-hedef:hover .dn-hedef-ad{color:var(--vurgu);text-decoration:underline}
a.dn-hedef:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px;border-radius:4px}
.dn-hedef.bilinmeyen .dn-hedef-tur{color:var(--uyari)}
.dn-hedef-bos{display:inline-flex;align-items:center;gap:6px}

/* --- alanlar: <details> (JS'siz açılır) — liste AKIŞTA, absolute YOK (bkz. başlık) --- */
.dn-alanlar{display:block;max-width:360px}
.dn-alan-ozet{display:inline-flex;align-items:center;gap:6px;list-style:none;cursor:pointer;padding:3px 10px;font-size:11.5px;white-space:nowrap;user-select:none}
.dn-alan-ozet::-webkit-details-marker{display:none}
.dn-alan-ozet::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.7}
.dn-alanlar[open] .dn-alan-ozet{color:var(--vurgu);border-color:color-mix(in srgb, var(--vurgu) 45%, var(--ciz));background:color-mix(in srgb, var(--vurgu) 8%, transparent)}
.dn-alanlar[open] .dn-alan-ozet::after{transform:rotate(-135deg) translateY(-1px)}
.dn-alan-ozet:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}
/* Akış listesi: summary'nin altında sarmalanan küçük etiketler; satır yüksekliği büyür, kap kesmez. */
.dn-alan-liste{position:static;margin:6px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:4px;font-size:12px;color:var(--ikincil);text-align:left}
.dn-alan-liste li{padding:2px 8px;border:1px solid var(--ciz);border-radius:999px;background:color-mix(in srgb, var(--ikincil) 6%, transparent);white-space:nowrap}
.dn-alan-liste li.bilinmeyen{color:var(--uyari);border-style:dashed;border-color:color-mix(in srgb, var(--uyari) 45%, var(--ciz))}
.dn-alan-liste li.bilinmeyen .mono{font-size:11.5px}

/* --- sonuç: rozet + satır sol çizgisi (satirNitelik data-sonuc) --- */
[data-kit="denetim"] .kt-tr[data-sonuc="reddedildi"] .kt-td:first-child{box-shadow:inset 3px 0 0 var(--kotu)}
[data-kit="denetim"] .kt-tr[data-sonuc="hata"] .kt-td:first-child{box-shadow:inset 3px 0 0 var(--uyari)}
.dn-sonuc.bilinmeyen{border-style:dashed}
/* Dalga C (K2): ekranlar/filo-surum.js:41 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.fs-tablo-sar{overflow-x:auto}
.fs-tablo{width:100%;border-collapse:collapse;font-size:13px}
.fs-tablo th{text-align:left;font-weight:600;color:var(--soluk);padding:8px 12px;border-bottom:1px solid color-mix(in srgb,var(--soluk) 30%,transparent);white-space:nowrap}
.fs-tablo td{padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--soluk) 16%,transparent);vertical-align:middle}
.fs-tablo tbody tr:last-child td{border-bottom:0}
.fs-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.fs-calisan{font-weight:600}
.fs-not{color:var(--soluk);max-width:280px}
.fs-eylem{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.fs-sec{background:color-mix(in srgb,var(--soluk) 12%,transparent);color:var(--metin);border:1px solid color-mix(in srgb,var(--soluk) 34%,transparent);border-radius:8px;padding:6px 8px;font-size:12px;font-family:ui-monospace,Menlo,Consolas,monospace}
.fs-btn{background:var(--vurgu);color:#fff;border:0;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.fs-btn:hover{filter:brightness(1.08)}
.fs-btn:disabled{opacity:.5;cursor:not-allowed}
.fs-btn.onay{background:var(--uyari);color:#1a1205}
.fs-rz{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--soluk) 18%,transparent);color:var(--metin)}
.fs-rz.iyi{background:color-mix(in srgb,var(--iyi) 20%,transparent);color:var(--iyi)}
.fs-rz.uyari{background:color-mix(in srgb,var(--uyari) 22%,transparent);color:var(--uyari)}
.fs-rz.kotu{background:color-mix(in srgb,var(--kotu) 20%,transparent);color:var(--kotu)}
.fs-rz.sonuk{color:var(--soluk)}
.fs-baslik{font-weight:700;margin-bottom:12px;font-size:15px}
.fs-baslik .alt{font-weight:400;font-size:12px}
.fs-bos{color:var(--soluk);text-align:center;padding:18px}
/* eski gömülü blok: .kart+.kart{margin-top:16px} — yalnız /filo-surum'da yüklüydü; panel.css'te genel olmasın diye
   sayfaya özgü .fs-baslik ile kapsamlandı (aynı eleman, aynı değer; diğer sayfalar etkilenmez) */
.kart+.kart:has(.fs-baslik){margin-top:16px}
/* Dalga C (K2): ekranlar/haber-editor.js:209 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.hb-ai-kart{border:1px solid color-mix(in srgb,var(--vurgu,#3b82f6) 32%,var(--kenar,#e2e2e2))}
.hb-ai-bas{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.hb-ai-baslik{font-weight:700;font-size:14px}
.hb-ai-arac{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.hb-ai-btn{background:color-mix(in srgb,var(--vurgu,#3b82f6) 12%,transparent);color:var(--vurgu,#3b82f6);border:1px solid color-mix(in srgb,var(--vurgu,#3b82f6) 30%,transparent);border-radius:8px;padding:6px 13px;font-size:13px;font-weight:600;cursor:pointer}
.hb-ai-btn:hover{filter:brightness(1.05)}
.hb-ai-btn:disabled{opacity:.5;cursor:not-allowed}
.hb-ai-ceviri{display:inline-flex;gap:4px;align-items:center}
.hb-ai-dil{border:1px solid var(--kenar,#ddd);border-radius:7px;padding:5px 6px;font-size:12px;background:var(--yuzey,#fff);color:inherit}
.hb-ai-not{font-size:11.5px;color:var(--soluk,#888);margin-top:7px}
.hb-ai-durum{font-size:11.5px;font-weight:600;padding:2px 10px;border-radius:20px}
.hb-ai-durum.notr{background:color-mix(in srgb,var(--soluk,#888) 18%,transparent);color:var(--soluk,#888)}
.hb-ai-durum.iyi{background:color-mix(in srgb,var(--iyi,#22c55e) 18%,transparent);color:var(--iyi,#22c55e)}
.hb-ai-durum.uyari{background:color-mix(in srgb,var(--uyari,#f59e0b) 22%,transparent);color:var(--uyari,#f59e0b)}
.hb-ai-durum.kotu{background:color-mix(in srgb,var(--kotu,#ef4444) 18%,transparent);color:var(--kotu,#ef4444)}
.hb-ai-sonuc{margin-top:11px;display:flex;flex-direction:column;gap:8px}
.hb-ai-sonuc:empty{display:none}
.hb-ai-oge{border:1px solid var(--kenar,#ddd);border-radius:8px;padding:8px 11px;font-size:13px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:var(--yuzey2,transparent)}
.hb-ai-oge .m{flex:1;min-width:0;line-height:1.5}
.hb-ai-uygula{background:var(--vurgu,#3b82f6);color:#fff;border:0;border-radius:6px;padding:5px 13px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.hb-ai-cip{display:inline-block;background:color-mix(in srgb,var(--vurgu,#3b82f6) 14%,transparent);color:var(--vurgu,#3b82f6);border-radius:14px;padding:4px 11px;font-size:12px;margin:2px;cursor:pointer;border:1px solid color-mix(in srgb,var(--vurgu,#3b82f6) 24%,transparent)}
.hb-ai-cip:disabled{opacity:.45;cursor:default}
/* =====================================================================
   93-ekran-haberler-v2.css — ekranlar/haberler-v2.js (admin kiti, panel_v2)
   K2: ekranda <style> ve hex YOK -> tüm stil burada, renkler TOKEN.
   TEMA: kurallar yalnız token kullanır; koyu (:root) ve açık
   (:root[data-theme="light"]) temada 00-token.css / 90-acik-tema.css
   değerleriyle otomatik çözülür. TEK istisna aşağıdaki `--hv2-*` yerel
   token bloğudur: `--kotu-metin` 90-acik-tema.css'te AÇIK tema için
   EZİLMEMİŞ (koyu zemin tonu), beyaz kartta kontrast düşük kalır; bu yüzden
   bu ekran kendi hata METİN tonunu iki temada da ayrı bağlar. Global token
   DEĞİŞTİRİLMEZ (başka ekranı etkilemez).

   KAPSAM (Dalga F7): süzgeç şeridi, rozetler, toplu çubuk, tablo, sıralama
   başlığı ve satır seçimi artık KİTİN işidir — görselleri stil/75-kit.css
   içindedir. Bu partial YALNIZ ekrana özgü kalıntıyı taşır: başlık rozeti,
   satır içi eylem düğmeleri, tarih hücresi ve toplu işlem SONUÇ kartı.
   Bayrak KAPALI iken bu sınıfların hiçbiri HTML'e basılmaz (ölü kural).
   ===================================================================== */

/* --- yerel tema tokenı (yalnız bu ekran; global token'a dokunmaz) --- */
:root{--hv2-kotu-yazi:var(--kotu-metin)}
:root[data-theme="light"]{--hv2-kotu-yazi:var(--kotu)}

/* --- başlık rozeti --- */
.hv2-etiket{display:inline-block;vertical-align:middle;margin-left:8px;padding:2px 8px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--vurgu);
  background:color-mix(in srgb, var(--vurgu) 14%, transparent);border:1px solid color-mix(in srgb, var(--vurgu) 38%, transparent)}

/* --- hücre içerikleri --- */
.hv2-tarih{white-space:nowrap;font-variant-numeric:tabular-nums}
.hv2-islem{display:flex;align-items:center;gap:2px}
.hv2-islem a,.hv2-islem button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border:1px solid transparent;border-radius:7px;background:none;color:var(--ikincil);cursor:pointer;padding:0}
.hv2-islem a:hover,.hv2-islem button:hover{color:var(--metin);background:var(--yzey2);border-color:var(--ciz)}
.hv2-islem button.tehlike:hover{color:var(--hv2-kotu-yazi);border-color:color-mix(in srgb, var(--kotu) 45%, var(--ciz))}
.hv2-islem a:focus-visible,.hv2-islem button:focus-visible{outline:2px solid var(--vurgu);outline-offset:1px}
.hv2-islem svg{width:15px;height:15px}

/* --- toplu işlem SONUÇ kartı (kısmi başarı birinci sınıf) --- */
.hv2-sonuc{margin-top:14px}
.hv2-hata{color:var(--hv2-kotu-yazi)}
.hv2-hata-liste{margin:10px 0 0;padding-left:20px;font-size:13px;color:var(--hv2-kotu-yazi);display:flex;flex-direction:column;gap:4px}
.hv2-sonuc-dip{margin-top:16px;padding-top:14px;border-top:1px solid var(--ciz)}
/* Dalga C (K2): ekranlar/haberler.js:60 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.suzgec-bag{display:flex;flex-wrap:wrap;gap:7px}.suzgec-bag a.cip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;text-decoration:none;color:inherit;border:1px solid var(--kenar,#e2e8f0);font-size:.85rem;font-weight:600}.suzgec-bag a.cip:hover{border-color:var(--marka,#2563eb)}.suzgec-bag a.cip.on{background:var(--marka,#2563eb);color:#fff;border-color:transparent}.suzgec-bag a.cip .say{opacity:.7;font-variant-numeric:tabular-nums}.suzgec-bag a.cip.on .say{opacity:.92}.sayfalama{display:flex;align-items:center;gap:14px;justify-content:center;margin-top:14px}.sf-bilgi{font-size:.85rem;color:var(--sonuk,#64748b);font-variant-numeric:tabular-nums}.ara-temizle{margin-left:4px;color:var(--sonuk,#94a3b8);text-decoration:none;font-weight:700}.dugme.sonuk{opacity:.45;pointer-events:none}
/* =====================================================================
   93-ekran-indeks-v2.css — ekranlar/indeks-v2.js (admin kiti, panel_v2)
   K2: ekranda <style> ve hex YOK → tüm stil burada, renkler TOKEN.
   TEMA: --iyi/--uyari/--kotu iki temada AYRI bağlıdır (00-token.css /
   90-acik-tema.css); saydam zemin `color-mix(..., transparent)` ile kurulur.

   KAPSAM: tablo/süzgeç/sayfalama KİTİN işidir (stil/75-kit.css). Burada
   yalnız "Tür" hücresinin rozeti vardır. v1 `/indeks` ekranı bu sınıfları
   HİÇ basmaz → bayrak KAPALI çıktı bu kurallardan etkilenmez (ölü kural).
   ===================================================================== */

/* --- tür rozeti (bekleyen | gonderilen | olu) --- */
.ix-tur{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:500;white-space:nowrap;border:1px solid var(--ciz);background:var(--yzey2);color:var(--ikincil)}
.ix-tur.ix-t-bekleyen{color:var(--uyari);border-color:color-mix(in srgb, var(--uyari) 40%, var(--ciz));background:color-mix(in srgb, var(--uyari) 12%, transparent)}
.ix-tur.ix-t-gonderilen{color:var(--iyi);border-color:color-mix(in srgb, var(--iyi) 40%, var(--ciz));background:color-mix(in srgb, var(--iyi) 12%, transparent)}
.ix-tur.ix-t-olu{color:var(--kotu);border-color:color-mix(in srgb, var(--kotu) 40%, var(--ciz));background:color-mix(in srgb, var(--kotu) 12%, transparent)}
/* =====================================================================
   93-ekran-kategoriler-v2.css — ekranlar/kategoriler-v2.js (admin kiti, panel_v2)
   K2: ekranda <style> ve hex YOK → tüm stil burada, renkler TOKEN.
   TEMA: yalnız token kullanılır (00-token.css koyu / 90-acik-tema.css açık);
   saydamlık gereken yerlerde `color-mix(in srgb, var(--token) N%, transparent)`
   → iki temada da doğru zemin (sabit rgba() koyu temaya çivilenirdi).

   KAPSAM (Dalga F7): tablo, sıralama başlığı, satır seçimi, toplu çubuk ve
   süzgeç şeridi artık KİTİN işidir (stil/75-kit.css). Bu partial YALNIZ
   ekrana özgü HÜCRE içeriklerini taşır. Yalnız `.kv-*` seçicileri
   hedeflenir → v1 ekranı (bayrak KAPALI) bu kurallardan ETKİLENMEZ.
   ===================================================================== */

/* --- başlık rozeti --- */
.kv-kit{margin-left:8px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vurgu);border:1px solid color-mix(in srgb, var(--vurgu) 45%, var(--ciz));background:color-mix(in srgb, var(--vurgu) 10%, transparent);border-radius:999px;padding:2px 8px;white-space:nowrap}

/* --- hücre içerikleri --- */
.kv-sira{width:52px;color:var(--ikincil);font-variant-numeric:tabular-nums}
.kv-ad{display:inline-flex;align-items:center;gap:9px;min-width:0}
.kv-ad-m{font-weight:600;color:var(--metin)}
.kv-renk{width:12px;height:12px;border-radius:4px;flex:none;display:inline-block;border:1px solid var(--ciz);background:var(--yzey2)}
.kv-ikon{font-size:11px;color:var(--ikincil)}
.kv-alt{margin-top:3px;font-size:11.5px;color:var(--ikincil);max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kv-kod{color:var(--ikincil);font-size:12px}
.kv-menu-rozet{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--ciz);background:var(--yzey2);color:var(--ikincil);white-space:nowrap}
.kv-menu-rozet.acik{color:var(--iyi);border-color:color-mix(in srgb, var(--iyi) 40%, var(--ciz));background:color-mix(in srgb, var(--iyi) 12%, transparent)}

/* --- form yan kartı --- */
.kv-form-bilgi{margin-top:14px}
.kv-url{margin-top:5px;font-size:13px;color:var(--metin);word-break:break-all}

@media (max-width:900px){
  .kv-alt{max-width:28ch}
}
/* Dalga C (K2): ekranlar/komuta.js:17 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.komuta-op{display:inline-block;min-width:78px;text-align:center;padding:1px 8px;margin:0 8px;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#e5e7eb;color:#374151}
.op-create{background:rgba(22,163,74,.15);color:#15803d}.op-tier{background:rgba(37,99,235,.15);color:#1d4ed8}
.op-suspend{background:rgba(234,88,12,.15);color:#c2410c}.op-resume{background:rgba(13,148,136,.16);color:#0f766e}.op-terminate{background:rgba(220,38,38,.14);color:#b91c1c}
.komuta-akis{display:flex;flex-direction:column;gap:1px;max-height:68vh;overflow:auto}
@media (min-width:0){.komuta-op{background:#2a2a33;color:#cbd5e1}}
/* Dalga C (K2): ekranlar/manset.js:30 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
#c-manset tr[draggable]{cursor:grab}#c-manset tr.mns-suru{opacity:.45;background:var(--vurgu-yumusak,#eef2ff)}.mns-grip{color:var(--sonuk,#94a3b8);margin-right:6px;cursor:grab;font-size:1rem;vertical-align:-1px}.mns-durum{font-size:.8rem;font-weight:600}.mns-durum.iyi{color:var(--iyi,#16a34a)}.mns-durum.kotu{color:var(--kotu,#e11d48)}.mns-tas{padding:2px 7px;line-height:1}
/* =====================================================================
   93-ekran-medya-v2.css — ekranlar/medya-v2.js (admin kiti, panel_v2)
   K2: ekranda <style> ve hex YOK → tüm stil burada, renkler TOKEN.
   TEMA: yalnız token; saydamlık gerektiğinde
   `color-mix(in srgb, var(--token) N%, transparent)` → koyu VE açık temada
   doğru (65-ekran-medya.css'teki sabit rgba()'lar koyu temaya çivilenmişti).

   KAPSAM (Dalga F7): v2 artık SSR tablo (kit `tablo.js`) + süzgeç şeridi
   (kit `form.js`) kullanır; ızgara/klasör ağacı/sürükle-bırak kaldırıldı.
   Bu partial YALNIZ ekrana özgü HÜCRE içeriklerini taşır. Ayrı ad alanı
   (.mv-*) → bayrak KAPALI iken v1 ekranı (.mk-*) ETKİLENMEZ.
   ===================================================================== */

/* --- başlık rozeti --- */
.mv-kit{margin-left:8px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--vurgu);border:1px solid color-mix(in srgb, var(--vurgu) 45%, var(--ciz));background:color-mix(in srgb, var(--vurgu) 10%, transparent);border-radius:999px;padding:2px 8px;white-space:nowrap}

/* --- önizleme hücresi --- */
.mv-on{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;overflow:hidden;border:1px solid var(--ciz);background:var(--girinti)}
.mv-on img{width:100%;height:100%;object-fit:cover;display:block}
.mv-on-yok{color:var(--ikincil);font-size:13px;font-weight:700;text-transform:uppercase}

/* --- dosya hücresi --- */
.mv-ad{font-weight:600;color:var(--metin);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42ch}
.mv-yol{margin-top:2px;font-size:11px;color:var(--ikincil);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42ch;direction:rtl;text-align:left}
.mv-eksik{margin-top:3px;font-size:11px;font-weight:600;color:var(--uyari)}
.mv-tur-rozet{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;border:1px solid var(--ciz);background:var(--yzey2);color:var(--ikincil);white-space:nowrap}

@media (max-width:900px){
  .mv-ad,.mv-yol{max-width:24ch}
}
/* Dalga C (K2): ekranlar/medya.js:146 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.mk-oge{position:relative}.mk-cb{position:absolute;top:6px;left:6px;width:18px;height:18px;z-index:3;cursor:pointer;accent-color:var(--marka,#2563eb);background:var(--yuzey,#fff);border-radius:4px}.mk-oge.coksec{outline:2px solid var(--marka,#2563eb);outline-offset:-2px}.mk-toplu{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:var(--yuzey-2,#f1f5f9);border:1px solid var(--kenar,#e2e8f0);border-radius:9px;padding:8px 10px;margin-bottom:10px}.mk-toplu-say{font-weight:700;font-size:.82rem}.mk-toplu-kl{font-size:.8rem;max-width:180px}
/* Dalga C (K2): ekranlar/menu-panel.js:55 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.mn-liste{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.mn-oge{border:1px solid var(--ciz);border-radius:10px;padding:12px;background:var(--yzey)}.mn-oge-bas{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mn-oge-bas .mn-ad{flex:1;min-width:0}.mn-sira-dugme{display:flex;flex-direction:column;gap:2px}.mn-mini{border:1px solid var(--ciz);background:var(--yzey2);border-radius:6px;cursor:pointer;font-size:12px;line-height:1;padding:3px 7px}.mn-mini:hover{background:var(--ciz)}.mn-sil{color:#e11d48;border-color:#fecdd3}.mn-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mn-satir input,.mn-satir select{padding:7px 9px;border:1px solid var(--ciz);border-radius:7px;font:inherit;min-width:0}.mn-satir input[type=text]{flex:1}.mn-alt{margin-top:10px;padding-left:12px;border-left:2px solid var(--ciz)}.mn-alt-bas{font-size:12px;color:var(--sonuk,#64748b);margin-bottom:6px}.mn-alt-oge{display:flex;gap:6px;align-items:center;margin-bottom:6px}.mn-alt-oge input{flex:1;padding:6px 8px;border:1px solid var(--ciz);border-radius:6px;font:inherit}.mn-ekle-cubuk{display:flex;gap:8px;margin-bottom:16px}.sa-btn.ikincil{background:var(--yzey2);color:var(--metin,#0f172a)}.mn-etk{font-size:11px;color:var(--sonuk,#94a3b8);margin-left:auto}
/* Kontrast borcu (chrome-denetim 2026-09-13, koyu tema): tanimsiz --yuzey / --yuzey2 /
   --yuzey-2 / --kenar adlari acik literal fallback'e dusuyordu; her iki temada tanimli
   gercek jetonlarla degistirildi (--yzey / --yzey2 / --ciz / --girinti). Baska kural degismedi. */
/* SDUI MODUL SEKMESI (2026-10-03)
   Kart dili `/moduller` ekranindan (61-ekran-moduller.css) AYNEN
   devralinir; burada yalnizca bu ekranda olan uc parca var:
   kimlik cipi, meta satiri ve surum rozeti. Yeni bir kart tipi YOK.
   Hicbir renk literali yok: hepsi mevcut belirtecler. */
.mm-bilgi{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:1px}
.mm-kod{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--ikincil);background:var(--yzey2);border:1px solid var(--ciz);border-radius:7px;padding:2px 7px}
.mm-meta{font-size:12px;color:var(--soluk)}
.mm-meta::before{content:"·";margin-right:6px;color:var(--ciz)}
.mm-surum{color:var(--ikincil);background:var(--yzey2);border:1px solid var(--ciz)}
.modul-kart.d-etkin .mm-surum{color:var(--vurgu);border-color:var(--vurgu)}
/* Durum satiri ile eylem dugmesi arasindaki bosluk: dugme saga yapisir. */
.mm-eylem{margin:0 0 0 auto}
.mm-not{margin:12px 0 0;font-size:12px;color:var(--soluk);line-height:1.5}
/* Sema alani kod; orantili yazi tipi JSON'u okunmaz yapiyordu. */
.mod-ayarlar textarea[name="sayfa_sema"]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.55}
/* Dalga C (K2): ekranlar/omni.js:24 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.omni-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:820px){.omni-grid{grid-template-columns:1fr}}
.dg-liste{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.dg-kanal{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--cizgi,#e5e7eb);border-radius:8px}
.dg-ad{font-weight:600;flex:1}
.dg-cfg{font-size:.66rem;padding:1px 7px;border-radius:999px;background:#e5e7eb;color:#374151;white-space:nowrap}
.dg-cfg.var{background:rgba(22,163,74,.15);color:#15803d}.dg-cfg.yok{background:rgba(234,88,12,.14);color:#c2410c}.dg-cfg.yakinda{background:#e5e7eb;color:#6b7280}
.dg-durum{font-size:.72rem;font-weight:700;min-width:104px;text-align:right;font-variant-numeric:tabular-nums;color:#6b7280}
.dg-durum[data-durum=gonderiliyor]{color:#1d4ed8}.dg-durum[data-durum=teslim]{color:#15803d}.dg-durum[data-durum=hata]{color:#b91c1c}
.dg-secim{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.dg-not{color:var(--soluk,#6b7280);font-size:12px;margin-top:8px}
@media (min-width:0){.dg-cfg{background:#2a2a33;color:#cbd5e1}.dg-kanal{border-color:#2a2a33}}
/* Dalga C (K2): ekranlar/planlama.js:34 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.pk-board{display:flex;gap:10px;overflow-x:auto;padding-bottom:8px;align-items:flex-start}.pk-kol{flex:0 0 210px;background:var(--yzey2);border:1px solid var(--ciz);border-radius:10px;padding:9px}.pk-kol-bas{font-size:.8rem;font-weight:700;margin-bottom:8px;display:flex;justify-content:space-between;color:var(--ikincil,#475569)}.pk-say{background:var(--girinti);border-radius:999px;padding:0 8px;font-variant-numeric:tabular-nums;font-weight:600}.pk-drop{min-height:46px;display:flex;flex-direction:column;gap:7px}.pk-drop.pk-uzeri{outline:2px dashed var(--marka,#2563eb);outline-offset:2px;border-radius:8px}.pk-kart{background:var(--yzey);border:1px solid var(--ciz);border-radius:8px;padding:8px;cursor:grab;font-size:.82rem;box-shadow:0 1px 2px rgba(0,0,0,.04)}.pk-kart.pk-suru{opacity:.5}.pk-bas b{font-weight:600;line-height:1.3}.pk-meta{color:var(--sonuk,#64748b);font-size:.74rem;margin:5px 0}.pk-alt{display:flex;gap:5px;align-items:center;margin-top:6px}.pk-alt select{max-width:118px;font-size:.76rem}.pk-bos{color:var(--sonuk,#94a3b8);text-align:center;font-size:.78rem;padding:10px 0}
/* Kontrast borcu (chrome-denetim 2026-09-13, koyu tema): tanimsiz --yuzey / --yuzey2 /
   --yuzey-2 / --kenar adlari acik literal fallback'e dusuyordu; her iki temada tanimli
   gercek jetonlarla degistirildi (--yzey / --yzey2 / --ciz / --girinti). Baska kural degismedi. */
/* Dalga C (K2): ekranlar/reklam-panel.js:47 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.rk-liste{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.rk-uyari{background:var(--yzey2);border:1px solid var(--ciz);border-radius:8px;padding:10px 12px;font-size:13px;color:var(--sonuk,#475569);margin-bottom:14px}.rk-oge{border:1px solid var(--ciz);border-radius:10px;padding:14px;background:var(--yzey)}.rk-oge-bas{display:flex;align-items:center;gap:10px;margin-bottom:10px}.rk-oge-bas .rk-ad{font-weight:600}.rk-ipucu{font-size:12px;color:var(--sonuk,#64748b)}.rk-etk{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--sonuk,#64748b)}.rk-satir{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.rk-satir label{font-size:12px;color:var(--sonuk,#64748b);min-width:64px}.rk-satir input,.rk-satir select,.rk-satir textarea{padding:7px 9px;border:1px solid var(--ciz);border-radius:7px;font:inherit;min-width:0;flex:1}.rk-satir textarea{width:100%;min-height:80px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.rk-alan{margin-top:6px}
/* Kontrast borcu (chrome-denetim 2026-09-13, koyu tema): tanimsiz --yuzey / --yuzey2 /
   --yuzey-2 / --kenar adlari acik literal fallback'e dusuyordu; her iki temada tanimli
   gercek jetonlarla degistirildi (--yzey / --yzey2 / --ciz / --girinti). Baska kural degismedi. */
/* =====================================================================
   93-ekran-rss-v2.css — ekranlar/rss-v2.js (admin kiti, panel_v2)
   K2: ekranda <style> ve hex YOK → tüm stil burada, renkler TOKEN.

   KAPSAM: tablo/süzgeç/seçim/toplu çubuk KİTİN işidir (stil/75-kit.css).
   Burada yalnız "Kaynak" hücresinin ikinci satırı (besleme URL'i) vardır:
   uzun URL'ler sütunu şişirmesin diye tek satıra kısaltılır. v1 `/rss`
   ekranı `.rv-url` basmaz → bayrak KAPALI çıktı etkilenmez (ölü kural).
   ===================================================================== */

.rv-url{display:block;margin-top:3px;font-size:11.5px;color:var(--ikincil);max-width:52ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media (max-width:900px){
  .rv-url{max-width:26ch}
}
/* Dalga C (K2): ekranlar/tema-sec.js:69 gömülü <style> bloğu — kurallar AYNEN taşındı; kaskad sırası korunur
   (eski blok gövde içinde panel.css'ten SONRA geliyordu → 9x partial). */
.tk-onay{margin-top:8px;padding:9px 10px;border:1px solid var(--uyari,#f59e0b);border-radius:8px;background:var(--uyari-yumusak,rgba(245,158,11,.10))}
.tk-onay-metin{font-size:.8rem;margin-bottom:7px;color:var(--ikincil,#334155);line-height:1.4}
.tk-onay-btn{display:flex;gap:6px}
.tk-btn.tk-evet{background:var(--marka,#2563eb);color:#fff;border-color:var(--marka,#2563eb)}
.tk-btn.tk-vaz{background:transparent}
/* ============================================================
   MENÜ v3 (bayrak panel_menu_v3) — cekirdek/menu-v3.js + kit/hizli-ara.js + ekranlar/menu-haritasi.js
   Token-only (hex YOK): renkler var(--…) + color-mix(…, transparent).
   Bayrak KAPALI iken bu seçiciler sayfada YOK (ölü kural) → görünüm bayt-aynı.
   Kapsam: .m3-* ; kanat/rail temel sınıfları 10-rail-kanat.css'ten miras.
   ============================================================ */
/* ---- [hidden] KORUMASI (panel.css `[class*="kt-"][hidden]`, 2026-09-12 bulgusunun aynısı) ----
   Tailwind preflight'ın `[hidden]{display:none}` kuralı (0,1,0) panel.css'in EN BAŞINDA yer alır;
   aşağıdaki `.m3-ipucu{display:flex}` gibi YAZAR kuralları aynı özgüllükte ama kaskadın SONUNDA
   geldiği için onu EZER → `el.hidden = true` görsel olarak hiçbir şey yapmaz (geçiş ipucu şeridinin
   "Tamam" düğmesi çalışmıyor görünüyordu: localStorage yazılıyor, hidden set ediliyor, şerit duruyor).
   Öznitelik seçicisiyle özgüllüğü (0,2,0) yükseltip sözleşmeyi geri koyuyoruz: m3 ailesinde `hidden`
   HER ZAMAN gizler. Betikler `el.hidden` kullanır, `style.display` değil — tek anahtar.
   (Tekil `.m3-palet[hidden]` kuralı bu aile kuralıyla gereksizleşti; aşağıdan kaldırıldı.) */
[class*="m3-"][hidden]{display:none}
/* rail: panel + ara + sistem (en alt) */
.rail-nav .m3-panel{margin-bottom:2px}
.rail-nav .m3-ara{color:var(--soluk);margin-bottom:10px;position:relative}
.rail-nav .m3-ara::after{content:"";position:absolute;left:8px;right:8px;bottom:-6px;height:1px;background:var(--ciz)}
.rail-nav .m3-rail-alt{margin-top:auto;color:var(--soluk)}
/* kanat: başlık notu, eylem düğmesi, ham tablo öğesi */
.kanat-bas .m3-bas-not{display:block;font-size:11px;font-weight:500;color:var(--soluk);letter-spacing:0;margin-top:2px;text-transform:none}
.kanat-oge .m3-etiket{display:flex;flex-direction:column;line-height:1.2}
.kanat-oge .m3-ipucu-alt{font-size:11px;color:var(--soluk);font-weight:400}
.kanat-oge.m3-eylem{margin:2px 0 8px;background:var(--vurgu);color:var(--kenar);font-weight:600;justify-content:flex-start}
.kanat-oge.m3-eylem .ri-ik{color:inherit}
.kanat-oge.m3-eylem:hover{background:var(--vurgu2);color:var(--kenar);gap:16px}
.kanat-oge.m3-eylem:hover .ri-ik{color:inherit}
:root[data-theme="light"] .kanat-oge.m3-eylem,:root[data-theme="light"] .kanat-oge.m3-eylem:hover{color:var(--yzey)}
.kanat-oge.m3-ham .ri-ik{color:var(--soluk)}
/* alt liste (SEO alt sayfaları; kaynak seo-v2 SEKME): üst öğenin ALTINDA girintili, sol kılavuz çizgisi; token-only */
.m3-alt{margin:-2px 0 6px 26px;padding-left:10px;border-left:1px solid var(--ciz)}
.m3-alt .kanat-oge.m3-alt-oge{padding:6px 10px;gap:10px;font-size:12.5px;font-weight:500;color:var(--ikincil)}
.m3-alt .kanat-oge.m3-alt-oge .ri-ik{color:var(--soluk)}
.m3-alt .kanat-oge.m3-alt-oge svg{width:14px;height:14px}
.m3-alt .kanat-oge.m3-alt-oge:hover{color:var(--metin);gap:12px}
.m3-alt .kanat-oge.m3-alt-oge.etkin{color:var(--metin);background:color-mix(in srgb,var(--vurgu) 14%,transparent)}
.m3-alt .kanat-oge.m3-alt-oge.etkin .ri-ik{color:var(--vurgu)}
:root[data-theme="light"] .m3-alt .kanat-oge.m3-alt-oge.etkin{color:var(--vurgu)}
/* Gelişmiş (katlı; ilk 14 gün AÇIK — kit/hizli-ara.js kd_menu_v3_gelismis_acik) */
.m3-gelismis{margin-top:6px;border-top:1px solid var(--ciz);padding-top:6px}
.m3-gelismis-bas{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;font-size:12.5px;font-weight:600;color:var(--soluk);cursor:pointer;list-style:none;user-select:none}
.m3-gelismis-bas::-webkit-details-marker{display:none}
.m3-gelismis-bas .ri-ik{color:var(--soluk)}
.m3-gelismis-bas .m3-ok-kat{flex:none;width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent currentColor;transition:transform .15s ease;margin-right:-2px}
.m3-gelismis[open]>.m3-gelismis-bas .m3-ok-kat{transform:rotate(90deg)}
.m3-gelismis-bas:hover{background:color-mix(in srgb,var(--metin) 6%,transparent);color:var(--metin)}
.m3-gelismis[open]>.m3-gelismis-bas{color:var(--ikincil)}
.m3-gelismis .m3-say{margin-left:auto;font-size:11px;font-weight:600;min-width:18px;text-align:center;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--metin) 8%,transparent);color:var(--ikincil)}
.m3-gelismis .kanat-oge{font-size:13px;padding:8px 12px}
.m3-alt-bas{font-size:11px;font-weight:600;color:var(--soluk);letter-spacing:.04em;text-transform:uppercase;padding:10px 12px 4px}
/* geçiş ipucu şeridi (main ÜSTÜ, .govde içinde; ilk 14 gün) */
.m3-ipucu{display:flex;align-items:center;gap:12px;width:100%;max-width:1440px;align-self:center;box-sizing:border-box;margin:16px 0 0;padding:10px 32px;color:var(--ikincil);font-size:12.5px;line-height:1.5}
.m3-ipucu .m3-ipucu-metin{flex:1 1 auto;min-width:0;padding:8px 12px;border:1px solid var(--ciz);border-radius:10px;background:color-mix(in srgb,var(--vurgu) 10%,transparent)}
.m3-ipucu b{color:var(--metin);font-weight:600}
.m3-ipucu a{color:var(--vurgu);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.m3-ipucu kbd{font:inherit;font-size:11px;padding:0 4px;border:1px solid var(--ciz);border-radius:4px;background:var(--yzey2);color:var(--metin)}
.m3-ipucu-kapat{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;background:transparent;border:1px solid var(--ciz);border-radius:8px;color:var(--vurgu);font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:0 14px}
.m3-ipucu-kapat:hover{border-color:var(--vurgu)}
.m3-ipucu-kapat:focus-visible{outline:2px solid var(--vurgu);outline-offset:2px}
/* kırıntı (üst şerit) */
.m3-baslik{display:flex;flex-direction:column;gap:2px;min-width:0}
.m3-kirinti{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-kirinti [aria-current="page"]{color:var(--ikincil);font-weight:600}
.m3-kirinti .m3-ok{opacity:.6}
/* hesap (avatar) açılır menüsü */
.m3-hesap{position:relative}
.m3-hesap>summary{list-style:none;cursor:pointer;border-radius:10px}
.m3-hesap>summary::-webkit-details-marker{display:none}
.m3-hesap>summary:hover,.m3-hesap[open]>summary{background:color-mix(in srgb,var(--metin) 6%,transparent)}
.m3-hesap .m3-caret{flex:none;width:0;height:0;border-style:solid;border-width:5px 4px 0 4px;border-color:var(--soluk) transparent transparent transparent;margin-left:2px;transition:transform .15s ease}
.m3-hesap[open] .m3-caret{transform:rotate(180deg)}
.m3-hesap-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:var(--yzey);border:1px solid var(--ciz);border-radius:12px;padding:6px;box-shadow:0 18px 44px -18px color-mix(in srgb,var(--kenar) 60%,transparent);z-index:70}
.m3-hesap-oge{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--kenar-metin);font-size:13px;font-weight:500}
.m3-hesap-oge .ri-ik{color:var(--soluk)}
.m3-hesap-oge:hover,.m3-hesap-oge.etkin{background:color-mix(in srgb,var(--metin) 6%,transparent);color:var(--metin)}
.m3-hesap-oge .m3-harici{margin-left:auto;color:var(--soluk);font-size:12px}
.m3-hesap-oge.m3-cikis{margin-top:4px;border-top:1px solid var(--ciz);border-radius:0 0 8px 8px;color:var(--kotu)}
/* eski yol bilgi şeridi (main üstü) */
.m3-serit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--uyari) 45%,transparent);border-radius:10px;background:color-mix(in srgb,var(--uyari) 12%,transparent);color:var(--metin);font-size:13px}
.m3-serit a{color:var(--vurgu);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.m3-serit-kapat{margin-left:auto;background:transparent;border:1px solid var(--ciz);border-radius:6px;color:var(--ikincil);font:inherit;font-size:12px;padding:2px 8px;cursor:pointer}
.m3-serit-kapat:hover{color:var(--metin);border-color:var(--soluk)}
/* hedef alan vurgusu (palet → yol#kf-alan) */
.m3-vurgu{animation:m3-vurgu 2.4s ease-out;border-radius:10px}
@keyframes m3-vurgu{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--vurgu) 70%,transparent);background:color-mix(in srgb,var(--vurgu) 14%,transparent)}70%{box-shadow:0 0 0 3px color-mix(in srgb,var(--vurgu) 40%,transparent)}100%{box-shadow:0 0 0 0 transparent;background:transparent}}
/* hızlı ara paleti */
.m3-palet{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}
.m3-palet-arka{position:absolute;inset:0;background:color-mix(in srgb,var(--kenar) 55%,transparent);backdrop-filter:blur(2px)}
.m3-palet-kutu{position:relative;width:min(680px,100%);background:var(--yzey);border:1px solid var(--ciz);border-radius:14px;box-shadow:0 30px 80px -30px color-mix(in srgb,var(--kenar) 90%,transparent);overflow:hidden;display:flex;flex-direction:column;max-height:72vh}
.m3-palet-giris{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--ciz)}
.m3-palet-giris .ri-ik{color:var(--soluk)}
.m3-palet-giris input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--metin);font:15px/1.4 var(--sans)}
.m3-palet-giris input::placeholder{color:var(--soluk)}
.m3-palet kbd,.m3-kbd{font:inherit;font-size:11px;padding:1px 6px;border:1px solid var(--ciz);border-radius:5px;background:var(--yzey2);color:var(--ikincil)}
.m3-palet-grup{padding:6px 14px 0;font-size:11.5px;color:var(--soluk)}
.m3-palet-liste{list-style:none;margin:0;padding:8px;overflow-y:auto;flex:1}
.m3-po-bolum{padding:8px 10px 2px;font-size:11px;font-weight:600;color:var(--soluk);letter-spacing:.04em;text-transform:uppercase}
.m3-po-bag{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:9px;color:var(--kenar-metin)}
.m3-po.secili .m3-po-bag,.m3-po-bag:hover{background:color-mix(in srgb,var(--vurgu) 16%,transparent);color:var(--metin)}
.m3-po-ik{width:22px;height:22px;flex:none;display:grid;place-items:center;border-radius:6px;background:var(--yzey2);color:var(--ikincil);font-weight:700;font-size:13px}
.m3-po-metin{display:flex;flex-direction:column;min-width:0;line-height:1.25}
.m3-po-etiket{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-po-kirinti{font-size:11.5px;color:var(--soluk);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m3-po-rozet{margin-left:auto;flex:none;font-size:11px;padding:1px 7px;border-radius:999px;border:1px solid var(--ciz);color:var(--soluk)}
.m3-po-rozet.eski{border-color:color-mix(in srgb,var(--uyari) 50%,transparent);color:var(--uyari)}
.m3-po-rozet.ayar{border-color:color-mix(in srgb,var(--vurgu) 45%,transparent);color:var(--vurgu)}
.m3-po-rozet.bolum,.m3-po-rozet.sekme{border-color:color-mix(in srgb,var(--ikincil) 45%,transparent);color:var(--ikincil)}
.m3-po-rozet.eylem,.m3-po-rozet.komut{border-color:color-mix(in srgb,var(--iyi) 50%,transparent);color:var(--iyi)}
.m3-po-rozet.canli{border-color:color-mix(in srgb,var(--pembe) 50%,transparent);color:var(--pembe)}
.m3-po-bos{padding:18px 10px;text-align:center;color:var(--soluk);font-size:13px}
.m3-palet-ipucu{display:flex;gap:14px;flex-wrap:wrap;padding:8px 14px;border-top:1px solid var(--ciz);font-size:11.5px;color:var(--soluk)}
.m3-palet-ipucu a{color:var(--vurgu);font-weight:600}
/* "Nerede ne var?" menü haritası (/menu-haritasi) */
.m3-harita-ust{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px;font-size:13px;color:var(--ikincil)}
.m3-harita-ust kbd{font:inherit;font-size:11px;padding:1px 6px;border:1px solid var(--ciz);border-radius:5px;background:var(--yzey2);color:var(--metin)}
.m3-harita{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.m3-harita-grup{background:var(--yzey);border:1px solid var(--ciz);border-radius:14px;padding:12px 14px}
.m3-harita-grup>h2{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--soluk);letter-spacing:.04em;text-transform:uppercase;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.m3-harita-grup>h2 .m3-say{font-size:11px;font-weight:600;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--metin) 8%,transparent);color:var(--ikincil)}
.m3-harita-liste{list-style:none;margin:0;padding:0}
.m3-harita-satir{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.6fr) auto;align-items:center;gap:10px;padding:7px 0;border-top:1px solid color-mix(in srgb,var(--ciz) 60%,transparent);font-size:13px}
.m3-harita-satir:first-of-type{border-top:0}
.m3-harita-eski{min-width:0;color:var(--ikincil);overflow-wrap:anywhere}
.m3-harita-ok{flex:none;color:var(--soluk)}
.m3-harita-yeni{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;color:var(--metin);font-weight:600;overflow-wrap:anywhere}
.m3-harita-yeni .m3-harita-kir{color:var(--soluk);font-weight:400;font-size:12px}
.m3-harita-yeni:hover{color:var(--vurgu)}
.m3-harita-rozet{flex:none;font-size:10.5px;padding:1px 6px;border-radius:999px;border:1px solid var(--ciz);color:var(--soluk)}
.m3-harita-rozet.gelismis{color:var(--vurgu);border-color:color-mix(in srgb,var(--vurgu) 45%,transparent)}
.m3-harita-rozet.hesap{color:var(--ikincil)}
.m3-harita-rozet.sekme,.m3-harita-rozet.alt{color:var(--ikincil)}
.m3-harita-rozet.ham{color:var(--uyari);border-color:color-mix(in srgb,var(--uyari) 45%,transparent)}
/* dar ekran: şerit main ile aynı 16px yan boşluk; düğme kendi satırına iner (tam genişlik DEĞİL, sağa yaslı) */
@media (max-width:640px){.m3-palet{padding:8px}.m3-palet-kutu{max-height:85vh}.m3-palet-ipucu{display:none}.m3-kirinti{display:none}.m3-ipucu{flex-wrap:wrap;gap:8px;padding:10px 16px}.m3-ipucu .m3-ipucu-metin{flex:1 0 100%}.m3-ipucu-kapat{margin-left:auto}}
/* ============================================================
   DAR EKRAN KATMANI — panel düzeni/boşluk (GÖREV B)

   Bu partial YALNIZ medya sorgusu içinde kural taşır: >=769px
   görünüm bayt-aynı kalır (geniş ekranda tek bir hesaplanmış
   değer değişmez). Ayrı dosya olmasının sebebi eşzamanlı
   çalışan ipucu-şeridi düzeltmesiyle aynı partial'da çakışmamak.

   ÖLÇEK: panelin mevcut yatay oluk merdiveni 8 / 12 / 16 px
   (15-taban.css .ust-ic 16, main 16; 75-kit.css hücre 12;
   45-ekran-pano.css satır 10/12). Yeni sabit AÇILMADI; aşağıdaki
   her değer bu merdivenden alındı.
   TEK YENİ JETON: --dokunma (00-token.css). Gerekçe: dokunma
   hedefi eşiği tipografi/renk değil ERGONOMİ sabiti; 44px = WCAG
   2.5.5 Target Size (Enhanced, AAA) eşiği. Üç ayrı dosyada (10-rail-kanat,
   15-taban, 90-acik-tema) tekrar etmemek için jetona bağlandı.
   ============================================================ */

@media(max-width:640px){
  /* 1 · ÜST BAR TAŞMASI — KRİTİK (ölçüm: 10 ekran x 2 tema x 360px)
     .ust-sag 366px, .ust-ic kullanılabilir 256px -> 110px taşma.
     html{overflow-x:clip} taşmayı sessizce KIRPIYOR: sayfa yatay
     kaymıyor ama hesap menüsü (avatar, x=416 sag=470) viewport
     DIŞINDA kalıyor; elementFromPoint VIEWPORT DISI döndürüyor,
     kullanıcı hesap menüsüne hiçbir yolla ulaşamıyor.
     Çözüm: dar ekranda BİLGİ amaçlı öğeler düşer, EYLEM öğeleri
     (tema, dil, hesap) kalır. Ayrıca oluklar 16 -> 8 (merdiven). */
  .ust-ic{gap:8px}
  .ust-sag{gap:8px;flex:none}
  .ust-sag .yazi-boy{display:none}   /* A-/A/A+ kişisel yazı boyu; tarayıcı zoom'u ile karşılanır */
  .ust-sag .canli{display:none}      /* "canlı" rozeti bilgi amaçlı; kd-presence noktası kalır */
  /* oluk ikilemesi: gap 8 + eleman kendi margin'i = 16/18 idi; tek oluk bırakıldı */
  .kd-tema-btn{margin-right:0}
  .kd-presence{margin-right:0}
  /* 2 · kitIzgara araç çubuğu — /moduller @360: .kt-izgara-arac 83px,
     main 67px taşma. Sebep: .kt-izgara-ara min-width:240 + .kt-izgara-filtre
     inline-flex (sarmıyor) yan yana 339px istiyor, alan 256px.
     Arama tam satır olur, çip grubu sarar; kaydırıcı gerekmez. */
  .kt-izgara-ara{min-width:0;flex:1 1 100%}
  .kt-izgara-filtre{flex-wrap:wrap;max-width:100%}

  /* 3 · pano site listesi — / @360: a.site-sat 38px, .site-liste 37px,
     .kt-panel 17px, .pano-2 16px taşma (hepsi aynı kökten).
     .site-ad min-width:118 + 3 yan öğe + 12px oluk, alan 212px. */
  .site-sat{flex-wrap:wrap;gap:8px 12px}
  .site-ad{min-width:0}
}

@media(max-width:768px){
  /* 4 · SAYFA BAŞLIĞI — 360te 118px taşıyordu; 768de de dokunma
     hedefleri büyüyünce (.ust-sag 536 -> 566) başlık sıkışıp taşıyor.
     Taşmak yerine KISALIR: tek kural iki genişliği de kapatır. */
  .m3-baslik{flex:1 1 auto;min-width:0}
  .sayfa-ad{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

  /* 5 · DOKUNMA HEDEFİ (düşük öncelik, aynı turda)
     Ölçülen: .kd-tema-btn 32x32, .rail-logo 34x34, .rail-ik 40x40 —
     44px (WCAG 2.5.5 AAA) eşiğinin altında. Rail 72px geniş, 44px sığıyor. */
  .rail-ik,.rail-logo,.kd-tema-btn,.dil-mini{min-width:var(--dokunma);min-height:var(--dokunma)}
  .dil-mini{display:inline-flex;align-items:center;justify-content:center}
  .rail-logo,.rail-favi{width:var(--dokunma);height:var(--dokunma)}
  /* hesap menusu tetigi (summary.kul): olculen 54x34 -> yalniz dikey
     vurus alani buyur, rozet/ad gorunumu degismez (zemin yok). */
  .ust-sag .kul{min-height:var(--dokunma)}
  /* A-/A/A+ ucluSU 33x18 / 25x18 / 37x21 idi; <=640ta zaten gizli,
     641-768 (tablet) araliginda dokunulabilir hale gelir. */
  .yazi-boy button{min-height:var(--dokunma);padding-left:12px;padding-right:12px}
}