/* AIRadar Klinik — klinik, sakin, okunaklı; vital monitörü koyu. */
:root{--bg:#f3f7f9;--card:#fff;--ink:#0f2530;--mut:#5b6f7a;--line:#dde7ec;--brand:#0e7c86;--brand2:#0b3b4a;--acc:#6366f1;--ok:#15803d;--warn:#b45309;--bad:#b91c1c;--r:14px;--sh:0 1px 2px rgba(15,37,48,.06),0 6px 22px rgba(15,37,48,.06)}

*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font:inherit;color:inherit}a{color:var(--brand)}.mut{color:var(--mut)}.small{font-size:.86em}.center{text-align:center}.ok{color:var(--ok)}.hidden{display:none!important}
.ribbon{background:#fff7e6;color:#7a4b00;border-bottom:1px solid #f3dcb0;font-size:12.5px;padding:6px 14px;text-align:center}

.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--brand2);color:#e6fbfb;position:sticky;top:0;z-index:5}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand .logo{font-size:26px}.brand b{color:#5eead4}.brand small{display:block;font-size:11.5px;opacity:.75}
.topr{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.topr select{background:#0f4a5c;border:1px solid #1d6477;border-radius:9px;padding:5px 8px;color:#e6fbfb;max-width:170px}
.pill{background:#0f4a5c;border-radius:999px;padding:4px 10px;font-size:13px;white-space:nowrap}.pill.warn{background:#7a4b00}
.page{max-width:1180px;margin:0 auto;padding:22px 16px 60px}.roomwrap{padding:12px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}.card h3,.card h4{margin:.2em 0 .6em}.card+.card{margin-top:12px}.narrow{max-width:640px;margin:30px auto}
.btn{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:transform .08s,box-shadow .15s}
.btn:hover{box-shadow:0 2px 10px rgba(14,124,134,.18)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn.danger{background:#fff1f1;border-color:#f3c0c0;color:var(--bad)}
.btn.warnb{background:#fff7e6;border-color:#f3dcb0;color:#7a4b00}.btn.small{padding:5px 9px;font-size:13px}.btn.ghost{background:transparent}.btn.wide{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:8px 0}.row.end{justify-content:flex-end}
.chk,.radio{display:flex;gap:8px;align-items:flex-start;margin:7px 0;cursor:pointer}.chk input,.radio input{margin-top:4px;width:auto;flex:none}
input,select,textarea{border:1px solid var(--line);background:var(--card);border-radius:9px;padding:8px 10px;width:100%}
.warnbox{background:#fff7e6;border:1px solid #f3dcb0;color:#7a4b00;border-radius:10px;padding:8px 10px}.helpline{background:#eef6ff;border-radius:10px;padding:8px;color:#1e3a8a}
/* karşılama */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;min-height:62vh}.hero h1{font-size:clamp(30px,5vw,50px);margin:0 0 10px;line-height:1.1;color:var(--brand2)}
.hero p{font-size:17px;color:var(--mut)}
.heroart{display:flex;flex-direction:column;gap:18px;align-items:center}.bigav{font-size:64px;letter-spacing:10px}
.monitor{background:#041016;border-radius:14px;padding:12px;color:#5eead4;box-shadow:inset 0 0 0 1px #0f2d36;width:100%}.monitor svg{width:100%;height:60px}.monitor.small svg{height:40px}
.ecg{fill:none;stroke:#22f5a0;stroke-width:2.5;stroke-dasharray:600;stroke-dashoffset:600;animation:ecg 2.4s linear infinite}.ecg.fast{animation-duration:1.2s;stroke:#ff5a5a}
@keyframes ecg{to{stroke-dashoffset:0}}.vit{display:flex;justify-content:space-around;font-family:ui-monospace,monospace}
/* hastane */
.dash{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.rank{display:flex;gap:16px;align-items:center}.rank .av{font-size:52px}.rank h2{margin:0}
.xpbar{height:8px;background:var(--line);border-radius:9px;overflow:hidden;margin:6px 0}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--acc))}
.daily{text-align:left;cursor:pointer;border:2px solid transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,#14b8a6,#6366f1,#f59e0b) border-box;display:flex;flex-direction:column;gap:8px}
.daily .dl{display:flex;gap:12px;align-items:center}.ri{font-size:34px;width:52px;height:52px;display:grid;place-items:center;background:#e8f6f7;border-radius:14px;flex:none}

.sec{margin:26px 0 10px}.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.room{display:flex;gap:12px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;cursor:pointer;box-shadow:var(--sh);transition:transform .12s,border-color .12s}
.room:hover{transform:translateY(-2px);border-color:var(--brand)}.room.locked{opacity:.65}.room .rb{flex:1;display:flex;flex-direction:column}.room .rb small{color:var(--brand);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em}
.room .meta{font-size:12.5px;color:var(--mut)}.room .meta em{color:var(--ok);font-style:normal;font-weight:700}.room .rs{color:#f59e0b;text-align:right;font-size:15px}.room .rs small{display:block;color:var(--mut);font-size:11px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.lb,.hist{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;border-bottom:1px dashed var(--line);color:inherit;text-decoration:none}.lb.me{font-weight:700;color:var(--brand)}
/* modal */
.modal{position:fixed;inset:0;background:rgba(4,16,22,.55);display:grid;place-items:center;z-index:50;padding:14px}.mbox{background:var(--card);border-radius:16px;padding:20px;max-width:640px;width:100%;max-height:90vh;overflow:auto}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid2 label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mut)}
/* oda */
.room3{display:grid;grid-template-columns:280px 1fr 300px;gap:12px;align-items:start}.room3>aside{position:sticky;top:64px;display:flex;flex-direction:column;gap:10px}
.pcard{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px}.pav{font-size:46px;width:64px;height:64px;display:grid;place-items:center;background:#e8f6f7;border-radius:50%}
.pcard small{display:block;color:var(--mut)}.complaint{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;font-size:14px}
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:6px}.v{background:#07202a;border-radius:8px;padding:6px;text-align:center;font-family:ui-monospace,monospace}.v small{display:block;color:#7dd3c8;font-size:10.5px}.v b{font-size:18px;color:#e6fffb}.v i{font-size:10px;color:#7dd3c8;font-style:normal}
.v.alarm{background:#3b0b0b;animation:blink 1s steps(2) infinite}.v.alarm b{color:#ff8a8a}@keyframes blink{50%{background:#5c1010}}
.alert{border-radius:9px;padding:7px 9px;font-size:13px;margin-bottom:6px;background:#ecfdf5;color:#065f46}.alert.warn{background:#fff7e6;color:#7a4b00}.alert.critical{background:#fee2e2;color:#7f1d1d;font-weight:700}
.prog{display:flex;justify-content:space-around;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.ringw{text-align:center;font-size:11.5px;color:var(--mut)}
.ring{--p:0;width:54px;height:54px;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p)*1%),var(--line) 0);display:grid;place-items:center;margin:0 auto 3px}.ring span{background:var(--card);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:var(--ink)}
.ring.big{width:120px;height:120px}.ring.big span{width:96px;height:96px;font-size:34px}
.work{background:var(--card);border:1px solid var(--line);border-radius:var(--r);min-height:70vh;display:flex;flex-direction:column;overflow:hidden}
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;background:var(--bg)}.tabs button{border:0;background:transparent;padding:11px 14px;cursor:pointer;font-weight:600;color:var(--mut);white-space:nowrap;border-bottom:3px solid transparent}
.tabs button.on{color:var(--brand);border-bottom-color:var(--brand);background:var(--card)}.only-s{display:none}
.pane{display:none;padding:12px;flex:1;overflow:auto}.pane.on{display:flex;flex-direction:column}
.chat{flex:1;overflow:auto;display:flex;flex-direction:column;gap:10px;padding:6px 4px;min-height:320px;max-height:58vh}
.b{display:flex;gap:8px;max-width:86%}.b p{margin:0}.b>div{border-radius:14px;padding:9px 12px}.b.me{align-self:flex-end}.b.me>div{background:var(--brand);color:#fff;border-bottom-right-radius:4px}
.b.pt>div{background:#eef3f5;border-bottom-left-radius:4px}.b .tr{font-size:13px;opacity:.8;border-top:1px dashed rgba(0,0,0,.15);margin-top:5px;padding-top:4px}
.bav{font-size:24px}.typing p{opacity:.6;font-style:italic}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.chips button{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer}
.say{display:flex;gap:6px;align-items:center}.say.mini{margin-top:8px}.ic{border:1px solid var(--line);background:var(--card);border-radius:10px;padding:7px 9px;cursor:pointer}.ic.on{background:var(--brand);color:#fff}
.examgrid,.testgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.region{border:1px solid var(--line);border-radius:12px;padding:8px}.region.intimate{border-style:dashed}
.region h4{margin:2px 0 6px;font-size:13px;color:var(--brand)}.region button{display:flex;justify-content:space-between;gap:6px;width:100%;text-align:left;border:0;background:transparent;padding:6px;border-radius:8px;cursor:pointer}
.region button:hover{background:#eef6f7}.region button.done{color:var(--ok);font-weight:600}.region button.done::after{content:'✓'}.region button small{color:var(--mut);white-space:nowrap}
.results{margin:0 0 12px;display:flex;flex-direction:column;gap:8px}.res{border-left:4px solid var(--brand);background:#f5fafb;border-radius:8px;padding:8px 10px}.res p{margin:3px 0}

.tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.tag{background:#e8f6f7;border-radius:999px;padding:3px 8px;font-size:13px}.tag button{border:0;background:none;cursor:pointer}
.plan{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.disp{display:flex;flex-wrap:wrap;gap:4px 16px}
.rxwrap{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.paper{position:relative;background:#fffdf7;border:1px solid #e9dfc5;border-radius:10px;padding:14px;overflow:hidden;color:#1c1917}
.paper .wm{position:absolute;inset:0;display:grid;place-items:center;font-size:34px;font-weight:900;color:rgba(185,28,28,.10);transform:rotate(-24deg);pointer-events:none;letter-spacing:.06em;text-align:center}
.rxhead{display:flex;justify-content:space-between;border-bottom:2px solid #1c1917;padding-bottom:6px;font-size:17px}.rxmeta{display:flex;justify-content:space-between;font-size:13px;margin:6px 0;color:#57534e}
.rxform{display:flex;gap:10px;margin:6px 0}.rxform label{font-size:12.5px;color:#57534e;flex:1}.paper input,.paper select{background:#fff;color:#1c1917;border-color:#e2d8bf}
.rxrow{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border-bottom:1px dashed #e2d8bf;padding:8px 0}
.rxrow .n{font-weight:700;width:18px}.rxrow .drug{flex:1 1 calc(100% - 30px)}.rxrow .route{flex:0 0 84px;width:84px}.rxrow .dose{flex:0 0 130px;display:flex;align-items:center;gap:4px}.rxrow .dose input{min-width:0}
.rxrow .dose em{font-style:normal;font-size:12px;color:#57534e;white-space:nowrap}.rxrow .freq{flex:1 1 130px;width:auto}
.rxrow .days{font-size:12px;color:#57534e;display:flex;gap:4px;align-items:center;flex:0 0 auto}.rxrow .days input{width:70px}.rxrow .rm{margin-left:auto}.rxrow .full{flex:1 1 100%}
.paper .ic,.paper .btn{background:#fff;color:#1c1917;border-color:#e2d8bf}
.findings{display:flex;flex-direction:column;gap:6px}.fd{border-radius:9px;padding:7px 9px;font-size:13.5px;border-left:4px solid}.fd small{display:block;opacity:.75;margin-top:2px}
.fd.critical{background:#fee2e2;border-color:#b91c1c;color:#7f1d1d}.fd.warn{background:#fff7e6;border-color:#d97706;color:#7a4b00}.fd.info{background:#eef6ff;border-color:#3b82f6;color:#1e3a8a}.fd.ok{background:#ecfdf5;border-color:#15803d;color:#065f46}
.hints{display:flex;flex-direction:column;gap:6px;margin-top:8px}.hint{background:#f5f3ff;border-radius:9px;padding:7px 9px;font-size:13.5px}.hint p{margin:3px 0 0}

.code{font:700 26px ui-monospace,monospace;letter-spacing:.2em;text-align:center;background:var(--bg);border-radius:10px;padding:6px;margin:6px 0}
.cchat{max-height:200px;overflow:auto;display:flex;flex-direction:column;gap:5px;margin-top:6px}.cm{background:var(--bg);border-radius:9px;padding:5px 8px}.cm p{margin:0}.cm small{color:var(--mut)}.cm.mentor{background:#f5f3ff}
/* sonuç */
.result .scorecard{display:flex;gap:22px;align-items:center}.stars{display:flex;gap:14px;flex-wrap:wrap;margin:6px 0}.stars span{font-size:26px;color:#cbd5e1}.stars span.on{color:#f59e0b}.stars small{font-size:12px;color:var(--mut)}
.dbar{display:grid;grid-template-columns:120px 1fr 60px;gap:10px;align-items:center;margin:6px 0}.dbar div{height:10px;background:var(--line);border-radius:9px;overflow:hidden}.dbar i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--acc))}
.model{background:#eef6ff;border-radius:10px;padding:10px;color:#1e3a8a}
#toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#0f2530;color:#fff;padding:10px 16px;border-radius:12px;z-index:60;max-width:92vw;box-shadow:0 10px 30px rgba(0,0,0,.25)}#toast.bad{background:#7f1d1d}#toast.warn{background:#7a4b00}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:70}
/* dar ekran */
@media (max-width:1100px){.room3{grid-template-columns:250px 1fr}.room3>.side{display:none}.only-s{display:block}.pane.side-s .side{display:flex;position:static}}
@media (max-width:760px){.hero,.dash,.two,.rxwrap,.grid2,.plan{grid-template-columns:1fr}.room3{grid-template-columns:1fr}.room3>aside.pat{position:static}.hide-s{display:none}
  .tabs button span{display:none}.chat{max-height:50vh}.top{padding:8px 10px}.brand small{display:none}.topr select{max-width:110px}}
/* uzman inceleme masası */
.rvdesk h2{margin:.3em 0}.rvtabs{margin:10px 0 12px;border-radius:10px}.rvtabs .pill{font-size:11px;padding:1px 7px}
.rvchip{display:inline-block;border-radius:999px;padding:2px 9px;font-size:12px;font-weight:700;background:#fff7e6;color:#7a4b00;vertical-align:middle}.rvchip.approved{background:#e7f7ee;color:var(--ok)}.rvchip.changes{background:#fff1f1;color:var(--bad)}

.rvitems{display:grid;gap:6px}.rvitem{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
.rvitem:hover{border-color:var(--brand)}.rvitem>span:first-child{display:flex;flex-direction:column;min-width:0}.rvitem small{display:block}.rvst{text-align:right;flex-shrink:0}
.rvgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}.rvgrid aside{position:sticky;top:70px}.rvbody{overflow-x:auto;font-size:13.5px}
.rvdl{display:grid;grid-template-columns:minmax(90px,max-content) minmax(0,1fr);gap:4px 12px;margin:0}.rvdl dt{font-weight:700;color:var(--brand);word-break:break-word}.rvdl dd{margin:0;word-break:break-word}.rvdl.d1,.rvdl.d2,.rvdl.d3{padding-left:8px;border-left:2px solid var(--line)}
.rvlist{margin:0;padding-left:20px}.rvlist li{margin:3px 0}.rvl{display:inline-block;min-width:24px;font-size:11px;color:var(--mut)}
.rvact{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}.rvact input{flex:1;min-width:180px}.rvfilter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.rvrow{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
@media (max-width:860px){.rvgrid{grid-template-columns:1fr}.rvgrid aside{position:static}}
/* rotasyon: öneriler, varyant ilerlemesi, düzey */
.nextcard{margin:14px 0}.sugs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-bottom:8px}
.sug{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer}
.sug:hover{border-color:var(--brand)}.sug small{color:var(--brand);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em}
.vbar{display:flex;align-items:center;gap:3px;margin-top:4px}.vbar i{width:16px;height:5px;border-radius:3px;background:var(--line)}.vbar i.half{background:#f5c16c}.vbar i.on{background:var(--ok)}.vbar small{margin-left:6px;color:var(--mut);font-size:11px}
.lvlsel{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mut);margin:10px 0}
.rvbtn{cursor:pointer;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:inherit}
.page .pill,.roomwrap .pill,.mbox .pill{color:#e6fbfb}
/* 2026-09-28 · tam genişlik: ortadaki dar sütun yerine ekranı kullanan düzen; üst sağdaki seçiciler yan yana. */
.page{max-width:none;padding:22px clamp(16px,3vw,48px) 60px}
.narrow{max-width:720px}
.hero{min-height:calc(100vh - 190px);grid-template-columns:1.15fr .85fr;gap:clamp(24px,4vw,64px)}
.hero h1{font-size:clamp(34px,5vw,64px)}
@media (min-width:900px){.topr{flex-wrap:nowrap}}
@media (min-width:1400px){.room3{grid-template-columns:320px minmax(0,1fr) 360px;gap:16px}.dash{gap:18px}}
/* 2026-09-28 · Portal ile tek görünüm: işletim sisteminin koyu modunu izlemez (portalda gece modu yok); portal üst çubuğu gibi
   beyaz, yapışkan üst çubuk ve Plus Jakarta Sans. Vital monitörü bilerek koyu kalır (gerçek monitör gibi). */
body{font-family:'Plus Jakarta Sans','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;background:#F4F7FB}
.top{background:rgba(255,255,255,.96);color:#0F172A;border-bottom:1px solid #E6EBF2;box-shadow:0 6px 24px rgba(15,23,42,.05);backdrop-filter:blur(10px);padding:10px clamp(16px,3vw,48px)}
.brand b{color:var(--brand)}.brand small{opacity:1;color:var(--mut)}
.topr select{background:#fff;border:1px solid #D5DEEA;color:#0F172A}
.top .pill{background:#F1F5F9;color:#0F172A}.top .pill.warn{background:#FFF7ED;color:#B45309}
.page .pill,.roomwrap .pill,.mbox .pill{color:#0F172A;background:#F1F5F9}
.rvbtn{border:1px solid #D5DEEA;background:#fff;color:#0F172A}
.top .back{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:10px;color:var(--mut);font-weight:700;text-decoration:none;font-size:14px;white-space:nowrap}
.top .back:hover{background:#EEF2F7;color:#0F172A}
/* 2026-09-28 · inceleme masası: vaka, ham veri ağacı yerine klinik sunum sırasıyla (rvCase) */
.cs-case{display:flex;flex-direction:column;gap:14px;font-size:14.5px;line-height:1.55}
.cs-head{display:flex;gap:14px;align-items:flex-start}.cs-ic{font-size:34px;width:56px;height:56px;display:grid;place-items:center;background:#e8f6f7;border-radius:14px;flex:none}
.cs-head h2{margin:0 0 2px;font-size:1.3rem}.cs-head .tags{margin-top:6px}.tag.warnt{background:#fff7e6;color:#7a4b00}
.cs{border-top:1px solid var(--line);padding-top:12px}.cs h3{margin:0 0 8px;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--brand)}
.cs h4{margin:10px 0 4px;font-size:.92rem;color:var(--ink)}
.cs-kv{display:grid;grid-template-columns:minmax(120px,max-content) minmax(0,1fr);gap:6px 14px;margin:0}.cs-kv dt{color:var(--mut);font-weight:600}.cs-kv dd{margin:0}
.cs-lead{font-size:1.05rem;margin:0;background:#f5fafb;border-left:4px solid var(--brand);border-radius:8px;padding:10px 12px}
.cs-persona{background:#f8fafc;border-radius:10px;padding:8px 10px;margin:8px 0 0;color:#334155;font-size:13.5px}
.cs-vit{display:flex;flex-wrap:wrap;gap:8px}.cs-vit span{background:#07202a;color:#e6fffb;border-radius:10px;padding:6px 12px;font-family:ui-monospace,monospace;min-width:92px;text-align:center}
.cs-vit small{display:block;color:#7dd3c8;font-size:10.5px;font-family:inherit}.cs-vit b{font-size:18px}.cs-vit i{font-style:normal;font-size:11px;color:#7dd3c8}
.cs-list{margin:0;padding-left:18px}.cs-list li{margin:4px 0}.cs-kw{display:block;color:var(--mut);font-size:11.5px}
.cs-key{color:#d97706;font-weight:700}
.cs-t{width:100%;border-collapse:collapse}.cs-t th,.cs-t td{text-align:left;vertical-align:top;padding:7px 8px;border-bottom:1px solid var(--line)}
.cs-t thead th{font-size:.75rem;text-transform:uppercase;color:var(--mut);background:#f8fafc}.cs-t tbody th{font-weight:600;width:32%}
.need{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;background:#eef2f7;color:#334155;white-space:nowrap}.need.key{background:#e7f7ee;color:var(--ok)}.need.unneeded{background:#fff1f1;color:var(--bad)}
.lvl{border-radius:6px;padding:1px 6px;font-size:11.5px;font-weight:700}.lvl.critical{background:#fee2e2;color:#7f1d1d}.lvl.warn{background:#fff7e6;color:#7a4b00}.lvl.info{background:#eef6ff;color:#1e3a8a}
.cs-model{background:#eef6ff;border-radius:8px;padding:8px 10px;color:#1e3a8a}.cs-teach{background:#f5f3ff;border-radius:10px;padding:10px 12px;margin:0}
.cs-more{border-top:1px dashed var(--line);padding-top:10px}.cs-more summary{cursor:pointer;color:var(--mut);font-weight:600}
@media (max-width:760px){.cs-kv{grid-template-columns:1fr}.cs-t tbody th{width:auto}}
.kesifbox{border:1px solid #bfe3e3;background:#f0fbfb;border-radius:12px;padding:10px 14px;margin:10px 0}.kesifbox h3{margin:.1em 0 .3em}

/* sanal OSCE */
.oscebox h3 { margin-top: 0; }
.oscel { display: grid; gap: 8px; }
.osr { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; justify-content: space-between; padding: 8px 0; border-top: 1px solid var(--line, rgba(127,127,127,.2)); }
.osr b { flex: 1 1 180px; }
.osceb { margin: 8px 0; padding: 8px 10px; border-radius: 10px; background: rgba(255, 170, 0, .12); font-size: .9rem; }

/* vaka sunumu */
.prf { display: block; margin-top: 10px; }
.prf textarea { width: 100%; box-sizing: border-box; margin-top: 4px; font: inherit; }
.rvpres h4 { margin: 10px 0 2px; font-size: .85rem; }
.rvpres p { white-space: pre-wrap; }
/* phones: the "back to panel" link is hidden (.top .back above outweighed .hide-s) and the header wraps instead of
   pushing the language / country selects off screen in longer languages (i18n test 2026-10-01) */
@media (max-width:760px){.top .back.hide-s{display:none}.top{flex-wrap:wrap}.topr{min-width:0;flex:1 1 auto}.topr select{max-width:46%}}