/* Tekdüzen Akademi — ortak tasarım dili (ders seçme ekranı + Genel İşletme) */
:root{
  --ink:#14263b;--muted:#5f7087;--bg:#f5f7fb;--paper:#fff;--line:#e1e7f0;--soft:#eef2f8;
  --shadow:0 1px 2px rgba(18,42,72,.05),0 10px 28px rgba(18,42,72,.06);
  --good:#177b51;--good-soft:#e6f8f0;--bad:#c7444c;--bad-soft:#fff0f0;
  --serif:ui-serif,"New York","Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  /* ders renkleri: ana.html ve gi.html bunları kullanır */
  --fm:#2f5fd0;--fm-ink:#254aa6;--fm-soft:#e8eefc;--fm-line:#c9d7f6;--fm-fill:#335fc4;
  --gi:#b86a00;--gi-ink:#8a4f00;--gi-soft:#fff3dc;--gi-line:#f1d9a8;--gi-fill:#f2a900;
  --il:#6b3fb8;--il-ink:#52299a;--il-soft:#f0e9fb;--il-line:#d8c8f1;--il-fill:#6b3fb8;
  --acc:var(--gi);--acc-ink:var(--gi-ink);--acc-soft:var(--gi-soft);--acc-line:var(--gi-line);--acc-fill:var(--gi-fill);
}
[data-theme="dark"]{color-scheme:dark;
  --ink:#e7edf7;--muted:#a2b2c9;--bg:#0b1220;--paper:#121e30;--line:#2a3a50;--soft:#18273d;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 30px rgba(0,0,0,.28);
  --good:#78dcac;--good-soft:#14352d;--bad:#ff9aa6;--bad-soft:#39222b;
  --fm:#8fb4ff;--fm-ink:#bdd4ff;--fm-soft:#1a2c4a;--fm-line:#2e4670;--fm-fill:#335fc4;
  --gi:#ffbf47;--gi-ink:#ffd98a;--gi-soft:#2e2514;--gi-line:#5a4520;--gi-fill:#d99200;
  --il:#c3a4f2;--il-ink:#dcc8fa;--il-soft:#241a38;--il-line:#47345f;--il-fill:#7a4bc8;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:16px;line-height:1.55;-webkit-text-size-adjust:100%}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--acc-ink)}
:focus-visible{outline:3px solid var(--acc);outline-offset:2px;border-radius:6px}
.hide,[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ust{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:10px clamp(14px,3vw,36px);background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.ust-brand{display:flex;align-items:center;gap:11px;min-width:0;text-decoration:none;color:inherit}
.ust-logo{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--acc-fill);color:#fff}
.ust-logo svg{width:22px;height:22px}
.ust-brand strong{display:block;font-size:16px;letter-spacing:-.2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ust-brand small{display:block;color:var(--muted);font-size:12px;line-height:1.2}
.ust-actions{margin-left:auto;display:flex;gap:8px;align-items:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:11px;background:var(--acc-fill);color:#fff;font-weight:700;text-decoration:none;transition:filter .12s,transform .08s}
.btn:hover{filter:brightness(.95)}.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.ghost{background:var(--paper);color:var(--ink);border-color:var(--line)}
.btn.soft{background:var(--acc-soft);color:var(--acc-ink);border-color:var(--acc-line)}
.btn.sm{min-height:38px;padding:7px 13px;font-size:14px}
.btn.icon{width:44px;padding:0}
.btn svg{width:18px;height:18px;flex:none}
[data-theme="dark"] .btn:not(.ghost):not(.soft):not(.asist){color:#1a1204}

.bar{height:8px;border-radius:99px;background:var(--soft);overflow:hidden}
.bar>i{display:block;height:100%;border-radius:99px;background:var(--acc-fill);width:0;transition:width .35s}
.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;background:var(--acc-soft);color:var(--acc-ink);border:1px solid var(--acc-line);font-size:13px;font-weight:650;white-space:nowrap}
.muted{color:var(--muted)}
.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:clamp(16px,2.4vw,26px)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}