/* Layout: sticky gradient masthead with live clock and exam tabs, then one working column of panels; tables scroll in their own frames. */
/* Kurumsal mavi palet, açık arka plan. */
:root{
  --bg:#F4F7FC; --surface:#FFFFFF; --sunk:#EEF3FA; --line:#DCE4F0;
  --ink:#0F1E3D; --fg:#1F2A44; --muted:#64748B;
  --accent:#2563EB; --accent-fg:#FFFFFF; --mark:#FFB020; --mark-ink:#2B1A00;
  --ok:#12A150; --ok-bg:#E3F7EC; --ok-dim:#8BD8AE; --warn:#E8730C; --warn-bg:#FFF0E0; --bad:#E5383B; --bad-bg:#FDE7E8;
  --rev:#8B5CF6; --rev-bg:#F1EAFF; --coral:#FF5E7E; --teal:#0FB5AE; --sky:#2F8CFF;
  --mast:#0F2A5C; --mast-fg:#FFFFFF; --mast-muted:#BFD3F5;
  --grad:linear-gradient(115deg,#1E3A8A 0%,#2563EB 55%,#0EA5E9 100%);
  --shadow:0 1px 2px rgba(15,30,61,.05),0 10px 30px -12px rgba(15,30,61,.14);
  --f-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-body:"Figtree", "Segoe UI", system-ui, sans-serif;
  --f-data:"Figtree", "Segoe UI", system-ui, sans-serif;
  --r:16px;
}
@media (prefers-color-scheme: dark){:root[data-theme="koyu-otomatik-kapali"]{
  --bg:#0E0D1C; --surface:#17162B; --sunk:#201F38; --line:#2E2C4A;
  --ink:#F3F1FF; --fg:#E3E1F5; --muted:#9E9CBA;
  --accent:#8F7BFF; --accent-fg:#0E0D1C; --mark:#FFC14D; --mark-ink:#2B1A00;
  --ok:#3DD68C; --ok-bg:#12321F; --ok-dim:#2A7A4F; --warn:#FFA24D; --warn-bg:#3A2410; --bad:#FF6B6E; --bad-bg:#3A1618;
  --rev:#B69CFF; --rev-bg:#2A1F4A; --coral:#FF7A94; --teal:#3BD3CC; --sky:#5AA6FF;
  --mast:#0A0918; --mast-fg:#FFFFFF; --mast-muted:#ADA9DA;
  --grad:linear-gradient(115deg,#3A23B8 0%,#6431D6 50%,#C2416A 100%);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -12px rgba(0,0,0,.6); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0E0D1C; --surface:#17162B; --sunk:#201F38; --line:#2E2C4A;
  --ink:#F3F1FF; --fg:#E3E1F5; --muted:#9E9CBA;
  --accent:#8F7BFF; --accent-fg:#0E0D1C; --mark:#FFC14D; --mark-ink:#2B1A00;
  --ok:#3DD68C; --ok-bg:#12321F; --ok-dim:#2A7A4F; --warn:#FFA24D; --warn-bg:#3A2410; --bad:#FF6B6E; --bad-bg:#3A1618;
  --rev:#B69CFF; --rev-bg:#2A1F4A; --coral:#FF7A94; --teal:#3BD3CC; --sky:#5AA6FF;
  --mast:#0A0918; --mast-fg:#FFFFFF; --mast-muted:#ADA9DA;
  --grad:linear-gradient(115deg,#3A23B8 0%,#6431D6 50%,#C2416A 100%);
  --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px -12px rgba(0,0,0,.6); color-scheme:dark}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.5}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--mast)}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);color:var(--ink);text-wrap:balance;margin:0;line-height:1.15}
h2{font-size:1.45rem;font-weight:800}
h3{font-size:1.08rem;font-weight:600}
.num{font-family:var(--f-data);font-variant-numeric:tabular-nums}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* masthead */
.mast{position:sticky;top:env(safe-area-inset-top,0px);z-index:9;background:var(--mast);color:var(--mast-fg)}
.mast .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:12px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.logo{width:42px;height:42px;border-radius:9px;background:var(--mark);color:var(--mark-ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:15px;letter-spacing:.02em;flex:none}
.brand b{display:block;font-family:var(--f-display);font-weight:800;font-size:1.25rem;color:var(--mast-fg);line-height:1.1}
.brand small{display:block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mast-muted)}
.clock{margin-left:auto;text-align:right;line-height:1.15}
.clock .t{font-family:var(--f-data);font-size:1.35rem;font-weight:700;font-variant-numeric:tabular-nums}
.clock .d{font-size:.95rem;color:var(--mast-fg);font-weight:600}
.who{display:flex;align-items:center;gap:10px}
.who img{width:32px;height:32px;border-radius:50%}
.who .role{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--mark)}
.who .nm{font-size:.88rem;font-weight:600}
.btn-out{background:transparent;border:1px solid var(--mast-muted);color:var(--mast-fg);border-radius:8px;padding:6px 12px;cursor:pointer;font-size:.85rem}
.btn-out:hover{background:rgba(255,255,255,.08)}
.tabs{border-top:1px solid rgba(255,255,255,.1)}
.tabs .wrap{display:flex;gap:4px;overflow-x:auto;padding-block:0}
.tab{background:none;border:0;color:var(--mast-muted);padding:11px 14px;cursor:pointer;font-weight:600;border-bottom:3px solid transparent;white-space:nowrap}
.tab[aria-selected="true"]{color:var(--mast-fg);border-bottom-color:var(--mark)}
.tab:hover{color:var(--mast-fg)}

main.wrap{padding-block:24px 64px;display:flex;flex-direction:column;gap:22px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;min-width:0}
.panel-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.muted{color:var(--muted)}
.eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.grid2{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:22px}
@media (max-width:860px){.grid2{grid-template-columns:minmax(0,1fr)}}

/* buttons */
.btn{background:var(--accent);color:var(--accent-fg);border:0;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(1.07)}
.btn:disabled{opacity:.5;cursor:default}
.btn-ghost{background:var(--sunk);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;font-weight:600}
.btn-ghost:hover{border-color:var(--accent)}
.link{background:none;border:0;color:var(--accent);cursor:pointer;font-weight:600;padding:0}

/* KPI */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:760px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.kpi .v{font-family:var(--f-data);font-size:1.7rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;line-height:1.2}
.kpi .l{font-size:.82rem;color:var(--muted)}

/* student cards */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.scard{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:10px}
.scard:hover{border-color:var(--accent)}
.scard .top{display:flex;align-items:center;gap:10px}
.av{width:38px;height:38px;border-radius:50%;background:var(--sunk);color:var(--ink);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;flex:none}
.scard .nm{font-weight:700;color:var(--ink);line-height:1.2}
.scard .meta{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px dashed var(--line);padding-top:10px}
.scard .meta div{display:flex;flex-direction:column}
.scard .meta b{font-family:var(--f-data);font-variant-numeric:tabular-nums;color:var(--ink)}
.scard .meta span{font-size:.72rem;color:var(--muted)}
.live{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--line)}
.dot.on{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}

/* tables */
.tframe{overflow-x:auto;border:1px solid var(--line);border-radius:8px}
table{border-collapse:collapse;width:100%;min-width:680px;font-size:.92rem}
th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:600;background:var(--sunk);padding:8px 10px;white-space:nowrap}
td{padding:9px 10px;border-top:1px solid var(--line);vertical-align:middle}
td.n,th.n{text-align:right;font-family:var(--f-data);font-variant-numeric:tabular-nums}
tr.planned td{color:var(--muted);font-style:italic;background:repeating-linear-gradient(135deg,transparent 0 8px,var(--sunk) 8px 9px)}
.day{display:flex;flex-direction:column;gap:8px}
.day + .day{margin-top:16px}
.day-h{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.day-h h3 span{font-family:var(--f-body);font-weight:500;color:var(--muted);font-size:.9rem}
.day.today .day-h h3{box-shadow:inset 0 -.45em 0 var(--mark);color:var(--ink)}
.day-sum{margin-left:auto;font-size:.82rem;color:var(--muted)}
.empty{padding:14px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);font-size:.9rem}

/* status toggles */
.st{display:inline-flex;gap:6px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 10px 3px 8px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;color:var(--muted)}
.chip .box{width:13px;height:13px;border:1.5px solid currentColor;border-radius:3px;display:grid;place-items:center;font-size:10px;line-height:1}
.chip.bitti[aria-pressed="true"]{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}
.chip.tekrar[aria-pressed="true"]{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}
.chip[disabled]{cursor:default}
.pill{display:inline-block;border-radius:999px;padding:2px 9px;font-size:.76rem;font-weight:700}
.pill.bitti{background:var(--ok-bg);color:var(--ok)}
.pill.tekrar{background:var(--warn-bg);color:var(--warn)}
.del{background:none;border:0;color:var(--muted);cursor:pointer;font-size:.8rem;padding:2px 4px}
.del:hover,.del.arm{color:var(--bad)}

/* form */
form.entry{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.fld{display:flex;flex-direction:column;gap:4px;min-width:0}
.fld label{font-size:.78rem;font-weight:600;color:var(--muted)}
.fld input,.fld select,.fld textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px;width:100%}
.fld input:focus,.fld select:focus{border-color:var(--accent)}
.c2{grid-column:span 2}.c3{grid-column:span 3}.c4{grid-column:span 4}.c6{grid-column:1/-1}
@media (max-width:620px){form.entry{grid-template-columns:repeat(2,minmax(0,1fr))}.c3,.c4{grid-column:1/-1}.c2{grid-column:span 1}}
.radios{display:flex;gap:8px;flex-wrap:wrap}
.radios label{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;font-weight:600;color:var(--fg);font-size:.9rem}
.radios input{accent-color:var(--accent)}
.calc{display:flex;gap:18px;flex-wrap:wrap;align-items:center;background:var(--sunk);border-radius:8px;padding:10px 12px;font-size:.88rem}
.calc b{font-family:var(--f-data);color:var(--ink)}
.formmsg{font-size:.86rem}
.formmsg.err{color:var(--bad)}.formmsg.ok{color:var(--ok)}

/* plan */
.plan-list{display:flex;flex-direction:column;gap:8px}
.pitem{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;flex-wrap:wrap}
.pitem.done{background:var(--ok-bg);border-color:var(--ok)}
.pitem .tx{flex:1;min-width:0}
.pitem .tx b{color:var(--ink)}
.week-plan{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
@media (max-width:980px){.week-plan{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.week-plan{grid-template-columns:minmax(0,1fr)}}
.wp-day{background:var(--sunk);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0}
.wp-day h4{margin:0;font-family:var(--f-display);font-size:.92rem;color:var(--ink)}
.wp-item{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:.84rem;display:flex;gap:6px;align-items:flex-start}
.wp-item div{flex:1;min-width:0;overflow-wrap:anywhere}

/* stats bars */
.bars{display:flex;flex-direction:column;gap:10px}
.bar-row{display:grid;grid-template-columns:130px minmax(0,1fr) 120px;gap:10px;align-items:center;font-size:.88rem}
@media (max-width:520px){.bar-row{grid-template-columns:90px minmax(0,1fr) 84px}}
.bar{height:14px;background:var(--sunk);border-radius:4px;display:flex;overflow:hidden}
.bar i{display:block;height:100%}
.bar .d{background:var(--ok)}.bar .y{background:var(--bad)}.bar .b{background:var(--line)}
.legend{display:flex;gap:14px;font-size:.8rem;color:var(--muted);flex-wrap:wrap}
.legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}

.weeknav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.seg button{background:var(--surface);border:0;padding:6px 12px;cursor:pointer;font-weight:600;font-size:.86rem;color:var(--muted)}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-fg)}

/* gate */
.gate{min-height:70vh;display:grid;place-items:center;padding-block:32px}
.gate-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:28px;max-width:460px;width:100%;display:flex;flex-direction:column;gap:16px}
.gate-card h1{font-size:1.8rem;font-weight:800}
.acct{display:flex;align-items:center;gap:12px;background:var(--sunk);border-radius:10px;padding:12px}
.acct img{width:40px;height:40px;border-radius:50%}
.note{font-size:.86rem;color:var(--muted);border-left:3px solid var(--mark);padding-left:10px}
.back{display:inline-flex;align-items:center;gap:6px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:600;z-index:20;max-width:calc(100% - 32px)}
.feed td:first-child{white-space:nowrap}
@media (prefers-reduced-motion:no-preference){.scard,.btn,.chip{transition:border-color .15s,background .15s,filter .15s}}

/* ---- standalone site additions ---- */
.demo-bar{background:var(--mark);color:var(--mark-ink);font-size:.84rem;font-weight:600}
.demo-bar .wrap{padding-block:7px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.login-form{display:flex;flex-direction:column;gap:12px}
.login-form .row{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--muted)}
.or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8rem}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.demo-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:420px){.demo-btns{grid-template-columns:1fr}}
.prog{height:12px;background:var(--sunk);border-radius:6px;overflow:hidden}
.prog i{display:block;height:100%;background:var(--accent);border-radius:6px}
.prog.full i{background:var(--ok)}
.goal{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:10px 12px}
.goal.done{background:var(--ok-bg);border-color:var(--ok)}
.goal.done .gt{text-decoration:line-through;color:var(--muted)}
.goal .gt{flex:1;min-width:0;overflow-wrap:anywhere}
.cbx{width:22px;height:22px;border:2px solid var(--muted);border-radius:5px;background:var(--surface);display:grid;place-items:center;cursor:pointer;flex:none;color:var(--ok);font-weight:800;padding:0}
.goal.done .cbx{border-color:var(--ok)}
.cbx[disabled]{cursor:default}
.badge-off{background:var(--bad-bg);color:var(--bad)}
.viewas{background:var(--warn-bg);border:1px solid var(--warn);color:var(--fg);border-radius:var(--r);padding:10px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.stack{display:flex;flex-direction:column;gap:22px}
.pw{font-family:var(--f-data)}

/* ---- sınav sekmeleri, TYT/AYT rozetleri, konu takibi ---- */
.tabn{display:inline-block;min-width:1.4em;margin-left:6px;padding:0 5px;border-radius:999px;background:rgba(255,255,255,.12);font-size:.72rem;font-family:var(--f-data);text-align:center}
.tabn:empty{display:none}
.exb{display:inline-block;font-family:var(--f-data);font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:1px 6px;border-radius:4px;vertical-align:1px}
.exb.tyt{background:var(--mark);color:var(--mark-ink)}
.exb.ayt{background:var(--accent);color:var(--accent-fg)}
.exb.ydt{background:var(--sunk);color:var(--ink);border:1px solid var(--line)}
.exgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.exgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:460px){.exgrid{grid-template-columns:minmax(0,1fr)}}
.excard{text-align:left;background:var(--sunk);border:1px solid var(--line);border-radius:var(--r);padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--fg)}
.excard:hover{border-color:var(--accent)}
.excard .exname{font-family:var(--f-display);font-weight:800;font-size:1.5rem;color:var(--ink);line-height:1}
.excard .exnums{font-size:.84rem;margin-top:4px}
.excard .exnums b{color:var(--ink)}
.segwrap{overflow-x:auto;max-width:100%;align-self:flex-start}
.segwrap .seg{white-space:nowrap}
tr.sum td{font-weight:700;background:var(--sunk)}
.fld input[id$="diger"]{margin-top:6px}
.kt-over{display:flex;flex-direction:column;gap:14px}
.kt-group{display:flex;flex-direction:column;gap:6px}
.kt-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.kt-ders{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:9px 10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;color:var(--fg)}
.kt-ders:hover{border-color:var(--accent)}
.kt-ders[aria-pressed="true"]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--sunk)}
.kt-name{font-weight:600}
.kt-bar{height:8px;background:var(--sunk);border-radius:4px;display:flex;overflow:hidden}
.kt-ders[aria-pressed="true"] .kt-bar{background:var(--line)}
.kt-bar i{display:block;height:100%}
.kt-bar .b{background:var(--ok)}.kt-bar .t{background:var(--warn)}
.kt-n{font-size:.76rem;color:var(--muted)}
.kt-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px}
@media (max-width:760px){.kt-topics{grid-template-columns:minmax(0,1fr)}}
.kt-topic{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border-radius:8px;border:1px solid var(--line);border-left-width:4px}
.kt-topic.bitti{border-left-color:var(--ok);background:var(--ok-bg)}
.kt-topic.tekrar{border-left-color:var(--warn);background:var(--warn-bg)}
.kt-i{color:var(--muted);font-size:.78rem;text-align:right}
.kt-t{font-weight:600;overflow-wrap:anywhere}
.kt-s{font-size:.78rem;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.pitem .cbx{cursor:default}
.pitem.done .cbx{border-color:var(--ok)}

/* ---- tek sayfa çizelge ---- */
.exb.oabt{background:var(--ink);color:var(--bg)}
table.grid{min-width:980px;table-layout:fixed;border-collapse:separate;border-spacing:0}
table.grid th,table.grid td{border-top:1px solid var(--line);border-left:1px solid var(--line);vertical-align:top;padding:6px}
table.grid thead th{text-align:center;background:var(--mast);color:var(--mast-fg);font-size:.74rem;letter-spacing:.08em;padding:8px 4px}
table.grid thead th span{display:block;font-family:var(--f-data);font-size:.7rem;letter-spacing:0;text-transform:none;color:var(--mast-muted);font-weight:500}
table.grid thead th.g-today{background:var(--mark);color:var(--mark-ink)}
table.grid thead th.g-today span{color:var(--mark-ink)}
th.g-row{width:86px;background:var(--sunk);color:var(--ink);font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;vertical-align:middle!important}
table.grid thead th.g-row{background:var(--mast);color:var(--mark)}
td.g-today{background:color-mix(in srgb,var(--mark) 9%,var(--surface))}
td.g-empty{background:repeating-linear-gradient(135deg,transparent 0 7px,var(--sunk) 7px 8px)}
.g-cell{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;border:1px solid var(--line);border-radius:7px;padding:7px 8px;background:var(--surface);font:inherit;color:var(--fg);font-size:.82rem;line-height:1.3;position:relative}
.g-cell + .g-cell,.g-cell + .g-add{margin-top:6px}
button.g-cell{cursor:pointer}
button.g-cell:hover:not([disabled]){border-color:var(--accent)}
.g-cell.future{opacity:.7;cursor:default}
.g-cell.done.bitti{background:var(--ok-bg);border-color:var(--ok)}
.g-cell.done.tekrar{background:var(--warn-bg);border-color:var(--warn)}
.g-cell.rest{background:var(--sunk);color:var(--muted);text-align:center;font-style:italic;align-items:center;justify-content:center;min-height:44px}
.g-d{font-weight:700;color:var(--ink);font-size:.78rem}
.g-k{overflow-wrap:anywhere}
.g-s{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--muted);font-size:.76rem;font-family:var(--f-data)}
.g-cell.done .g-s{color:var(--fg)}
.g-ck{font-weight:800}
.g-cell.done.bitti .g-ck{color:var(--ok)}.g-cell.done.tekrar .g-ck{color:var(--warn)}
.g-n{font-size:.74rem;color:var(--muted);font-style:italic;overflow-wrap:anywhere}
.g-act{margin-left:auto;background:var(--accent);color:var(--accent-fg);border-radius:5px;padding:1px 7px;font-family:var(--f-body);font-weight:700;font-size:.72rem}
.g-x{position:absolute;top:2px;right:2px;font-size:.72rem}
.g-add{display:block;width:100%;border:1px dashed var(--line);background:transparent;border-radius:7px;padding:5px;color:var(--muted);cursor:pointer;font:inherit;font-size:.78rem}
.g-add:hover{border-color:var(--accent);color:var(--accent)}
tr.g-foot td{background:var(--sunk);font-size:.82rem;text-align:center}
tr.g-foot td span{display:block;color:var(--muted);font-size:.72rem}
table.grid tr > :last-child{border-right:1px solid var(--line)}
table.grid tbody tr:last-child > *{border-bottom:1px solid var(--line)}
.pitem.warn{background:var(--warn-bg);border-color:var(--warn)}

/* ilerleme */
.pbig{display:flex;gap:14px;align-items:center}
.pbig-n{font-size:2.2rem;font-weight:700;color:var(--ink);line-height:1}
.kt-bar.big{height:14px;border-radius:7px}
.kt-bar .b0{background:var(--ok-dim)}
.dlist{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.drow{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 54px;gap:10px;align-items:center;font-size:.86rem}
.dname{overflow-wrap:anywhere}
.dn{text-align:right;color:var(--muted);font-size:.8rem}

/* konu takibi elle işaretleme */
.kt-topic{grid-template-columns:28px minmax(0,1fr) auto}
.kt-meta{display:block;font-weight:400;font-size:.74rem;color:var(--muted);margin-top:1px}
.kt-btns{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.kt-btns .chip{padding:2px 8px 2px 6px;font-size:.74rem}
.kt-btns .del[disabled]{opacity:.35;cursor:default}
@media (max-width:520px){.kt-topic{grid-template-columns:22px minmax(0,1fr)}.kt-btns{grid-column:1/-1;justify-content:flex-start}}

/* modal */
.mdl{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:16px;padding-top:max(16px,env(safe-area-inset-top,0px));padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
.mdl-bg{position:absolute;inset:0;background:rgba(20,12,4,.55)}
.mdl-box{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;width:min(460px,100%);max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.mdl-body{display:flex;flex-direction:column;gap:12px}
.mdl-body .fld{gap:4px}
.mdl-body textarea{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px;width:100%;resize:vertical}
.mdl-foot{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mdl-foot .formmsg{flex-basis:100%;text-align:right}
.mdl-foot .formmsg:empty{display:none}

/* rapor */
.rp-lead{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.rp-big{display:flex;flex-direction:column;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;background:var(--sunk);border:6px solid var(--mark);flex:none}
.rp-big .num{font-size:2rem;font-weight:700;color:var(--ink);line-height:1}
.rp-big span:last-child{font-size:.8rem;color:var(--muted)}
.rp-cell{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}
.rp-cell .num{text-align:right;font-size:.82rem}
.rp-group{margin-bottom:10px}
.rp-gh{font-weight:700;color:var(--ink);font-size:.9rem}
.rp-group ul,.rp-ul{margin:4px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:2px;font-size:.88rem}
table.mini{min-width:0}

/* yazdırma */
.print-head{display:none}
@media print{
  body{background:#fff!important;color:#000}
  body *{visibility:hidden}
  .print-on,.print-on *{visibility:visible}
  .print-on{position:absolute;left:0;top:0;width:100%;border:0!important;padding:0!important;background:#fff!important}
  .print-on .noprint,.mast,.tabs,.demo-bar,.toast,.mdl{display:none!important}
  .print-head{display:flex!important;justify-content:space-between;gap:16px;border-bottom:2px solid #3A2413;padding-bottom:6px;margin-bottom:10px}
  .print-head b{display:block;font-family:var(--f-display);font-size:14pt;color:#3A2413}
  .print-head span{display:block;font-size:9pt;color:#555}
  .print-head > div:last-child{text-align:right}
  .tframe{overflow:visible!important;border:0}
  table.grid{min-width:0!important;width:100%;font-size:8pt}
  table.grid thead th{background:#3A2413!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  table.grid th,table.grid td{border-color:#999!important}
  .g-cell{border-color:#bbb!important;padding:4px;font-size:7.5pt;break-inside:avoid}
  .g-cell.done.bitti,.g-cell.done.tekrar,td.g-today,tr.g-foot td,th.g-row,.kt-bar i,.exb{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .g-act{display:none}
  table{break-inside:auto} tr{break-inside:avoid}
  .kpis{gap:6px} .kpi{padding:6px 8px;border-color:#bbb}
}

/* hatırlatmalar */
.fb-list{display:flex;flex-direction:column;gap:8px}
.fb{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-left-width:4px;border-radius:8px;padding:10px 12px;font-size:.9rem;line-height:1.45}
.fb.uyari{border-left-color:var(--bad);background:var(--bad-bg)}
.fb.zor{border-left-color:var(--warn);background:var(--warn-bg)}
.fb.tebrik{border-left-color:var(--ok);background:var(--ok-bg)}
.fb-i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;color:var(--surface)}
.fb.uyari .fb-i{background:var(--bad)}.fb.zor .fb-i{background:var(--warn)}.fb.tebrik .fb-i{background:var(--ok)}
.fb-d{font-size:.76rem;color:var(--muted);margin-bottom:2px}
.fb-t b{color:var(--ink)}
.g-ornek .pitem{padding:8px 10px}

/* kronometre */
.tmr-chip{background:var(--mark);color:var(--mark-ink);border:0;border-radius:999px;padding:6px 12px;font-family:var(--f-data);font-weight:700;font-size:.86rem;cursor:pointer;font-variant-numeric:tabular-nums;white-space:nowrap}
.tmr-chip.mola{background:var(--ok-bg);color:var(--ok)}
.tm-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
@media (max-width:620px){.tm-body{grid-template-columns:minmax(0,1fr);justify-items:center}}
.tm-ring{--p:0;width:210px;height:210px;max-width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:radial-gradient(closest-side,var(--surface) 82%,transparent 83%),conic-gradient(var(--mark) calc(var(--p)*1%),var(--sunk) 0)}
.tm-clock{font-size:2.6rem;font-weight:700;color:var(--ink);line-height:1}
.tm-side{display:flex;flex-direction:column;gap:12px;min-width:0;width:100%}
.tm-btns{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.seg button[disabled]{opacity:.55;cursor:default}
.wbars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;height:170px}
.wbar{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%}
.wcol{flex:1;width:70%;max-width:38px;background:var(--sunk);border-radius:5px;display:flex;align-items:flex-end;overflow:hidden}
.wcol i{display:block;width:100%;background:var(--accent);border-radius:5px 5px 0 0}
.wbar.today .wcol i{background:var(--mark)}
.wv{font-size:.68rem;color:var(--muted);white-space:nowrap}
.wl{font-size:.74rem;color:var(--muted);font-weight:600}

/* çalışma yöntemleri */
.ym-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.ym{display:flex;flex-direction:column;gap:10px}
.ym-h h3{font-size:1.2rem;margin-top:2px}
.ym-ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:.9rem}
.ym-ne{margin:0;font-size:.86rem;color:var(--muted);border-top:1px dashed var(--line);padding-top:8px}
.ym .btn{align-self:flex-start;margin-top:auto}

/* günlük görevler */
.gv-list{display:flex;flex-direction:column;gap:10px}
.gv-row{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:var(--r);padding:12px;background:var(--surface)}
@media (max-width:760px){.gv-row{grid-template-columns:minmax(0,1fr)}}
.gv-who{display:flex;gap:10px;align-items:flex-start}
.gv-who .link{font-size:1rem}
.gv-sum{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin:6px 0 2px;font-size:.78rem}
.gv-tasks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px;align-content:start}
.gv-t{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px;align-items:start;border:1px solid var(--line);border-left-width:4px;border-radius:7px;padding:7px 9px;font-size:.84rem;line-height:1.35}
.gv-t.tam{border-left-color:var(--ok);background:var(--ok-bg)}
.gv-t.yarim{border-left-color:var(--warn);background:var(--warn-bg)}
.gv-t.yok{border-left-color:var(--bad);background:var(--bad-bg)}
.gv-t.bekliyor{border-left-color:var(--line)}
.gv-t.ek{border-left-color:var(--accent);border-style:dashed}
.gv-i{font-weight:800;text-align:center}
.gv-t.tam .gv-i{color:var(--ok)}.gv-t.yarim .gv-i{color:var(--warn)}.gv-t.yok .gv-i{color:var(--bad)}.gv-t.bekliyor .gv-i{color:var(--muted)}
.gv-tx{min-width:0;overflow-wrap:anywhere}
.gv-n{display:block;font-size:.74rem;color:var(--muted);margin-top:2px}
.gv-k1 .v{color:var(--ok)}.gv-k2 .v{color:var(--warn)}.gv-k3 .v{color:var(--bad)}
.kpi .v small{font-size:.9rem;color:var(--muted);font-weight:500}

/* deneme analizi */
.mdl-box.wide{width:min(720px,100%)}
.dn-form input{width:68px;text-align:right;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:5px 6px;font-family:var(--f-data)}
.dn-chart{width:100%;min-width:480px;height:auto;display:block}
.dn-grid{stroke:var(--line);stroke-width:1}
.dn-ax{fill:var(--muted);font-size:11px;font-family:var(--f-data)}
.dn-val{fill:var(--ink);font-size:11px;font-weight:700;font-family:var(--f-data)}
.dn-line{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round}
.dn-dot{fill:var(--surface);stroke:var(--accent);stroke-width:2.5}
.dn-dot.last{fill:var(--mark);stroke:var(--ink)}
.up{color:var(--ok)!important}.down{color:var(--bad)!important}
td .up,td .down{font-size:.78rem;margin-left:4px}

/* yöntem kartları ve görseller */
button.ym{text-align:left;cursor:pointer;font:inherit;color:var(--fg);gap:8px}
button.ym:hover{border-color:var(--accent)}
.ymv{background:var(--sunk);border-radius:10px;padding:16px}
.ymv-cap{margin:10px 0 0;font-size:.86rem}
.ymv-strip{position:relative;display:flex;gap:3px;height:56px;border-radius:8px;overflow:hidden}
.ymv-b{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;font-size:.7rem;line-height:1.1}
.ymv-b b{font-family:var(--f-data);font-size:.95rem}
.ymv-b.c{background:var(--accent);color:var(--accent-fg)}
.ymv-b.m{background:var(--ok-bg);color:var(--ok)}
.ymv-b.u{background:var(--ok);color:var(--surface)}
.ymv-b small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.ymv-run{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--mark);box-shadow:0 0 0 2px rgba(0,0,0,.15)}
@media (prefers-reduced-motion:no-preference){.ymv-run{animation:ymrun var(--dur) linear infinite}}
@keyframes ymrun{from{left:0}to{left:calc(100% - 3px)}}
.ymv-line{position:relative;height:64px;margin:0 24px;border-bottom:3px solid var(--line)}
.ymv-dot{position:absolute;bottom:-9px;transform:translateX(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:6px}
.ymv-dot i{width:15px;height:15px;border-radius:50%;background:var(--accent);border:3px solid var(--sunk)}
.ymv-dot small{font-size:.72rem;color:var(--ink);font-weight:600;white-space:nowrap;margin-bottom:4px}
.ymv-stairs{display:flex;align-items:flex-end;gap:6px;height:110px}
.ymv-stairs span{flex:1;background:var(--accent);border-radius:5px 5px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:4px}
.ymv-stairs small{color:var(--accent-fg);font-size:.68rem;font-family:var(--f-data);white-space:nowrap}
.ymv-flow{display:flex;gap:8px;flex-wrap:wrap}
.ymv-flow span{flex:1 1 140px;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:.84rem;display:flex;gap:8px;align-items:flex-start}
.ymv-flow b{background:var(--mark);color:var(--mark-ink);border-radius:50%;width:22px;height:22px;display:grid;place-items:center;flex:none;font-size:.78rem}

/* sekmeler kaydırmasız: sığmayan alt satıra geçer */
.tabs .wrap{flex-wrap:wrap;overflow:visible;column-gap:2px;row-gap:0}
.tab{padding:10px 12px}
.segwrap{overflow:visible}
.seg{display:flex;flex-wrap:wrap;gap:6px;border:0;border-radius:0;overflow:visible}
.seg button,.segwrap .seg{white-space:normal}
.seg button{border:1px solid var(--line);border-radius:8px}

/* gizli öğeler her zaman gizli kalsın (kapanan pencere tıklamaları engellemesin) */
[hidden]{display:none!important}

/* =====================================================================
   MODERN ARAYÜZ — canlı renkler, yumuşak gölgeler, açılır menü, tanıtım sayfası
   ===================================================================== */
body{background:var(--bg);-webkit-font-smoothing:antialiased}
.mast{background:var(--grad);box-shadow:0 6px 24px -10px rgba(37,99,235,.6)}
body::before{background:#1E40AF}
.logo{background:#fff;color:#1E40AF;border-radius:12px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.brand b{color:#fff}
.clock .d{color:rgba(255,255,255,.9)}
.who .role{color:#FFE08A}
.btn-out{border-color:rgba(255,255,255,.45);color:#fff;border-radius:10px}
.btn-out:hover{background:rgba(255,255,255,.15)}
@media (max-width:560px){.clock{display:none}.who .nm{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand b{font-size:1.05rem}}

.panel{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px}
.kpi{border-radius:var(--r);box-shadow:var(--shadow);position:relative;overflow:hidden;border:1px solid var(--line)}
.kpi::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--accent)}
.kpis > .kpi:nth-child(4n+2)::before{background:var(--coral)}
.kpis > .kpi:nth-child(4n+3)::before{background:var(--teal)}
.kpis > .kpi:nth-child(4n+4)::before{background:var(--mark)}
.btn{background:var(--accent);border-radius:12px;box-shadow:0 6px 16px -8px var(--accent)}
.btn-ghost{border-radius:10px;background:var(--surface)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
.fld input,.fld select,.fld textarea{border-radius:10px;background:var(--surface)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}
.scard,.excard,.kt-ders,.gv-row,.pitem,.goal{border-radius:14px}
.scard{box-shadow:var(--shadow)}
.scard:hover,.excard:hover{transform:translateY(-2px);box-shadow:0 14px 30px -14px rgba(37,99,235,.45)}
@media (prefers-reduced-motion:no-preference){.scard,.excard{transition:transform .15s,box-shadow .15s,border-color .15s}}
.av{background:linear-gradient(135deg,#EDE8FF,#FFE3EA);color:#1E40AF}
.excard{background:var(--surface)}
.exb.tyt{background:#FFB020;color:#2B1A00}
.exb.ayt{background:#2563EB;color:#fff}
.exb.oabt{background:#0FB5AE;color:#fff}
.prog i{background:var(--grad)}
.seg button{border-radius:10px}
.seg button[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.note{border-left-color:var(--accent)}
.rp-big{border-color:var(--accent)}
.tm-ring{background:radial-gradient(closest-side,var(--surface) 82%,transparent 83%),conic-gradient(var(--accent) calc(var(--p)*1%),var(--sunk) 0)}
.toast{border-radius:12px}
.mdl-box{border-radius:18px}
.page-h h2{font-size:1.8rem;margin-top:2px}

/* ---------- konu durumları: bitti / yarım / tekrar ---------- */
.g-cell.done.yarim{background:var(--warn-bg);border-color:var(--warn)}
.g-cell.done.tekrar{background:var(--rev-bg);border-color:var(--rev)}
.g-cell.done.yarim .g-ck{color:var(--warn)}.g-cell.done.tekrar .g-ck{color:var(--rev)}
.pill.yarim{background:var(--warn-bg);color:var(--warn)}
.pill.tekrar{background:var(--rev-bg);color:var(--rev)}
.chip.yarim[aria-pressed="true"]{background:var(--warn-bg);border-color:var(--warn);color:var(--warn)}
.chip.tekrar[aria-pressed="true"]{background:var(--rev-bg);border-color:var(--rev);color:var(--rev)}
.kt-topic.yarim{border-left-color:var(--warn);background:var(--warn-bg)}
.kt-topic.tekrar{border-left-color:var(--rev);background:var(--rev-bg)}
.pitem.rev{background:var(--rev-bg);border-color:var(--rev)}
.radios.durum label{flex:1 1 150px;justify-content:flex-start;border-width:2px;border-radius:12px}
.radios.durum label:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}
.radios.durum .r-bitti:has(input:checked){border-color:var(--ok);background:var(--ok-bg)}
.radios.durum .r-yarim:has(input:checked){border-color:var(--warn);background:var(--warn-bg)}
.radios.durum .r-tekrar:has(input:checked){border-color:var(--rev);background:var(--rev-bg)}

/* ---------- ana menü: açılır liste ---------- */
.tabs{border-top:1px solid rgba(255,255,255,.18)}
.tabs .nav-wrap{display:block;position:relative;padding-block:8px;overflow:visible}
.nav-btn{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.32);color:#fff;border-radius:12px;padding:9px 14px;font-weight:700;font-size:1rem;cursor:pointer;min-height:44px}
.nav-btn:hover{background:rgba(255,255,255,.24)}
.nav-burger{font-size:1.1rem;line-height:1}
.nav-car{font-size:.8rem;opacity:.85;transition:transform .15s}
.nav-btn[aria-expanded="true"] .nav-car{transform:rotate(180deg)}
.nav-list{display:none;position:absolute;left:max(16px,env(safe-area-inset-left,0px));top:calc(100% - 2px);z-index:15;background:var(--surface);color:var(--fg);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 50px -16px rgba(20,18,58,.45);padding:8px;width:min(340px,calc(100vw - 32px));max-height:min(72vh,620px);overflow:auto;flex-direction:column;gap:2px}
.nav-list.open{display:flex}
.tabs .nav-list .tab{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:none;color:var(--fg);border:0;border-radius:12px;padding:10px 12px;font-weight:600;font-size:.98rem;white-space:normal;min-height:46px}
.tabs .nav-list .tab:hover{background:var(--sunk)}
.tabs .nav-list .tab[aria-current="true"]{background:var(--accent);color:#fff}
.tab-i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--sunk);color:var(--accent);font-weight:800;font-size:.9rem;flex:none}
.tab[aria-current="true"] .tab-i{background:rgba(255,255,255,.22);color:#fff}

/* ---------- bölüm sekmeleri: telefonda seçim kutusu ---------- */
.seg-sel{display:none;width:100%;appearance:none;-webkit-appearance:none;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%235B3DF5' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;border:2px solid var(--accent);border-radius:12px;padding:12px 40px 12px 14px;font-weight:700;color:var(--ink);font-size:1rem}
@media (max-width:760px){
  .segwrap:not(.inline){align-self:stretch;width:100%}
  .segwrap:not(.inline) .seg-btns{display:none}
  .segwrap:not(.inline) .seg-sel{display:block}
}

/* ---------- plan: kopyala / yapıştır ---------- */
.clipbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:color-mix(in srgb,var(--accent) 9%,var(--surface));border:1.5px dashed var(--accent);border-radius:14px;padding:10px 14px;margin-bottom:12px}
.clipbar .tx{flex:1;min-width:0}
.clip-i{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1.1rem;flex:none}
.g-tools{display:flex;gap:4px;align-items:center;margin-top:3px}
.g-tools .g-x{position:static;margin-left:auto}
.g-copy{background:var(--sunk);border:1px solid var(--line);border-radius:6px;color:var(--accent);font:inherit;font-size:.72rem;font-weight:700;padding:2px 7px;cursor:pointer}
.g-copy:hover{border-color:var(--accent)}
.g-paste{border-style:solid;border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);font-weight:700}
.g-paste + .g-add{margin-top:4px}

/* ---------- canlı akış filtresi ---------- */
.akis-f{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:14px;align-items:end;margin-bottom:12px}
@media (max-width:700px){.akis-f{grid-template-columns:minmax(0,1fr)}}
.akis-q{display:flex;gap:8px}
.akis-q input{flex:1;min-width:0;font-size:1rem}
.segwrap.inline{align-self:flex-start}

/* ---------- tanıtım sayfası ---------- */
body.is-land main.wrap{padding-top:0;gap:0}
.hdr-login{background:#fff;color:#1E40AF;border:0;border-radius:12px;padding:9px 16px;font-weight:800;cursor:pointer;margin-left:auto;box-shadow:0 6px 18px -8px rgba(0,0,0,.4)}
.land{display:flex;flex-direction:column;gap:0}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:center;padding:56px 0 48px}
@media (max-width:880px){.hero{grid-template-columns:minmax(0,1fr);padding:32px 0 28px;gap:28px}}
.hero-tag{display:inline-block;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:999px;padding:5px 12px;font-weight:700;font-size:.8rem;letter-spacing:.04em}
.hero h1{font-size:clamp(2.1rem,5.4vw,3.6rem);font-weight:800;line-height:1.05;margin:16px 0 14px;letter-spacing:-.02em}
.hero .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:1.1rem;color:var(--muted);max-width:56ch;margin:0}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.btn-lg{padding:13px 22px;font-size:1.02rem;border-radius:14px}
.btn-soft{display:inline-flex;align-items:center;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);font-weight:700;text-decoration:none}
.btn-soft:hover{border-color:var(--accent);color:var(--accent)}
.hero-vis{position:relative;padding:18px}
.hero-vis::before{content:"";position:absolute;inset:0;border-radius:32px;background:var(--grad);opacity:.16;filter:blur(2px);transform:rotate(-3deg)}
.hm{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 60px -24px rgba(37,99,235,.45);padding:16px}
.hm-h{display:flex;justify-content:space-between;align-items:center;font-family:var(--f-display);font-weight:800;color:var(--ink);margin-bottom:12px}
.hm-dots{display:flex;gap:5px}.hm-dots i{width:9px;height:9px;border-radius:50%;background:var(--coral)}.hm-dots i:nth-child(2){background:var(--mark)}.hm-dots i:nth-child(3){background:var(--teal)}
.hm-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hm-d{text-align:center;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--mast);border-radius:8px;padding:5px}
.hm-c{border-radius:11px;padding:8px 9px;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:2px;font-size:.78rem;min-height:72px}
.hm-c b{color:var(--ink);font-size:.8rem}.hm-c span{color:var(--muted)}.hm-c i{font-style:normal;font-family:var(--f-data);font-size:.72rem;margin-top:auto;font-weight:700}
.hm-c.ok{background:var(--ok-bg);border-color:var(--ok)}.hm-c.ok i{color:var(--ok)}
.hm-c.half{background:var(--warn-bg);border-color:var(--warn)}.hm-c.half i{color:var(--warn)}
.hm-c.rev{background:var(--rev-bg);border-color:var(--rev)}.hm-c.rev i{color:var(--rev)}
.hm-c.todo{border-style:dashed}
.hm-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;margin-top:14px;font-size:.82rem;color:var(--muted)}
.hm-bar div{height:10px;background:var(--sunk);border-radius:6px;overflow:hidden}.hm-bar i{display:block;height:100%;background:var(--grad)}
.hm-bar b{font-family:var(--f-data);color:var(--ink)}
.hm-badge{position:absolute;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;font-size:.8rem;font-weight:700;color:var(--ink);box-shadow:var(--shadow);white-space:nowrap}
.hm-badge.b1{left:-6px;bottom:-4px;color:var(--ok)}
.hm-badge.b2{right:-4px;top:-2px;color:var(--accent)}
@media (max-width:480px){.hm-badge{display:none}.hm-c{min-height:64px;font-size:.72rem}}
.land-sec{padding:44px 0;border-top:1px solid var(--line)}
.sec-h{display:flex;flex-direction:column;gap:6px;margin-bottom:22px;max-width:680px}
.sec-h h2{font-size:clamp(1.5rem,3.4vw,2.2rem)}
.sec-h p{margin:0}
.feat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.feat-grid{grid-template-columns:minmax(0,1fr)}}
.feat{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.feat h3{font-size:1.12rem}.feat p,.feat2 p{margin:0;color:var(--muted);font-size:.93rem}
.feat-i{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:1.2rem;font-weight:800;color:#fff;background:var(--accent);flex:none}
.k0 .feat-i,.feat-i.k0{background:#2563EB}.k1 .feat-i,.feat-i.k1{background:#FF5E7E}.k2 .feat-i,.feat-i.k2{background:#0FB5AE}
.k3 .feat-i,.feat-i.k3{background:#FFB020;color:#2B1A00}.k4 .feat-i,.feat-i.k4{background:#2F8CFF}.k5 .feat-i,.feat-i.k5{background:#8B5CF6}
.feat::after{content:"";position:absolute;right:-30px;top:-30px;width:90px;height:90px;border-radius:50%;background:currentColor;opacity:.04}
.feat-grid.sm{gap:12px}
.feat2{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:16px}
.feat2 h3{font-size:1.02rem;margin-bottom:3px}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;counter-reset:st}
@media (max-width:760px){.steps{grid-template-columns:minmax(0,1fr)}}
.steps li{counter-increment:st;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:20px 20px 20px 72px;position:relative;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow)}
.steps li::before{content:counter(st);position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:12px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:1.2rem}
.steps b{color:var(--ink);font-size:1.05rem}.steps span{color:var(--muted);font-size:.93rem}
.login-sec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,460px);gap:32px;align-items:center;scroll-margin-top:120px}
@media (max-width:820px){.login-sec{grid-template-columns:minmax(0,1fr)}}
.login-side h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:6px 0 10px}
.login-side p{color:var(--muted);margin:0;font-size:1.02rem;max-width:44ch}
.login-sec .gate-card{max-width:none;box-shadow:0 30px 60px -28px rgba(37,99,235,.5);border-radius:22px}
.login-form .btn{padding:13px;font-size:1.02rem}
.land-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:24px 0 8px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}
.land-foot .brand b{color:var(--ink);font-size:1rem}
.land-foot .logo{width:34px;height:34px;font-size:12px;background:var(--accent);color:#fff}

/* ---------- yazdırma: program yatay ve okunaklı ---------- */
@page{size:A4 landscape;margin:7mm}
@media print{
  .seg-sel,.clipbar,.g-tools,.g-paste,.nav-list{display:none!important}
  .panel,.kpi{box-shadow:none!important}
  .mast,body::before{display:none!important}
  html.print-yatay table.grid{font-size:10.5pt;table-layout:fixed}
  html.print-yatay table.grid thead th{font-size:10pt;padding:6px 3px}
  html.print-yatay table.grid thead th span{font-size:8.5pt}
  html.print-yatay th.g-row{width:62px;font-size:8.5pt}
  html.print-yatay .g-cell{font-size:9.5pt;padding:5px 6px;line-height:1.25}
  html.print-yatay .g-d{font-size:9pt}
  html.print-yatay .g-s{font-size:8.5pt}
  html.print-yatay .g-n{font-size:8pt}
  html.print-yatay .print-head b{font-size:16pt}
  html.print-yatay .print-head span{font-size:10pt}
  .g-cell.done.yarim,.g-cell.done.tekrar,.pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* ================= MENÜ DENEMELERİ: yan menü + açılır gruplar ================= */
.nav-group{display:flex;flex-direction:column;gap:2px}
.tabs .nav-gbtn{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:var(--fg);padding:10px 12px;border-radius:12px;font-weight:700;font-size:.98rem;cursor:pointer;min-height:44px;text-align:left;font-family:inherit}
.tabs .nav-gbtn:hover{background:var(--sunk)}
.tabs .nav-gbtn .nav-car{margin-left:auto;font-size:.75rem;transition:transform .15s}
.tabs .nav-gbtn[aria-expanded="true"] .nav-car{transform:rotate(180deg)}
.tabs .nav-gbtn.has-cur{color:var(--accent)}
.nav-sub{display:none;flex-direction:column;gap:2px;margin:2px 0 6px 24px;padding-left:10px;border-left:2px solid var(--line)}
.nav-group.open>.nav-sub{display:flex}
.nav-gtitle{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:14px 12px 4px}
.nav-ov{display:none}
.navstyle{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.navstyle select{font:inherit;font-weight:700;padding:3px 8px;border-radius:8px;border:1px solid rgba(0,0,0,.25);background:#fff;color:#2B1A00}
/* yan menü: masaüstünde solda sabit */
@media (min-width:900px){
  body.nav-side .tabs .nav-wrap{padding:0;max-width:none}
  body.nav-side #nav-btn{display:none}
  body.nav-side .tabs .nav-list,body.nav-side .tabs .nav-list.open{display:flex;position:fixed;left:0;top:var(--mast-h,64px);bottom:0;width:244px;max-height:none;border-radius:0;border:0;border-right:1px solid var(--line);box-shadow:none;padding:12px 10px 24px;animation:none;overflow:auto;z-index:8}
  body.nav-side main.wrap,body.nav-side .demo-bar .wrap{margin-left:244px;margin-right:0;max-width:min(1180px,calc(100vw - 244px));padding-left:28px;padding-right:28px}
  body.nav-side .site-foot{margin-left:244px}
  body.nav-side .tabs .nav-list .tab:hover{transform:none}
}
/* yan menü: telefonda soldan açılan çekmece */
@media (max-width:899px){
  body.nav-side .tabs .nav-list{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);max-height:none;border-radius:0 20px 20px 0;padding:18px 10px 24px;z-index:41}
  body.nav-side .nav-ov{position:fixed;inset:0;background:rgba(14,13,28,.45);z-index:40}
  body.nav-side .nav-list.open~.nav-ov{display:block}
  body.nav-side .nav-list.open{animation:drawin .18s ease-out}
}
@keyframes drawin{from{transform:translateX(-30px);opacity:.4}to{transform:none;opacity:1}}
/* üst çubuk + açılır gruplar (masaüstü) */
@media (min-width:900px){
  body.nav-topdd #nav-btn{display:none}
  body.nav-topdd .tabs .nav-wrap{padding-block:4px}
  body.nav-topdd .tabs .nav-list,body.nav-topdd .tabs .nav-list.open{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;position:static;width:auto;max-height:none;overflow:visible;background:transparent;border:0;box-shadow:none;padding:0;gap:4px;animation:none}
  body.nav-topdd .tabs .nav-list>.tab,body.nav-topdd .tabs .nav-list>.nav-group>.nav-gbtn{width:auto;color:rgba(255,255,255,.9);background:none;min-height:40px;padding:8px 14px;border-radius:10px;transform:none}
  body.nav-topdd .tabs .nav-list>.tab:hover,body.nav-topdd .tabs .nav-list>.nav-group>.nav-gbtn:hover{background:rgba(255,255,255,.16)}
  body.nav-topdd .tabs .nav-list>.tab[aria-current="true"],body.nav-topdd .tabs .nav-list>.nav-group>.nav-gbtn.has-cur{background:rgba(255,255,255,.22)!important;color:#fff;box-shadow:inset 0 -3px 0 #FFB020}
  body.nav-topdd .tabs .nav-list>.tab .tab-i,body.nav-topdd .nav-gbtn .tab-i{display:none}
  body.nav-topdd .tabs .nav-list>.nav-title{display:none}
  body.nav-topdd .nav-group{position:relative}
  body.nav-topdd .nav-sub{position:absolute;top:calc(100% + 6px);left:0;margin:0;padding:8px;border:1px solid var(--line);background:var(--surface);border-radius:16px;box-shadow:0 24px 50px -16px rgba(20,18,58,.45);min-width:240px;z-index:20}
  body.nav-topdd .nav-group.open>.nav-sub{animation:navin .14s ease-out}
}

/* ================= DİKEY MENÜ (kalıcı) ================= */
body.nav-side .tabs .nav-list{gap:0}
body.nav-side .tabs .nav-list>.nav-title{font-size:.68rem;letter-spacing:.14em;color:var(--muted);padding:6px 14px 10px}
.nav-main{display:flex;flex-direction:column;gap:3px}
.nav-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px}
@media (max-width:899px){.nav-foot{margin-top:14px}}
body.nav-side .tabs .nav-list .tab{position:relative;min-height:46px;padding:8px 12px;gap:12px;border-radius:12px;font-weight:600;font-size:.95rem;color:var(--fg);background:none;transition:background .15s,color .15s}
body.nav-side .tabs .nav-list .tab:hover{background:var(--sunk);transform:none}
body.nav-side .tabs .nav-list .tab .tab-i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;font-size:.9rem;background:var(--sunk)!important;color:var(--muted)!important;transition:background .15s,color .15s}
body.nav-side .tabs .nav-list .tab:hover .tab-i{color:var(--accent)!important}
body.nav-side .tabs .nav-list .tab[aria-current="true"]{background:color-mix(in srgb,var(--accent) 11%,var(--surface))!important;color:var(--accent);box-shadow:none}
body.nav-side .tabs .nav-list .tab[aria-current="true"]::before{content:"";position:absolute;left:-10px;top:10px;bottom:10px;width:4px;border-radius:0 4px 4px 0;background:var(--grad)}
body.nav-side .tabs .nav-list .tab[aria-current="true"] .tab-i{background:var(--grad)!important;color:#fff!important;box-shadow:0 6px 14px -6px var(--accent)}
.tab-l{flex:1;min-width:0}
.nav-live{width:9px;height:9px;border-radius:50%;background:#18B26B;box-shadow:0 0 0 0 rgba(24,178,107,.6);animation:livep 1.6s infinite}
@keyframes livep{70%{box-shadow:0 0 0 8px rgba(24,178,107,0)}100%{box-shadow:0 0 0 0 rgba(24,178,107,0)}}
@media (min-width:900px){body.nav-side .tabs .nav-list,body.nav-side .tabs .nav-list.open{background:color-mix(in srgb,var(--surface) 92%,var(--bg));padding:18px 10px 18px;width:248px}
  body.nav-side main.wrap,body.nav-side .demo-bar .wrap{margin-left:248px;max-width:min(1180px,calc(100vw - 248px))}body.nav-side .site-foot{margin-left:248px}}
@media (max-width:899px){body.nav-side .tabs .nav-list{display:none}body.nav-side .tabs .nav-list.open{display:flex}}

/* yönetici: açılır kapanır gruplar */
body.nav-side .tabs .nav-list>.tab,body.nav-side .tabs .nav-gbtn{margin-bottom:3px}
body.nav-side .tabs .nav-gbtn{font-weight:600;font-size:.95rem;min-height:46px;padding:8px 12px}
body.nav-side .tabs .nav-gbtn .tab-i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex:none;background:var(--sunk);color:var(--muted)}
body.nav-side .tabs .nav-gbtn.has-cur .tab-i{color:var(--accent)}
body.nav-side .tabs .nav-sub .tab[aria-current="true"]::before{left:-12px}
body.nav-side .tabs .nav-list>.tab[data-v="ayarlar"]{margin-top:auto;border-top:1px solid var(--line);border-radius:0 0 12px 12px}
/* =====================================================================
   KURUMSAL MAVİ TASARIM DİLİ · yatay sekmeler · kartlar · akordeon
   ===================================================================== */
.page-h.center{text-align:center;display:flex;flex-direction:column;align-items:center;gap:2px}
.page-h.center h2{font-size:1.8rem;margin:2px 0 0}
.page-h.center p{margin:4px 0 0;max-width:62ch}
.nowrap{white-space:nowrap}
.bad-t{color:var(--bad);font-weight:600}.warn-t{color:var(--warn);font-weight:600}.ok-t{color:var(--ok);font-weight:600}
/* yatay sekmeler */
.htabs-w{display:flex;justify-content:center;max-width:100%}
.htabs{display:inline-flex;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px rgba(15,30,61,.04),0 8px 22px -14px rgba(15,30,61,.25);overflow-x:auto;max-width:100%;scrollbar-width:none}
.htabs::-webkit-scrollbar{display:none}
.htabs button{display:inline-flex;align-items:center;gap:8px;border:0;background:none;color:var(--muted);font:inherit;font-weight:700;font-size:.92rem;padding:9px 16px;border-radius:12px;cursor:pointer;white-space:nowrap;min-height:42px;transition:background .15s,color .15s}
.htabs button:hover{background:var(--sunk);color:var(--ink)}
.htabs button[aria-selected="true"]{background:var(--accent);color:#fff;box-shadow:0 8px 18px -8px rgba(37,99,235,.7)}
.ht-i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:.72rem;background:var(--sunk);color:var(--accent)}
.htabs button[aria-selected="true"] .ht-i{background:rgba(255,255,255,.2);color:#fff}
.ht-n{min-width:24px;padding:1px 7px;border-radius:999px;background:var(--sunk);color:var(--ink);font-size:.76rem;font-weight:700;text-align:center}
.htabs button[aria-selected="true"] .ht-n{background:#fff;color:var(--accent)}
.htabs-w+.htabs-w{margin-top:-10px}
/* görevler */
.gv-bar{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.gv-lbl{font-weight:700;min-width:170px;text-align:center}
.gv-ctl{display:flex;gap:10px;flex-wrap:wrap}.gv-ctl .fld{min-width:190px}
.gv-not{margin:-4px 0 12px;font-size:.84rem}.gv-not:empty{display:none}
#gv-kpi{margin-bottom:16px}
.kpi.gvk.ok .v{color:var(--ok)}.kpi.gvk.warn .v{color:var(--warn)}.kpi.gvk.bad .v{color:var(--bad)}
.sc-gh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px;font-size:1rem}
.sc-gh span:first-child{display:inline-flex;align-items:center;gap:8px}
.sc-gh span:first-child::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--muted)}
.sc-gh.g0 span:first-child::before{background:var(--bad)}.sc-gh.g1 span:first-child::before{background:var(--warn)}.sc-gh.g2 span:first-child::before{background:var(--accent)}.sc-gh.g3 span:first-child::before{background:var(--ok)}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.sc{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px rgba(15,30,61,.04),0 12px 28px -20px rgba(15,30,61,.35);display:flex;flex-direction:column;overflow:hidden;transition:transform .15s,box-shadow .15s;border-top:4px solid var(--line)}
.sc:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(15,30,61,.05),0 18px 34px -20px rgba(37,99,235,.45)}
.sc.g0{border-top-color:var(--bad)}.sc.g1{border-top-color:var(--warn)}.sc.g2{border-top-color:var(--accent)}.sc.g3{border-top-color:var(--ok)}
.sc-main{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:16px 16px 12px}
.sc-main:focus-visible{outline:3px solid var(--accent);outline-offset:-3px;border-radius:14px}
.sc-top{display:flex;align-items:center;gap:12px}
.sc-av{width:46px;height:46px;font-size:1rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.sc-who{display:flex;flex-direction:column;min-width:0;flex:1}
.sc-who b{color:var(--ink);font-size:1.02rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-ex{font-size:.8rem;color:var(--muted)}
.sc-badge{font-size:.7rem;font-weight:700;padding:4px 9px;border-radius:999px;background:var(--sunk);color:var(--muted);text-align:center;max-width:110px;line-height:1.2}
.sc.g0 .sc-badge{background:var(--bad-bg);color:var(--bad)}.sc.g1 .sc-badge{background:var(--warn-bg);color:var(--warn)}.sc.g2 .sc-badge{background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}.sc.g3 .sc-badge{background:var(--ok-bg);color:var(--ok)}
.sc-pc{display:flex;align-items:center;gap:12px}
.sc-pn{font-size:1.5rem;font-weight:800;color:var(--ink);min-width:62px}
.sc-prog{flex:1;height:10px}
.sc.g0 .sc-prog i{background:var(--bad)}.sc.g1 .sc-prog i{background:var(--warn)}.sc.g3 .sc-prog i{background:var(--ok)}
.sc-st{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sc-st>span{display:flex;flex-direction:column;align-items:center;gap:1px;background:var(--sunk);border-radius:12px;padding:8px 4px;font-size:.72rem;color:var(--muted);text-align:center}
.sc-st b{font-size:1.15rem;color:var(--ink)}.sc-st .ok b{color:var(--ok)}.sc-st .bad b{color:var(--bad)}
.sc-last{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:var(--fg);line-height:1.35}
.sc-last .dot{margin-top:5px;flex:none}
.sc-mini{font-size:.76rem}
.sc-more{border:0;border-top:1px solid var(--line);background:var(--sunk);color:var(--accent);font:inherit;font-weight:700;font-size:.84rem;padding:10px 16px;display:flex;justify-content:space-between;cursor:pointer}
.sc-more[aria-expanded="true"] span{transform:rotate(180deg)}
.sc-tasks{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px;border-top:1px solid var(--line)}
.gv-dt{font-weight:700;color:var(--muted);font-size:.76rem}
/* canlı akış */
.dyb{white-space:nowrap;font-family:var(--f-data);font-size:.84rem}.dyb .d{color:var(--ok)}.dyb .y{color:var(--bad)}.dyb .b{color:var(--muted)}
/* başarı rozetleri */
.bs{display:inline-block;font-family:var(--f-data);font-weight:700;font-size:.78rem;padding:2px 8px;border-radius:999px}
.bs.iyi{background:var(--ok-bg);color:var(--ok)}.bs.orta{background:var(--warn-bg);color:var(--warn)}.bs.zayif{background:var(--bad-bg);color:var(--bad)}
/* kaynak alanları (formlar) */
.kyn{border:1px solid var(--line);border-radius:14px;padding:12px 14px 14px;margin:0;background:color-mix(in srgb,var(--accent) 3%,var(--surface));min-width:0}
.kyn legend{font-weight:700;font-size:.86rem;color:var(--ink);padding:0 6px}
.kyn-g{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px}
.kyn-n{display:grid;grid-template-columns:repeat(3,minmax(70px,110px)) 1fr;gap:10px;align-items:end;margin-top:10px}
.kyn-n #cd-dogru,.kyn-n input[id$="dogru"]{border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}
.kyn-n input[id$="yanlis"]{border-color:color-mix(in srgb,var(--bad) 40%,var(--line))}
.kyn-out{font-size:.84rem;padding-bottom:8px;line-height:1.4}
@media (max-width:640px){.kyn-g{grid-template-columns:1fr}.kyn-n{grid-template-columns:repeat(3,1fr)}.kyn-out{grid-column:1/-1;padding:0}}
/* konu takibi: yayın kartları */
.yy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.yy{border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--surface);display:flex;flex-direction:column;gap:10px;box-shadow:0 10px 24px -20px rgba(15,30,61,.4)}
.yy-h{display:flex;align-items:center;gap:10px}
.yy-i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 12%,var(--surface));flex:none}
.yy-n{display:flex;flex-direction:column;min-width:0;flex:1}.yy-n b{color:var(--ink)}.yy-n span{font-size:.78rem}
.yy-bar{display:flex;height:10px;border-radius:6px;overflow:hidden;background:var(--sunk)}
.yy-bar i{display:block;height:100%}.yy-bar .d{background:var(--ok)}.yy-bar .y{background:var(--bad)}.yy-bar .b{background:#B6C2D6}
.yy-s,.yy-dyb{display:flex;gap:12px;flex-wrap:wrap;font-size:.82rem;color:var(--muted)}.yy-s b{color:var(--ink)}
.yy-dyb .d{color:var(--ok);font-weight:700}.yy-dyb .y{color:var(--bad);font-weight:700}
.kb{margin-top:18px}.kb h3{font-size:.95rem;margin:0 0 8px}
.kb-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;font-size:.88rem}
.kb-k{flex:1;min-width:0}
.kt-src{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.76rem;color:var(--fg);margin-top:4px}
.kt-bsx .bs{font-size:.7rem;padding:1px 6px;vertical-align:1px}
.kt-src-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 10px;flex-wrap:wrap}
.kt-src-h h4{margin:0;font-size:.95rem}
.kt-kadd{padding:8px 14px}
.src-t td,.src-t th{font-size:.84rem}
.src-t tbody tr{cursor:pointer}.src-t tbody tr:hover td{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.src-t .d-t{color:var(--ok);font-weight:700}.src-t .y-t{color:var(--bad);font-weight:700}
/* genel akordeon (hedeflerim) */
.acc{display:flex;flex-direction:column;gap:12px}
.acc-item{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(15,30,61,.04);transition:box-shadow .25s,border-color .25s}
.acc-item.open{border-color:color-mix(in srgb,var(--accent) 35%,var(--line));box-shadow:0 16px 36px -24px rgba(37,99,235,.55)}
.acc-h{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer}
.acc-h:hover{background:var(--sunk)}
.acc-h:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.acc-item.open .acc-h{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.acc-i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--sunk);color:var(--accent);font-size:1.05rem;flex:none}
.acc-item.open .acc-i{background:var(--accent);color:#fff}
.acc-t{display:flex;flex-direction:column;flex:1;min-width:0}.acc-t b{font-size:1.06rem;color:var(--ink)}.acc-t .muted{font-size:.82rem}
.acc-car{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sunk);color:var(--muted);font-size:.8rem;transition:transform .3s,background .2s,color .2s}
.acc-item.open .acc-car{transform:rotate(180deg);background:var(--accent);color:#fff}
.acc-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
.acc-item.open>.acc-b{grid-template-rows:1fr}
.acc-in{overflow:hidden;min-height:0}
.acc-pad{padding:16px 18px 20px;border-top:1px solid var(--line)}
.acc-sub{font-size:1rem;margin:22px 0 10px}.acc-note{margin:0 0 12px;font-size:.88rem}
.hd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
@media (max-width:640px){.hd-stats{grid-template-columns:repeat(2,1fr)}}
#hd-fw{margin-bottom:14px}
.hd-list{display:flex;flex-direction:column;gap:10px}
.hd-card{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:14px;padding:12px 14px;background:var(--surface)}
.hd-card.done{border-left-color:var(--ok);background:var(--ok-bg)}.hd-card.late{border-left-color:var(--bad)}
.hd-card.done .hd-top b{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--ok) 60%,transparent)}
.hd-main{flex:1;min-width:0}
.hd-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hd-top b{color:var(--ink)}
.hd-tur{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--sunk);color:var(--muted)}
.hd-tur.t-gunluk{background:#E0F2FE;color:#0369A1}.hd-tur.t-haftalik{background:#DBEAFE;color:#1D4ED8}.hd-tur.t-aylik{background:#EDE9FE;color:#6D28D9}
.hd-acik{margin:4px 0 0;font-size:.88rem;color:var(--fg)}
.hd-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.8rem;color:var(--muted);margin-top:6px}
.hd-card .cbx{width:26px;height:26px;border-radius:8px;border:2px solid var(--line);background:var(--surface);display:grid;place-items:center;font-weight:800;color:#fff;flex:none;cursor:pointer;margin-top:1px}
.hd-card.done .cbx{background:var(--ok);border-color:var(--ok)}
.hd-card .cbx:disabled{cursor:default;opacity:.8}
.hd-form{margin-top:4px}
.hd-tur.radios,.radios.hd-tur{display:flex;flex-wrap:wrap;gap:8px}
.hd-yz{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:700px){.hd-yz{grid-template-columns:1fr}}
.hd-yzc{border:1px solid var(--line);border-radius:14px;padding:14px}
.hd-yzh{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hd-yzh>div{flex:1;min-width:0}
.hd-yzh .av{font-size:.72rem;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.hd-yzn{font-size:1.4rem;font-weight:800;color:var(--ink)}
.hd-mini{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.86rem}
.hd-mini li{display:flex;gap:8px;align-items:baseline}.hd-mini li small{margin-left:auto;font-size:.74rem}
.hd-mini li span{color:var(--muted);font-weight:800}.hd-mini li.done span{color:var(--ok)}.hd-mini li.done{color:var(--muted)}
.hd-stu{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.hd-av{width:56px;height:56px;font-size:1.15rem;background:var(--grad);color:#fff}
.hd-stu-i{display:flex;flex-direction:column;flex:1;min-width:160px}.hd-stu-i b{font-size:1.1rem;color:var(--ink)}
.hd-stu-k{display:flex;gap:10px}.hd-stu-k span{display:flex;flex-direction:column;align-items:center;background:var(--sunk);border-radius:12px;padding:8px 14px;font-size:.74rem;color:var(--muted)}
.hd-stu-k b{font-size:1.2rem;color:var(--ink)}.hd-stu-k small{font-size:.8rem;color:var(--muted)}
.hd-hh{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:16px}.hd-hh .fld{width:240px}
.mdl .kyn-g{grid-template-columns:1fr 1fr}.mdl .kyn-g .fld:first-child{grid-column:1/-1}
.mdl .kyn-n{grid-template-columns:repeat(3,1fr)}.mdl .kyn-out{grid-column:1/-1;padding:0}
@media (max-width:640px){.htabs{flex-wrap:wrap;justify-content:center;overflow:visible}.htabs button{padding:8px 12px;min-height:40px}.htabs-w+.htabs-w{margin-top:-6px}}
@media (prefers-reduced-motion:reduce){.acc-b,.acc-car,.sc{transition:none!important}}
@media print{.acc-b{grid-template-rows:1fr!important}}
/* =====================================================================
   PAKETLER · ANA SAYFA · ALT BİLGİ · keskin başlık çizgileri
   ===================================================================== */
.mast{border-bottom:3px solid #0EA5E9;box-shadow:0 8px 24px -14px rgba(15,30,61,.6)}
.logo{border-radius:10px}
.panel{border-color:#D3DDEB}
.panel-h{border-bottom:2px solid var(--line);padding-bottom:12px;position:relative}
.panel-h::after{content:"";position:absolute;left:0;bottom:-2px;width:56px;height:3px;border-radius:2px;background:var(--accent)}
.mdl .panel-h::after{display:none}
.sec-h.center{align-items:center;text-align:center;margin-inline:auto}
.sec-h h2{position:relative;padding-bottom:12px}
.sec-h h2::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:2px;background:var(--grad)}
.sec-h.center h2::after{left:50%;transform:translateX(-50%)}
.page-h.center h2{position:relative;padding-bottom:10px}
.page-h.center h2::after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:0;width:56px;height:4px;border-radius:2px;background:var(--grad)}
table thead th{border-bottom:2px solid var(--line)}
.hdr-link{display:none;color:#fff;font-weight:700;text-decoration:none;padding:8px 12px;border-radius:10px;margin-left:auto}
.hdr-link:hover{background:rgba(255,255,255,.14)}
body.is-land .hdr-link{display:inline-block}
body.is-land .hdr-link+.hdr-login{margin-left:6px}
@media (max-width:420px){body.is-land .hdr-link{display:none}}
/* iki model */
.md-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:860px){.md-grid{grid-template-columns:1fr}}
.md{border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.md h3{font-size:1.45rem;line-height:1.2;margin:0}.md p{margin:0;font-size:.98rem}
.md-bir{background:var(--surface);border:2px solid var(--accent);box-shadow:0 22px 44px -30px rgba(37,99,235,.7)}
.md-bir p{color:var(--muted)}
.md-dan{background:linear-gradient(140deg,#0F2A5C 0%,#1E40AF 60%,#2563EB 100%);color:#E8F0FF;border:2px solid #0F2A5C;box-shadow:0 26px 50px -28px rgba(15,42,92,.9)}
.md-dan h3{color:#fff}
.md-tag{align-self:flex-start;font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--accent)}
.md-dan .md-tag{background:rgba(255,255,255,.16);color:#fff}
.md-l{list-style:none;margin:4px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;font-size:.92rem}
@media (max-width:520px){.md-l{grid-template-columns:1fr}}
.md-l li{display:flex;gap:8px;align-items:flex-start}
.md-l li::before{content:"✓";font-weight:800;color:var(--ok);flex:none}
.md-dan .md-l li::before{color:#7DD3FC}
.md-f{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:8px}
.md-f b{font-size:2.6rem;font-weight:800;color:var(--ink);line-height:1}.md-f span{font-weight:800;color:var(--muted)}
.md-pk{display:grid;gap:6px;margin-top:auto;padding-top:8px}
.md-pk>span{display:flex;justify-content:space-between;gap:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:9px 12px;font-size:.92rem}
.md-pk b{color:#fff}
.md .btn-lg{align-self:stretch;text-align:center;justify-content:center}
.md-btn{background:#fff!important;color:#1E40AF!important;text-decoration:none}
/* paket kartları */
.pk-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1100px){.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.pk-grid{grid-template-columns:1fr}}
.pk{background:var(--surface);border:1px solid #D3DDEB;border-top:5px solid var(--accent);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 36px -28px rgba(15,30,61,.55)}
.pk.bireysel{border-top-color:#0EA5E9}.pk.cur{outline:3px solid var(--ok);outline-offset:-1px}
.pk-h{display:flex;flex-direction:column;gap:6px;border-bottom:2px solid var(--line);padding-bottom:14px}
.pk-h h3{font-size:1.15rem;margin:0}
.pk-tag{align-self:flex-start;font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:#DBEAFE;color:#1D4ED8}
.pk.bireysel .pk-tag,.pko.bireysel .pk-tag,.pk-tag.bireysel{background:#E0F2FE;color:#0369A1}
.pk-f{display:flex;align-items:baseline;gap:6px}.pk-f b{font-size:2.2rem;font-weight:800;color:var(--ink);line-height:1.05}.pk-f span{font-weight:700;color:var(--muted)}
.pk-g{font-size:.86rem;font-weight:700;color:var(--accent)}
.pk-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:.92rem;flex:1}
.pk-l li{display:flex;gap:8px}.pk-l li::before{content:"✓";color:var(--ok);font-weight:800}
.pk-b{width:100%;padding:12px}
/* araç tanıtımı */
.tn-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media (max-width:1000px){.tn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.tn-grid{grid-template-columns:1fr}}
.tn{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}
.tn p{margin:0;color:var(--muted);font-size:.9rem}.tn-t{display:flex;align-items:center;gap:10px}.tn-t h3{font-size:1.02rem;margin:0}.tn-t .feat-i{width:36px;height:36px;font-size:1rem}
.tg{height:118px;border-radius:14px;background:var(--sunk);padding:10px;display:grid;gap:6px}
.tg-prog{grid-template-columns:1fr 1fr}.tg-prog span{border-radius:9px;padding:6px 8px;font-size:.72rem;background:#fff;border-left:4px solid var(--line);display:flex;flex-direction:column;color:var(--muted)}
.tg-prog span b{color:var(--ink);font-size:.76rem}.tg-prog .ok{border-left-color:var(--ok)}.tg-prog .half{border-left-color:var(--warn)}.tg-prog .rev{border-left-color:var(--rev)}
.tg-krono{place-items:center}.tg-ring{width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--accent) 0 62%,#fff 62% 100%);display:grid;place-items:center;text-align:center;position:relative}
.tg-ring::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--sunk)}.tg-ring b,.tg-ring small{position:relative}.tg-ring b{font-size:1.1rem;color:var(--ink)}.tg-ring small{font-size:.6rem;color:var(--muted);display:block}
.tg-konu{align-content:center}.tg-konu span{display:grid;grid-template-columns:62px 1fr 34px;gap:8px;align-items:center;font-size:.76rem}
.tg-konu i{height:9px;border-radius:5px;background:#fff;overflow:hidden;display:block}.tg-konu em{display:block;height:100%;background:var(--ok)}
.tg-den{grid-auto-flow:column;align-items:end;gap:8px;padding:12px 14px}.tg-den i{display:block;background:var(--grad);border-radius:6px 6px 2px 2px}
/* SSS */
.sss{max-width:860px;margin:0 auto}
/* ödeme akışı */
.ad-s{list-style:none;margin:0 0 4px;padding:0;display:flex;gap:6px}
.ad-s li{flex:1;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--muted);border-bottom:3px solid var(--line);padding-bottom:8px}
.ad-s li span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--sunk);font-size:.74rem}
.ad-s li.on{color:var(--accent);border-color:var(--accent)}.ad-s li.on span{background:var(--accent);color:#fff}
.ad-s li.ok{color:var(--ok);border-color:var(--ok)}.ad-s li.ok span{background:var(--ok);color:#fff}
.pk-sec{display:flex;flex-direction:column;gap:8px}
.pk-r{display:flex;align-items:center;gap:12px;border:2px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer}
.pk-r:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.pk-r input{width:18px;height:18px;flex:none}.pk-rt{flex:1;display:flex;flex-direction:column}.pk-rt b{color:var(--ink)}.pk-rt small{color:var(--muted)}
.pk-rf{font-weight:800;color:var(--ink);font-size:1.05rem;white-space:nowrap}.pk-rf small{font-weight:600;color:var(--muted);font-size:.78rem}
.ad-oz{background:var(--sunk);border-radius:12px;padding:12px 14px;font-size:.88rem}.ad-oz ul{margin:6px 0 0;padding-left:18px}
.ad-onay{display:flex;gap:10px;align-items:flex-start;font-size:.86rem;line-height:1.45}.ad-onay input{margin-top:3px;width:18px;height:18px;flex:none}
.ad-onay .link{font-size:inherit;text-decoration:underline}
.ad-fat{border:2px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
.ad-fat>div{display:flex;justify-content:space-between;gap:10px;font-size:.92rem}.ad-fat>div span{color:var(--muted)}.ad-fat>div b{color:var(--ink);text-align:right}
.ad-top{border-top:2px solid var(--line);padding-top:10px;margin-top:4px}.ad-top b{font-size:1.5rem}
.ad-guv{display:flex;gap:12px;align-items:flex-start;background:var(--ok-bg);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);border-radius:12px;padding:12px 14px;font-size:.86rem;line-height:1.45}
/* üyelik */
.uy-c{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.uy-i{width:56px;height:56px;border-radius:16px;background:var(--grad);color:#fff;display:grid;place-items:center;font-size:1.5rem;flex:none}
.uy-t{flex:1;min-width:200px;display:flex;flex-direction:column}.uy-t h2{margin:2px 0}
.uy-k{display:flex;gap:10px;flex-wrap:wrap}.uy-k span{display:flex;flex-direction:column;background:var(--sunk);border-radius:12px;padding:8px 14px;font-size:.74rem;color:var(--muted)}.uy-k b{font-size:1rem;color:var(--ink)}
.pk-ozet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.pk-ozet{grid-template-columns:repeat(2,minmax(0,1fr))}}
.pko{background:var(--surface);border:1px solid #D3DDEB;border-top:4px solid var(--accent);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:6px}
.pko.bireysel{border-top-color:#0EA5E9}.pko>b{color:var(--ink)}.pko-f{font-size:1.3rem;font-weight:800;color:var(--ink)}.pko-f small{font-size:.8rem;color:var(--muted)}.pko-n{font-size:.84rem;color:var(--muted)}.pko-n b{color:var(--ink)}
.uy-t tbody tr,.uy-t tbody tr td{cursor:pointer}.uy-t tbody tr:hover td{background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
/* görüşmeler */
.gr-list{display:flex;flex-direction:column;gap:8px}
.gr{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:10px 12px;flex-wrap:wrap}
.gr.talep{border-left-color:var(--warn)}.gr.planlandi{border-left-color:var(--accent)}.gr.yapildi{border-left-color:var(--ok)}.gr.iptal{opacity:.6}
.gr-d{display:flex;flex-direction:column;align-items:center;min-width:64px;background:var(--sunk);border-radius:10px;padding:6px 8px}.gr-d b{color:var(--ink)}.gr-d span{font-size:.78rem;color:var(--muted)}
.gr-m{flex:1;min-width:160px}.gr-m p{margin:3px 0 0;font-size:.86rem}.gr-n{color:var(--fg)}
.gr-s{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.gr.talep .gr-s{color:var(--warn)}.gr.planlandi .gr-s{color:var(--accent)}.gr.yapildi .gr-s{color:var(--ok)}
.gr-a{display:flex;gap:6px;flex-wrap:wrap}
/* alt bilgi */
.site-foot{background:#0B1B3A;color:#B8C6E0;border-top:4px solid var(--accent);padding:40px 16px 0;margin-top:48px;display:block;text-align:left}
.sf-in{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
@media (max-width:900px){.sf-in{grid-template-columns:1fr 1fr}}@media (max-width:520px){.sf-in{grid-template-columns:1fr}}
.sf-brand .brand b{color:#fff;font-size:1.05rem}.sf-brand p{margin:10px 0 0;font-size:.88rem;line-height:1.5;max-width:34ch}
.sf-col{display:flex;flex-direction:column;gap:4px}
.sf-col h4{color:#fff;font-size:1rem;margin:0 0 8px;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,.12)}
.sf-col a,.sf-col button{color:#B8C6E0;text-decoration:none;background:none;border:0;font:inherit;font-size:.92rem;text-align:left;padding:5px 0;cursor:pointer}
.sf-col a:hover,.sf-col button:hover{color:#fff}
body:not(.is-land) .sf-kesfet{display:none}
.site-foot .brand{justify-content:flex-start}.site-foot .brand b,.sf-brand .brand b{color:#fff!important}.sf-brand p{color:#B8C6E0}
.site-foot .logo{background:var(--accent);color:#fff}
.land .sec-h{align-items:center;text-align:center;margin-inline:auto}
.land .sec-h h2::after{left:50%;transform:translateX(-50%)}

.sf-alt{max-width:1180px;margin:28px auto 0;border-top:1px solid rgba(255,255,255,.12);padding:16px 0 calc(18px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.82rem}
body.nav-side .site-foot{padding-left:16px}
@media (min-width:900px){body.nav-side .sf-in,body.nav-side .sf-alt{max-width:min(1180px,calc(100vw - 300px))}}
/* ================= KONU TAKİBİ: açılır kapanır (akordeon) ================= */
.kt-acc{gap:10px}
.kt-item{border-radius:16px;transition:box-shadow .25s,border-color .25s}
.kt-item .kt-ders{transition:background .15s}
.kt-item .kt-ders:hover{background:var(--sunk)}
.kt-item.open .kt-ders{background:color-mix(in srgb,var(--accent) 6%,var(--surface))}
.kt-item .kt-name{font-weight:700;font-size:1rem}
.kt-car{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sunk);font-size:.8rem;transition:transform .3s,background .2s,color .2s}
.kt-item.open .kt-car{background:var(--accent);color:#fff;transform:rotate(180deg)}
.kt-item .kt-ders{grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) auto 30px}
.kt-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .32s ease}
.kt-item.open>.kt-body{grid-template-rows:1fr}
.kt-body>.kt-inner{overflow:hidden;min-height:0}
.kt-item .kt-panel{border-top:1px solid var(--line);padding:12px 14px 16px;opacity:0;transform:translateY(-6px);transition:opacity .25s,transform .25s}
.kt-item.open .kt-panel{opacity:1;transform:none}
.kt-tools{display:flex;justify-content:flex-end;gap:8px;margin:-4px 0 10px}
@media (max-width:640px){.kt-item .kt-ders{grid-template-columns:minmax(0,1fr) 30px}}
@media (prefers-reduced-motion:reduce){.kt-body,.kt-panel,.kt-car{transition:none!important}}
@media print{.kt-body{grid-template-rows:1fr!important}.kt-panel{opacity:1!important;transform:none!important}}
@media print{.nav-ov{display:none!important}body.nav-side main.wrap{margin-left:0!important;max-width:none!important}}
body.is-land .clock{display:none}
.fld .radios input,.radios input{width:auto;flex:none;padding:0;margin:0;border:0;box-shadow:none!important;background:none}
.radios label{justify-content:flex-start;text-align:left}
/* yazdırırken boş sayfa çıkmasın: yazdırılan bölüm dışındaki her şey yer kaplamaz */
@media print{
  #app :not(.print-on):not(:has(.print-on)):not(.print-on *){display:none!important}
  main.wrap{padding:0!important;gap:0!important}
  .print-on{position:static!important}
}
@media (max-width:560px){body.is-land .mast .wrap{flex-wrap:nowrap}.brand{min-width:0}.brand b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hdr-login{padding:8px 12px;flex:none}}

/* v2: ortalama ve mobil düzeltmeleri */
.login-sec{text-align:center;justify-items:center}
.login-sec .login-side{text-align:center;margin-inline:auto}
.login-sec .gate-card{margin-inline:auto;max-width:520px;width:100%}
.land-foot{justify-content:center;flex-direction:column;text-align:center}
.land-foot .brand{justify-content:center}
.demo-btns{max-width:100%}
@media (max-width:560px){
  body.is-land .mast .wrap{gap:8px}
  .brand .logo{flex:none}
  .brand b{font-size:.92rem;white-space:normal;line-height:1.15;overflow:visible;text-overflow:clip}
  .hdr-login{margin-left:auto;white-space:nowrap}
  .hero{padding-top:20px}
  .hero h1{font-size:1.9rem}
  .hero-btns .btn-lg,.hero-btns .btn-soft{flex:1;text-align:center;justify-content:center}
}

/* v3 */
.contact-sec{text-align:center}
.contact-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.steps{grid-template-columns:minmax(0,1fr)!important;max-width:640px;margin-inline:auto}
#nasil,.land-sec:has(.steps){text-align:center}
.land-sec:has(.steps) .steps li{text-align:left}
body.is-land .mast .clock{display:block}
.land>.login-sec{padding-top:28px}

/* v5: giriş üstte, paneller alt alta */
.login-sec{grid-template-columns:minmax(0,1fr)!important;gap:18px}
.login-sec .login-side p{margin-inline:auto}
.login-sec .demo-btns{grid-template-columns:minmax(0,1fr)!important;gap:10px}
.login-sec .demo-btns .btn-ghost{width:100%;padding-block:14px;font-weight:700}

/* v6: giriş penceresi (sayfanın ortasında değil, üstteki butonla açılır) */
.land .login-sec{display:none}
.land .login-sec.open{display:grid;position:fixed;inset:0;z-index:60;background:rgba(20,16,50,.6);place-items:center;padding:16px;overflow:auto;text-align:center}
.login-box{position:relative;width:100%;max-width:520px;background:var(--surface);border-radius:22px;padding:22px 18px 18px;box-shadow:0 30px 80px -20px rgba(0,0,0,.5);display:flex;flex-direction:column;gap:12px}
.login-box .gate-card{box-shadow:none;border:0;padding:6px}
.login-x{position:absolute;top:10px;right:10px;border:0;background:var(--sunk);color:var(--ink);width:36px;height:36px;border-radius:99px;font-size:1rem;cursor:pointer}
.mast .hdr-login{margin-left:auto}

body:not(.is-land) .login-sec{display:none!important}

/* v7: konu takibi akordeon */
.kt-acc{display:flex;flex-direction:column;gap:10px}
.kt-item{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:box-shadow .2s}
.kt-item.open{box-shadow:0 14px 34px -22px rgba(37,99,235,.55);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}
.kt-item .kt-ders{width:100%;border:0;border-radius:0;background:transparent;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) auto 22px;gap:12px;align-items:center;text-align:left;padding:14px 16px}
.kt-car{transition:transform .2s;color:var(--muted)}.kt-item.open .kt-car{transform:rotate(180deg)}
.kt-panel{padding:4px 12px 14px;border-top:1px solid var(--line);background:var(--sunk)}
@media (max-width:640px){.kt-item .kt-ders{grid-template-columns:minmax(0,1fr) 22px}.kt-item .kt-ders .kt-bar{grid-column:1/-1;order:3}.kt-item .kt-ders .kt-n{grid-column:1/2}}
/* Konu takibi (yönetici): düğmeler konu adının altına geçer, konu adı hiçbir zaman harf harf kırılmaz */
.kt-topic .kt-t{min-width:0;overflow-wrap:break-word;word-break:normal}
.kt-topic.kt-adm{grid-template-columns:28px minmax(0,1fr)}
.kt-topic.kt-adm .kt-btns{grid-column:2/-1;justify-content:flex-start}
.tm-days{flex-wrap:nowrap;overflow-x:auto;max-width:100%}.tm-days button{flex:0 0 auto}

/* v8: genel alt bilgi, çerez bildirimi */
.land-foot{display:none!important}
.site-foot{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:28px 16px calc(28px + env(safe-area-inset-bottom,0px));margin-top:40px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}
.site-foot .brand{justify-content:center}.site-foot .brand b{color:var(--ink);font-size:1rem}
.site-foot .logo{width:34px;height:34px;font-size:12px;background:var(--accent);color:#fff}
.foot-links{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
.foot-links button,.cookie .link{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;padding:6px 2px;text-decoration:underline;text-underline-offset:3px}
.foot-links button:hover{color:var(--accent)}
.cookie{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:70;max-width:760px;margin-inline:auto;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 20px 50px -18px rgba(0,0,0,.45);display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.cookie[hidden],.info-ov[hidden]{display:none}
.cookie p{margin:0;font-size:.9rem;color:var(--ink);flex:1 1 260px}
.info-ov{position:fixed;inset:0;z-index:80;background:rgba(20,16,50,.6);display:grid;place-items:center;padding:16px;overflow:auto}
.info-box{position:relative;background:var(--surface);color:var(--ink);border-radius:20px;max-width:560px;width:100%;padding:24px 20px;max-height:86vh;overflow:auto}
.info-box h3{margin:0 40px 10px 0}.info-box h4{margin:14px 0 4px}.info-box p{margin:0 0 8px;color:var(--muted)}
@media print{.site-foot,.cookie,.info-ov{display:none!important}}
/* v9: modern kronometre ve açılır menü */
.tm-panel{background:linear-gradient(160deg,#1B1550 0%,#3A23B8 60%,#2563EB 100%);color:#fff;border:0;box-shadow:0 24px 50px -22px rgba(37,99,235,.7)}
.tm-panel h2,.tm-panel .tm-clock{color:#fff}
.tm-panel .muted{color:rgba(255,255,255,.75)}
.tm-panel .seg button{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px}
.tm-panel .seg button[aria-pressed="true"]{background:#fff;color:#3A23B8;border-color:#fff}
.tm-panel .fld label{color:rgba(255,255,255,.85)}
.tm-panel .fld select,.tm-panel .fld input{background:rgba(255,255,255,.96);color:#14123A;border-color:transparent}
.tm-panel .tm-ring{width:230px;height:230px;background:radial-gradient(closest-side,#1B1550 84%,transparent 85%),conic-gradient(#FFB020 calc(var(--p)*1%),rgba(255,255,255,.16) 0);box-shadow:0 0 60px -10px rgba(255,176,32,.35)}
.tm-panel .tm-clock{font-size:3rem}
.tm-panel .btn{background:#FFB020;color:#2B1A00;box-shadow:none}
.tm-panel .btn-ghost{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.35)}
.tm-panel .del{color:#FFD3DB}
.nav-btn{backdrop-filter:blur(6px)}
.tabs .nav-list .tab[aria-current="true"]{box-shadow:0 8px 18px -10px var(--accent)}
@media (prefers-reduced-motion:no-preference){
  .nav-list.open{animation:navin .16s ease-out}
  @keyframes navin{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
  .tabs .nav-list .tab{transition:background .12s,transform .12s}
  .tabs .nav-list .tab:hover{transform:translateX(3px)}
}
/* v10: yönetici menüsü dikey açılır; öğrenci tarafı eski yatay sekmeler; sekmeler telefonda da düğme */
.tabs.tabs-flat .nav-wrap{padding-block:0}
.tabs.tabs-flat #nav-btn{display:none}
.tabs.tabs-flat .nav-list,.tabs.tabs-flat .nav-list.open{display:flex;flex-direction:row;flex-wrap:wrap;position:static;width:auto;max-height:none;overflow:visible;background:transparent;border:0;box-shadow:none;padding:0;gap:2px;animation:none}
.tabs.tabs-flat .nav-list .tab{width:auto;min-height:0;background:none;color:rgba(255,255,255,.78);border-radius:0;border-bottom:3px solid transparent;padding:10px 12px;gap:0;transform:none}
.tabs.tabs-flat .nav-list .tab:hover{color:#fff;background:none;transform:none}
.tabs.tabs-flat .nav-list .tab[aria-current="true"]{color:#fff;background:none;border-bottom-color:#FFB020;box-shadow:none}
.tabs.tabs-flat .tab-i{display:none}
.nav-title{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:8px 12px 4px}
.nav-sep{height:1px;background:var(--line);margin:6px 10px}
.nav-list .tab[aria-current="true"]{background:var(--grad)!important}
.nav-list .tab:nth-of-type(2) .tab-i{background:#FFF1D6;color:#B86E00}
.nav-list .tab:nth-of-type(3) .tab-i{background:#FFE3EA;color:#D63A5C}
.nav-list .tab:nth-of-type(4) .tab-i{background:#D9F6F4;color:#0B8D87}
.nav-list .tab:nth-of-type(5) .tab-i{background:#DCEBFF;color:#1F6FD6}
.nav-list .tab[aria-current="true"] .tab-i{background:rgba(255,255,255,.22);color:#fff}
@media (max-width:760px){
  .segwrap:not(.inline) .seg-btns{display:flex!important}
  .segwrap:not(.inline) .seg-sel{display:none!important}
  .segwrap:not(.inline){align-self:flex-start}
}
/* son düzeltmeler: eski kuralların üzerine */
footer#site-foot.site-foot{display:block;text-align:left;padding:40px 16px 0}
footer#site-foot .sf-col h4{text-align:left}
footer#site-foot .sf-brand{text-align:left}
footer#site-foot .brand{justify-content:flex-start}
footer#site-foot .sf-alt{max-width:1180px;width:100%}

/* ===== v10: üst bilgi, renkli yönetici menüsü, kaydırmasız çizelge ===== */
/* üst bilgi */
.mast{background:linear-gradient(115deg,#4B2FE0 0%,#7B3DF5 50%,#FF5E7E 100%)!important;border-bottom:3px solid rgba(255,255,255,.35)}
.mast .wrap{padding-block:14px;gap:14px;flex-wrap:nowrap}
.mast .brand .logo{width:46px;height:46px;font-size:15px;border-radius:13px;box-shadow:0 8px 20px -8px rgba(0,0,0,.55),0 0 0 3px rgba(255,255,255,.25)}
.mast .brand b{font-size:1.28rem;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.25);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mast .clock{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);border-radius:12px;padding:8px 14px;backdrop-filter:blur(6px)}
.mast .clock .d{font-weight:700;color:#fff}
.mast .who{margin-left:auto;flex:none;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:6px 6px 6px 8px;backdrop-filter:blur(6px)}
.mast .clock+.tmr-chip,.mast .clock~.who{margin-left:0}
.mast .who .av{background:#fff!important;color:#5B21B6!important;box-shadow:0 0 0 2px #FDE68A}
.mast .who .role{color:#FDE68A;font-weight:800}
.mast .who .nm{color:#fff;font-weight:700}
.mast .btn-out{background:#fff;color:#5B21B6;border:0;font-weight:800;border-radius:11px;padding:8px 14px}
.mast .btn-out:hover{background:#FDE68A;color:#3B0764}
@media (max-width:700px){
  .mast .wrap{padding-block:10px;gap:10px}
  .mast .brand{flex:1;min-width:0}.mast .brand .logo{width:40px;height:40px;font-size:13px}
  .mast .brand b{font-size:1rem}
  .mast .clock{display:none}
  .mast .who{gap:8px;padding:4px 4px 4px 6px}
  .mast .who .av{width:30px!important;height:30px!important;font-size:.75rem!important}
  .mast .who .nm{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
  .mast .btn-out{padding:7px 10px;font-size:.8rem}
}
@media (max-width:380px){.mast .who>div:not(.av){display:none}}
/* çizelge: kaydırma yok */
table.grid{min-width:0!important;width:100%}
#pg-grid .tframe,#pl-grid .tframe{overflow:visible}
table.grid th.g-row{width:64px}
table.grid .g-cell{font-size:.78rem;padding:6px 7px;overflow-wrap:anywhere}
table.grid thead th{font-size:.68rem;letter-spacing:.04em}
.pg-days{display:none}
@media (max-width:760px){
  #pg-grid .tframe{display:none}
  .pg-days{display:flex;flex-direction:column;gap:10px}
}
.pg-day{border:1px solid var(--line);border-radius:14px;padding:10px 12px;background:var(--surface)}
.pg-day.today{border:2px solid var(--mark);box-shadow:0 10px 24px -18px rgba(245,158,11,.8)}
.pg-day h4{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:.95rem;flex-wrap:wrap}
.pg-dn{font-weight:800;color:var(--ink)}.pg-dd{color:var(--muted);font-size:.82rem}.pg-ds{margin-left:auto;font-size:.78rem;color:var(--muted)}
.pg-day.today .pg-dn::after{content:"Bugün";margin-left:6px;font-size:.66rem;font-weight:800;background:var(--mark);color:var(--mark-ink);padding:2px 7px;border-radius:999px;vertical-align:2px}
.pg-day-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.pg-day-g .g-cell{margin:0!important}
@media print{.pg-days{display:none!important}#pg-grid .tframe{display:block!important}}
table.grid .g-cell{overflow-wrap:break-word;word-break:normal;hyphens:auto}
@media (max-width:480px){.mast .who .nm{display:none}.mast .who .role{font-size:.62rem}}
@media (max-width:420px){.mast .brand b{font-size:.9rem;white-space:normal;line-height:1.15}.mast .brand .logo{width:36px;height:36px}}
/* ===== v11 ===== */
.tab-i svg{display:block}
body.nav-side .tabs .nav-list .tab .tab-i,body.nav-side .tabs .nav-gbtn .tab-i{color:var(--ic,var(--muted))!important}
body.nav-side .tabs .nav-list .tab[aria-current="true"] .tab-i{color:#fff!important}
.tab[data-v="genel"],.tab[data-v="program"]{--ic:#2563EB}.tab[data-v="YKS"]{--ic:#EA580C}.tab[data-v="LGS"]{--ic:#059669}.tab[data-v="KPSS"]{--ic:#DB2777}.tab[data-v="AGS"]{--ic:#7C3AED}
.tab[data-v="akis"]{--ic:#DC2626}.tab[data-v="gorev"]{--ic:#16A34A}.tab[data-v="ktakip"],.tab[data-v="konular"]{--ic:#0891B2}.tab[data-v="yontem"]{--ic:#CA8A04}.tab[data-v="uyelikler"],.tab[data-v="uyelik"]{--ic:#D97706}.tab[data-v="odemeler"]{--ic:#E11D48}
.tab[data-v="kronometre"]{--ic:#E11D48}.tab[data-v="kayit"]{--ic:#16A34A}.tab[data-v="rapor"]{--ic:#4F46E5}.tab[data-v="hedefler"]{--ic:#DB2777}.tab[data-v="deneme"]{--ic:#9333EA}.tab[data-v="gorusme"]{--ic:#0D9488}.tab[data-v="plan"]{--ic:#EA580C}
.nav-group[data-g="Sınavlar"] .nav-gbtn{--ic:#4F46E5}.nav-group[data-g="Takip"] .nav-gbtn{--ic:#0D9488}
.pk-l li.no{color:var(--muted)}.pk-l li.no::before{content:"✕";color:var(--muted)}
.md-not{font-size:.86rem!important;background:color-mix(in srgb,var(--accent) 8%,var(--surface));border-radius:10px;padding:8px 12px;color:var(--fg)!important}
/* havale */
.hv{border:2px solid var(--line);border-radius:14px;padding:6px 14px;display:flex;flex-direction:column}
.hv-r{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}.hv-r:last-child{border-bottom:0}
.hv-r span{color:var(--muted);font-size:.84rem;min-width:120px}.hv-r b{color:var(--ink);flex:1;min-width:0;overflow-wrap:anywhere}
.hv-iban{letter-spacing:.04em}.hv-ref b{color:var(--accent);font-size:1.1rem}
.hv-k{padding:5px 10px;font-size:.8rem}
.ot-list{display:flex;flex-direction:column;gap:8px}
.ot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:1px solid var(--line);border-left:4px solid var(--warn);border-radius:12px;padding:10px 14px;background:var(--warn-bg)}
.ot-m{display:flex;flex-direction:column;flex:1;min-width:180px}.ot-m b{color:var(--ink)}.ot-m span{font-size:.8rem}
.ot-k{display:flex;flex-direction:column;align-items:flex-end;font-weight:800;color:var(--ink)}.ot-kod{color:var(--accent);font-size:.86rem}
.ot-a{display:flex;gap:6px;flex-wrap:wrap}
.uy-bek{border:2px solid var(--warn)}
.uy-uy{margin-top:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700;color:var(--warn)}.uy-uy.bad{color:var(--bad)}
/* yayın listesi ayarı */
.yy-chips{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0}
.yy-c{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--sunk);border:1px solid var(--line);font-size:.84rem}
.yy-c.ek{background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--line))}
.yy-c button{border:0;background:none;color:var(--bad);cursor:pointer;font-weight:800;padding:0 2px}
.kt-sec{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.kt-sec .fld{min-width:260px;flex:1;max-width:420px}
/* çizelge gün kartları: ders sırası */
.pg-slot{display:flex;flex-direction:column;gap:3px}
.pg-sn{align-self:flex-start;font-size:.68rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface));padding:2px 8px;border-radius:999px}
.pg-sn.ek{color:var(--muted);background:var(--sunk)}
.pg-dd{color:var(--muted);font-size:.84rem;font-weight:600}
/* ana sayfa: kronometre görseli, açılır paket özellikleri, karşılaştırma tablosu */
.tg-ring{width:100px;height:100px}.tg-ring::before{inset:10px}
.tg-in{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;text-align:center;max-width:72px}
.tg-in b{font-size:1.05rem}.tg-in small{font-size:.56rem;margin-top:2px}
.pk{gap:12px}
.pk-ac{border:1px solid var(--line);background:var(--sunk);color:var(--accent);font:inherit;font-weight:700;font-size:.86rem;border-radius:10px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.pk-ac[aria-expanded="true"] span{transform:rotate(180deg)}
.pk-ac+.pk-l{margin-top:-2px}
.kr-w{margin-top:26px}.kr-h{text-align:center;font-size:1.2rem;margin:0 0 12px}
.kr{border:1px solid #D3DDEB;border-radius:18px;overflow:hidden;background:var(--surface);box-shadow:0 18px 36px -30px rgba(15,30,61,.6)}
.kr table{min-width:0;width:100%;table-layout:fixed;font-size:.9rem}
.kr th,.kr td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--line)}
.kr th:first-child,.kr td:first-child{text-align:left;width:34%;padding-left:16px}
.kr thead th{background:var(--sunk);font-size:.8rem;color:var(--ink);border-bottom:2px solid var(--line)}
.kr thead th span{display:inline-block;padding:4px 8px;border-radius:999px;background:#DBEAFE;color:#1D4ED8;font-weight:800}
.kr thead th.bireysel span{background:#E0F2FE;color:#0369A1}
.kr tbody tr:nth-child(even) td{background:color-mix(in srgb,var(--sunk) 55%,var(--surface))}
.kr-y{color:var(--ok);font-weight:800;font-size:1.05rem}.kr-n{color:var(--muted)}
.kr-b td{border-bottom:0;background:var(--surface)!important}.kr-b .btn{width:100%;padding:9px 6px}
@media (max-width:600px){.kr table{font-size:.76rem}.kr th,.kr td{padding:8px 3px}.kr th:first-child,.kr td:first-child{padding-left:8px;width:36%}.kr thead th span{padding:3px 5px;font-size:.66rem}.kr-b .btn{font-size:.74rem;padding:7px 2px}}
/* telefon: plan düzenleme gün kartları */
@media (max-width:760px){#pl-grid .tframe{display:none}}
.pl-acts{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.pl-acts .g-add{flex:1;min-height:42px;margin:0!important}
.pl-days .g-cell .g-tools{display:flex;gap:6px;margin-top:4px}
.pl-days .g-tools button{min-height:34px;padding:4px 10px}
/* telefon genel: dokunma alanları ve taşma */
@media (max-width:760px){
  main.wrap{padding-left:12px;padding-right:12px}
  .panel{padding:14px}
  .btn,.btn-ghost{min-height:42px}
  .tframe{max-width:100%}
  .panel-h{gap:8px}.panel-h h2{font-size:1.15rem}
  .weeknav{flex-wrap:wrap;gap:6px}
}
@media (max-width:600px){
  .tframe:has(table.mt){overflow:visible;border:0}
  table.mt{min-width:0!important}
  table.mt thead{display:none}
  table.mt,table.mt tbody{display:block;width:100%}
  table.mt tr{display:block;border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin-bottom:8px;background:var(--surface)}
  table.mt td{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0!important;padding:5px 0;text-align:right;min-width:0;width:auto!important}
  table.mt td::before{content:attr(data-label);font-weight:700;color:var(--muted);font-size:.76rem;text-align:left;flex:none;max-width:45%}
  table.mt td[data-label=""]::before{display:none}
  table.mt td>*{min-width:0}
  table.mt td .kt-bar,table.mt td .prog{flex:1;max-width:55%}
  .panel-h .seg{width:100%}.panel-h .seg button{flex:1}
}
@media (max-width:600px){
  .seg.tm-days{display:grid!important;grid-template-columns:repeat(4,1fr);gap:6px;width:100%}
  .seg.tm-days button{padding:8px 4px;font-size:.8rem;min-width:0}
  .dn-chart{min-width:0!important}
}
@media (max-width:600px){.kr td b.num{white-space:nowrap;font-size:.7rem}}
/* ===== v12 ===== */
/* üstte öğrenci düğmeleri: solda Öğrenci paneli, ortada Planımı Düzenle, sağda Kronometre */
.qbar{display:none}
body.stu-qb .qbar:not([hidden]){display:flex;gap:8px;align-items:center}
.qb-l{display:none}
.qb{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:12px;padding:9px 14px;font:inherit;font-weight:800;font-size:.95rem;cursor:pointer;min-height:44px;white-space:nowrap}
.qb:hover{background:rgba(255,255,255,.26)}
.qb[aria-current="true"]{background:#fff;color:#5B21B6;border-color:#fff;box-shadow:0 8px 18px -10px rgba(0,0,0,.5)}
.qb-i svg{display:block}
@media (max-width:899px){
  body.stu-qb .tabs .nav-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
  body.stu-qb #nav-btn{grid-column:1;width:100%;justify-content:center;padding:8px 6px;font-size:.86rem;gap:6px}
  body.stu-qb .qbar:not([hidden]){display:contents}
  body.stu-qb .qb{padding:8px 6px;font-size:.82rem;white-space:normal;line-height:1.15;text-align:center;gap:5px}
  body.stu-qb .qb:nth-of-type(1){grid-column:2}body.stu-qb .qb:nth-of-type(2){grid-column:3}
}
@media (min-width:900px){
  body.stu-qb .tabs .nav-wrap{display:flex!important;align-items:center;gap:10px;padding-block:10px!important;max-width:1180px!important;margin:0 auto}
  body.stu-qb .qb-l{display:inline-flex;align-items:center;font-weight:800;color:#fff;background:rgba(0,0,0,.14);border-radius:12px;padding:10px 14px;min-height:44px}
}
/* ana sayfa: A/B özellikleri açılır menü */
.md-ac{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid var(--line);background:var(--sunk);color:var(--accent);border-radius:12px;padding:11px 14px;font:inherit;font-weight:800;cursor:pointer}
.md-dan .md-ac{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.md-ac i{font-style:normal;transition:transform .25s}.md.acik .md-ac i{transform:rotate(180deg)}
.md-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.md.acik .md-b{grid-template-rows:1fr}
.md-in{overflow:hidden;min-height:0}.md-in .md-l{margin-top:10px}
/* fiyat kartları: 3 danışmanlık paketi, 2 ve 4 görüşme öne çıkar */
.pk-grid.pk3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
@media (max-width:900px){.pk-grid.pk3{grid-template-columns:1fr}}
.pk{position:relative}
.pk.one{border:2px solid transparent;background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(135deg,#4B2FE0,#7B3DF5,#FF5E7E) border-box;box-shadow:0 26px 48px -26px rgba(91,33,182,.55);padding-top:30px}
.pk.pk-g2{transform:translateY(-6px)}
@media (max-width:900px){.pk.pk-g2{transform:none}}
.pk-rz{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#7B3DF5,#FF5E7E);color:#fff;font-size:.74rem;font-weight:800;letter-spacing:.04em;padding:5px 14px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 18px -8px rgba(123,61,245,.8)}
.pk.pk-g4 .pk-rz{background:linear-gradient(135deg,#F59E0B,#EA580C)}
.pk-v{font-size:.86rem;color:var(--fg);background:color-mix(in srgb,#7B3DF5 8%,var(--surface));border-radius:10px;padding:8px 10px;line-height:1.4}
.pk.one .pk-b{background:linear-gradient(135deg,#4B2FE0,#7B3DF5)}
.pk.pk-g4 .pk-b{background:linear-gradient(135deg,#EA580C,#F59E0B)}
/* karşılaştırma: 2 ve 4 görüşme sütunları vurgulu, telefonda başlık sabit */
.kr{overflow:visible}.kr table{border-radius:18px;overflow:hidden}
.kr td.c-g2,.kr td.c-g4{background:color-mix(in srgb,#7B3DF5 7%,var(--surface))!important}
.kr thead th.c-g2,.kr thead th.c-g4{background:color-mix(in srgb,#7B3DF5 14%,var(--surface))}
.kr thead th em{display:block;font-style:normal;font-size:.62rem;font-weight:800;color:#7B3DF5;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}
.kr thead th.c-g4 em{color:#EA580C}
.kr .c-g2 .btn{background:linear-gradient(135deg,#4B2FE0,#7B3DF5)}.kr .c-g4 .btn{background:linear-gradient(135deg,#EA580C,#F59E0B)}
/* programda ders ekleme */
tr.g-addrow td{text-align:center;background:color-mix(in srgb,var(--accent) 4%,var(--surface))}
tr.g-addrow .g-add{width:100%;margin:0}
.pg-add{width:100%;margin-top:8px!important;min-height:42px}
.kt-btn2{display:flex;gap:8px;flex-wrap:wrap}
input[id$="yayin-yeni"]{margin-top:6px}
@media (max-width:600px){
  .kr thead th span{white-space:normal;text-transform:none;letter-spacing:0;font-size:.66rem;line-height:1.15;padding:4px 4px;display:block}
  .kr thead th em{font-size:0}.kr thead th em::before{content:"★";font-size:.8rem}
}
/* ===== v13 ===== */
/* telefonda yan yana kompakt çizelge */
.pg-mini{display:none}
@media (max-width:760px){
  .pg-mini{display:block;margin-bottom:12px}
  #pg-grid .pg-days{display:block}
  .pg-mini table.mini{width:100%;min-width:0!important;table-layout:fixed;border-collapse:separate;border-spacing:3px}
  .pg-mini th,.pg-mini td{padding:0;border:0;vertical-align:top}
  .pg-mini th.mr{width:20px;font-size:.66rem;color:var(--muted);font-weight:800;text-align:center;vertical-align:middle}
  .pg-mini thead th button{width:100%;border:0;background:var(--mast);color:#fff;border-radius:9px;padding:5px 0;display:flex;flex-direction:column;align-items:center;font:inherit;cursor:pointer;line-height:1.1}
  .pg-mini thead th button b{font-size:.68rem}.pg-mini thead th button span{font-size:.62rem;opacity:.8}
  .pg-mini thead th.t button{background:var(--mark);color:var(--mark-ink)}
  .pg-mini thead th.s button{box-shadow:0 0 0 2px var(--accent)}
  .pg-mini td.t{background:color-mix(in srgb,var(--mark) 14%,transparent);border-radius:9px}
  .mc{all:unset;box-sizing:border-box;display:flex!important;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:48px;border-radius:8px;padding:4px 2px;margin:0 0 3px!important;text-align:center;cursor:pointer;border:1px solid var(--line);background:var(--surface);line-height:1.1}
  .mc b{font-size:.6rem;font-weight:800;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
  .mc i{font-style:normal;font-size:.62rem;font-weight:700;color:var(--muted);margin-top:2px}
  .mc.bitti{background:var(--ok-bg);border-color:var(--ok)}.mc.bitti i{color:var(--ok)}
  .mc.yarim{background:var(--warn-bg);border-color:var(--warn)}.mc.yarim i{color:var(--warn)}
  .mc.tekrar{background:var(--rev-bg);border-color:var(--rev)}.mc.tekrar i{color:var(--rev)}
  .mc.open{border:1.5px solid var(--accent)}.mc.open i{color:var(--accent)}
  .mc.future{opacity:.55;cursor:default}
  .mc.rest{background:repeating-linear-gradient(45deg,var(--sunk),var(--sunk) 4px,var(--surface) 4px,var(--surface) 8px);font-size:.58rem;color:var(--muted);cursor:default}
  .mc-add{width:100%;min-height:34px;border:1.5px dashed var(--line);background:none;border-radius:8px;color:var(--accent);font-size:1.1rem;font-weight:800;cursor:pointer}
  .pg-mini tr.mt2 td{font-size:.66rem;font-weight:800;color:var(--ink);text-align:center;padding-top:4px}
  .mini-leg{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.7rem;margin-top:6px}
  .lg{display:inline-flex;align-items:center;gap:4px}.lg::before{content:"";width:10px;height:10px;border-radius:3px;border:1px solid var(--line)}
  .lg.bitti::before{background:var(--ok)}.lg.yarim::before{background:var(--warn)}.lg.tekrar::before{background:var(--rev)}.lg.open::before{border:1.5px solid var(--accent)}
}
/* görüşme günleri bilgisi */
.gr-saat{margin:0 0 12px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 8%,var(--surface));font-size:.9rem}
/* öğrenci silme */
.ac-sil{border:2px solid color-mix(in srgb,var(--bad) 45%,var(--line))}.ac-sil h2{color:var(--bad)}
.sil-b{background:var(--bad)!important;color:#fff!important;border-radius:10px;padding:10px 14px;font-weight:800}
/* ödeme takvimi */
.od-hat{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border:2px solid var(--warn);background:var(--warn-bg);border-radius:16px;padding:12px 16px}
.od-hat>div{flex:1;min-width:200px}.od-hat-i{font-size:1.4rem}
#od-hat:not(:empty){margin-bottom:4px}
.od-list{display:flex;flex-direction:column;gap:10px}
.od{display:grid;grid-template-columns:minmax(180px,1.4fr) 1fr 1.2fr 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-left:5px solid var(--ok);border-radius:14px;padding:12px 14px;background:var(--surface)}
.od.hafta{border-left-color:var(--accent)}.od.yakin{border-left-color:var(--warn);background:var(--warn-bg)}.od.gec{border-left-color:var(--bad);background:var(--bad-bg)}.od.ayr{opacity:.65}
.od-who{display:flex;align-items:center;gap:10px;min-width:0}
.od-d{display:flex;flex-direction:column;gap:2px;min-width:0}.od-d span{font-size:.72rem;color:var(--muted);font-weight:700}.od-d b{color:var(--ink);font-size:.9rem}
.od-d select{padding:6px 8px;border-radius:8px;border:1px solid var(--line);background:var(--bg);font:inherit}
.od-g{font-style:normal;font-size:.74rem;font-weight:800;align-self:flex-start;padding:2px 8px;border-radius:999px;background:var(--sunk);color:var(--muted)}
.od-g.gec{background:var(--bad);color:#fff}.od-g.yakin{background:var(--warn);color:#fff}.od-g.hafta{background:color-mix(in srgb,var(--accent) 14%,var(--surface));color:var(--accent)}
.od-a{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:900px){.od{grid-template-columns:1fr 1fr}.od-who{grid-column:1/-1}.od-a{grid-column:1/-1;justify-content:stretch}.od-a button{flex:1}}
.nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--bad);color:#fff;font-size:.74rem;font-weight:800;display:inline-grid;place-items:center}
@media (max-width:760px){.mc b{white-space:normal;overflow-wrap:anywhere;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.58rem;line-height:1.1}}
.od-x{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:.84rem;color:var(--fg);border-top:1px dashed var(--line);padding-top:8px;margin-top:2px}
.od-x b{color:var(--ink)}.od-t{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.od-t em{font-style:normal;background:var(--sunk);border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:700}
/* karşılaştırma tablosu: daha küçük ve derli toplu */
@media (min-width:601px){
  .kr-w{max-width:760px;margin-left:auto;margin-right:auto}
  .kr-h{font-size:1.05rem;margin-bottom:8px}
  .kr table{font-size:.82rem}
  .kr th,.kr td{padding:6px 6px}
  .kr th:first-child,.kr td:first-child{padding-left:12px;width:32%}
  .kr thead th{font-size:.7rem;padding:6px 4px}
  .kr thead th span{padding:2px 7px;font-size:.66rem;letter-spacing:.02em}
  .kr thead th em{font-size:.56rem;margin-bottom:2px}
  .kr-y{font-size:.9rem}
  .kr-b .btn{padding:6px 4px;font-size:.8rem;min-height:0}
}
/* ===== v15 ===== */
.hb-ust{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between;border:2px dashed var(--line);border-radius:14px;padding:12px 14px;margin-bottom:12px}
.hafta-bos{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border:2px dashed var(--line);border-radius:16px;padding:18px}
.hafta-bos b{font-size:1.05rem;color:var(--ink)}.hb-a{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}
.pw-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pw-ab{display:flex;gap:8px;flex-wrap:wrap}
/* soru takip çizelgesi */
.sq-w{width:100%}
.sq-t{width:100%;min-width:0!important;table-layout:fixed;border-collapse:separate;border-spacing:3px;font-size:.86rem}
.sq-t th,.sq-t td{border:0;padding:6px 4px;text-align:center;vertical-align:middle}
.sq-t thead th{background:var(--mast);color:#fff;border-radius:9px;font-size:.74rem}.sq-t thead th b{display:block}.sq-t thead th span{font-size:.7rem;opacity:.8}
.sq-t thead th.t{background:var(--mark);color:var(--mark-ink)}
.sq-t th.sq-d{width:24%;text-align:left;background:var(--sunk);border-radius:9px;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sq-t thead th.sq-d{background:var(--mast);color:#fff}
.sq-t td{background:var(--surface);border:1px solid var(--line);border-radius:9px}
.sq-t td.t{background:color-mix(in srgb,var(--mark) 12%,var(--surface))}
.sq-t td.v{background:color-mix(in srgb,var(--accent) 7%,var(--surface));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}
.sq-t td b{display:block;color:var(--ink);font-size:.95rem}.sq-t td small{display:block;font-size:.66rem;font-weight:800}
.sq-t small.iyi{color:var(--ok)}.sq-t small.orta{color:var(--warn)}.sq-t small.zayif{color:var(--bad)}
.sq-t .sq-top{width:11%;background:var(--sunk)!important}.sq-t thead .sq-top{background:var(--mast)!important;color:#fff}
.sq-t tr.sq-f td,.sq-t tr.sq-f th{background:var(--sunk);font-weight:800}
@media (max-width:600px){.sq-t{border-spacing:2px;font-size:.7rem}.sq-t th,.sq-t td{padding:4px 1px}.sq-t th.sq-d{width:22%;font-size:.6rem;white-space:normal;overflow-wrap:anywhere}.sq-t th.sq-d .tag{display:none}.sq-t td b{font-size:.74rem}.sq-t td small{font-size:.56rem}.sq-t .sq-top{width:13%}.sq-t thead th{font-size:.6rem}}
/* danışmanlar */
.dz-h{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dz-h>div{flex:1;min-width:180px}.dz-h b{color:var(--ink);font-size:1.05rem}.dz-a{display:flex;gap:6px;flex-wrap:wrap}
.dz.pasif{opacity:.6}
.dz-o{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:6px}
.dz-o>div{grid-column:1/-1}
.dz-c{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font-size:.88rem;cursor:pointer}
.dz-c.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.dz-c input{width:18px;height:18px}
/* hedefler: psikolojik danışman */
.hd-not{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}
.hd-not li{display:flex;flex-direction:column;gap:2px;border-left:3px solid var(--accent);padding:4px 10px;font-size:.88rem}.hd-not b{font-size:.78rem;color:var(--muted)}
.hd-ogh{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px}
/* kullanım rehberi */
.rh{display:flex;flex-direction:column;gap:18px}
.rh-g{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:8px 0 -6px}
.rh-s{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:start}
.rh-n{width:32px;height:32px;border-radius:10px;background:var(--grad);color:#fff;font-weight:800;display:grid;place-items:center}
.rh-s h5{margin:4px 0 4px;font-size:1rem;color:var(--ink)}.rh-s p{margin:0 0 8px;font-size:.9rem}
.rh-s img{display:block;width:100%;max-width:420px;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 24px -18px rgba(15,30,61,.6)}
.info-box:has(.rh){max-width:640px}
/* telefon: çizelge kutuları daha küçük, ders adı tek satır, açıklama gizli */
@media (max-width:760px){
  #pg-sheet>p.muted{display:none}
  .mc{min-height:40px!important;padding:3px 1px!important}
  .mc b{display:block!important;white-space:nowrap!important;overflow:hidden;text-overflow:clip;font-size:.62rem!important;-webkit-line-clamp:unset!important;letter-spacing:-.01em}
  .mc i{font-size:.6rem}
  .pg-mini table.mini{border-spacing:2px}
  .mc-add{min-height:28px}
}

/* ===== v16: telefonda üst başlık ekranı kaplamasın ===== */
@media (max-width:760px){
  .mast{position:relative;top:auto}
  .mast .wrap{padding-block:8px!important;gap:10px!important}
  .mast .brand .logo{width:36px!important;height:36px!important;font-size:12px!important;border-radius:10px!important}
  .mast .brand b{font-size:1rem!important;line-height:1.15}
  .who{gap:8px!important;padding:3px 3px 3px 6px!important}
  .who .role,.who .nm{display:none}
  .who .av{width:30px!important;height:30px!important;font-size:.75rem!important}
  .who .btn-out{padding:6px 12px!important;min-height:34px}
  body.stu-qb .tabs .nav-wrap{padding-block:6px 8px!important;gap:6px!important}
  body.stu-qb #nav-btn,body.stu-qb .qb{min-height:38px!important;padding:6px 4px!important;font-size:.8rem!important;white-space:nowrap!important;line-height:1.1;border-radius:10px}
  body.stu-qb .nav-car{display:none}
  body.stu-qb #nav-cur{overflow:hidden;text-overflow:ellipsis}
}
@media (max-width:400px){body.stu-qb .qb-i,body.stu-qb .nav-burger{display:none}}
@media (max-width:400px){body.stu-qb #nav-btn,body.stu-qb .qb{font-size:.74rem!important;padding:6px 2px!important;letter-spacing:-.01em}.mast .wrap{padding-inline:12px!important}}
@media (max-width:760px){.demo-bar .wrap{font-size:.74rem;padding-block:5px;line-height:1.3}}

/* ===== v16b: telefonda gün ayrıntısı kısa satırlar ===== */
@media (max-width:760px){
  .pl-ipucu{display:none}
  #pl-grid .pg-mini{display:block;margin-bottom:10px}
  .pg-days .pg-day{padding:10px}
  .pg-days .pg-day h4{margin-bottom:6px}
  .pg-days .pg-day-g{display:flex!important;flex-direction:column;gap:5px}
  .pg-days .pg-slot{display:grid!important;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px}
  .pg-days .pg-sn{align-self:center!important;justify-self:center;width:24px;height:24px;padding:0!important;display:grid;place-items:center;font-size:.74rem!important;border-radius:50%!important;letter-spacing:0!important;text-transform:none!important}
  .pg-days .pg-sn.ek{font-size:.58rem!important}
  .pg-days .g-cell{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"d s" "k s";column-gap:8px;row-gap:1px;align-items:center;padding:7px 10px!important;border-radius:10px;min-height:0;width:100%}
  .pg-days .g-cell .g-d{grid-area:d;font-size:.86rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .pg-days .g-cell .g-k{grid-area:k;font-size:.76rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .pg-days .g-cell .g-s{grid-area:s;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap;font-size:.74rem;gap:6px}
  .pg-days .g-cell .g-n{display:none}
  .pg-days .g-act{padding:6px 10px;font-size:.76rem;border-radius:8px}
  #pg-grid .pg-days .g-cell.rest{display:block!important;text-align:center;padding:5px!important;font-size:.76rem;font-style:italic}
  .pg-days .pg-add,.pl-acts .g-add{min-height:38px!important;margin-top:6px}
  /* plan düzenleme satırları: ders + soru, sağda kopyala / sil */
  .pl-days .g-cell{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"d s t" "k k t"}
  .pl-days .g-cell.rest{grid-template-areas:"d d t";padding:5px 10px!important}
  .pl-days .g-cell .g-tools{grid-area:t;margin:0!important;gap:4px}
  .pl-days .g-tools button{min-height:34px!important;min-width:34px;padding:0 8px!important;display:inline-grid;place-items:center}
  .pl-days .gc-t{display:none}
  .pl-days .g-copy{font-size:.95rem}
}

/* ===== v16c: telefonda plan düzenleme = yana kayan tam tablo + görünür kaydırma çubuğu ===== */
.ybc-kb{position:relative;height:16px;background:var(--sunk);border:1px solid var(--line);border-radius:999px;margin:0 2px 8px;touch-action:none;cursor:pointer}
.ybc-kb i{position:absolute;top:2px;bottom:2px;left:0;background:var(--accent);border-radius:999px;min-width:28px}
.ybc-kb-ip{display:none}
@media (max-width:760px){
  #pl-grid .pl-mini,#pl-grid .pl-days{display:none!important}
  #pl-grid .tframe{display:block!important;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;border-radius:12px}
  #pl-grid .ybc-kb-ip{display:block;font-size:.76rem;color:var(--muted);margin:0 0 6px}
  #pl-grid table.grid.edit{min-width:0!important;width:max-content;table-layout:fixed;border-collapse:separate;border-spacing:0}
  #pl-grid table.grid.edit thead th:not(.g-row),#pl-grid table.grid.edit td{width:132px;min-width:132px;max-width:132px}
  #pl-grid table.grid.edit th.g-row{position:sticky;left:0;z-index:3;width:48px;min-width:48px;max-width:48px;background:var(--surface);font-size:.56rem;letter-spacing:0;white-space:normal;word-spacing:100vw;line-height:1.2;text-align:center;padding:4px 2px;overflow:hidden;box-shadow:2px 0 6px -4px rgba(0,0,0,.25)}
  #pl-grid table.grid.edit td{padding:4px;vertical-align:top}
  #pl-grid table.grid.edit .g-cell{font-size:.76rem;padding:6px!important;gap:2px}
  #pl-grid table.grid.edit .g-d{font-size:.78rem}
  #pl-grid table.grid.edit .g-k{font-size:.72rem;color:var(--muted)}
  #pl-grid table.grid.edit .gc-t{display:none}
  #pl-grid table.grid.edit .g-tools{margin-top:4px;gap:6px}
  #pl-grid table.grid.edit .g-tools button{min-height:32px;min-width:36px;padding:0 8px;display:inline-grid;place-items:center;font-size:.9rem}
  #pl-grid table.grid.edit .g-add{min-height:34px;font-size:.76rem;width:100%;margin-top:4px}
}

/* ===== v16d: tam tablo her yerde; sığmazsa yana kayar + görünür çubuk ===== */
table.grid th.g-row{white-space:normal;word-spacing:100vw;line-height:1.25;letter-spacing:.03em;font-size:.68rem;padding:6px 4px;overflow-wrap:normal;hyphens:none}
tr.g-addrow td{vertical-align:middle}
tr.g-addrow .g-add{color:var(--accent);font-weight:700;border-color:color-mix(in srgb,var(--accent) 35%,var(--line));min-height:34px;display:flex;align-items:center;justify-content:center}
@media screen{
  .tframe{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
}
@media screen and (min-width:761px){.ybc-kb-ip{display:none!important}#pg-grid table.grid,#pl-grid table.grid{min-width:920px!important}}
@media screen and (max-width:760px){
  .ybc-kb-ip{display:block;font-size:.76rem;color:var(--muted);margin:0 0 6px}
  #pg-grid .tframe{display:block!important;border-radius:12px}
  #pg-grid .pg-mini,#pg-grid .pg-days{display:none!important}
  #pg-sheet>p.muted{display:none}
  #pg-grid table.grid{min-width:0!important;width:max-content;table-layout:fixed;border-collapse:separate;border-spacing:0}
  #pg-grid table.grid thead th:not(.g-row),#pg-grid table.grid td{width:140px;min-width:140px;max-width:140px}
  #pg-grid table.grid td{padding:4px;vertical-align:top}
  #pg-grid table.grid th.g-row{position:sticky;left:0;z-index:3;width:50px;min-width:50px;max-width:50px;font-size:.56rem;letter-spacing:0;padding:4px 2px;box-shadow:2px 0 6px -4px rgba(0,0,0,.25)}
  #pg-grid table.grid tbody th.g-row{background:var(--sunk)}
  #pg-grid table.grid .g-cell{font-size:.76rem;padding:6px!important}
  #pg-grid table.grid .g-act{padding:4px 9px;font-size:.74rem;border-radius:6px}
  #pl-grid table.grid.edit th.g-row{width:50px;min-width:50px;max-width:50px}
}

/* ===== Zoom görüşmeleri ===== */
.zm-wrap{padding-top:12px}
.zm-bn{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(110deg,#EEF2FF,#F5F3FF);border:1.5px solid #6366F1;border-radius:16px;padding:12px 14px;margin-bottom:8px;box-shadow:0 10px 24px -18px rgba(79,70,229,.7)}
.zm-bn-i{font-size:1.5rem}.zm-bn-t{flex:1;min-width:180px;display:flex;flex-direction:column;gap:2px}.zm-bn-t .muted{font-size:.84rem}
.zm-satir{margin:6px 0 0;font-size:.84rem;color:var(--muted)}.zm-gitti{color:var(--ok);font-weight:700}
.zm-btn,.zm-bn a{text-decoration:none!important}
.zm-kisi{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zm-kisi>div{background:var(--sunk);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0}.zm-kisi b{overflow-wrap:anywhere;font-size:.9rem}.zm-kisi .muted{font-size:.74rem}
.zm-gonder{display:grid;grid-template-columns:1fr 1fr;gap:8px}.zm-gonder a,.zm-gonder button{text-align:center;text-decoration:none;justify-content:center;min-height:44px;display:flex;align-items:center}
.zm-son{font-size:.82rem;margin-top:4px;align-self:flex-start}
@media (max-width:480px){.zm-gonder,.zm-kisi{grid-template-columns:1fr}.zm-bn .btn,.zm-bn .btn-ghost{flex:1;text-align:center}}

.zm-etler{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.zm-et{font-size:.72rem;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--sunk);color:var(--muted)}
.zm-et.ok{background:var(--ok-bg);color:var(--ok)}.zm-et.yok{background:var(--warn-bg);color:var(--warn)}.zm-et.sicak{background:#4F46E5;color:#fff}
.zm-r.zm-yakin{border-color:#6366F1;box-shadow:0 0 0 2px #6366F133}

/* sayfanın en altında yönetici / danışman girişi */
.sf-panel{max-width:1180px;margin:22px auto 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:0}
@media (max-width:600px){.sf-panel{display:grid;grid-template-columns:1fr 1fr}.sf-panel-t{grid-column:1/-1}}
.sf-panel[hidden]{display:none}
.sf-panel-t{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.65);margin-right:4px}
.sf-pbtn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);color:#fff!important;opacity:1;border-radius:10px;padding:8px 14px;font:inherit;font-size:.86rem;font-weight:700;cursor:pointer;min-height:40px}
.sf-pbtn:hover{background:rgba(255,255,255,.16)}
@media (min-width:900px){body.nav-side .sf-panel{max-width:min(1180px,calc(100vw - 300px))}}

/* Kaydol */
.hdr-kaydol{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:12px;padding:9px 14px;font:inherit;font-weight:800;cursor:pointer;white-space:nowrap;flex:none}
.hdr-kaydol:hover{background:rgba(255,255,255,.24)}
.mast .hdr-kaydol{margin-left:auto}.mast .hdr-kaydol:not([hidden])+.hdr-login{margin-left:6px}
.kaydol-satir{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.kaydol-satir span{font-weight:700;color:var(--ink)}
@media (max-width:560px){.hdr-kaydol{padding:8px 10px}body.is-land .hdr-link{display:none}}
@media (max-width:360px){.mast .brand b{font-size:.9rem!important}}

/* Kayıt formu: telefonda tek sütun, geniş ekranda iki sütun */
.ky-g{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.ky-g .fld{margin:0}.ky-g .ky-tam{grid-column:1/-1}
.ky-g textarea{resize:vertical;min-height:58px}
@media (max-width:520px){.ky-g{grid-template-columns:1fr}}

/* giriş türü seçimi */
.lg-mod{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.lg-mod[hidden]{display:none}
.lg-mc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1.5px solid var(--line);background:var(--surface);border-radius:14px;padding:12px;cursor:pointer;font:inherit;color:var(--ink);min-height:96px}
.lg-mc b{font-size:.92rem;line-height:1.25}.lg-mc small{color:var(--muted);font-size:.78rem;line-height:1.3}
.lg-mi{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--sunk);color:var(--accent);font-weight:800}
.lg-mc:hover{border-color:var(--accent)}.lg-mc[aria-pressed="true"]{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent);background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.lg-mc[aria-pressed="true"] .lg-mi{background:var(--accent);color:#fff}
@media (max-width:420px){.lg-mod{grid-template-columns:1fr}.lg-mc{min-height:0;flex-direction:row;align-items:center;flex-wrap:wrap}.lg-mc small{flex-basis:100%;padding-left:38px;margin-top:-4px}}
/* psikolojik danışman şeridi */
.pd-serit{display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;border-radius:14px;background:linear-gradient(110deg,#FDF2F8,#F5F3FF);border:1.5px solid #E9D5FF;color:var(--ink);text-decoration:none;font-size:.9rem;max-width:560px}
.pd-serit>span:first-child{font-size:1.2rem;color:#DB2777}.pd-serit i{margin-left:auto;font-style:normal;font-weight:800;color:#7C3AED}

/* psikolojik danışmanlar bölümü */
.pd-sec{background:linear-gradient(135deg,#FDF2F8 0%,#F5F3FF 55%,#EEF2FF 100%);border:1.5px solid #E9D5FF;border-radius:24px;padding:28px 22px}
.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}
.pd-tx h2{margin:6px 0 10px}.pd-l{margin:12px 0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.pd-l li{padding-left:28px;position:relative;font-weight:600}.pd-l li::before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:6px;background:#7C3AED;color:#fff;font-size:.75rem;display:grid;place-items:center}
.pd-fiyat{background:#fff;border:1px dashed #C4B5FD;border-radius:14px;padding:12px 14px;font-size:.92rem}
.pd-form{background:var(--surface);border-radius:20px;padding:18px;box-shadow:0 18px 40px -26px rgba(76,29,149,.55);display:flex;flex-direction:column;gap:12px}
.pd-form h3{margin:0}.pd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:860px){.pd-grid{grid-template-columns:1fr}.pd-sec{padding:20px 14px;border-radius:18px}}
.pd-list{display:flex;flex-direction:column;gap:10px}.pd-k{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.pd-k-h{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}.pd-k p{margin:0;font-size:.9rem}
.pd-et{font-size:.74rem;font-weight:700;background:#F5F3FF;color:#6D28D9;border-radius:999px;padding:2px 8px}
.pd-k-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* haftalık görev planı */
.tg-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tg-t{width:100%;min-width:980px;table-layout:fixed;border-collapse:separate;border-spacing:6px 0}
.tg-t th{background:var(--mast);color:#fff;border-radius:10px 10px 0 0;padding:7px 6px;text-align:left;font-size:.82rem;vertical-align:top}
.tg-t th b{display:block}.tg-t th span{font-size:.72rem;opacity:.85;font-weight:600}
.tg-t th.g-today{background:var(--mark);color:var(--mark-ink)}
.tg-t td{vertical-align:top;background:var(--sunk);border-radius:0 0 10px 10px;padding:6px;min-height:120px}
.tg-t td.g-today{background:color-mix(in srgb,var(--mark) 12%,var(--sunk))}
.tg-fr{border:0!important}
.tg-k{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px;margin-bottom:6px;display:flex;flex-direction:column;gap:5px}
.tg-k.bitti{background:var(--ok-bg);border-color:var(--ok)}
.tg-k-u{display:flex;gap:6px;align-items:flex-start}.tg-k-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.tg-k-t .g-d{font-size:.8rem}.tg-konu{font-size:.74rem;color:var(--muted);overflow-wrap:anywhere}
.tg-ck{flex:none;width:24px;height:24px;border-radius:7px;border:1.5px solid var(--line);background:var(--surface);color:#fff;font-weight:800;cursor:pointer;padding:0;display:grid;place-items:center}
.tg-k.bitti .tg-ck{background:var(--ok);border-color:var(--ok)}
.tg-x{flex:none;border:0;background:none;color:var(--muted);cursor:pointer;font-size:.8rem;padding:2px 4px;border-radius:6px}.tg-x.arm{color:#fff;background:#DC2626}
.tg-bar{height:6px;background:var(--line);border-radius:99px;overflow:hidden}.tg-bar i{display:block;height:100%;background:var(--accent);border-radius:99px}.tg-k.bitti .tg-bar i{background:var(--ok)}
.tg-k-a{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.72rem;color:var(--muted)}
.tg-bas{border:0;background:var(--accent);color:#fff;border-radius:6px;padding:4px 8px;font:inherit;font-size:.72rem;font-weight:800;cursor:pointer}
.tg-ekle{min-height:34px;margin-top:2px}.tg-oz{margin:10px 0 0;font-size:.84rem}
.tg-gunler{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.tg-gs{cursor:pointer}.tg-gs input{position:absolute;opacity:0;pointer-events:none}
.tg-gs span{display:flex;flex-direction:column;align-items:center;border:1.5px solid var(--line);border-radius:10px;padding:6px 0;font-size:.8rem}
.tg-gs small{font-size:.7rem;color:var(--muted)}.tg-gs input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}.tg-gs input:checked+span small{color:#fff}
.tg-gs input:focus-visible+span{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 30%,transparent)}
.tg-hizli{margin-top:6px;font-size:.84rem}
@media (max-width:760px){.tg-t{min-width:0;width:max-content}.tg-t th,.tg-t td{width:150px;min-width:150px;max-width:150px}}

/* v22: ortalanmış ana düğme, üstte tarih-saat, açılır danışman bölümü, düzenli rehber */
.hero-orta{justify-content:center}.hero-btns a.btn{text-decoration:none}
@media (max-width:900px){.hero-tx{text-align:center}.hero-tx .hero-tag{margin-inline:auto}}
body.is-land .mast .clock{display:block}
@media (max-width:700px){body.is-land .mast .wrap{flex-wrap:wrap!important}body.is-land .mast .clock{display:block!important;order:9;flex-basis:100%;text-align:center;padding:5px 10px;font-size:.8rem}
  body:not(.is-land) .mast .clock{display:block!important;order:9;flex-basis:100%;text-align:center;padding:4px 10px;font-size:.78rem}}
.pd-sec-b{display:grid;gap:10px}
.pd-ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px 4px}.pd-ok-i{width:54px;height:54px;border-radius:50%;background:#DCFCE7;color:#15803D;display:grid;place-items:center;font-size:1.7rem;font-weight:800}.pd-ok b{font-size:1.15rem}.pd-ok p{margin:0}
.g-add.g-bos{width:100%;min-height:44px;opacity:.55;border-style:dashed}.g-add.g-bos:hover,.g-add.g-bos:focus-visible{opacity:1}.mc-add.mc-bos{opacity:.45}
@media print{.g-bos,.mc-bos{display:none!important}}
.pd-kart{display:flex;flex-direction:column;gap:3px;text-align:left;border:1.5px solid #E9D5FF;background:#fff;border-radius:14px;padding:14px 16px;cursor:pointer;font:inherit;color:var(--ink)}
.pd-kart b{color:#6D28D9;font-size:1.02rem}.pd-kart span{color:var(--muted);font-size:.86rem}
.pd-kart:hover,.pd-kart:focus-visible{border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.15)}
.ky-sec{display:grid;gap:10px}
@media (max-width:1100px){body:not(.is-land) .mast .clock{display:none!important}}
body:not(.is-land) .mast .clock{display:none!important}
.who .av-b{border:0;padding:0;background:none;cursor:pointer;border-radius:50%}.who .av-b:focus-visible{outline:3px solid #fff;outline-offset:2px}
.bl-l{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0}.bl-l dt{color:var(--muted);font-size:.86rem}.bl-l dd{margin:0;font-weight:600;word-break:break-word}
.pd-acil{padding-top:6px!important}
.pd-ac{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:1.5px solid #E9D5FF;background:linear-gradient(110deg,#FDF2F8,#F5F3FF 60%,#EEF2FF);border-radius:18px;padding:14px 16px;cursor:pointer;font:inherit;color:var(--ink);box-shadow:0 12px 30px -24px rgba(124,58,237,.8)}
.pd-ac-i{flex:none;width:40px;height:40px;border-radius:12px;background:#7C3AED;color:#fff;display:grid;place-items:center;font-size:1.2rem}
.pd-ac-t{flex:1;display:flex;flex-direction:column;gap:2px}.pd-ac-t small{color:var(--muted);font-size:.82rem}
.pd-ac>i{font-style:normal;font-weight:800;color:#7C3AED;transition:transform .25s}.pd-acil.acik .pd-ac>i{transform:rotate(180deg)}
.pd-b{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.pd-acil.acik .pd-b{grid-template-rows:1fr}
.pd-in{overflow:hidden;min-height:0}.pd-acil .pd-sec{margin-top:12px}
.ky-pk{margin:0;background:var(--sunk);border-radius:12px;padding:10px 12px}
.rh2 h4{margin:14px 0 8px;color:var(--accent)}.rh2-g{margin:0 0 6px;color:var(--muted);font-size:.9rem}
.rh2-l{list-style:none;counter-reset:rh;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.rh2-l li{counter-increment:rh;position:relative;padding:10px 12px 10px 46px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:3px;background:var(--surface)}
.rh2-l li::before{content:counter(rh);position:absolute;left:12px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center}
.rh2-l li span{font-size:.9rem;line-height:1.45}

/* program çizelgesi: daha belirgin çizgiler (ekranda ve PDF'te) */
:root{--cizgi:#64748B}
table.grid{border-collapse:separate!important;border-spacing:0!important}
table.grid th,table.grid td{border-top:2px solid var(--cizgi)!important;border-left:2px solid var(--cizgi)!important}
table.grid tr > *:last-child{border-right:2px solid var(--cizgi)!important}
table.grid tbody tr:last-child > *{border-bottom:2px solid var(--cizgi)!important}
table.grid thead th:first-child{border-left-color:var(--cizgi)!important}
table.grid th.g-row{border-right:2px solid var(--cizgi)!important}
table.grid th.g-row + td,table.grid th.g-row + th{border-left:0!important}
.tg-t th,.tg-t td{outline:1px solid var(--cizgi);outline-offset:-1px}
@media print{table.grid th,table.grid td{border-color:#555!important}}