/* SABİT Sempozyumu — yönetim ve değerlendirme ekranlarının ortak biçimi.
   Renk değişkenleri duyuru ve gönderim sayfalarıyla aynı. */
:root{
  --bg:#FFFFFF; --surface:#FFFFFF; --surface-2:#F2F6F7;
  --ink:#0F1B2A;
  --navy:#0A3266; --muted:#596A72; --line:#DDE4E8;
  --accent:#017A78; --accent-ink:#015F5D; --accent-soft:#E2F2F1;
  --signal:#9A5308; --signal-soft:#F5E7D6;
  --danger:#A3261F; --danger-soft:#F7E2E0;
  --good:#1F6B43; --good-soft:#DFF0E6;
  color-scheme:light;
}
:root[data-theme="dark"]{
  --bg:#0A0F12; --surface:#121A1E; --surface-2:#182328;
  --ink:#E7EDEF; --muted:#92A4AC; --line:#222E34;
  --accent:#49B0B5; --accent-ink:#7FCBCE; --accent-soft:#12292B;
  --signal:#DFA457; --signal-soft:#2A2113;
  --danger:#E8877F; --danger-soft:#2C1614;
  --good:#7CC79B; --good-soft:#12241A;
  color-scheme:dark;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"IBM Plex Sans","Segoe UI",system-ui,-apple-system,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
html[data-lang="tr"] [data-l="en"]{display:none}
html[data-lang="en"] [data-l="tr"]{display:none}
[hidden]{display:none !important}
.wrap{width:100%;max-width:76rem;margin-inline:auto;padding-inline:20px}
.wrap.narrow{max-width:52rem}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.site-head{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 90%,transparent);
  backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.site-head .wrap{display:flex;align-items:center;gap:14px;padding-block:12px}
.brand{display:flex;align-items:baseline;gap:9px;text-decoration:none;color:inherit;margin-inline-end:auto;min-width:0}
.brand{align-items:center}
.brand b{font-family:"Newsreader",Georgia,serif;font-weight:600;font-size:1.25rem;color:var(--navy)}
.brand-mark{width:30px;height:30px;flex:none}
.brand span{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted);white-space:nowrap}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--surface)}
.lang button{font:500 .7rem/1 "IBM Plex Mono",monospace;letter-spacing:.1em;padding:8px 10px;
  border:0;background:transparent;color:var(--muted);cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--accent);color:#fff}
html[data-theme="dark"] .lang button[aria-pressed="true"]{color:#06181A}
.linkbtn{background:none;border:0;color:var(--muted);font:inherit;font-size:.86rem;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;padding:6px}
.whoami{font-size:.8rem;color:var(--muted);font-family:"IBM Plex Mono",monospace}

main{padding-block:28px 72px}
h1{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:clamp(1.6rem,4vw,2.2rem);
  line-height:1.15;margin:0 0 10px;text-wrap:balance}
h2{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:1.3rem;margin:0 0 10px}
h3{font-size:.95rem;font-weight:600;margin:0 0 6px}
.sub{color:var(--muted);margin:0 0 24px;max-width:62ch}

.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:22px}
.card+.card{margin-top:16px}
.field{margin-bottom:16px}
.field:last-child{margin-bottom:0}
label{display:block;font-weight:500;font-size:.92rem;margin-bottom:6px}
.hint{font-size:.83rem;color:var(--muted);margin:5px 0 0}
input[type=text],input[type=email],input[type=number],input[type=time],select,textarea{
  width:100%;font:inherit;font-size:.95rem;color:var(--ink);background:var(--bg);
  border:1px solid var(--line);border-radius:8px;padding:9px 11px}
textarea{min-height:96px;resize:vertical;line-height:1.55}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}
.row{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:500;font-size:.93rem;
  padding:10px 18px;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none}
.btn-primary{background:var(--accent);color:#fff}
html[data-theme="dark"] .btn-primary{color:#06181A}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}
.btn-danger{background:none;border-color:var(--line);color:var(--danger)}
.btn-sm{padding:6px 12px;font-size:.85rem}
.actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}

.msg{border-radius:10px;padding:13px 15px;margin-bottom:16px;font-size:.92rem}
.msg.err{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}
.msg.good{background:var(--good-soft);color:var(--good);border:1px solid var(--good)}
.msg.info{background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent)}
.msg.warn{background:var(--signal-soft);color:var(--signal);border:1px solid var(--signal)}
/* KVKK mini onay kutusu (kayıt, ön kayıt, özet gönderimi) */
.kvkk{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;color:var(--muted);line-height:1.45;margin:0 0 14px;cursor:pointer}
.kvkk input{margin:2px 0 0;flex:none;width:15px;height:15px;accent-color:var(--accent)}
.kvkk a{color:var(--accent-ink)}
.kvkk.bad{color:var(--danger)}
.kvkk.bad input{outline:2px solid var(--danger);outline-offset:1px}

.pill{font-family:"IBM Plex Mono",monospace;font-size:.66rem;letter-spacing:.09em;text-transform:uppercase;
  padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}
.pill.done{background:var(--good-soft);color:var(--good)}
.pill.open{background:var(--good-soft);color:var(--good)}
.pill.wait{background:var(--signal-soft);color:var(--signal)}
.pill.off{background:var(--danger-soft);color:var(--danger)}
.mono{font-family:"IBM Plex Mono",monospace}

.strip{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;background:var(--surface);
  border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:.88rem}
.stat{display:flex;gap:7px;align-items:baseline}
.stat b{font-family:"IBM Plex Mono",monospace;font-size:1.05rem;font-weight:500}
.stat span{color:var(--muted);font-size:.83rem}
.strip .spacer{margin-inline-start:auto}

.tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin-bottom:20px}
.tabs button{font:inherit;font-size:.92rem;font-weight:500;background:none;border:0;border-bottom:2px solid transparent;
  padding:9px 14px;color:var(--muted);cursor:pointer;margin-bottom:-1px}
.tabs button[aria-selected="true"]{color:var(--accent-ink);border-bottom-color:var(--accent)}

table{width:100%;border-collapse:collapse;font-size:.9rem}
thead th{text-align:left;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
  font-family:"IBM Plex Mono",monospace;font-weight:500;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
tbody td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
tbody tr:hover{background:var(--surface-2)}
tbody td.mono{white-space:nowrap}
td.num,th.num{text-align:right;font-family:"IBM Plex Mono",monospace;white-space:nowrap}
.tablewrap{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow-x:auto}
.rowlink{background:none;border:0;padding:0;font:inherit;color:var(--accent-ink);text-align:left;
  cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.empty{padding:28px 20px;text-align:center;color:var(--muted);font-size:.9rem}

/* özet gövdesi */
.abstract h4{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);
  font-family:"IBM Plex Mono",monospace;font-weight:500;margin:18px 0 4px}
.abstract{min-width:0;overflow-wrap:anywhere}
.abstract p{margin:0;white-space:pre-wrap}
.abstract .title{font-family:"Newsreader",Georgia,serif;font-size:1.3rem;font-weight:500;line-height:1.25;margin:0 0 6px}
figure{margin:16px 0 0;padding:14px;background:var(--bg);border:1px solid var(--line);border-radius:10px;
  overflow:hidden;min-width:0;max-width:100%;box-sizing:border-box}
figure a.fig-link{display:block;cursor:zoom-in}
figure img{display:block;max-width:100%;width:auto;height:auto;max-height:75vh;margin:0 auto;
  object-fit:contain;border-radius:6px;background:#fff}
figure video{display:block;width:100%;max-height:75vh;border-radius:6px;background:#000}
.fig-actions{font-size:.8rem;margin-top:6px}
.fig-actions a{color:var(--accent-ink)}
.fig-warn{font-size:.82rem;color:#9a3412;margin-top:6px}
figcaption{font-size:.86rem;color:var(--muted);margin-top:8px}

/* kaydırıcılı puanlama */
.crit{padding:16px 0;border-bottom:1px solid var(--line)}
.crit:last-of-type{border-bottom:0}
.crit-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px}
.crit-head label{margin:0;flex:1}
.crit-head output{font-family:"IBM Plex Mono",monospace;font-size:1.5rem;font-weight:500;
  min-width:3.2ch;text-align:right;color:var(--muted)}
.crit.set .crit-head output{color:var(--accent-ink)}
.crit input[type=range]{width:100%;margin:0;accent-color:var(--accent);height:26px}
.crit:not(.set) input[type=range]{opacity:.42}
.ticks{display:flex;justify-content:space-between;font-family:"IBM Plex Mono",monospace;
  font-size:.7rem;color:var(--muted);margin-top:2px}
.crit.dim{opacity:.4;pointer-events:none}
.check{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;margin:16px 0}
.check input{margin-top:4px;flex:none;width:17px;height:17px;accent-color:var(--accent)}
.progressline{height:7px;background:var(--line);border-radius:999px;overflow:hidden;margin:10px 0 0}
.progressline i{display:block;height:100%;background:var(--accent);width:0%;transition:width .25s}

.spinner{width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;
  border-radius:50%;animation:spin .7s linear infinite;display:inline-block}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important}}

.medal{font-family:"IBM Plex Mono",monospace;font-weight:500}
.medal.g1{color:var(--signal)}
.trackblock{margin-bottom:26px}
.trackblock h3{font-family:"Newsreader",Georgia,serif;font-size:1.15rem;font-weight:500;margin-bottom:8px}
.inline-form{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.inline-form .field{margin:0;flex:1 1 220px}
@media (max-width:640px){
  .strip{gap:8px 16px}
  /* Tablolar gizlenmez; .tablewrap yatay kaydırma verir. */
  table{font-size:.84rem}
  tbody td,thead th{padding:8px 7px}
}

@media (max-width:640px){
  .site-head .wrap{flex-wrap:wrap;gap:6px 10px}
  .whoami{display:none !important}
  .brand span{display:none}
  .linkbtn{padding:4px 2px;font-size:.82rem}
}