@font-face{font-family:Inter;src:url("../../fonts/Inter-latin-ext.6462b0942b92.woff2") format('woff2');font-style:normal;font-weight:100 900;font-display:swap}

/* K0 A–D: eski adlar ve sabit renkler; ölçü, düzen ve davranış değişmez. */
.tema-koyu {
  --ink-950: var(--metin);
  --ink-900: var(--metin);
  --ink-800: var(--metin);
  --ink-700: var(--metin-2);
  --ink-600: var(--metin-2);
  --ink-500: var(--metin-3);
  --line: var(--cizgi);
  --line-strong: var(--cizgi-2);
  --surface: var(--kart);
  --surface-soft: var(--yuksek);
  --primary: var(--vurgu);
  --primary-strong: var(--vurgu-2);
  --primary-soft: var(--vurgu-yumusak);
  --teal: var(--tamam);
  --teal-soft: var(--tamam-yumusak);
  --petrol: var(--tamam);
  --petrol-soft: var(--tamam-yumusak);
  --amber: var(--dikkat);
  --amber-soft: var(--dikkat-yumusak);
  --red: var(--dikkat);
  --red-soft: var(--dikkat-yumusak);
  --sidebar: var(--kenar);
  --sidebar-text: var(--metin);
  --sidebar-muted: var(--metin-2);
  --shadow-sm: none;
  --shadow-md: none;
}

/* static/css/app.css: yalnız renk geçersiz kılmaları. */
body:where(.tema-koyu) { background: var(--zemin); color: var(--ink-900); }
:where(.tema-koyu) a { color: var(--primary-strong); }
:where(.tema-koyu) a:hover { color: var(--primary); }
:where(.tema-koyu) :focus-visible { outline: .2rem solid var(--vurgu-cizgi); }
:where(.tema-koyu)::selection, :where(.tema-koyu) ::selection { background: var(--secili); color: var(--ink-950); }
:where(.tema-koyu) .skip { background: var(--surface); color: var(--ink-950); box-shadow: var(--shadow-md); }
:where(.tema-koyu) .app-sidebar { background: radial-gradient(circle at 15% 0%, var(--kenar), transparent 28%), linear-gradient(165deg, var(--kenar) 0%, var(--sidebar) 72%); color: var(--sidebar-text); }
:where(.tema-koyu) .brand { color: var(--metin); }
:where(.tema-koyu) .brand:hover { color: var(--metin); }
:where(.tema-koyu) .brand-mark { border: 1px solid var(--cizgi); background: linear-gradient(145deg, var(--vurgu), var(--vurgu)); color: var(--vurgu-murekkep); box-shadow: 0 .55rem 1.4rem var(--perde); }
:where(.tema-koyu) .brand-copy small { color: var(--sidebar-muted); }
:where(.tema-koyu) .role-chip { border: 1px solid var(--cizgi); background: var(--yuksek); color: var(--metin); }
:where(.tema-koyu) .app-nav { scrollbar-color: var(--cizgi-2) transparent; }
:where(.tema-koyu) .nav-caption { color: var(--sidebar-muted); }
:where(.tema-koyu) .nav-link { border: 1px solid transparent; color: var(--metin-2); }
:where(.tema-koyu) .nav-link:hover { border-color: var(--cizgi-2); background: var(--yuksek); color: var(--metin-2); }
:where(.tema-koyu) .nav-link.is-active { border-color: var(--cizgi); background: linear-gradient(135deg, var(--secili), var(--secili)); color: var(--metin-2); box-shadow: inset .18rem 0 0 var(--vurgu-2); }
:where(.tema-koyu) .nav-icon { color: currentColor; }
:where(.tema-koyu) .nav-icon svg, :where(.tema-koyu) .logout-button svg { fill: none; stroke: currentColor; }
:where(.tema-koyu) .sidebar-user { border: 1px solid var(--cizgi); background: var(--yuksek); }
:where(.tema-koyu) .user-avatar { background: var(--teal); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .user-avatar:hover { color: var(--vurgu-murekkep); box-shadow: 0 0 0 .16rem var(--perde); }
:where(.tema-koyu) .user-copy { color: inherit; }
:where(.tema-koyu) .user-copy strong { color: var(--metin); }
:where(.tema-koyu) .user-copy small { color: var(--sidebar-muted); }
:where(.tema-koyu) .user-copy:hover strong, :where(.tema-koyu) .user-copy[aria-current="page"] strong { color: var(--metin); }
:where(.tema-koyu) .logout-button { border: 0; background: transparent; color: var(--sidebar-muted); }
:where(.tema-koyu) .logout-button:hover { background: var(--yuksek); color: var(--metin); }
:where(.tema-koyu) .workspace-option { border: 1px solid var(--cizgi); color: var(--sidebar-text); }
:where(.tema-koyu) .workspace-option:hover { border-color: var(--cizgi-2); background: var(--yuksek); color: var(--metin); }
:where(.tema-koyu) .workspace-option.is-current { border-color: var(--cizgi); background: var(--secili); color: var(--metin); }
:where(.tema-koyu) .workspace-option small { color: var(--metin-2); }
:where(.tema-koyu) .workspace-card p { color: var(--ink-600); }
:where(.tema-koyu) .app-main { background: radial-gradient(circle at 98% 0%, var(--zemin), transparent 24rem), var(--zemin); }
:where(.tema-koyu) .foot { color: var(--ink-500); }
:where(.tema-koyu) h1, :where(.tema-koyu) h2, :where(.tema-koyu) h3, :where(.tema-koyu) h4 { color: var(--ink-950); }
:where(.tema-koyu) .lead { color: var(--ink-600); }
:where(.tema-koyu) .eyebrow { color: var(--primary); }
:where(.tema-koyu) .muted { color: var(--ink-600); }
:where(.tema-koyu) .card { border: 1px solid var(--cizgi); background: var(--kart); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .empty { border: 1px dashed var(--line-strong); background: var(--surface-soft); color: var(--ink-600); }
:where(.tema-koyu) .wrap > table { border: 1px solid var(--line); background: var(--kart); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) th, :where(.tema-koyu) td { border-bottom: 1px solid var(--line); }
:where(.tema-koyu) th { background: var(--surface-soft); color: var(--ink-600); }
:where(.tema-koyu) tbody tr:last-child td { border-bottom: 0; }
:where(.tema-koyu) tbody tr:hover { background: var(--yuksek); }
:where(.tema-koyu) .badge { border: 1px solid var(--bilgi-cizgi); background: var(--primary-soft); color: var(--primary-strong); }
:where(.tema-koyu) .badge-ok { border-color: var(--tamam-cizgi); background: var(--teal-soft); color: var(--tamam); }
:where(.tema-koyu) .badge-warn { border-color: var(--dikkat-cizgi); background: var(--amber-soft); color: var(--dikkat); }
:where(.tema-koyu) .badge-danger { border-color: color-mix(in srgb, var(--red) 30%, transparent); background: var(--red-soft); color: var(--red); }
:where(.tema-koyu) .badge-muted { border-color: var(--line); background: var(--bilgi-yumusak); color: var(--ink-600); }
:where(.tema-koyu) .badge-petrol { border-color: var(--tamam-cizgi); background: var(--petrol-soft); color: var(--petrol); }
:where(.tema-koyu) label { color: var(--ink-800); }
:where(.tema-koyu) input[type="text"], :where(.tema-koyu) input[type="password"], :where(.tema-koyu) input[type="email"], :where(.tema-koyu) input[type="date"], :where(.tema-koyu) input[type="number"], :where(.tema-koyu) input[type="url"], :where(.tema-koyu) input[type="tel"], :where(.tema-koyu) select, :where(.tema-koyu) textarea { border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink-950); box-shadow: 0 1px 2px var(--perde); }
:where(.tema-koyu) input:hover, :where(.tema-koyu) select:hover, :where(.tema-koyu) textarea:hover { border-color: var(--alan-cizgi); }
:where(.tema-koyu) input:focus, :where(.tema-koyu) select:focus, :where(.tema-koyu) textarea:focus { border-color: var(--primary); outline: 0; box-shadow: 0 0 0 .22rem var(--vurgu-cizgi); }
:where(.tema-koyu) input[type="checkbox"], :where(.tema-koyu) input[type="radio"] { accent-color: var(--primary); }
:where(.tema-koyu) .helptext { color: var(--ink-500); }
:where(.tema-koyu) .errorlist { color: var(--dikkat); }
:where(.tema-koyu) .form-error { border: 1px solid var(--dikkat-cizgi); background: var(--red-soft); color: var(--dikkat); }
:where(.tema-koyu) button, :where(.tema-koyu) .btn { border: 1px solid var(--primary); background: linear-gradient(135deg, var(--vurgu), var(--primary)); color: var(--vurgu-murekkep); box-shadow: 0 .45rem 1rem var(--perde); }
:where(.tema-koyu) button:hover, :where(.tema-koyu) .btn:hover { color: var(--vurgu-murekkep); box-shadow: 0 .65rem 1.4rem var(--perde); }
:where(.tema-koyu) button.secondary, :where(.tema-koyu) .btn.secondary { border-color: var(--line-strong); background: var(--surface); color: var(--ink-800); box-shadow: none; }
:where(.tema-koyu) button.secondary:hover, :where(.tema-koyu) .btn.secondary:hover { border-color: var(--cizgi-2); background: var(--surface-soft); color: var(--primary-strong); box-shadow: none; }
:where(.tema-koyu) button.danger, :where(.tema-koyu) .btn.danger { border-color: var(--red); background: var(--red); }
:where(.tema-koyu) .link-btn { border: 0; background: none; color: var(--primary); box-shadow: none; }
:where(.tema-koyu) .filter-row .link-btn { border: 1px solid var(--line); background: var(--surface); }
:where(.tema-koyu) .filter-row .link-btn.is-active { border-color: var(--primary); background: var(--primary); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .msg { border: 1px solid var(--line-strong); background: var(--surface); color: var(--ink-800); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .msg::before { background: var(--primary); }
:where(.tema-koyu) .msg-success { border-color: var(--tamam-cizgi); background: var(--tamam-yumusak); }
:where(.tema-koyu) .msg-success::before { background: var(--teal); }
:where(.tema-koyu) .msg-warning { border-color: var(--dikkat-cizgi); background: var(--dikkat-yumusak); }
:where(.tema-koyu) .msg-warning::before { background: var(--amber); }
:where(.tema-koyu) .msg-error { border-color: var(--dikkat-cizgi); background: var(--dikkat-yumusak); }
:where(.tema-koyu) .msg-error::before { background: var(--red); }
:where(.tema-koyu) .bar-label { color: var(--ink-600); }
:where(.tema-koyu) .bar-track { background: var(--secili); }
:where(.tema-koyu) .bar-fill { background: linear-gradient(90deg, var(--vurgu), var(--primary)); }
:where(.tema-koyu) .bar-fill.student { background: linear-gradient(90deg, var(--vurgu), var(--teal)); }
:where(.tema-koyu) .bar-fill.mentor { background: linear-gradient(90deg, var(--vurgu), var(--primary)); }
:where(.tema-koyu) .bar-value { color: var(--ink-700); }
:where(.tema-koyu) .dot { border: 1px solid var(--line); background: var(--surface-soft); color: var(--ink-700); }
:where(.tema-koyu) .dot.student { border-color: var(--tamam-cizgi); background: var(--teal-soft); color: var(--tamam); }
:where(.tema-koyu) .private-note { border: 1px solid var(--dikkat-cizgi); border-left: .3rem solid var(--amber); background: var(--dikkat-yumusak); }
:where(.tema-koyu) .publish-box { border: 1px solid var(--cizgi); background: linear-gradient(135deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .timeline li { border-left: 1px solid var(--line-strong); }
:where(.tema-koyu) .timeline li::before { border: .12rem solid var(--surface); background: var(--primary); box-shadow: 0 0 0 1px var(--primary); }
:where(.tema-koyu) .timeline time { color: var(--ink-500); }
:where(.tema-koyu).auth-body { background:
    radial-gradient(circle at 12% 20%, var(--zemin), transparent 27rem),
    radial-gradient(circle at 87% 78%, var(--zemin), transparent 25rem),
    var(--zemin); }
:where(.tema-koyu) .auth-shell::before { background-image: linear-gradient(var(--cizgi) 1px, transparent 1px), linear-gradient(90deg, var(--cizgi) 1px, transparent 1px); mask-image: linear-gradient(to bottom, var(--perde), transparent 82%); }
:where(.tema-koyu) .brand-on-light { color: var(--metin); }
:where(.tema-koyu) .brand-on-light:hover { color: var(--metin); }
:where(.tema-koyu) .brand-on-light .brand-copy small { color: var(--metin-2); }
:where(.tema-koyu) .auth-access-chip { border: 1px solid var(--cizgi); background: var(--yuksek); color: var(--metin-2); }
:where(.tema-koyu) .auth-access-chip > span { background: var(--tamam); box-shadow: 0 0 0 .25rem var(--perde); }
:where(.tema-koyu) .auth-footer { color: var(--metin-2); }
:where(.tema-koyu) .auth-eyebrow { color: var(--vurgu-2); }
:where(.tema-koyu) .auth-eyebrow::before { background: currentColor; }
:where(.tema-koyu) .login-copy h1 { color: var(--metin); }
:where(.tema-koyu) .login-copy h1 span { color: var(--vurgu-2); }
:where(.tema-koyu) .login-copy p { color: var(--metin-2); }
:where(.tema-koyu) .route-board { border: 1px solid var(--cizgi); background: linear-gradient(145deg, var(--kart), var(--kart)); box-shadow: 0 1.6rem 5rem var(--perde); }
:where(.tema-koyu) .route-board::after { background: var(--vurgu-yumusak); }
:where(.tema-koyu) .route-board-head { border-bottom: 1px solid var(--cizgi); }
:where(.tema-koyu) .route-board-head strong { color: var(--metin); }
:where(.tema-koyu) .route-kicker { color: var(--metin-2); }
:where(.tema-koyu) .route-state { border: 1px solid var(--tamam-cizgi); background: var(--tamam-yumusak); color: var(--tamam); }
:where(.tema-koyu) .route-state > span { background: var(--tamam); }
:where(.tema-koyu) .route-steps::before { background: linear-gradient(var(--vurgu), var(--vurgu)); }
:where(.tema-koyu) .route-steps li + li { border-top: 1px solid var(--cizgi); }
:where(.tema-koyu) .route-step-marker { border: 1px solid var(--cizgi); background: var(--vurgu-yumusak); color: var(--vurgu-2); box-shadow: 0 0 0 .28rem var(--perde); }
:where(.tema-koyu) .route-steps li:last-child .route-step-marker { border-color: var(--cizgi); background: var(--vurgu-yumusak); color: var(--vurgu-2); }
:where(.tema-koyu) .route-step-copy strong { color: var(--metin); }
:where(.tema-koyu) .route-step-copy small { color: var(--metin-2); }
:where(.tema-koyu) .route-role { border: 1px solid var(--cizgi); color: var(--metin-2); }
:where(.tema-koyu) .route-board-foot { border-top: 1px solid var(--cizgi); }
:where(.tema-koyu) .route-shield { background: var(--tamam-yumusak); color: var(--tamam); }
:where(.tema-koyu) .route-board-foot strong { color: var(--metin); }
:where(.tema-koyu) .route-board-foot small { color: var(--metin-2); }
:where(.tema-koyu) .login-card { border: 1px solid var(--cizgi); background: var(--kart); box-shadow: 0 2rem 5rem var(--perde), 0 0 0 .45rem var(--perde); }
:where(.tema-koyu) .login-card::before { background: linear-gradient(90deg, var(--vurgu), var(--vurgu) 58%, var(--vurgu)); }
:where(.tema-koyu) .login-card-kicker { color: var(--ink-600); }
:where(.tema-koyu) .login-card-kicker > span { background: var(--teal); box-shadow: 0 0 0 .24rem var(--perde); }
:where(.tema-koyu) .login-card-heading p { color: var(--ink-600); }
:where(.tema-koyu) .login-roles span { border: 1px solid var(--cizgi); background: var(--kart); color: var(--ink-600); }
:where(.tema-koyu) .login-card label { color: var(--ink-700); }
:where(.tema-koyu) .login-card input[type="text"], :where(.tema-koyu) .login-card input[type="password"] { border-color: var(--alan-cizgi); background: var(--kart); }
:where(.tema-koyu) .login-note { border-top: 1px solid var(--cizgi); color: var(--ink-500); }
:where(.tema-koyu) .lock-dot { background: var(--teal); }
:where(.tema-koyu) .auth-help-link { color: var(--primary-strong); }
:where(.tema-koyu) .auth-help-link:hover { color: var(--primary); }
:where(.tema-koyu) .auth-card { border: 1px solid var(--cizgi); background: var(--kart); box-shadow: 0 2rem 5rem var(--perde); }
:where(.tema-koyu) .auth-card p { color: var(--ink-600); }
:where(.tema-koyu) .auth-card .auth-eyebrow { color: var(--primary); }
:where(.tema-koyu) .notice { border: 1px solid var(--line); background: var(--surface-soft); }
:where(.tema-koyu) .notice-warn { border-color: var(--dikkat-cizgi); background: var(--dikkat-yumusak); color: var(--ink-800); }
:where(.tema-koyu) .notice-ok { border-color: var(--tamam-cizgi); background: var(--tamam-yumusak); color: var(--ink-800); }
:where(.tema-koyu) .field-label { color: var(--ink-800); }
:where(.tema-koyu) .panel-kicker { color: var(--ink-500); }
:where(.tema-koyu) .count-pill { border: 1px solid var(--line); background: var(--surface-soft); color: var(--ink-600); }
:where(.tema-koyu) .section-heading > a, :where(.tema-koyu) .text-action { color: var(--primary-strong); }
:where(.tema-koyu) .section-heading > a:hover, :where(.tema-koyu) .text-action:hover { color: var(--primary); }
:where(.tema-koyu) .metric-card { border: 1px solid var(--line); background: var(--kart); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .metric-card::after { background: var(--metric-halo, var(--kart)); }
:where(.tema-koyu) .metric-label { color: var(--ink-600); }
:where(.tema-koyu) .metric-card > strong { color: var(--ink-950); }
:where(.tema-koyu) .metric-card > strong small { color: var(--ink-500); }
:where(.tema-koyu) .metric-note { color: var(--ink-500); }
:where(.tema-koyu) .metric-primary { --metric-halo: var(--bilgi-yumusak); border-top-color: var(--bilgi-cizgi); }
:where(.tema-koyu) .metric-teal { --metric-halo: var(--tamam-yumusak); border-top-color: var(--tamam-cizgi); }
:where(.tema-koyu) .metric-amber { --metric-halo: var(--dikkat-yumusak); border-top-color: var(--dikkat-cizgi); }
:where(.tema-koyu) .metric-indigo { --metric-halo: var(--bilgi-yumusak); border-top-color: var(--bilgi-cizgi); }
:where(.tema-koyu) .attention-list { border-top: 1px solid var(--line); }
:where(.tema-koyu) .attention-item { border-bottom: 1px solid var(--line); color: var(--ink-800); }
:where(.tema-koyu) .attention-item:last-child { border-bottom: 0; }
:where(.tema-koyu) .attention-item:hover { background: var(--surface-soft); color: var(--ink-950); }
:where(.tema-koyu) .attention-signal { background: var(--amber); box-shadow: 0 0 0 .25rem var(--amber-soft); }
:where(.tema-koyu) .attention-signal.is-danger { background: var(--red); box-shadow: 0 0 0 .25rem var(--red-soft); }
:where(.tema-koyu) .attention-copy small { color: var(--ink-500); }
:where(.tema-koyu) .item-arrow { color: var(--ink-500); }
:where(.tema-koyu) .calm-state { background: var(--tamam-yumusak); color: var(--tamam); }
:where(.tema-koyu) .calm-state span { background: var(--teal); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .student-card { border: 1px solid var(--line); background: var(--kart); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .student-avatar { background: linear-gradient(145deg, var(--yuksek), var(--yuksek)); color: var(--primary-strong); }
:where(.tema-koyu) .student-avatar.is-parent { background: linear-gradient(145deg, var(--tamam-yumusak), var(--tamam-yumusak)); color: var(--tamam); }
:where(.tema-koyu) .student-identity h3 a { color: var(--ink-950); }
:where(.tema-koyu) .student-identity > span { color: var(--ink-500); }
:where(.tema-koyu) .status-dot { background: var(--ink-500); box-shadow: 0 0 0 .25rem var(--perde); }
:where(.tema-koyu) .status-dot.is-ok { background: var(--teal); box-shadow: 0 0 0 .25rem var(--teal-soft); }
:where(.tema-koyu) .status-dot.is-waiting { background: var(--amber); box-shadow: 0 0 0 .25rem var(--amber-soft); }
:where(.tema-koyu) .student-facts div { background: var(--surface-soft); }
:where(.tema-koyu) .student-facts dt { color: var(--ink-500); }
:where(.tema-koyu) .student-facts dd { color: var(--ink-900); }
:where(.tema-koyu) .completion-block { border-top: 1px solid var(--line); }
:where(.tema-koyu) .welcome-panel { border: 1px solid var(--cizgi); background: linear-gradient(125deg, var(--kart) 0%, var(--kart) 62%, var(--kart) 140%); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .welcome-panel::after { border: 1.6rem solid var(--cizgi); }
:where(.tema-koyu) .welcome-panel p { color: var(--ink-600); }
:where(.tema-koyu) .parent-welcome { border-color: var(--cizgi); background: linear-gradient(125deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .privacy-seal { border: 1px solid var(--tamam-cizgi); background: var(--tamam-yumusak); }
:where(.tema-koyu) .privacy-seal > span { background: var(--teal); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .privacy-seal small { color: var(--tamam); }
:where(.tema-koyu) .readonly-seal { border-color: var(--dikkat-cizgi); background: var(--dikkat-yumusak); }
:where(.tema-koyu) .readonly-seal > span { background: var(--dikkat); }
:where(.tema-koyu) .readonly-seal small { color: var(--dikkat); }
:where(.tema-koyu) .progress-ring { background: conic-gradient(var(--primary) calc(var(--value) * 1%), var(--secili) 0); }
:where(.tema-koyu) .progress-ring::before { background: var(--surface); }
:where(.tema-koyu) .progress-ring > span { color: var(--ink-900); }
:where(.tema-koyu) .priority-item { border: 1px solid var(--line); background: var(--surface); }
:where(.tema-koyu) .priority-number { background: var(--primary-soft); color: var(--primary-strong); }
:where(.tema-koyu) .priority-item > a, :where(.tema-koyu) .priority-title { color: var(--ink-900); }
:where(.tema-koyu) .completion-footer { border-top: 1px solid var(--line); color: var(--ink-500); }
:where(.tema-koyu) .checkin-card { background: linear-gradient(145deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .checkin-card.is-complete { background: linear-gradient(145deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .checkin-card p { color: var(--ink-600); }
:where(.tema-koyu) .card-symbol { background: var(--primary-soft); color: var(--primary); }
:where(.tema-koyu) .is-complete .card-symbol, :where(.tema-koyu) .checkin-summary.is-ready .card-symbol { background: var(--teal-soft); color: var(--teal); }
:where(.tema-koyu) .list-row { border-bottom: 1px solid var(--line); }
:where(.tema-koyu) .list-row:last-child { border-bottom: 0; }
:where(.tema-koyu) .list-mark { background: var(--primary); }
:where(.tema-koyu) .list-mark.is-teal { background: var(--teal); }
:where(.tema-koyu) .list-mark.is-amber { background: var(--dikkat); }
:where(.tema-koyu) .list-copy > a, :where(.tema-koyu) .list-copy > strong { color: var(--ink-900); }
:where(.tema-koyu) .list-copy small { color: var(--ink-500); }
:where(.tema-koyu) .decision-card { background: linear-gradient(145deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .date-chip { background: var(--surface-soft); color: var(--ink-500); }
:where(.tema-koyu) .decision-copy { color: var(--ink-800); }
:where(.tema-koyu) .growth-strip { border: 1px solid var(--cizgi); background: linear-gradient(125deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .growth-strip p { color: var(--ink-600); }
:where(.tema-koyu) .mini-stat strong { color: var(--ink-950); }
:where(.tema-koyu) .mini-stat small { color: var(--ink-500); }
:where(.tema-koyu) .trust-banner { border: 1px solid var(--tamam-cizgi); background: var(--tamam-yumusak); color: var(--tamam); }
:where(.tema-koyu) .trust-icon { background: var(--teal); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .parent-student-card { border: 1px solid var(--line); background: var(--kart); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .parent-card-head h2 a { color: var(--ink-950); }
:where(.tema-koyu) .report-highlight { border: 1px solid var(--tamam-cizgi); background: linear-gradient(130deg, var(--tamam-yumusak), var(--tamam-yumusak)); }
:where(.tema-koyu) .report-symbol { background: var(--teal); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .report-copy > strong { color: var(--ink-950); }
:where(.tema-koyu) .report-copy > small { color: var(--tamam); }
:where(.tema-koyu) .parent-profile-hero { border-color: var(--cizgi); background: linear-gradient(125deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .report-timeline a { color: var(--ink-900); }
:where(.tema-koyu) .report-timeline a:hover { color: var(--primary); }
:where(.tema-koyu) .parent-growth-strip { border-color: var(--cizgi); background: linear-gradient(125deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .profile-hero { border: 1px solid var(--cizgi); background: linear-gradient(125deg, var(--kart), var(--kart)); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .profile-main p { color: var(--ink-600); }
:where(.tema-koyu) .section-nav { border: 1px solid var(--line); background: var(--kart); }
:where(.tema-koyu) .section-nav a { color: var(--ink-700); }
:where(.tema-koyu) .section-nav a:hover { background: var(--primary-soft); color: var(--primary-strong); }
:where(.tema-koyu) .summary-tile { border: 1px solid var(--line); background: var(--kart); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .summary-icon { background: var(--primary-soft); color: var(--primary); }
:where(.tema-koyu) .summary-icon.is-teal { background: var(--teal-soft); color: var(--teal); }
:where(.tema-koyu) .summary-icon.is-amber { background: var(--amber-soft); color: var(--amber); }
:where(.tema-koyu) .summary-tile > strong { color: var(--ink-950); }
:where(.tema-koyu) .summary-tile > small { color: var(--ink-500); }
:where(.tema-koyu) .quick-action { border: 1px solid var(--line); background: var(--surface-soft); color: var(--ink-800); }
:where(.tema-koyu) .quick-action:hover { border-color: var(--cizgi-2); background: var(--primary-soft); color: var(--primary-strong); }
:where(.tema-koyu) .comparison-bars { border-top: 1px solid var(--line); }
:where(.tema-koyu) .comparison-bars small { color: var(--ink-500); }
:where(.tema-koyu) .score-value { color: var(--ink-900); }
:where(.tema-koyu) .cell-meta { color: var(--ink-500); }
:where(.tema-koyu) .context-note, :where(.tema-koyu) .privacy-note { background: var(--surface-soft); color: var(--ink-500); }
:where(.tema-koyu) .timeline-group h3 { color: var(--ink-600); }
:where(.tema-koyu) .answer-list div { border-bottom: 1px solid var(--line); }
:where(.tema-koyu) .answer-list div:last-child { border-bottom: 0; }
:where(.tema-koyu) .answer-list dt { color: var(--ink-500); }
:where(.tema-koyu) .answer-list dd { color: var(--ink-800); }
:where(.tema-koyu) .empty-state { border: 1px dashed var(--line-strong); background: var(--kart); }
:where(.tema-koyu) .empty-state-icon { background: var(--primary-soft); color: var(--primary); }
:where(.tema-koyu) .empty-state p { color: var(--ink-600); }
:where(.tema-koyu) .brand-page-header { border-bottom: 2px solid var(--cizgi); }
:where(.tema-koyu) .course-card { border: 1px solid var(--cizgi); background: var(--kart); color: var(--ink-900); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .course-card:hover { border-color: var(--cizgi-2); color: var(--primary-strong); box-shadow: 0 1rem 2rem var(--perde); }
:where(.tema-koyu) .course-card-mark { background: linear-gradient(145deg, var(--vurgu), var(--vurgu)); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .course-card-copy small { color: var(--ink-500); }
:where(.tema-koyu) .breadcrumb { color: var(--ink-500); }
:where(.tema-koyu) .breadcrumb a { color: var(--primary); }
:where(.tema-koyu) .score-field:nth-child(even) input { background: var(--kart); }
:where(.tema-koyu) .week-toolbar { border: 1px solid var(--line); background: var(--kart); box-shadow: var(--shadow-sm); }
:where(.tema-koyu) .week-toolbar a { color: var(--primary-strong); }
:where(.tema-koyu) .week-toolbar a:hover { background: var(--primary-soft); }
:where(.tema-koyu) .week-toolbar small { color: var(--ink-500); }
:where(.tema-koyu) .step-index { background: var(--primary-soft); color: var(--primary-strong); }
:where(.tema-koyu) .step-index.is-teal { background: var(--teal-soft); color: var(--teal); }
:where(.tema-koyu) .step-index.is-amber { background: var(--amber-soft); color: var(--amber); }
:where(.tema-koyu) .step-index.is-dark { background: var(--sidebar); color: var(--vurgu-murekkep); }
:where(.tema-koyu) .week-progress { border-top: 1px solid var(--line); }
:where(.tema-koyu) .trend-chip { background: var(--amber-soft); color: var(--amber); }
:where(.tema-koyu) .trend-chip.is-positive { background: var(--teal-soft); color: var(--teal); }
:where(.tema-koyu) .session-step { border-color: var(--cizgi); background: linear-gradient(135deg, var(--kart), var(--kart)); }
:where(.tema-koyu) .session-step.is-ready { border-color: var(--cizgi); background: linear-gradient(135deg, var(--kart), var(--kart)); }
@media (max-width: 54rem) {
:where(.tema-koyu) .app-sidebar { box-shadow: 0 .45rem 1.6rem var(--perde); }
:where(.tema-koyu) .nav-link.is-active { box-shadow: inset 0 -.16rem 0 var(--vurgu-2); }
:where(.tema-koyu) .sidebar-user { border: 0; background: transparent; }
}
@media (max-width: 38rem) {
:where(.tema-koyu) tbody tr { border-bottom: 1px solid var(--line); }
:where(.tema-koyu) tbody tr:last-child { border-bottom: 0; }
:where(.tema-koyu) td { border: 0; }
:where(.tema-koyu) td[data-label]::before { color: var(--ink-500); }
:where(.tema-koyu) .auth-access-chip::after { color: var(--metin-2); }
}
:where(.tema-koyu) .setup-steps li { background: var(--kart); color: var(--metin); }
:where(.tema-koyu) .setup-steps [aria-current="step"] { color: var(--vurgu-murekkep); background: var(--vurgu); }
:where(.tema-koyu) .setup-steps .is-complete { color: var(--metin); background: var(--kart); }

/* static/css/password-toggle.css: yalnız renk geçersiz kılmaları. */
:where(.tema-koyu) .password-toggle { background: transparent; border: 0; color: var(--metin-2); }
:where(.tema-koyu) .password-toggle:hover, :where(.tema-koyu) .password-toggle:focus-visible { background: var(--yuksek); color: var(--metin-2); }
:where(.tema-koyu) .password-toggle svg { fill: none; stroke: currentColor; }

/* static/css/preview.css: yalnız renk geçersiz kılmaları. */
:where(.tema-koyu) .preview-nav { border:1px solid currentColor; }
:where(.tema-koyu) .preview-explanation { background:var(--kart); border:1px solid var(--cizgi); color:var(--metin); }
:where(.tema-koyu) .preview-card { border-top:4px solid var(--cizgi); }
:where(.tema-koyu) .preview-hasbahce { border-top-color:var(--tamam); }
:where(.tema-koyu) .preview-students li { border-bottom:1px solid var(--cizgi); }
:where(.tema-koyu) .preview-banner { background:var(--kart); border:1px solid var(--cizgi); color:var(--metin); }
:where(.tema-koyu) .preview-disabled { border:0; }

/* K0 E–G: ortak kabuk ve temel bileşenler; yalnız koyu çalışma alanı. */
body.tema-koyu{font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:14px;line-height:1.5}
.tema-koyu .app-sidebar{background:var(--kenar);border-right:1px solid var(--cizgi);box-shadow:none}
.tema-koyu .sidebar-heading{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:20px}
.tema-koyu .nav-caption{order:-1;font-size:10.5px;letter-spacing:.12em;color:var(--metin-3)}
.tema-koyu .nav-link{color:var(--metin-2);border-color:transparent;border-radius:10px;box-shadow:none}
body.tema-koyu.workspace-mentorluk :is(.nav-link.is-active,.nav-link[aria-current="page"]){background:var(--secili);border-color:transparent;color:var(--metin);box-shadow:none}
body.tema-koyu .nav-link.is-active .nav-icon{color:var(--vurgu)}
.tema-koyu .sidebar-user{background:var(--kart);border:1px solid var(--cizgi);border-radius:14px}
.tema-koyu .user-avatar{background:var(--vurgu);color:var(--vurgu-murekkep)}
.tema-koyu .app-main{background:var(--zemin)}
.tema-koyu :is(h1,h2,h3,h4){color:var(--metin)}
.tema-koyu :is(h1,h2){font-family:Dosis,Inter,system-ui,sans-serif}
.tema-koyu .page-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--cizgi);padding-bottom:16px;margin-bottom:20px}
.tema-koyu .page-header h1{margin:0;font-size:26px;line-height:1.2}
.tema-koyu .page-header :is(p,.lead){margin:4px 0 0;color:var(--metin-2)}
.tema-koyu .page-header>div:first-child{flex:1;min-width:0}
.tema-koyu :is(.card,.m-card,.m-student-row,.k-unit,.r-card,details){background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;box-shadow:none}
.tema-koyu :is(.card,.m-card){border-radius:16px}
.tema-koyu :is(button,.btn){background:var(--vurgu);border-color:var(--vurgu);color:var(--vurgu-murekkep);box-shadow:none;border-radius:10px}
.tema-koyu :is(button,.btn):hover{background:var(--vurgu-2);border-color:var(--vurgu-2);color:var(--vurgu-murekkep);box-shadow:none}
.tema-koyu :is(button.secondary,.btn.secondary,.m-button,.cal-button){background:var(--yuksek);border-color:var(--cizgi-2);color:var(--metin);box-shadow:none}
.tema-koyu :is(button.secondary,.btn.secondary,.m-button):hover{background:var(--secili);color:var(--metin);border-color:var(--cizgi-2)}
body.tema-koyu.workspace-mentorluk.role-mentor :is(.m-primary,.m-button.m-primary,.m-student-content .btn:not(.secondary)),.tema-koyu .routine-page .m-primary{background:var(--vurgu);border-color:var(--vurgu);color:var(--vurgu-murekkep)}
body.tema-koyu.workspace-mentorluk.role-mentor .m-primary:hover{background:var(--vurgu-2);color:var(--vurgu-murekkep)}
.tema-koyu :is(.link-btn,.logout-button,.password-toggle){background:transparent;border-color:transparent;color:var(--metin-2);box-shadow:none}
.tema-koyu :is(.link-btn,.logout-button,.password-toggle):hover{background:var(--yuksek);color:var(--metin)}
.tema-koyu :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea){background:var(--cukur);border:1px solid var(--alan-cizgi);border-radius:10px;color:var(--metin);box-shadow:none;color-scheme:inherit}
body.tema-koyu.workspace-mentorluk.role-mentor :is(.m-filters input,.m-filters select,.m-quick-control,.k-library .k-student-filter select),.tema-koyu .login-card :is(input[type=text],input[type=password]){background:var(--cukur);border-color:var(--alan-cizgi);color:var(--metin)}
.tema-koyu :is(input,select,textarea):focus{border-color:var(--vurgu);outline:2px solid var(--vurgu);outline-offset:2px;box-shadow:none}
.tema-koyu :focus-visible{outline-color:var(--vurgu)}
.tema-koyu :is(input[type=checkbox],input[type=radio]){accent-color:var(--vurgu)}
.tema-koyu ::placeholder{color:var(--metin-3);opacity:1}
.tema-koyu :is(.helptext,.small.muted){color:var(--metin-3)}
.tema-koyu :is(.errorlist,.form-error){color:var(--dikkat)}
body.tema-koyu.workspace-mentorluk :is(.student-goal-tabs,.m-segment){background:var(--cukur);border:1px solid var(--cizgi);border-radius:10px}
body.tema-koyu.workspace-mentorluk :is(.student-goal-tabs [aria-current],.m-segment [aria-current],.goal-filters [aria-current],.m-filter-chips .is-selected,.filter-row .is-active,.section-nav .is-current){background:var(--secili);color:var(--metin);border-color:var(--cizgi-2);box-shadow:none}
body.tema-koyu.workspace-mentorluk :is(.m-tabs [aria-current],.r-tabs [aria-current]){color:var(--vurgu-2);border-bottom-color:var(--vurgu)}
.tema-koyu :is(.count-pill,.goal-filters [aria-current] b,.m-filter-chips .is-selected b){color:var(--vurgu-2);background:var(--vurgu-yumusak)}
.tema-koyu .badge{--rozet:var(--bilgi);color:var(--rozet);background:color-mix(in srgb,var(--rozet) 14%,transparent);border:1px solid color-mix(in srgb,var(--rozet) 30%,transparent)}
.tema-koyu :is(.badge-ok,.badge-petrol){--rozet:var(--tamam)}
.tema-koyu :is(.badge-warn,.badge-danger){--rozet:var(--dikkat)}
.tema-koyu .badge-muted{--rozet:var(--metin-2)}
.tema-koyu .goal-task[data-state="missed"] .badge-danger{--rozet:var(--yapilmadi)}
body.tema-koyu.workspace-mentorluk.role-student .student-goal-progress{--goal-progress-color:var(--bilgi);accent-color:var(--goal-progress-color)}
body.tema-koyu.workspace-mentorluk.role-student .goal-tone-blue{--goal-progress-color:var(--bilgi)}
body.tema-koyu.workspace-mentorluk.role-student .goal-tone-amber{--goal-progress-color:var(--dikkat)}
body.tema-koyu.workspace-mentorluk.role-student .goal-tone-green{--goal-progress-color:var(--tamam)}
body.tema-koyu.workspace-mentorluk.role-student .student-goal-progress::-webkit-progress-value{background:var(--goal-progress-color,var(--bilgi))}
body.tema-koyu.workspace-mentorluk.role-student .student-goal-progress::-moz-progress-bar{background:var(--goal-progress-color,var(--bilgi))}
.tema-koyu :is(.bar-track,.student-goal-empty-track){background:var(--secili)}
.tema-koyu :is(th,td){border-color:var(--cizgi)}
.tema-koyu th{background:var(--kart);color:var(--metin-2)}
.tema-koyu tbody tr:hover{background:transparent}
.tema-koyu :is(.msg,.preview-banner,.empty,.empty-state){border-color:var(--cizgi-2);box-shadow:none}
.tema-koyu .msg{background:var(--kart);color:var(--metin)}
.tema-koyu .msg-success{border-color:var(--tamam-cizgi)}
.tema-koyu :is(.msg-warning,.msg-error,.form-error){border-color:var(--dikkat-cizgi);background:var(--dikkat-yumusak)}
.tema-koyu details>summary{color:var(--metin);cursor:pointer}
body.tema-koyu.workspace-mentorluk.role-mentor .m-dialog{border:1px solid var(--cizgi-2);background:var(--kart);color:var(--metin);box-shadow:none}
.tema-koyu ::-webkit-scrollbar{width:10px;height:10px}
.tema-koyu ::-webkit-scrollbar-track{background:var(--kenar)}
.tema-koyu ::-webkit-scrollbar-thumb{background:var(--secili);border:2px solid var(--kenar);border-radius:10px}
.tema-koyu ::selection{background:var(--vurgu-yumusak);color:var(--metin)}
.tema-koyu :is(time,progress,.bar-value,.metric-value,.tracking-number,.cal){font-variant-numeric:tabular-nums}
@media(max-width:760px){
  .tema-koyu .page-header{align-items:flex-start}
  .tema-koyu .page-header h1{font-size:24px}
}
@media print{
  .tema-koyu :is(.card,.m-card,.page-header,details,table,th,td,.app-main){background:Canvas;color:CanvasText;box-shadow:none}
  .tema-koyu .app-sidebar{display:none}
}
.tema-koyu :is(.login-card,.auth-card,.route-board){box-shadow:none;border-color:var(--cizgi-2)}
.tema-koyu .goal-filters [aria-current] span{color:var(--vurgu-2)}
.tema-koyu .goal-task:is([data-state="today"],[data-state="ongoing"]){--goal-node-color:var(--bilgi)}

.tema-koyu.auth-body{background:var(--zemin)}
.tema-koyu .auth-shell::before{background-image:none;mask-image:none}
.tema-koyu :is(.welcome-panel,.parent-welcome,.publish-box,.checkin-card,.decision-card,.growth-strip,.profile-hero,.parent-profile-hero,.parent-growth-strip){background:var(--kart)}
.tema-koyu .report-highlight{background:var(--tamam-yumusak)}
.tema-koyu .step-index.is-dark{background:var(--kenar);color:var(--metin)}
.tema-koyu :is(.bar-fill,.bar-track>span){--dolgu:var(--bilgi);background:linear-gradient(90deg,color-mix(in srgb,var(--dolgu) 65%,var(--kart)),var(--dolgu))}
body.tema-koyu.workspace-mentorluk.role-mentor :is(.m-bar span,.m-amber span,.m-green span){--dolgu:var(--bilgi);background:linear-gradient(90deg,color-mix(in srgb,var(--dolgu) 65%,var(--kart)),var(--dolgu))}
body.tema-koyu.workspace-mentorluk.role-mentor .m-amber span{--dolgu:var(--dikkat)}
body.tema-koyu.workspace-mentorluk.role-mentor .m-green span{--dolgu:var(--tamam)}
.tema-koyu .journal-track span{--dolgu:var(--journal-color,var(--bilgi));background:linear-gradient(90deg,color-mix(in srgb,var(--dolgu) 65%,var(--kart)),var(--dolgu))}

@media(max-width:760px){
  .tema-koyu .app-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:4px}
  .tema-koyu .app-nav>.nav-caption,.tema-koyu .app-nav>.preview-nav{grid-column:1/-1}
  .tema-koyu .app-nav .nav-link{min-width:0;min-height:44px;white-space:normal}
  .tema-koyu .card>table{min-width:0;max-width:100%;table-layout:fixed}
  .tema-koyu .card>table td{min-width:0;overflow-wrap:anywhere}
}
@media(max-width:38rem){
  .tema-koyu .card table:not(.tracking-table):not(.r-program-table){min-width:0;max-width:100%;width:100%}
  .tema-koyu .card table:not(.tracking-table):not(.r-program-table) td{min-width:0;overflow-wrap:anywhere}
}
.tema-koyu :is(.metric-card,.route-board)::after{background:none}
.tema-koyu .nav-link.is-active{background:var(--secili);color:var(--metin);border-color:transparent;box-shadow:none}
.tema-koyu .progress-ring>span{background:var(--kart)}
@media(max-width:38rem){
  .tema-koyu .card td .badge{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}
}

body.tema-koyu.workspace-mentorluk.role-student .app-sidebar{background:var(--kenar)}
body.tema-koyu.workspace-mentorluk.role-student .sidebar-user{background:var(--kart);border-color:var(--cizgi)}
body.tema-koyu.workspace-mentorluk.role-student .nav-link:not(.is-active){color:var(--metin-2)}
body.tema-koyu.workspace-mentorluk.role-mentor :is(.m-button,.m-menu>summary){border-radius:10px}
body.tema-koyu.workspace-mentorluk.role-mentor :is(.m-button:not(.m-primary),.m-menu>summary){background:var(--yuksek);color:var(--metin);border-color:var(--cizgi-2)}
body.tema-koyu.workspace-mentorluk.role-mentor :is(.m-filters input,.m-filters select,.m-quick-control,.k-library .k-student-filter select){border-radius:10px}
.tema-koyu .cal{--cal-accent:var(--vurgu);--cal-solid:var(--vurgu)}
body.tema-koyu.workspace-mentorluk :is(.m-tabs [aria-current],.r-tabs [aria-current]){background:var(--secili);color:var(--vurgu-2)}
body.tema-koyu.workspace-mentorluk .student-goal-tabs [aria-current],.tema-koyu .cal-tabs [aria-current]{color:var(--vurgu-2)}