/* =====================================================================
   KBWEB — PANO TEMASI
   ---------------------------------------------------------------------
   NOA'nın Pano kabuğundan (yüzen kenar çubuğu, camsı kartlar, yeşil →
   mavi vurgu) aynen alındı. Jetonlar iki palette: `tema-pano` (açık) ve
   `tema-pano-gece` (koyu). Bileşen kuralları yalnız jeton okur; palet
   değişince tek bir kural yeniden yazılmaz.
   ===================================================================== */

/* ══════════════════════════════════════════ §0 · JETONLAR */
.tema-pano, .tema-pano-gece {
  --pn-zemin:#f5f7fb; --pn-zemin-2:#eef2f8;
  --pn-yuzey:rgba(255,255,255,.82); --pn-yuzey-2:rgba(255,255,255,.66); --pn-yuzey-tam:#fff;
  --pn-metin:#0f172a; --pn-metin-2:#475569; --pn-soluk:#5b6a80;
  --pn-cizgi:rgba(148,163,184,.22); --pn-cizgi-2:rgba(148,163,184,.34);
  --pn-parlak:#10b981; --pn-vurgu:#047857; --pn-vurgu-2:#065f46; --pn-mavi:#0284c7;
  --pn-vurgu-yum:rgba(16,185,129,.12); --pn-secili:#e4f6ef; --pn-secili-ust:#d3efe4;
  --pn-vurgu-metin:#fff; --pn-gok:#0369a1; --pn-gok-yum:rgba(14,165,233,.14);
  --pn-uyari:#b45309; --pn-uyari-metin:#a34c07; --pn-uyari-yum:rgba(245,158,11,.16);
  --pn-hata:#b91c1c; --pn-hata-yum:rgba(239,68,68,.14);
  --pn-r:16px; --pn-r-s:10px; --pn-hap:999px;
  --pn-golge:0 18px 40px rgba(15,23,42,.08); --pn-golge-2:0 24px 60px rgba(15,23,42,.12);
  --pn-odak:0 0 0 4px rgba(16,185,129,.18);
  --pn-sat-y:9px; --pn-sat-x:14px; --pn-izgara-yazi:13px; --pn-kart-p:20px; --pn-bosluk:18px;
  --pn-yan-en:290px; --pn-dis-bosluk:14px; --pn-ic-bosluk:14px; --pn-ust-y:60px;
  color-scheme: light;
}
.tema-pano-gece {
  --pn-zemin:#07111f; --pn-zemin-2:#0f172a;
  --pn-yuzey:rgba(15,23,42,.78); --pn-yuzey-2:rgba(15,23,42,.62); --pn-yuzey-tam:#111c31;
  --pn-metin:#f1f5f9; --pn-metin-2:#cbd5e1; --pn-soluk:#94a3b8;
  --pn-cizgi:rgba(148,163,184,.18); --pn-cizgi-2:rgba(148,163,184,.30);
  --pn-parlak:#34d399; --pn-vurgu:#059669; --pn-vurgu-2:#6ee7b7; --pn-vurgu-yum:rgba(52,211,153,.14);
  --pn-vurgu-metin:#03190f; --pn-uyari-metin:#fcd34d; --pn-mavi:#38bdf8; --pn-gok:#7dd3fc;
  --pn-gok-yum:rgba(56,189,248,.16); --pn-uyari:#fcd34d; --pn-uyari-yum:rgba(251,191,36,.14);
  --pn-hata:#fca5a5; --pn-hata-yum:rgba(248,113,113,.14); --pn-secili:#123324; --pn-secili-ust:#17402d;
  --pn-golge:0 18px 40px rgba(2,6,23,.42); --pn-golge-2:0 24px 60px rgba(2,6,23,.55);
  --pn-odak:0 0 0 4px rgba(52,211,153,.22);
  color-scheme: dark;
}
html[data-yogunluk="yogun"] body {
  --pn-sat-y:4px; --pn-sat-x:9px; --pn-izgara-yazi:12px; --pn-kart-p:14px; --pn-bosluk:12px;
}

*, *::before, *::after { box-sizing: border-box; }
body {
  margin:0; background:var(--pn-zemin); color:var(--pn-metin);
  font-family:"Manrope","Segoe UI",system-ui,-apple-system,Arial,sans-serif; font-size:14px;
  -webkit-font-smoothing:antialiased; line-height:1.45;
}
body::before {
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    radial-gradient(circle at 12% 10%, rgba(16,185,129,.13), transparent 32%),
    radial-gradient(circle at 86% 4%, rgba(56,189,248,.12), transparent 34%),
    radial-gradient(circle at 70% 92%, rgba(129,140,248,.10), transparent 36%);
}
body.tema-pano-gece::before {
  background:
    radial-gradient(circle at 12% 8%, rgba(16,185,129,.18), transparent 30%),
    radial-gradient(circle at 86% 4%, rgba(56,189,248,.14), transparent 32%),
    radial-gradient(circle at 72% 94%, rgba(99,102,241,.14), transparent 34%);
}
a { color:var(--pn-vurgu-2); }
h1,h2,h3 { font-family:"Sora","Manrope","Segoe UI",system-ui,sans-serif; }
.kb-ik { width:16px; height:16px; flex:none; vertical-align:-3px; }
[hidden] { display:none !important; }
.soluk { color:var(--pn-soluk); }
.sag { text-align:right; }
.orta { text-align:center; }
.kalin { font-weight:700; }
.arti { color:var(--pn-vurgu); }
.eksi { color:var(--pn-hata); }
.tema-pano-gece .arti { color:var(--pn-parlak); }

/* ══════════════════════════════════════════ §1 · KABUK */
.pano {
  position:relative; z-index:1; display:grid; grid-template-columns:var(--pn-yan-en) minmax(0,1fr);
  gap:var(--pn-dis-bosluk); padding:var(--pn-dis-bosluk); height:100vh; overflow:hidden;
}
.pano-yan {
  display:flex; flex-direction:column; min-height:0; background:var(--pn-yuzey);
  -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border:1px solid var(--pn-cizgi); border-radius:var(--pn-r); box-shadow:var(--pn-golge); overflow:hidden;
}
.pano-marka { display:flex; align-items:center; gap:10px; padding:16px 16px 12px; color:inherit; text-decoration:none; }
.pano-marka:hover b { text-decoration:underline; }
.pano-marka-tas {
  width:36px; height:36px; flex:none; border-radius:12px; display:grid; place-items:center;
  background:linear-gradient(135deg,#047857,#0d7f70 55%,#0369a1); color:#fff; font:800 15px/1 "Sora",sans-serif;
}
.pano-marka-tas img { max-width:100%; max-height:100%; border-radius:10px; }
.pano-marka-ad { min-width:0; display:flex; flex-direction:column; }
.pano-marka-ad b {
  font:700 14px/1.2 "Sora",sans-serif; letter-spacing:-.02em; overflow-wrap:anywhere;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;
}
.pano-marka-ad i { font-style:normal; font-size:11px; color:var(--pn-soluk); }

.pano-ara { position:relative; padding:4px 14px 10px; }
.pano-ara .kb-ik { position:absolute; left:26px; top:50%; transform:translateY(-60%); width:15px; height:15px; color:var(--pn-soluk); pointer-events:none; }
.pano-ara input[type=search] {
  width:100%; padding:9px 12px 9px 34px; background:var(--pn-yuzey-2); color:var(--pn-metin);
  border:1px solid var(--pn-cizgi); border-radius:var(--pn-hap); font:inherit; font-size:13px;
}
.pano-ara input:focus { outline:none; border-color:var(--pn-vurgu); box-shadow:var(--pn-odak); }

.pano-menu { flex:1; min-height:0; overflow:auto; padding:2px 10px 12px; }
.pano-bolum-bas { padding:14px 8px 6px; font:700 10.5px/1 inherit; letter-spacing:.1em; text-transform:uppercase; color:var(--pn-soluk); }
.pano-baglanti {
  display:flex; align-items:center; gap:10px; padding:8px 12px; border-radius:12px;
  color:var(--pn-metin-2); text-decoration:none; font-size:13.5px; font-weight:600; line-height:1.3;
  border:1px solid transparent; transition:background .16s ease, color .16s ease, transform .16s ease;
}
.pano-baglanti .kb-ik { width:17px; height:17px; color:var(--pn-soluk); }
.pano-baglanti span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pano-baglanti:hover { background:var(--pn-yuzey-2); color:var(--pn-metin); transform:translateX(2px); }
.pano-baglanti.etkin {
  background:linear-gradient(135deg,rgba(16,185,129,.16),rgba(56,189,248,.10));
  border-color:rgba(16,185,129,.20); color:var(--pn-metin); font-weight:700;
}
.pano-baglanti.etkin .kb-ik { color:var(--pn-vurgu-2); }

.pano-kisayol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.pano-kisayol a {
  display:flex; flex-direction:column; align-items:center; gap:5px; min-width:0; padding:10px 4px; border-radius:12px;
  background:var(--pn-yuzey-2); border:1px solid transparent; color:var(--pn-metin-2); text-decoration:none;
  font-size:10.5px; font-weight:600; text-align:center; line-height:1.2;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.pano-kisayol a .kb-ik { width:18px; height:18px; color:var(--pn-soluk); }
.pano-kisayol a:hover { transform:translateY(-2px); box-shadow:var(--pn-golge); border-color:rgba(16,185,129,.24); }
.pano-kisayol span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }

.pano-grup { margin-top:6px; }
.pano-grup > summary {
  display:flex; align-items:center; gap:10px; padding:9px 12px; border-radius:12px; cursor:pointer; list-style:none;
  font:700 12.5px/1 inherit; letter-spacing:.01em; color:var(--pn-metin);
}
.pano-grup > summary::-webkit-details-marker { display:none; }
.pano-grup > summary:hover { background:var(--pn-yuzey-2); }
.pano-grup > summary .kb-ik { width:17px; height:17px; color:var(--pn-soluk); }
.pano-grup > summary span { flex:1; min-width:0; }
.pano-ok { width:10px; height:6px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; opacity:.55; transition:transform .16s ease; }
.pano-grup[open] > summary .pano-ok { transform:rotate(180deg); }
.pano-grup-govde { padding:2px 0 6px 10px; margin-left:18px; border-left:1px solid var(--pn-cizgi); }
.pano-ara-bos { padding:14px 10px; font-size:12px; color:var(--pn-soluk); }

.pano-yan-alt { flex:none; padding:10px 12px 12px; border-top:1px solid var(--pn-cizgi); }
.pano-kul { display:flex; align-items:center; gap:10px; min-width:0; padding:8px; border-radius:14px; background:var(--pn-yuzey-2); }
.pano-kul-tas {
  width:32px; height:32px; flex:none; border-radius:var(--pn-hap); display:grid; place-items:center;
  background:linear-gradient(135deg,var(--pn-vurgu),var(--pn-gok)); color:var(--pn-vurgu-metin); font:700 12px/1 inherit;
}
.pano-kul-ad { min-width:0; flex:1; display:flex; flex-direction:column; }
.pano-kul-ad b { font-size:12.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pano-kul-ad i { font-style:normal; font-size:10.5px; color:var(--pn-soluk); }
.pano-kul-cikis { width:32px; height:32px; flex:none; border-radius:10px; display:grid; place-items:center; color:var(--pn-soluk); text-decoration:none; }
.pano-kul-cikis:hover { background:var(--pn-hata-yum); color:var(--pn-hata); }

.pano-ana { display:flex; flex-direction:column; min-width:0; min-height:0; gap:var(--pn-ic-bosluk); }
.pano-ust {
  flex:none; height:var(--pn-ust-y); display:flex; align-items:center; gap:14px; padding:0 16px;
  background:var(--pn-yuzey); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border:1px solid var(--pn-cizgi); border-radius:var(--pn-r); box-shadow:var(--pn-golge);
}
.pano-kirinti { flex:1; min-width:0; display:flex; align-items:center; gap:8px; font-size:13px; color:var(--pn-soluk); overflow:hidden; white-space:nowrap; }
.pano-kirinti b { color:var(--pn-metin); font:700 14px/1.2 "Sora",sans-serif; overflow:hidden; text-overflow:ellipsis; }
.pano-kirinti-ok { width:6px; height:10px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; opacity:.5; }
.pano-ust-sag { display:flex; align-items:center; gap:8px; flex:none; }
.pano-ust-dugme {
  display:inline-flex; align-items:center; gap:7px; padding:8px 12px; border-radius:var(--pn-hap);
  border:1px solid var(--pn-cizgi); background:var(--pn-yuzey-2); color:var(--pn-metin-2); text-decoration:none; cursor:pointer;
  font:inherit; font-size:12.5px; font-weight:600;
}
.pano-ust-dugme:hover { color:var(--pn-metin); border-color:var(--pn-cizgi-2); }
.pano-kip { display:inline-flex; margin:0; }
.pano-kip-ik { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; }
.pano-ust-kul { display:inline-flex; align-items:center; gap:8px; padding:5px 12px 5px 5px; border-radius:var(--pn-hap); background:var(--pn-yuzey-2); border:1px solid var(--pn-cizgi); font-size:12.5px; font-weight:700; max-width:200px; color:inherit; text-decoration:none; }
.pano-ust-kul b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pano-menu-dugme { display:none; width:38px; height:38px; flex:none; background:none; border:0; cursor:pointer; color:inherit; align-items:center; justify-content:center; }
.pano-hamburger { display:block; width:18px; flex:none; }
.pano-hamburger i { display:block; height:2px; background:currentColor; border-radius:2px; margin:4px 0; }

.pano-kagit { flex:1; min-height:0; overflow:auto; padding:2px 2px 24px; }
.pano-hero { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; padding:6px 6px 16px; }
.pano-hero-yazi { min-width:0; max-width:760px; }
.pano-etiket {
  display:inline-block; margin-bottom:8px; padding:5px 12px; border-radius:var(--pn-hap);
  background:var(--pn-vurgu-yum); color:var(--pn-vurgu-2); font:700 10.5px/1 inherit; letter-spacing:.12em; text-transform:uppercase;
}
.pano-hero h1 { margin:0; font:800 28px/1.15 "Sora",sans-serif; letter-spacing:-.03em; color:var(--pn-metin); }
.pano-hero p { margin:6px 0 0; color:var(--pn-soluk); font-size:13.5px; }
.pano-eylem { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.pano-icerik { padding:0 6px; min-width:0; }
html[data-yogunluk="yogun"] .pano-hero h1 { font-size:22px; }

/* ══════════════════════════════════════════ §2 · DÜĞMELER */
.dugme, button.dugme {
  display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:9px 16px; border-radius:var(--pn-hap);
  border:1px solid var(--pn-cizgi); background:var(--pn-yuzey-tam); color:var(--pn-metin); cursor:pointer; text-decoration:none;
  font:inherit; font-size:13px; font-weight:600; white-space:nowrap; line-height:1.2;
  box-shadow:0 1px 2px rgba(15,23,42,.04); transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
.dugme .kb-ik { color:var(--pn-soluk); }
.dugme:hover { transform:translateY(-1px); box-shadow:var(--pn-golge); border-color:rgba(16,185,129,.28); }
.dugme:focus-visible { outline:none; box-shadow:var(--pn-odak); }
.dugme.ana {
  background-color:#0d7f70; background-image:linear-gradient(135deg,#047857 0%,#0d7f70 55%,#0369a1 100%);
  border-color:transparent; color:var(--pn-vurgu-metin); font-weight:700; box-shadow:0 10px 24px rgba(4,120,87,.30);
}
body.tema-pano-gece .dugme.ana {
  background-color:#10b981; background-image:linear-gradient(135deg,#34d399 0%,#10b981 55%,#38bdf8 100%);
  color:var(--pn-vurgu-metin); box-shadow:0 10px 26px rgba(16,185,129,.30);
}
.dugme.ana .kb-ik { color:currentColor; }
.dugme.ana:hover { filter:brightness(1.05); }
.dugme.tehlike { color:var(--pn-hata); border-color:rgba(239,68,68,.3); }
.dugme.tehlike:hover { background:var(--pn-hata-yum); }
.dugme.sade { background:var(--pn-zemin-2); }
.dugme.kucuk { padding:6px 12px; font-size:12px; }
.dugme[disabled] { opacity:.55; cursor:not-allowed; transform:none; }
.ikon-dugme {
  display:inline-grid; place-items:center; width:30px; height:30px; padding:0; border-radius:9px;
  border:1px solid var(--pn-cizgi); background:var(--pn-yuzey-tam); color:var(--pn-metin-2); cursor:pointer; text-decoration:none;
}
.ikon-dugme:hover { border-color:rgba(16,185,129,.35); color:var(--pn-vurgu-2); background:var(--pn-vurgu-yum); }
.ikon-dugme.tehlike:hover { border-color:rgba(239,68,68,.35); color:var(--pn-hata); background:var(--pn-hata-yum); }
.ikon-dugme .kb-ik { width:15px; height:15px; vertical-align:0; }
.satir-islem { display:flex; gap:4px; justify-content:flex-end; flex-wrap:nowrap; }
.satir-islem form { margin:0; display:inline; }

.acilir { position:relative; display:inline-block; }
.acilir > summary { list-style:none; }
.acilir > summary::-webkit-details-marker { display:none; }
.acilir-panel {
  position:absolute; z-index:40; right:0; top:calc(100% + 6px); min-width:220px; max-height:60vh; overflow:auto;
  background:var(--pn-yuzey-tam); border:1px solid var(--pn-cizgi); border-radius:var(--pn-r); box-shadow:var(--pn-golge-2);
  padding:8px; display:flex; flex-direction:column; gap:2px;
}
.acilir-oge {
  display:flex; align-items:center; gap:9px; width:100%; text-align:left; padding:9px 11px; border:0; border-radius:var(--pn-r-s);
  background:none; color:var(--pn-metin); cursor:pointer; text-decoration:none; font:inherit; font-size:13px; white-space:nowrap;
}
.acilir-oge:hover { background:var(--pn-zemin-2); }
.acilir-oge.tehlike { color:var(--pn-hata); }
.acilir-panel form { margin:0; }

/* ══════════════════════════════════════════ §3 · KART, BÖLÜM, FORM */
.kart {
  background:var(--pn-yuzey); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border:1px solid var(--pn-cizgi); border-radius:var(--pn-r); box-shadow:var(--pn-golge);
  padding:var(--pn-kart-p); margin-bottom:var(--pn-bosluk); min-width:0;
}
.kart.bitisik { padding:0; overflow:hidden; }
.kart-bas { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:14px; }
.kart.bitisik > .kart-bas { padding:var(--pn-kart-p) var(--pn-kart-p) 0; }
.kart-bas h2 { margin:0; font:700 16px/1.25 "Sora",sans-serif; letter-spacing:-.02em; }
.kart-bas p { margin:3px 0 0; font-size:12.5px; color:var(--pn-soluk); }
.kart-bas .sayac { font-size:12px; color:var(--pn-soluk); font-weight:600; }
.kart-alt { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; padding:12px var(--pn-kart-p); border-top:1px solid var(--pn-cizgi); font-size:12.5px; color:var(--pn-soluk); }
.yan-yana { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:var(--pn-bosluk); align-items:start; }
.yan-yana > .kart { margin-bottom:0; }
.yan-yana + .kart, .yan-yana + .yan-yana { margin-top:var(--pn-bosluk); }

.izgara { display:grid; gap:14px 16px; grid-template-columns:repeat(var(--kolon,3),minmax(0,1fr)); }
.izgara.k2 { --kolon:2; } .izgara.k4 { --kolon:4; } .izgara.k5 { --kolon:5; } .izgara.k6 { --kolon:6; }
.izgara .tam { grid-column:1 / -1; }
.izgara .iki { grid-column:span 2; }
.alan { display:flex; flex-direction:column; gap:6px; min-width:0; }
.alan > label, .etiket { font-size:12px; font-weight:600; color:var(--pn-metin-2); }
.zorunlu { color:var(--pn-hata); }
.alan-not { font-size:11.5px; color:var(--pn-soluk); line-height:1.4; }
input[type=text], input[type=number], input[type=date], input[type=password], input[type=search], input[type=email],
input[type=month], input[type=time], input[type=tel], select, textarea {
  width:100%; padding:9px 12px; font:inherit; font-size:13px; color:var(--pn-metin); background:var(--pn-yuzey-tam);
  border:1px solid var(--pn-cizgi-2); border-radius:var(--pn-r-s); min-height:38px;
}
textarea { min-height:76px; resize:vertical; }
select[multiple] { min-height:110px; }
input:focus, select:focus, textarea:focus { outline:none; border-color:var(--pn-vurgu); box-shadow:var(--pn-odak); }
input[disabled], select[disabled], input[readonly] { background:var(--pn-zemin-2); color:var(--pn-soluk); }
input.para { text-align:right; font-variant-numeric:tabular-nums; }
input[type=checkbox], input[type=radio] { accent-color:var(--pn-vurgu); width:16px; height:16px; }
.onay-kutu { display:flex; align-items:flex-start; gap:9px; font-size:13px; font-weight:600; color:var(--pn-metin); cursor:pointer; }
.onay-kutu small { display:block; font-weight:500; color:var(--pn-soluk); font-size:11.5px; }
.giris-grup { display:flex; align-items:stretch; }
.giris-grup > :first-child { border-top-right-radius:0; border-bottom-right-radius:0; flex:1; min-width:0; }
.giris-grup > .ek { display:grid; place-items:center; padding:0 12px; border:1px solid var(--pn-cizgi-2); border-left:0; border-radius:0 var(--pn-r-s) var(--pn-r-s) 0; background:var(--pn-zemin-2); color:var(--pn-soluk); font-weight:700; font-size:13px; }
.giris-grup > .dugme { border-radius:0 var(--pn-r-s) var(--pn-r-s) 0; border-left:0; }

.bolum { margin-bottom:var(--pn-bosluk); }
.bolum-bas { margin-bottom:14px; }
.bolum-bas h2 { margin:0; font:700 15px/1.25 "Sora",sans-serif; }
.bolum-bas p { margin:3px 0 0; font-size:12.5px; color:var(--pn-soluk); }
.form-alt {
  display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; position:sticky; bottom:0; z-index:5;
  padding:12px 16px; background:var(--pn-yuzey); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border:1px solid var(--pn-cizgi); border-radius:var(--pn-r); box-shadow:var(--pn-golge);
}
.form-alt .not { font-size:12px; color:var(--pn-soluk); }
.form-alt .dugmeler { display:flex; gap:8px; margin-left:auto; }

.secim-kartlari { display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:10px; }
.secim-kart { position:relative; display:flex; gap:10px; align-items:flex-start; padding:12px 14px; border:1px solid var(--pn-cizgi-2); border-radius:var(--pn-r-s); background:var(--pn-yuzey-tam); cursor:pointer; font-size:13px; }
.secim-kart b { display:block; font-size:13px; }
.secim-kart small { display:block; color:var(--pn-soluk); font-size:11.5px; margin-top:2px; }
.secim-kart:has(input:checked) { border-color:var(--pn-vurgu); box-shadow:var(--pn-odak); background:var(--pn-vurgu-yum); }
.secim-kart input { margin-top:2px; }

/* Etiket girişi */
.etiket-giris { display:flex; flex-wrap:wrap; gap:6px; align-items:center; padding:5px 8px; min-height:38px; border:1px solid var(--pn-cizgi-2); border-radius:var(--pn-r-s); background:var(--pn-yuzey-tam); }
.etiket-giris:focus-within { border-color:var(--pn-vurgu); box-shadow:var(--pn-odak); }
.etiket-giris input { border:0 !important; box-shadow:none !important; padding:4px !important; min-height:0 !important; flex:1; min-width:120px; background:transparent !important; }
.cip { display:inline-flex; align-items:center; gap:6px; padding:3px 6px 3px 10px; border-radius:var(--pn-hap); background:var(--pn-gok-yum); color:var(--pn-gok); font-size:12px; font-weight:700; }
.cip button { border:0; background:none; color:inherit; cursor:pointer; padding:0 2px; font-size:14px; line-height:1; }

/* ══════════════════════════════════════════ §4 · SÜZGEÇ, ÖZET */
.suzgec .izgara { --kolon:5; }
.suzgec-bas { display:flex; width:100%; align-items:center; justify-content:space-between; gap:10px; margin:-4px 0 14px; padding:0; border:0; background:none;
  color:var(--pn-metin); font:700 13px/1.2 inherit; cursor:pointer; text-align:left; }
.suzgec-bas b { color:var(--pn-vurgu-2); }
.suzgec.kapali { padding-top:14px; padding-bottom:14px; }
.suzgec.kapali .suzgec-bas { margin:0; }
.suzgec.kapali .suzgec-bas .pano-ok { transform:rotate(0deg); }
.suzgec .suzgec-bas .pano-ok { transform:rotate(180deg); }
.suzgec.kapali > .izgara, .suzgec.kapali > .suzgec-alt { display:none; }
.suzgec-alt { display:flex; justify-content:flex-end; gap:8px; margin-top:14px; flex-wrap:wrap; }
.suzgec details > summary { cursor:pointer; list-style:none; display:flex; align-items:center; gap:8px; font-weight:700; }
.ozetler { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:var(--pn-bosluk); margin-bottom:var(--pn-bosluk); }
.ozet {
  position:relative; overflow:hidden; background:var(--pn-yuzey); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px);
  border:1px solid var(--pn-cizgi); border-radius:var(--pn-r); box-shadow:var(--pn-golge); padding:16px 18px;
}
.ozet .ozet-ad { font:700 10.5px/1.2 inherit; letter-spacing:.12em; text-transform:uppercase; color:var(--pn-soluk); display:flex; justify-content:space-between; gap:8px; }
.ozet .ozet-ad .kb-ik { color:var(--pn-parlak); width:18px; height:18px; }
.ozet .ozet-deger { margin-top:10px; font:800 22px/1.15 "Sora",sans-serif; letter-spacing:-.03em; }
.ozet .ozet-deger .tutar3 b { font:inherit; }
.ozet .ozet-deger .tutar3 small { font:600 12px/1.3 "Manrope",sans-serif; letter-spacing:0; }
.ozet .ozet-alt { margin-top:8px; font-size:12px; color:var(--pn-soluk); }
.ozet.iyi { border-color:rgba(16,185,129,.28); } .ozet.iyi .ozet-deger { color:var(--pn-vurgu); }
.ozet.kotu .ozet-deger { color:var(--pn-hata); }
.ozet.mavi .ozet-deger { color:var(--pn-gok); }
.tema-pano-gece .ozet.iyi .ozet-deger { color:var(--pn-parlak); }
.tutar3 { display:inline-flex; flex-direction:column; line-height:1.25; }
.tutar3 b { font-weight:700; white-space:nowrap; }
.tutar3 small { font-size:11px; color:var(--pn-soluk); white-space:nowrap; }
td.sag .tutar3 { align-items:flex-end; }

/* ══════════════════════════════════════════ §5 · TABLO */
.tablo-sar { overflow:auto; }
table.veri { width:100%; border-collapse:separate; border-spacing:0; font-size:var(--pn-izgara-yazi); }
table.veri thead th {
  position:sticky; top:0; z-index:1; padding:11px var(--pn-sat-x); background:var(--pn-zemin-2); color:var(--pn-soluk);
  font:700 10.5px/1.2 inherit; letter-spacing:.09em; text-transform:uppercase; white-space:nowrap; text-align:left;
  border-bottom:1px solid var(--pn-cizgi);
}
table.veri thead th.sag { text-align:right; } table.veri thead th.orta { text-align:center; }
table.veri thead th a { color:inherit; text-decoration:none; }
table.veri tbody td { padding:var(--pn-sat-y) var(--pn-sat-x); border-bottom:1px solid var(--pn-cizgi); vertical-align:middle; color:var(--pn-metin); }
table.veri tbody tr:last-child td { border-bottom:0; }
table.veri tbody tr:hover td { background:var(--pn-zemin-2); }
table.veri td.sik, table.veri th.sik { white-space:nowrap; }
table.veri td.kisa { max-width:260px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
table.veri tfoot td { padding:11px var(--pn-sat-x); background:var(--pn-zemin-2); font-weight:700; border-top:1px solid var(--pn-cizgi); }
table.veri td .alt { display:block; font-size:11.5px; color:var(--pn-soluk); }
table.veri td a.ad { font-weight:700; text-decoration:none; color:var(--pn-metin); }
table.veri td a.ad:hover { color:var(--pn-vurgu-2); text-decoration:underline; }
table.veri tr.pasif td { opacity:.6; }
table.veri tr.grup-bas td { background:var(--pn-zemin-2); font-weight:700; }
.bos { padding:36px 20px; text-align:center; color:var(--pn-soluk); }
.bos b { display:block; color:var(--pn-metin); font-size:14px; margin-bottom:4px; }
.sayfalama { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.sayfalama a, .sayfalama span { min-width:32px; height:32px; padding:0 9px; display:inline-grid; place-items:center; border-radius:9px; border:1px solid var(--pn-cizgi); text-decoration:none; color:var(--pn-metin-2); font-size:12.5px; font-weight:600; background:var(--pn-yuzey-tam); }
.sayfalama span.etkin { background:var(--pn-vurgu); border-color:var(--pn-vurgu); color:var(--pn-vurgu-metin); }
.sayfalama .adet { display:flex; gap:4px; align-items:center; margin-left:8px; }
.sayfalama .adet a.etkin { border-color:var(--pn-vurgu); color:var(--pn-vurgu-2); }

/* Belge satırları */
table.satirlar { width:100%; border-collapse:separate; border-spacing:0 6px; }
table.satirlar th { text-align:left; font:700 10.5px/1 inherit; letter-spacing:.09em; text-transform:uppercase; color:var(--pn-soluk); padding:4px 6px; }
table.satirlar td { padding:0 4px; vertical-align:top; }
table.satirlar td.toplam { text-align:right; font-weight:700; padding-top:10px; white-space:nowrap; }
.belge-toplam { display:flex; justify-content:flex-end; gap:16px; flex-wrap:wrap; margin-top:12px; }
.belge-toplam div { padding:10px 16px; border-radius:var(--pn-r-s); background:var(--pn-zemin-2); font-weight:700; }
.belge-toplam small { display:block; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--pn-soluk); }

/* ══════════════════════════════════════════ §6 · ROZET, UYARI */
.rozet { display:inline-flex; align-items:center; gap:6px; padding:3px 10px; border-radius:var(--pn-hap); background:var(--pn-zemin-2); color:var(--pn-metin-2); font-size:11px; font-weight:700; white-space:nowrap; }
.rozet.iyi { background:var(--pn-vurgu-yum); color:var(--pn-vurgu-2); }
.rozet.uyari { background:var(--pn-uyari-yum); color:var(--pn-uyari-metin); }
.rozet.hata { background:var(--pn-hata-yum); color:var(--pn-hata); }
.rozet.bilgi { background:var(--pn-gok-yum); color:var(--pn-gok); }
.uyari { padding:12px 16px; border-radius:var(--pn-r); border:1px solid var(--pn-cizgi); background:var(--pn-yuzey); color:var(--pn-metin); font-size:13px; margin-bottom:var(--pn-bosluk); }
.uyari.iyi { background:var(--pn-vurgu-yum); color:var(--pn-vurgu-2); border-color:rgba(16,185,129,.28); }
.uyari.bilgi { background:var(--pn-gok-yum); color:var(--pn-gok); border-color:rgba(14,165,233,.28); }
.uyari.dikkat { background:var(--pn-uyari-yum); color:var(--pn-uyari-metin); border-color:rgba(245,158,11,.3); }
.uyari.hata { background:var(--pn-hata-yum); color:var(--pn-hata); border-color:rgba(239,68,68,.3); }
.uyari ul { margin:6px 0 0; padding-left:18px; }
.notlar { margin:0; padding-left:18px; color:var(--pn-soluk); font-size:12.5px; }
.notlar li + li { margin-top:4px; }
.iletiler { padding:0 6px; }
.iletiler .uyari { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.iletiler .uyari button { border:0; background:none; color:inherit; cursor:pointer; font-size:18px; line-height:1; }

/* ══════════════════════════════════════════ §7 · MODAL */
dialog.modal {
  border:1px solid var(--pn-cizgi); border-radius:var(--pn-r); padding:0; width:min(560px,calc(100vw - 24px));
  max-height:calc(100vh - 40px); background:var(--pn-yuzey-tam); color:var(--pn-metin); box-shadow:var(--pn-golge-2);
}
dialog.modal.genis { width:min(860px,calc(100vw - 24px)); }
dialog.modal::backdrop { background:rgba(15,23,42,.45); -webkit-backdrop-filter:blur(2px); backdrop-filter:blur(2px); }
.modal-bas { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; padding:18px 20px 10px; }
.modal-bas h3 { margin:0; font:700 16px/1.3 "Sora",sans-serif; }
.modal-bas p { margin:3px 0 0; font-size:12.5px; color:var(--pn-soluk); }
.modal-kapat { border:0; background:none; font-size:22px; line-height:1; color:var(--pn-soluk); cursor:pointer; padding:0 4px; }
.modal-govde { padding:6px 20px 16px; overflow:auto; max-height:calc(100vh - 200px); }
.modal-alt { display:flex; justify-content:flex-end; gap:8px; padding:12px 20px 18px; border-top:1px solid var(--pn-cizgi); }

/* ══════════════════════════════════════════ §8 · PANEL */
.hizli-islem { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:var(--pn-bosluk); margin-bottom:var(--pn-bosluk); }
.hizli-islem a {
  display:flex; align-items:center; gap:12px; padding:14px 16px; border-radius:var(--pn-r); text-decoration:none; color:var(--pn-metin);
  background:var(--pn-yuzey); border:1px solid var(--pn-cizgi); box-shadow:var(--pn-golge); font-weight:700; font-size:13px;
  transition:transform .16s ease, border-color .16s ease;
}
.hizli-islem a:hover { transform:translateY(-2px); border-color:rgba(16,185,129,.3); }
.hizli-islem .kb-ik { width:20px; height:20px; padding:8px; box-sizing:content-box; border-radius:12px; background:var(--pn-vurgu-yum); color:var(--pn-vurgu-2); }
.sekmeler { display:inline-flex; gap:4px; padding:4px; border-radius:var(--pn-hap); background:var(--pn-zemin-2); }
.sekmeler button, .sekmeler a { border:0; background:none; padding:6px 14px; border-radius:var(--pn-hap); font:inherit; font-size:12.5px; font-weight:700; color:var(--pn-soluk); cursor:pointer; text-decoration:none; }
.sekmeler .etkin { background:var(--pn-yuzey-tam); color:var(--pn-metin); box-shadow:0 1px 3px rgba(15,23,42,.1); }
.kasa-uclu { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.kasa-uclu > div { padding:14px; border-radius:var(--pn-r-s); background:var(--pn-zemin-2); }
.kasa-uclu small { display:block; font:700 10.5px/1.2 inherit; letter-spacing:.1em; text-transform:uppercase; color:var(--pn-soluk); }
.kasa-uclu b { display:block; margin-top:6px; font:800 20px/1.2 "Sora",sans-serif; letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.liste-kisa { list-style:none; margin:0; padding:0; }
.liste-kisa li { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:9px 0; border-bottom:1px solid var(--pn-cizgi); font-size:13px; }
.liste-kisa li:last-child { border-bottom:0; }
.liste-kisa .sol { min-width:0; }
.liste-kisa .sol b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.liste-kisa .sol small { color:var(--pn-soluk); font-size:11.5px; }
.cubuk { height:6px; border-radius:6px; background:var(--pn-zemin-2); overflow:hidden; margin-top:6px; }
.cubuk i { display:block; height:100%; border-radius:6px; background:linear-gradient(90deg,var(--pn-parlak),var(--pn-mavi)); }

.takvim { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; }
.takvim .gun-ad { font:700 10.5px/1 inherit; letter-spacing:.1em; text-transform:uppercase; color:var(--pn-soluk); text-align:center; padding:4px 0; }
.takvim .gun { min-height:74px; padding:6px 7px; border-radius:var(--pn-r-s); background:var(--pn-yuzey-tam); border:1px solid var(--pn-cizgi); font-size:11px; display:flex; flex-direction:column; gap:2px; overflow:hidden; }
.takvim .gun.bos-gun { background:transparent; border-color:transparent; }
.takvim .gun.bugun { border-color:var(--pn-vurgu); box-shadow:var(--pn-odak); }
.takvim .gun .no { font-weight:800; font-size:12px; color:var(--pn-metin-2); }
.takvim .gun .g { color:var(--pn-vurgu); font-weight:700; }
.takvim .gun .c { color:var(--pn-hata); font-weight:700; }
.takvim .gun .k { color:var(--pn-soluk); }
.tema-pano-gece .takvim .gun .g { color:var(--pn-parlak); }
.takvim .gun.tikla { cursor:pointer; }
.takvim .gun.tikla:hover { border-color:rgba(16,185,129,.4); }
.takvim .olay { display:block; padding:1px 5px; border-radius:5px; background:var(--pn-gok-yum); color:var(--pn-gok); font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-decoration:none; }
.takvim-bas { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px; }
.takvim-bas b { font:700 14px/1 "Sora",sans-serif; }
.gorev-satir { display:flex; align-items:center; gap:10px; padding:8px 0; border-bottom:1px solid var(--pn-cizgi); font-size:13px; }
.gorev-satir.bitti span { text-decoration:line-through; color:var(--pn-soluk); }
.gorev-satir form { margin:0; display:flex; }
.gorev-satir span { flex:1; min-width:0; }
.gorev-satir small { color:var(--pn-soluk); }

/* ══════════════════════════════════════════ §9 · GİRİŞ */
.giris-zemin { min-height:100vh; display:grid; place-items:center; padding:24px; position:relative; z-index:1; }
.giris-kart { width:min(420px,100%); padding:30px; background:var(--pn-yuzey); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); border:1px solid var(--pn-cizgi); border-radius:22px; box-shadow:var(--pn-golge-2); }
.giris-kart h1 { margin:14px 0 4px; font:800 24px/1.2 "Sora",sans-serif; letter-spacing:-.03em; }
.giris-kart p { margin:0 0 20px; color:var(--pn-soluk); font-size:13px; }
.giris-kart .alan { margin-bottom:14px; }
.giris-kart .dugme { width:100%; padding:12px; }
.kurulum-kart { width:min(720px,100%); }

/* ══════════════════════════════════════════ §10 · DAR EKRAN · YAZDIRMA */
@media (max-width: 1280px) { .hizli-islem { grid-template-columns:repeat(3,minmax(0,1fr)); } .suzgec .izgara { --kolon:3; } }
@media (max-width: 960px) {
  .pano { --pn-dis-bosluk:10px; grid-template-columns:minmax(0,1fr); }
  .pano-menu-dugme { display:flex; }
  .pano-yan { position:fixed; z-index:60; top:10px; bottom:10px; left:10px; width:min(88vw,var(--pn-yan-en)); transform:translateX(-104%); transition:transform .22s ease; }
  .pano-menu-acik .pano-yan { transform:none; }
  .pano-perde { position:fixed; inset:0; z-index:50; background:rgba(15,23,42,.42); }
  .pano-hero h1 { font-size:22px; }
  .pano-gizle-dar { display:none; }
  .izgara { --kolon:2 !important; }
  .kasa-uclu { grid-template-columns:1fr; }
}
@media (max-width: 600px) {
  .izgara { --kolon:1 !important; } .izgara .iki { grid-column:auto; }
  .hizli-islem { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .pano-ust { padding:0 8px; gap:8px; }
  .takvim .gun { min-height:52px; font-size:10px; }
}
@media (prefers-reduced-motion: reduce) { * { transition:none !important; } }

body.yazdir-govde { background:#fff; color:#111; font-size:12px; }
body.yazdir-govde::before { display:none; }
.yazdir-kagit { max-width:1100px; margin:0 auto; padding:24px; }
.yazdir-bas { display:flex; justify-content:space-between; align-items:flex-end; border-bottom:2px solid #111; padding-bottom:10px; margin-bottom:16px; }
.yazdir-bas h1 { margin:0; font-size:20px; }
.yazdir-bas img { max-height:48px; }
body.yazdir-govde .kart, body.yazdir-govde .ozet { box-shadow:none; background:#fff; border-color:#ccc; -webkit-backdrop-filter:none; backdrop-filter:none; }
body.yazdir-govde .suzgec, body.yazdir-govde .yazdirma, body.yazdir-govde .satir-islem, body.yazdir-govde .sayfalama { display:none !important; }
body.yazdir-govde table.veri thead th { position:static; background:#eee; color:#333; }
@media print {
  .pano-yan, .pano-ust, .pano-eylem, .pano-perde, .suzgec, .yazdirma, .satir-islem, .sayfalama, .form-alt { display:none !important; }
  .pano { display:block; height:auto; overflow:visible; padding:0; }
  .pano-kagit { overflow:visible; }
  body::before { display:none; }
  .kart, .ozet { box-shadow:none; break-inside:avoid; }
}

/* =====================================================================
   GİRİŞ EKRANI — SİNEMATİK ZEMİN (NOA'dan, `gs-` = giriş sahnesi)
   Katmanlar: .gs-video (betikle kurulur) › .gs-resim (Ken Burns) ›
   .gs-animasyon (dosya gerektirmez). Üstte .gs-karartma; kart cam.
   ===================================================================== */
.giris-sayfa { background:#0a1220; --gs-vurgu:#10b981; }
.gs-sinema { position:fixed; inset:0; z-index:0; overflow:hidden; background:#0a1220; }
.gs-katman { position:absolute; inset:0; }
.gs-animasyon {
  background-color:#0a1220;
  background-image:radial-gradient(42% 46% at 18% 24%, rgba(16,120,90,.5), transparent 72%),
    radial-gradient(46% 42% at 82% 16%, rgba(24,74,110,.65), transparent 74%),
    radial-gradient(60% 55% at 62% 92%, rgba(12,44,68,.8), transparent 76%);
  background-size:180% 180%, 165% 165%, 200% 200%; background-repeat:no-repeat;
  animation:gs-akis 48s ease-in-out infinite alternate;
}
.gs-isik { position:absolute; width:58vmax; height:58vmax; border-radius:50%; left:-12vmax; top:-16vmax; pointer-events:none;
  background:radial-gradient(circle, var(--gs-vurgu) 0%, transparent 68%); opacity:.3; filter:blur(24px);
  animation:gs-isik-gez 64s ease-in-out infinite alternate; }
.gs-isik-2 { left:auto; right:-18vmax; top:auto; bottom:-22vmax; width:46vmax; height:46vmax; opacity:.2; animation-duration:82s; animation-direction:alternate-reverse; }
@keyframes gs-akis { 0% { background-position:0% 0%, 100% 0%, 50% 100%; } 50% { background-position:34% 22%, 66% 26%, 28% 68%; } 100% { background-position:12% 44%, 92% 8%, 72% 86%; } }
@keyframes gs-isik-gez { 0% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(18vw,9vh,0) scale(1.18); } 100% { transform:translate3d(38vw,-6vh,0) scale(1.06); } }
.gs-resim { background-position:center; background-size:cover; background-repeat:no-repeat; background-color:#0a1220;
  transform-origin:52% 48%; will-change:transform; animation:gs-kenburns 72s ease-in-out infinite alternate; }
@keyframes gs-kenburns { from { transform:scale(1.06) translate3d(-1.1%,-.9%,0); } to { transform:scale(1.17) translate3d(1.3%,1.2%,0); } }
.gs-video { opacity:0; transition:opacity 1.4s ease; }
.gs-video.gs-hazir { opacity:1; }
.gs-video video { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.gs-karartma {
  background:linear-gradient(180deg, rgba(4,9,17,calc(var(--gs-karart,.55) * .6)) 0%, rgba(4,9,17,var(--gs-karart,.55)) 52%, rgba(3,7,14,calc(var(--gs-karart,.55) + .25)) 100%),
    radial-gradient(118% 88% at 50% 42%, rgba(4,9,17,0) 26%, rgba(2,6,12,.72) 100%);
}
.gs-sinema ~ .giris-kart {
  position:relative; z-index:1; max-width:424px; padding:30px 30px 22px; border-radius:16px;
  background:rgba(13,20,32,.56); -webkit-backdrop-filter:blur(20px) saturate(135%); backdrop-filter:blur(20px) saturate(135%);
  border:1px solid rgba(255,255,255,.16); box-shadow:0 26px 70px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.13);
  color:#eef3fa; animation:gs-yuksel .72s cubic-bezier(.22,.78,.3,1) both;
}
@keyframes gs-yuksel { from { opacity:0; transform:translateY(16px) scale(.985); } to { opacity:1; transform:none; } }
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))) { .gs-sinema ~ .giris-kart { background:rgba(9,15,25,.88); } }
.gs-logo { display:block; max-width:200px; max-height:72px; height:auto; margin:0 0 14px; object-fit:contain; object-position:left center; }
.gs-sinema ~ .giris-kart h1 { color:#fff; font-size:24px; margin:0 0 5px; text-shadow:0 1px 14px rgba(0,0,0,.35); }
.gs-sinema ~ .giris-kart .alt { color:rgba(230,238,248,.74); margin:0 0 22px; }
.gs-sinema ~ .giris-kart label { display:block; margin-bottom:5px; font-size:12px; font-weight:600; letter-spacing:.3px; color:rgba(232,240,250,.86); }
.gs-sinema ~ .giris-kart .alan input { background:rgba(255,255,255,.09) !important; color:#f3f7fc !important; border:1px solid rgba(255,255,255,.2) !important; border-radius:10px; padding:11px 12px; width:100%; }
.gs-sinema ~ .giris-kart .alan input:hover { background:rgba(255,255,255,.13) !important; border-color:rgba(255,255,255,.3) !important; }
.gs-sinema ~ .giris-kart .alan input:focus { outline:none; border-color:var(--gs-vurgu) !important; background:rgba(255,255,255,.15) !important; box-shadow:0 0 0 3px rgba(255,255,255,.16); }
.gs-sinema ~ .giris-kart .dugme { margin-top:4px; border-radius:10px; background:var(--gs-vurgu) !important; color:#fff !important; border-color:transparent !important; box-shadow:0 8px 22px rgba(0,0,0,.3); }
.gs-sinema ~ .giris-kart .dugme:hover { filter:brightness(1.08); }
.gs-sinema ~ .giris-kart .uyari.hata { background:rgba(179,38,30,.26); border-color:rgba(255,141,133,.5); color:#ffd9d5; }
.gs-sinema ~ .giris-kart .uyari.bilgi { background:rgba(14,165,233,.2); color:#d5f0ff; }
.gs-sifre { position:relative; }
.gs-sifre input { padding-right:44px !important; }
.gs-goster { position:absolute; right:6px; top:50%; transform:translateY(-50%); border:0; background:none; color:rgba(232,240,250,.7); cursor:pointer; padding:6px; }
.gs-goster .kb-ik { width:18px; height:18px; }
.gs-alt { margin:16px 0 0 !important; text-align:center; font-size:11.5px !important; color:rgba(230,238,248,.5) !important; }
@media (max-width:899px) {
  .gs-sinema ~ .giris-kart { padding:24px 20px 18px; border-radius:14px; }
  .gs-logo { max-width:160px; max-height:58px; }
  .giris-kart input { font-size:16px; }
  .giris-kart .dugme { min-height:46px; }
}
@media (prefers-reduced-motion: reduce) {
  .gs-animasyon, .gs-isik, .gs-resim, .gs-sinema ~ .giris-kart { animation:none; }
  .gs-resim { transform:scale(1.04); } .gs-video { transition:none; }
}

/* ----------------------------------------------- kenar çubuğu logosu */
.pano-marka-tas.logo-var { background:none; box-shadow:none; width:auto; min-width:44px; max-width:120px; padding:0; }
.pano-marka-tas.logo-var img { max-height:40px; max-width:120px; width:auto; height:auto; object-fit:contain; }
.pano-marka-tas .logo-koyu { display:none; }
.tema-pano-gece .pano-marka-tas.logo-var .logo-acik { display:none; }
.tema-pano-gece .pano-marka-tas.logo-var .logo-koyu { display:block; }

/* ----------------------------------------------- firma ayarları: marka */
.marka-izgara { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:14px; }
.marka-kutu { display:flex; flex-direction:column; gap:6px; padding:12px; border:1px solid var(--pn-cizgi); border-radius:var(--pn-r-s); background:var(--pn-yuzey-2); }
.marka-kutu small { color:var(--pn-soluk); font-size:11.5px; line-height:1.45; }
.marka-onizle { height:110px; display:grid; place-items:center; border-radius:8px; background:#fff; border:1px solid var(--pn-cizgi); overflow:hidden; }
.marka-onizle.koyu { background:#0b1424; }
.marka-onizle img, .marka-onizle video { max-width:100%; max-height:100%; object-fit:contain; }
.marka-onizle video { width:100%; height:100%; object-fit:cover; }
.marka-form { display:flex; gap:6px; align-items:center; flex-wrap:wrap; }
.marka-form input[type=file] { max-width:100%; font-size:11.5px; }

/* ----------------------------------------------- AI ayarları */
.ai-gorevler { display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:12px; }
.ai-gorev { padding:14px; border-radius:var(--pn-r-s); border:1px solid var(--pn-cizgi); background:var(--pn-yuzey-2); }
.ai-gorev.bos-gorev { border-style:dashed; }
.ai-gorev-bas { display:flex; justify-content:space-between; gap:8px; align-items:center; }
.ai-gorev p { margin:8px 0 6px; font-size:12.5px; color:var(--pn-metin-2); line-height:1.45; }
.ai-gorev small { color:var(--pn-soluk); font-size:11.5px; }
.ai-duzey, .ai-gorev-sec { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:12px; }
.ai-adimlar { display:flex; gap:8px; list-style:none; padding:0; margin:0 0 16px; counter-reset:adim; flex-wrap:wrap; }
.ai-adimlar li { counter-increment:adim; display:flex; align-items:center; gap:8px; padding:6px 12px 6px 6px; border-radius:var(--pn-hap); background:var(--pn-zemin-2); font-size:12.5px; font-weight:700; color:var(--pn-soluk); }
.ai-adimlar li::before { content:counter(adim); display:grid; place-items:center; width:22px; height:22px; border-radius:50%; background:var(--pn-yuzey-tam); font-size:11px; }
.ai-adimlar li.etkin { color:var(--pn-metin); background:var(--pn-vurgu-yum); }
.ai-adimlar li.etkin::before { background:var(--pn-parlak); color:#fff; }
.ai-adimlar li.tamam::before { content:'✓'; background:var(--pn-vurgu); color:#fff; }
.ai-model-ara { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
.ai-model-ara input[type=search] { flex:1 1 260px; }
.ai-model-liste { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:6px; max-height:380px; overflow:auto; padding:8px; border:1px solid var(--pn-cizgi); border-radius:var(--pn-r-s); background:var(--pn-yuzey-2); }
.ai-model-sec { padding:6px 8px; border-radius:8px; word-break:break-all; }
.ai-model-sec:hover { background:var(--pn-zemin-2); }
.ai-model-sec.ekli { opacity:.5; }
.ai-tablo .ai-sira { width:60px; text-align:center; }
.ai-model-ad { word-break:break-all; }
.ai-maske { font-size:12px; letter-spacing:.06em; }
.dugme.yukleniyor { opacity:.6; pointer-events:none; }
.anahtar { position:relative; display:inline-block; width:38px; height:22px; cursor:pointer; }
.anahtar input { position:absolute; opacity:0; width:100%; height:100%; margin:0; cursor:pointer; }
.anahtar i { position:absolute; inset:0; border-radius:99px; background:var(--pn-cizgi-2); transition:background .2s; pointer-events:none; }
.anahtar i::after { content:''; position:absolute; left:3px; top:3px; width:16px; height:16px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25); transition:transform .2s; }
.anahtar input:checked + i { background:var(--pn-parlak); }
.anahtar input:checked + i::after { transform:translateX(16px); }
.anahtar input:focus-visible + i { box-shadow:var(--pn-odak); }
.anahtar input:disabled + i { opacity:.5; }

/* ----------------------------------------------- AI Yardım (her sayfada) */
.ai-dugme { position:fixed; right:22px; bottom:22px; z-index:900; display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border:0; border-radius:var(--pn-hap);
  background:linear-gradient(135deg,#059669,#0ea5e9); color:#fff; font:700 13.5px/1 inherit; cursor:pointer; box-shadow:0 12px 30px rgba(5,150,105,.35); }
.ai-dugme .kb-ik { width:18px; height:18px; }
.ai-dugme:hover { filter:brightness(1.07); }
.ai-dugme .ai-sayac { min-width:20px; height:20px; padding:0 6px; border-radius:99px; background:#ef4444; color:#fff; font-size:11px; display:grid; place-items:center; }
.ai-cekmece { position:fixed; right:16px; bottom:16px; z-index:950; width:min(460px, calc(100vw - 32px)); max-height:min(720px, calc(100vh - 32px)); display:flex; flex-direction:column;
  background:var(--pn-yuzey-tam); border:1px solid var(--pn-cizgi-2); border-radius:18px; box-shadow:var(--pn-golge-2); overflow:hidden; }
.ai-cekmece[hidden] { display:none; }
.ai-cekmece-bas { display:flex; align-items:center; gap:10px; padding:14px 16px; background:linear-gradient(135deg,rgba(5,150,105,.12),rgba(14,165,233,.12)); border-bottom:1px solid var(--pn-cizgi); }
.ai-cekmece-bas b { font:700 15px/1.2 "Sora",sans-serif; }
.ai-cekmece-bas small { display:block; font-size:11.5px; color:var(--pn-soluk); font-weight:500; }
.ai-cekmece-bas .modal-kapat { margin-left:auto; }
.ai-cips { display:flex; flex-wrap:wrap; gap:6px; padding:12px 16px 4px; }
.ai-cips button { border:1px solid var(--pn-cizgi-2); background:var(--pn-yuzey); color:var(--pn-metin-2); padding:6px 11px; border-radius:var(--pn-hap); font:600 12px/1.2 inherit; cursor:pointer; }
.ai-cips button.etkin { background:var(--pn-vurgu-yum); color:var(--pn-vurgu-2); border-color:transparent; }
.ai-cips button:disabled { opacity:.45; cursor:not-allowed; }
.ai-santiye { padding:6px 16px 0; }
.ai-santiye select { width:100%; }
.ai-akis { flex:1; overflow:auto; padding:12px 16px; display:flex; flex-direction:column; gap:10px; min-height:120px; }
.ai-ileti { padding:10px 12px; border-radius:12px; font-size:13px; line-height:1.55; white-space:normal; word-wrap:break-word; }
.ai-ileti.ben { align-self:flex-end; background:var(--pn-vurgu-yum); max-width:85%; }
.ai-ileti.o { background:var(--pn-zemin-2); }
.ai-ileti.hata { background:var(--pn-hata-yum); color:var(--pn-hata); }
.ai-ileti h4 { margin:6px 0 4px; font:700 13.5px/1.3 "Sora",sans-serif; }
.ai-ileti ul { margin:4px 0; padding-left:18px; }
.ai-ileti li { margin:2px 0; }
.ai-ileti .ai-uyari { display:block; margin:6px 0; padding:8px 10px; border-radius:8px; background:var(--pn-uyari-yum); color:var(--pn-uyari-metin); font-weight:600; }
.ai-ileti .ai-kaynak { display:block; margin-top:8px; font-size:11px; color:var(--pn-soluk); }
.ai-yaziyor { display:inline-flex; gap:4px; } .ai-yaziyor i { width:6px; height:6px; border-radius:50%; background:var(--pn-soluk); animation:ai-nokta 1s infinite ease-in-out; }
.ai-yaziyor i:nth-child(2) { animation-delay:.15s; } .ai-yaziyor i:nth-child(3) { animation-delay:.3s; }
@keyframes ai-nokta { 0%,80%,100% { opacity:.25; transform:translateY(0); } 40% { opacity:1; transform:translateY(-3px); } }
.ai-yaz { display:flex; gap:8px; padding:12px 16px 14px; border-top:1px solid var(--pn-cizgi); }
.ai-yaz textarea { flex:1; resize:none; min-height:42px; max-height:120px; }
.ai-yaz .dugme { align-self:flex-end; }
.ai-not { padding:0 16px 10px; font-size:10.5px; color:var(--pn-soluk); }
@media print { .ai-dugme, .ai-cekmece { display:none !important; } }
@media (max-width:640px) { .ai-dugme span.ai-etiket { display:none; } .ai-dugme { padding:12px; right:14px; bottom:14px; } }

/* ----------------------------------------------- denetim ve analiz */
.denetim-liste { display:flex; flex-direction:column; gap:8px; }
.denetim { display:flex; gap:12px; align-items:flex-start; padding:12px 14px; border-radius:var(--pn-r-s); border:1px solid var(--pn-cizgi); background:var(--pn-yuzey-2); border-left:4px solid var(--pn-cizgi-2); }
.denetim.d-kritik { border-left-color:#ef4444; } .denetim.d-uyari { border-left-color:#f59e0b; } .denetim.d-bilgi { border-left-color:#0ea5e9; }
.denetim .kb-ik { width:18px; height:18px; flex:none; margin-top:2px; }
.denetim.d-kritik .kb-ik { color:#ef4444; } .denetim.d-uyari .kb-ik { color:#d97706; } .denetim.d-bilgi .kb-ik { color:#0284c7; }
.denetim-govde { flex:1; min-width:0; }
.denetim-govde b { display:block; font-size:13px; }
.denetim-govde p { margin:3px 0 0; font-size:12.5px; color:var(--pn-metin-2); line-height:1.45; }
.denetim-eylem { display:flex; gap:6px; flex:none; align-items:center; }
.denetim-eylem form { margin:0; }
.pano-ust-uyari { position:relative; }
.pano-ust-uyari .ai-sayac { position:absolute; top:-4px; right:-4px; min-width:18px; height:18px; padding:0 5px; border-radius:99px; background:#ef4444; color:#fff; font-size:10.5px; font-weight:800; display:grid; place-items:center; }
.dagilim .cubuk { height:8px; margin-top:0; }
.cubuk.kotu i { background:#ef4444; } .cubuk.orta i { background:#f59e0b; }
.dagilim { display:flex; flex-direction:column; gap:10px; }
.dagilim-satir { display:grid; grid-template-columns:150px 1fr 140px; gap:10px; align-items:center; font-size:12.5px; }
.dagilim-satir span:last-child { text-align:right; font-weight:700; }
@media (max-width:640px) { .dagilim-satir { grid-template-columns:1fr 110px; } .dagilim-satir .cubuk { grid-column:1 / -1; order:3; } }
.aylik-grafik { display:flex; align-items:flex-end; gap:6px; height:160px; padding-top:10px; }
.aylik-grafik .ay { flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; min-width:0; height:100%; justify-content:flex-end; }
.aylik-grafik .ciftler { display:flex; gap:2px; align-items:flex-end; height:100%; width:100%; justify-content:center; }
.aylik-grafik .ciftler i { width:42%; max-width:14px; border-radius:4px 4px 0 0; background:var(--pn-parlak); min-height:2px; }
.aylik-grafik .ciftler i.gider { background:#f97316; }
.aylik-grafik small { font-size:10px; color:var(--pn-soluk); white-space:nowrap; }
.lejant { display:flex; gap:14px; font-size:11.5px; color:var(--pn-soluk); }
.lejant i { display:inline-block; width:10px; height:10px; border-radius:3px; background:var(--pn-parlak); margin-right:5px; vertical-align:-1px; }
.lejant i.gider { background:#f97316; }
tr.toplam-satir td { font-weight:800; border-top:2px solid var(--pn-cizgi-2); }
tr.merkez-satir td { background:var(--pn-gok-yum); }
/* bitişik kartta tablo dışındaki içerik kenara yapışmasın */
.kart.bitisik > .dagilim, .kart.bitisik > .lejant, .kart.bitisik > .aylik-grafik, .kart.bitisik > .denetim-liste,
.kart.bitisik > .alan-not, .kart.bitisik > .uyari, .kart.bitisik > div[style*="margin-top:18px"] { margin-left:var(--pn-kart-p); margin-right:var(--pn-kart-p); }
.kart.bitisik > .dagilim:last-child, .kart.bitisik > .aylik-grafik:last-child, .kart.bitisik > .denetim-liste:last-child,
.kart.bitisik > .alan-not:last-child, .kart.bitisik > .uyari:last-child, .kart.bitisik > div[style*="margin-top:18px"]:last-child { margin-bottom:var(--pn-kart-p); }
.kart.bitisik > .lejant { margin-top:12px; }
/* .rozet.uyari, genel .uyari kutusunun dolgu/kenar boşluğunu almasın */
.rozet.uyari, .rozet.hata, .rozet.bilgi, .rozet.iyi { padding:3px 10px; margin:0; border:0; border-radius:var(--pn-hap); font-size:11px; }
.ai-alt { display:flex; justify-content:space-between; align-items:center; gap:12px; flex-wrap:wrap; margin-top:14px; padding-top:14px; border-top:1px solid var(--pn-cizgi); }
.ai-alt .not { font-size:12px; color:var(--pn-soluk); }
.ai-alt .dugmeler { display:flex; gap:8px; }
/* AI model seçimi: satır = seçim + tür + hız + test */
.ai-model-ara select { flex:0 0 auto; min-width:190px; }
.ai-model-arac { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:10px; }
.ai-model-arac .soluk { font-size:12px; }
.ai-model-liste { grid-template-columns:1fr; }
.ai-model-sec { display:grid; grid-template-columns:minmax(0,1fr) auto 70px auto; gap:10px; align-items:center; padding:6px 8px; border-radius:8px; }
.ai-model-sec.secili { background:var(--pn-vurgu-yum); }
.ai-model-sec .onay-kutu { min-width:0; word-break:break-all; }
.ai-model-sec .ai-sure { text-align:center; justify-self:center; }
.ai-model-sec .ikon-dugme { width:30px; height:30px; }
.ai-model-ara select { width:auto; }
@media (max-width:640px) {
  .ai-model-sec { grid-template-columns:auto 1fr auto; }
  .ai-model-sec .onay-kutu { grid-column:1 / -1; }
  .ai-model-sec .ai-tur { justify-self:start; }
  .ai-model-ara select { width:100%; }
}
/* giriş: kullanıcı listesi ve beni hatırla */
.gs-sinema ~ .giris-kart .alan select { width:100%; background:rgba(255,255,255,.09) !important; color:#f3f7fc !important; border:1px solid rgba(255,255,255,.2) !important; border-radius:10px; padding:11px 12px; }
.gs-sinema ~ .giris-kart .alan select:focus { outline:none; border-color:var(--gs-vurgu) !important; box-shadow:0 0 0 3px rgba(255,255,255,.16); }
.gs-sinema ~ .giris-kart select option { color:#1c2530; background:#fff; }
.gs-hatirla { display:flex; gap:10px; align-items:flex-start; margin:2px 0 16px; cursor:pointer; font-size:13px; font-weight:600; }
.gs-hatirla input { width:18px; height:18px; margin-top:1px; accent-color:var(--gs-vurgu); flex:none; }
.gs-hatirla small { display:block; font-weight:500; font-size:11.5px; opacity:.72; margin-top:2px; }
.gs-sinema ~ .giris-kart .gs-hatirla { color:rgba(232,240,250,.9); }
.gs-alt a { color:inherit; text-decoration:underline; text-underline-offset:2px; }
.gs-sinema ~ .giris-kart label.gs-hatirla { display:flex; margin:2px 0 16px; font-size:13px; letter-spacing:0; }
.gs-logo.acik-logo { filter:brightness(0) invert(1); }   /* koyu zemin logosu yüklenmediyse açık logo beyaza çevrilir */

/* Demo modu bandı (30 dk otomatik sıfırlama sayacı) ve giriş ekranı demo kutusu */
.demo-bant {
  display:flex; flex-wrap:wrap; gap:10px 16px; align-items:center; justify-content:space-between;
  margin:4px 6px 12px; padding:10px 14px; border-radius:var(--pn-r-s); font-size:13px;
  color:var(--pn-metin-2); background:var(--pn-vurgu-yum); border:1px solid rgba(16,185,129,.32);
}
.demo-bant > .kb-ik { color:var(--pn-vurgu-2); width:18px; height:18px; flex:none; }
.demo-bant-metin { flex:1; min-width:220px; line-height:1.45; }
.demo-bant-metin b { color:var(--pn-metin); }
.demo-bant-sag { display:inline-flex; align-items:center; gap:10px; margin-left:auto; flex-wrap:wrap; }
.demo-sayac {
  display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:var(--pn-hap);
  background:var(--pn-yuzey-tam); border:1px solid var(--pn-cizgi-2); font-size:12.5px; font-variant-numeric:tabular-nums; white-space:nowrap;
}
.demo-sayac b { color:var(--pn-vurgu-2); font-weight:800; }
.demo-sifirla-form { margin:0; }
.demo-bant.engelli { color:var(--pn-uyari-metin); background:var(--pn-uyari-yum); border-color:rgba(245,158,11,.38); }
.demo-bant.engelli > .kb-ik { color:var(--pn-uyari); }

.gs-demo-kutu {
  margin-top:14px; padding:11px 13px; border-radius:12px; text-align:left;
  background:rgba(16,185,129,.14); border:1px solid rgba(52,211,153,.32); color:#e8f5ef; font-size:12.5px; line-height:1.45;
}
.gs-demo-ust { display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; margin-bottom:4px; }
.gs-demo-ust code { padding:2px 6px; border-radius:6px; background:rgba(0,0,0,.28); color:#6ee7b7; font-weight:700; font-size:12px; }
.gs-demo-dugme {
  padding:4px 10px; border-radius:999px; border:1px solid rgba(110,231,183,.45);
  background:rgba(16,185,129,.25); color:#fff; font:700 11.5px/1.2 inherit; cursor:pointer;
}
.gs-demo-dugme:hover { background:rgba(16,185,129,.42); }
.gs-demo-kutu small { display:block; font-size:11.5px; opacity:.82; }

.pano-yan-iletisim {
  display:flex; align-items:center; justify-content:center; gap:6px; flex-wrap:wrap;
  margin-top:8px; font-size:11px; color:var(--pn-soluk);
}
.pano-yan-iletisim a { color:var(--pn-soluk); text-decoration:none; font-weight:600; }
.pano-yan-iletisim a:hover { color:var(--pn-vurgu-2); text-decoration:underline; }