/* SİSAD Etkinlik — ortak tasarım katmanı
   Server panel tasarım sisteminin yapısı (anlamsal jetonlar, Gündüz/Gece) + SİSAD kurumsal renkleri.
   Kurum rengi #8B0000 (sisad.org.tr), başlık: Plus Jakarta Sans, metin: Inter. */

@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(fonts/inter-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(fonts/inter-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url(fonts/jakarta-latin-ext.woff2) format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Plus Jakarta Sans"; font-style: normal; font-weight: 500 800; font-display: swap;
  src: url(fonts/jakarta-latin.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ---------- Gündüz ---------- */
:root {
  --bg:#f3f5f0; --surface:#ffffff; --surface-2:#eef0ea; --sunken:#e7e9e3;
  --border:#e1e3dc; --border-strong:#c5c9bf;
  --fg:#1b1d21; --fg-2:#2b2f36; --muted:#5d636c; --subtle:#80868f;
  --brand:#8b0000; --brand-hover:#730000; --on-brand:#ffffff; --brand-soft:#f7e3e1; --brand-soft-fg:#7a0a0a; --brand-text:#8b0000;
  --logo:#8b0000;
  --success:#2f7d5b; --success-soft:#dcefe4; --success-fg:#1f5c42;
  --warning:#b45309; --warning-soft:#fdecd3; --warning-fg:#7a3a06;
  --danger:#b42318; --danger-soft:#fde3e0; --danger-fg:#8a1a12;
  --info:#3d5f95; --info-soft:#e0e8f4; --info-fg:#2a4370;
  --side-bg:#1d1f23; --side-fg:#e6e7e9; --side-muted:#9aa0a8; --side-active:#2e3137; --side-border:#2c2f34; --side-logo:#ef5b5b;
  --chart:#8b0000; --chart-soft:#e9d3d1; --grid:#e7e9e3;
  --plate:#f3f6ef; --plate-filter:none;
  --focus:#8b0000;
  --overlay:rgba(20,22,26,.42);
  --sh-1:0 1px 2px rgba(20,24,30,.06);
  --sh-2:0 1px 0 rgba(20,24,30,.03), 0 14px 34px -18px rgba(20,24,30,.22);
  --sh-3:0 28px 64px -24px rgba(20,24,30,.38);
  color-scheme:light;
}
/* ---------- Gece ---------- */
:root[data-tema="gece"] {
  --bg:#111214; --surface:#18191c; --surface-2:#212327; --sunken:#0c0d0f;
  --border:#2a2c31; --border-strong:#41444b;
  --fg:#f2f3f4; --fg-2:#dcdee2; --muted:#a3a8b0; --subtle:#7c818a;
  --brand:#d4343a; --brand-hover:#e04a50; --on-brand:#ffffff; --brand-soft:#3b1416; --brand-soft-fg:#ffc4c2; --brand-text:#f26b6b;
  --logo:#ef5b5b;
  --success:#8fd3b0; --success-soft:#14352a; --success-fg:#a9e3c5;
  --warning:#f2c46d; --warning-soft:#3a2b0f; --warning-fg:#f6d38f;
  --danger:#ff9aa6; --danger-soft:#451922; --danger-fg:#ffb6be;
  --info:#9dbcf0; --info-soft:#1a2742; --info-fg:#bcd2f6;
  --side-bg:#0b0c0e; --side-fg:#d9dbdf; --side-muted:#8a8f97; --side-active:#1d1f23; --side-border:#1d1f23; --side-logo:#ef5b5b;
  --chart:#ef5b5b; --chart-soft:#4a2224; --grid:#25272b;
  --plate:#f3f6ef; --plate-filter:brightness(.86) contrast(1.04);
  --focus:#ff8f8f;
  --overlay:rgba(0,0,0,.62);
  --sh-1:0 0 0 1px rgba(0,0,0,.3);
  --sh-2:inset 0 1px 0 rgba(255,255,255,.03), 0 18px 40px -22px rgba(0,0,0,.75);
  --sh-3:0 30px 70px -20px rgba(0,0,0,.85);
  color-scheme:dark;
}
:root {
  --f-display:"Plus Jakarta Sans", Inter, system-ui, sans-serif;
  --f-ui:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-pill:999px;
  --ctl:46px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*, *::before, *::after { box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg); color:var(--fg); font-family:var(--f-ui); font-size:15px; line-height:1.55;
  -webkit-font-smoothing:antialiased; transition:background .2s var(--ease), color .2s var(--ease); }
h1,h2,h3,h4 { margin:0; font-family:var(--f-display); text-wrap:balance; letter-spacing:-.01em; }
p { margin:0; }
a { color:var(--brand-text); }
button, input, select, textarea { font:inherit; color:inherit; }
:focus-visible { outline:2px solid var(--focus); outline-offset:2px; }
.mono { font-family:var(--f-mono); }
.num { font-variant-numeric:tabular-nums; }
.muted { color:var(--muted); }
[hidden] { display:none !important; }
.gizli { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.ikon { width:18px; height:18px; flex:none; stroke:currentColor; fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }

.logo { display:block; color:var(--logo); height:auto; }
.logo text { font-family:var(--f-display); }

.eyebrow { font-size:12px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--brand-text); }

/* ---------- segment (Gündüz/Gece, Evet/Hayır) ---------- */
.seg { display:inline-flex; padding:3px; gap:2px; background:var(--surface-2); border:1px solid var(--border); border-radius:var(--r-pill); }
.seg button, .seg label { border:0; background:transparent; padding:6px 12px; border-radius:var(--r-pill); font-size:13px; font-weight:600;
  color:var(--muted); cursor:pointer; display:inline-flex; gap:6px; align-items:center; white-space:nowrap; transition:background .15s var(--ease), color .15s var(--ease); }
.seg button[aria-pressed="true"] { background:var(--surface); color:var(--fg); box-shadow:var(--sh-1); }
.seg .ikon { width:15px; height:15px; }

/* ---------- butonlar ---------- */
.btn { height:var(--ctl); display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 18px; border-radius:var(--r-sm);
  border:1px solid transparent; font-size:15px; font-weight:700; cursor:pointer; white-space:nowrap; text-decoration:none;
  transition:background .15s var(--ease), border-color .15s var(--ease), transform .1s var(--ease); }
.btn:active { transform:translateY(1px); }
.btn[disabled] { opacity:.6; cursor:progress; }
.btn-ana { background:var(--brand); color:var(--on-brand); }
.btn-ana:hover { background:var(--brand-hover); }
.btn-ikincil { background:var(--surface); color:var(--fg); border-color:var(--border-strong); }
.btn-ikincil:hover { background:var(--surface-2); }
.btn-hayalet { background:transparent; color:var(--fg-2); }
.btn-hayalet:hover { background:var(--surface-2); }
.btn-tehlike { background:var(--danger-soft); color:var(--danger-fg); }
.btn-tehlike:hover { filter:brightness(.97); }
.btn-kucuk { height:36px; padding:0 12px; font-size:13.5px; }
.btn .ikon { width:17px; height:17px; }

/* ---------- form alanları ---------- */
.alan { display:flex; flex-direction:column; gap:7px; min-width:0; }
.alan > label, .alan > .etiket { font-size:13.5px; font-weight:600; color:var(--fg-2); }
.alan .ipucu { font-size:12.5px; color:var(--muted); }
.alan .hata-metni { font-size:12.5px; color:var(--danger); font-weight:600; display:none; }
.alan.hatali .hata-metni { display:block; }
.girdi { height:var(--ctl); width:100%; padding:0 14px; background:var(--surface); border:1px solid var(--border-strong); border-radius:var(--r-sm);
  font-size:15.5px; transition:border-color .15s var(--ease), box-shadow .15s var(--ease); appearance:none; -webkit-appearance:none; }
.girdi::placeholder { color:var(--subtle); }
.girdi:hover { border-color:var(--muted); }
.girdi:focus { outline:none; border-color:var(--brand); box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 18%, transparent); }
select.girdi { padding-right:38px; cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23808690' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat; background-position:right 12px center; }
.alan.hatali .girdi { border-color:var(--danger); }
textarea.girdi { height:auto; min-height:88px; padding:10px 14px; resize:vertical; }

/* seçim kutucukları (radyo kart) */
.secimler { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.secim { position:relative; }
.secim input { position:absolute; opacity:0; inset:0; margin:0; cursor:pointer; }
.secim span { height:var(--ctl); display:flex; align-items:center; justify-content:center; gap:8px; border:1px solid var(--border-strong);
  border-radius:var(--r-sm); background:var(--surface); font-weight:600; font-size:15px; color:var(--fg-2);
  transition:all .15s var(--ease); }
.secim span::before { content:""; width:16px; height:16px; border-radius:50%; border:1.5px solid var(--border-strong); background:var(--surface); flex:none; transition:all .15s var(--ease); }
.secim input:hover + span { border-color:var(--muted); }
.secim input:checked + span { border-color:var(--brand); background:var(--brand-soft); color:var(--brand-soft-fg); }
.secim input:checked + span::before { border:5px solid var(--brand); }
.secim input:focus-visible + span { outline:2px solid var(--focus); outline-offset:2px; }
.alan.hatali .secim span { border-color:var(--danger); }

.onay { display:flex; gap:12px; align-items:flex-start; font-size:13.5px; color:var(--fg-2); line-height:1.5; cursor:pointer; }
.onay input { width:20px; height:20px; margin:1px 0 0; accent-color:var(--brand); flex:none; cursor:pointer; }
.metin-buton { background:none; border:0; padding:0; color:var(--brand-text); font-weight:600; text-decoration:underline; text-underline-offset:2px; cursor:pointer; }

/* ---------- rozet ---------- */
.rozet { display:inline-flex; align-items:center; gap:5px; height:24px; padding:0 9px; border-radius:var(--r-pill); font-size:12px; font-weight:700; white-space:nowrap; }
.rozet::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; }
.rozet-basari { background:var(--success-soft); color:var(--success-fg); }
.rozet-uyari { background:var(--warning-soft); color:var(--warning-fg); }
.rozet-tehlike { background:var(--danger-soft); color:var(--danger-fg); }
.rozet-bilgi { background:var(--info-soft); color:var(--info-fg); }
.rozet-notr { background:var(--surface-2); color:var(--muted); }
.rozet-marka { background:var(--brand-soft); color:var(--brand-soft-fg); }

/* ---------- uyarı kutusu ---------- */
.kutu { display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:var(--r-md); font-size:14px; }
.kutu-tehlike { background:var(--danger-soft); color:var(--danger-fg); }
.kutu-bilgi { background:var(--info-soft); color:var(--info-fg); }
.kutu-uyari { background:var(--warning-soft); color:var(--warning-fg); }

/* ---------- diyalog ---------- */
dialog { border:0; padding:0; border-radius:var(--r-lg); background:var(--surface); color:var(--fg); box-shadow:var(--sh-3); width:min(640px, calc(100vw - 32px)); max-height:min(80vh, 760px); }
dialog::backdrop { background:var(--overlay); backdrop-filter:blur(2px); }
.diyalog-ust { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:20px 24px; border-bottom:1px solid var(--border); position:sticky; top:0; background:var(--surface); }
.diyalog-ust h2 { font-size:19px; }
.diyalog-govde { padding:20px 24px 28px; font-size:14px; color:var(--fg-2); display:flex; flex-direction:column; gap:12px; }
.diyalog-govde h3 { font-size:15px; margin-top:6px; }
.diyalog-govde ul { margin:0; padding-left:20px; display:flex; flex-direction:column; gap:4px; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition:none !important; animation:none !important; } }