/* ============================================================
   MasterPeerMD — tasarım sistemi
   Klinik, yüksek okunabilirlik, tek vurgu rengi: triyaj kırmızısı.
   ============================================================ */

/* ---------- jetonlar ---------- */
:root{
  --paper:#EDF0F3;
  --card:var(--n-0);
  --card-2:#F7F9FA;
  --ink:#0D151D;
  --ink-soft:#22303C;
  --slate:#5B6772;
  --slate-2:#8794A0;
  --rule:#D7DDE3;
  --rule-soft:#E6EAEE;
  --signal:#C0261F;
  --signal-bg:#FBF0EF;
  --signal-line:#E8C9C6;
  --hold:#9A6410;
  --hold-bg:#FBF5EA;
  --ok:#1B6B4E;
  --ok-bg:#EDF6F1;
  --chrome:#0D151D;
  --chrome-fg:var(--n-0);
  --chrome-dim:#93A5B4;

  --r-1:2px; --r-2:4px; --r-3:10px; --r-4:16px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:22px; --sp-6:30px;

  --sh-1:0 1px 2px rgba(13,21,29,.05);
  --sh-2:0 1px 2px rgba(13,21,29,.05), 0 6px 18px rgba(13,21,29,.06);
  --sh-3:0 -8px 40px rgba(13,21,29,.22);

  --f-sans:"IBM Plex Sans",-apple-system,BlinkMacSystemFont,system-ui,"Segoe UI",sans-serif;
  --f-cond:"IBM Plex Sans Condensed",var(--f-sans);
  --f-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;

  --tap:46px;
}

/* ---------- gece modu: nöbet için ---------- */

/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on{
    --paper:#0B1219;
    --card:#141E27;
    --card-2:#18242E;
    --ink:#E8EDF1;
    --ink-soft:#C7D2DA;
    --slate:#93A2AE;
    --slate-2:#6F7E8A;
    --rule:#25333E;
    --rule-soft:#1D2A34;
    --signal:#F2635B;
    --signal-bg:#2A1614;
    --signal-line:#4A2320;
    --hold:#E0A342;
    --hold-bg:#2A2114;
    --ok:#5FCB9B;
    --ok-bg:#12251D;
    --chrome:#060C11;
    --chrome-dim:#7D909F;
    --sh-1:none; --sh-2:0 1px 0 rgba(255,255,255,.03);
  }


*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%}
body{
  font-family:var(--f-sans);
  background:#050A0E;color:var(--ink);
  font-size:15.5px;line-height:1.5;
  -webkit-font-smoothing:antialiased;
  display:flex;justify-content:center;min-height:100dvh;
  overscroll-behavior-y:none;
}

/* ---------- kabuk ---------- */
#app{
  width:100%;max-width:480px;min-height:100dvh;background:var(--paper);
  display:flex;flex-direction:column;position:relative;
  box-shadow:0 0 80px rgba(0,0,0,.5);
}

header{
  background:var(--chrome);color:var(--chrome-fg);
  padding:calc(env(safe-area-inset-top) + 13px) var(--sp-4) 12px;
  position:sticky;top:0;z-index:30;
}
.brand{
  font-family:var(--f-cond);font-weight:700;font-size:17.5px;
  display:flex;align-items:baseline;gap:7px;
}
.brand em{font-style:normal;color:var(--chrome-dim);font-weight:500;font-size:12px}
.who{display:flex;align-items:center;gap:6px;margin-top:7px;flex-wrap:wrap}
.name{font-size:13px;color:#DDE5EB;font-weight:500}
.badge{
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  padding:3px 6px;border:1px solid rgba(255,255,255,.22);color:var(--chrome-dim);
  border-radius:var(--r-1);line-height:1.1;
}
.badge.on{border-color:rgba(127,208,174,.45);color:#8FD9B8}

main{flex:1;padding:var(--sp-4) var(--sp-4) var(--sp-6)}

/* ---------- alt gezinme ---------- */
nav{
  display:grid;grid-template-columns:repeat(4,1fr);
  background:var(--card);border-top:1px solid var(--rule);
  position:sticky;bottom:0;z-index:30;
  padding-bottom:env(safe-area-inset-bottom);
}
nav a{
  text-decoration:none;color:var(--slate-2);min-height:var(--tap);
  padding:9px 4px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;
  font-family:var(--f-cond);font-size:10.5px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;position:relative;transition:color .15s;
}
nav a::before{
  content:"";position:absolute;top:-1px;left:22%;right:22%;height:2px;
  background:var(--ink);border-radius:2px;transform:scaleX(0);transition:transform .18s ease;
}
nav a.on{color:var(--ink)}
nav a.on::before{transform:scaleX(1)}
nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}

/* ---------- tipografi ---------- */
h1{font-family:var(--f-cond);font-size:25px;font-weight:700;letter-spacing:-.015em;line-height:1.15;margin-bottom:4px}
h2{font-family:var(--f-cond);font-size:19px;font-weight:700;margin-bottom:3px}
.eyebrow{
  font-family:var(--f-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--slate-2);margin:2px 0 9px;display:flex;justify-content:space-between;
  align-items:center;gap:10px;
}
.sub{color:var(--slate);font-size:13.5px;line-height:1.45;margin-bottom:var(--sp-4)}
.hint{font-size:12.5px;color:var(--slate);margin-top:6px;line-height:1.45}
a{color:var(--ink)}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}
.ok{color:var(--ok)} .bad{color:var(--signal)}

/* ---------- bildirim kutuları ---------- */
.notice{
  background:var(--ink);color:var(--paper);padding:12px 14px;border-radius:var(--r-2);
  font-size:14px;margin-bottom:var(--sp-4);
}
.error{
  background:var(--signal-bg);border:1px solid var(--signal-line);color:var(--signal);
  padding:12px 14px;border-radius:var(--r-2);font-size:14px;margin-bottom:var(--sp-4);line-height:1.45;
}
.error ul{margin:7px 0 0 18px}
.error li{margin-bottom:3px}

/* ---------- panel ---------- */
.panel{
  background:var(--card);border:1px solid var(--rule);border-radius:var(--r-3);
  padding:var(--sp-4);margin-bottom:var(--sp-3);box-shadow:var(--sh-1);
}
.panel + .eyebrow{margin-top:var(--sp-5)}

/* ---------- vaka kartı ---------- */
.case{
  display:block;background:var(--card);border:1px solid var(--rule);
  border-radius:var(--r-3);margin-bottom:var(--sp-3);overflow:hidden;
  box-shadow:var(--sh-1);text-decoration:none;color:inherit;
  transition:transform .13s ease, box-shadow .13s ease;
}
.case:active{transform:scale(.99);box-shadow:none}
.decay{height:3px;background:var(--rule-soft);position:relative;overflow:hidden}
.decay i{display:block;height:100%;background:var(--ink);transition:width 1s linear}
.decay.warn i{background:var(--signal)}
.decay.crit i{background:var(--signal);animation:pulse 1.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.case-body{padding:12px 13px 13px}
.case-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:6px}
.branch{
  font-family:var(--f-cond);font-weight:600;font-size:11.5px;letter-spacing:.07em;
  text-transform:uppercase;color:var(--slate);
}
.clock{
  font-family:var(--f-mono);font-size:13.5px;font-weight:500;font-variant-numeric:tabular-nums;
  color:var(--ink-soft);white-space:nowrap;
}
.clock.warn{color:var(--signal);font-weight:600}
.q{font-size:15.5px;font-weight:500;line-height:1.34;margin-bottom:7px}
.meta{font-size:12.5px;color:var(--slate)}
.chips{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}
.chip{
  font-family:var(--f-mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:3px 7px;border:1px solid var(--rule);color:var(--slate-2);border-radius:var(--r-1);
  line-height:1.3;white-space:nowrap;
}
.chip.state{border-color:var(--ink);color:var(--ink)}
.chip.held{border-color:var(--hold);color:var(--hold);background:var(--hold-bg)}
.chip.done{border-color:var(--ok);color:var(--ok);background:var(--ok-bg)}

/* ---------- imha kaydı ---------- */
.shredded{
  background:repeating-linear-gradient(135deg,var(--rule-soft) 0 8px,transparent 8px 16px);
  border:1px dashed var(--rule);border-radius:var(--r-3);margin-bottom:var(--sp-3);
}
.shred-note{
  font-family:var(--f-mono);font-size:10.5px;color:var(--slate);padding:15px 13px;
  text-align:center;letter-spacing:.05em;line-height:1.7;
}
.shred-note b{display:block;color:var(--ink);font-weight:600;margin-bottom:4px;letter-spacing:.1em;font-size:11px}

/* ---------- segment (branş filtresi) ---------- */
.segment{
  display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;margin-bottom:var(--sp-4);
  scrollbar-width:none;-ms-overflow-style:none;
}
.segment::-webkit-scrollbar{display:none}
.segment a{
  flex:0 0 auto;text-decoration:none;font-family:var(--f-mono);font-size:11.5px;
  padding:9px 13px;border:1px solid var(--rule);border-radius:20px;color:var(--slate);
  background:var(--card);white-space:nowrap;transition:.13s;
}
.segment a.on{background:var(--ink);border-color:var(--ink);color:var(--card)}

/* ---------- form ---------- */
label{
  display:block;font-family:var(--f-mono);font-size:10px;letter-spacing:.11em;
  text-transform:uppercase;color:var(--slate-2);margin:var(--sp-4) 0 6px;
}
input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{
  width:100%;font-family:inherit;font-size:16px;color:var(--ink);background:var(--card);
  border:1px solid var(--rule);border-radius:var(--r-2);padding:12px 13px;outline:none;
  transition:border-color .12s, box-shadow .12s;-webkit-appearance:none;appearance:none;
}
select{padding-right:38px}
input:focus,textarea:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(13,21,29,.09)}
input::placeholder,textarea::placeholder{color:var(--slate-2)}
textarea{resize:vertical;min-height:84px;line-height:1.45}
input[type=file]{font-size:13.5px;width:100%;padding:11px;border:1px dashed var(--rule);
  border-radius:var(--r-2);background:var(--card-2)}
.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:370px){.row{grid-template-columns:1fr}}
.checks{display:flex;flex-wrap:wrap;gap:7px;margin-top:6px}
.checks label{
  display:inline-flex;align-items:center;gap:7px;margin:0;padding:10px 12px;min-height:var(--tap);
  border:1px solid var(--rule);background:var(--card);border-radius:var(--r-2);cursor:pointer;
  font-family:var(--f-mono);font-size:11.5px;letter-spacing:0;text-transform:none;color:var(--slate);
  transition:.12s;
}
.checks input{accent-color:var(--ink);width:16px;height:16px}

/* ---------- butonlar ---------- */
.btn{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  min-height:52px;padding:14px;border:none;border-radius:var(--r-2);text-align:center;
  font-family:var(--f-cond);font-weight:600;font-size:15.5px;letter-spacing:.045em;
  text-transform:uppercase;cursor:pointer;text-decoration:none;transition:.13s;
}
.btn.primary{background:var(--ink);color:var(--card)}
.btn.primary:active{transform:scale(.99)}
.btn.ghost{background:transparent;color:var(--slate);border:1px solid var(--rule)}
.btn.ghost:active{background:var(--card-2)}
.btn.danger{background:var(--signal);color:#fff}
.btn.wa{background:#1F8A4C;color:#fff}
.btn:disabled,.btn.busy{opacity:.55;pointer-events:none}
.btn + .btn,.btn + form,form + .btn,.btn + details{margin-top:var(--sp-2)}
.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}

/* ---------- vaka detayı ---------- */
.kv{display:grid;grid-template-columns:98px 1fr;gap:7px 12px;font-size:14.5px}
.kv dt{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;
  color:var(--slate-2);padding-top:4px}
.kv dd{margin:0;word-break:break-word;color:var(--ink-soft)}
.askbox{
  border-left:3px solid var(--ink);padding:3px 0 3px 13px;margin:var(--sp-3) 0 var(--sp-4);
  font-size:17px;font-weight:500;line-height:1.35;
}
.answer h4{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.11em;text-transform:uppercase;
  color:var(--slate-2);font-weight:500;margin:13px 0 4px}
.answer p{font-size:14.5px;color:var(--ink-soft)}
.flag{background:var(--signal-bg);border:1px solid var(--signal-line);padding:10px 12px;
  border-radius:var(--r-2);font-size:14px;color:var(--ink)}
.flag b{color:var(--signal)}
.disclaimer{font-size:11.5px;color:var(--slate-2);font-style:italic;margin-top:12px;line-height:1.45}
.thumb{display:block;width:100%;border:1px solid var(--rule);border-radius:var(--r-2);
  margin-top:10px;background:var(--card-2)}

/* ---------- istatistik satırı ---------- */
.stat{display:flex;justify-content:space-between;gap:12px;padding:11px 0;
  border-bottom:1px solid var(--rule-soft);font-size:14.5px}
.stat:last-child{border:none;padding-bottom:0}
.stat:first-child{padding-top:0}
.stat span:last-child{font-family:var(--f-mono);font-weight:500;white-space:nowrap;
  font-variant-numeric:tabular-nums}

/* ---------- boş durum ---------- */
.empty{
  text-align:center;padding:34px 20px;border:1px dashed var(--rule);border-radius:var(--r-3);
  background:var(--card);color:var(--slate);
}
.empty svg{width:34px;height:34px;stroke:var(--slate-2);fill:none;stroke-width:1.3;margin-bottom:10px}
.empty b{display:block;color:var(--ink);font-family:var(--f-cond);font-size:16px;margin-bottom:4px}
.empty p{font-size:13.5px}

/* ---------- alt sayfa (bottom sheet) ---------- */
.sheet-open{overflow:hidden}
.scrim{
  position:fixed;inset:0;background:rgba(5,10,14,.55);z-index:40;opacity:0;
  pointer-events:none;transition:opacity .2s;
}
.scrim.on{opacity:1;pointer-events:auto}
.sheet{
  position:fixed;left:50%;transform:translate(-50%,100%);bottom:0;width:100%;max-width:480px;
  background:var(--paper);border-radius:var(--r-4) var(--r-4) 0 0;z-index:41;
  max-height:88dvh;overflow-y:auto;box-shadow:var(--sh-3);
  padding:var(--sp-3) var(--sp-4) calc(env(safe-area-inset-bottom) + var(--sp-5));
  transition:transform .26s cubic-bezier(.32,.72,0,1);
}
.sheet.on{transform:translate(-50%,0)}
.sheet-grip{width:38px;height:4px;background:var(--rule);border-radius:4px;margin:2px auto 14px}
.sheet h2{margin-bottom:10px}

/* ---------- toast ---------- */
#toast{
  position:fixed;left:50%;transform:translate(-50%,14px);bottom:calc(env(safe-area-inset-bottom) + 78px);
  width:calc(100% - 28px);max-width:452px;background:var(--ink);color:var(--paper);
  padding:13px 15px;border-radius:var(--r-2);font-size:14px;opacity:0;pointer-events:none;
  transition:.22s;z-index:50;box-shadow:var(--sh-2);
}
#toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- çevrimdışı şeridi ---------- */
#offline{
  display:none;background:var(--hold-bg);color:var(--hold);border-bottom:1px solid var(--rule);
  font-family:var(--f-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  padding:7px var(--sp-4);text-align:center;
}
body.is-offline #offline{display:block}

/* ---------- ana ekrana ekle önerisi ---------- */
#a2hs{display:none;align-items:center;gap:10px;background:var(--card);border:1px solid var(--rule);
  border-radius:var(--r-3);padding:12px 13px;margin-bottom:var(--sp-3);font-size:13.5px}
#a2hs.on{display:flex}
#a2hs button{margin-left:auto;font-family:var(--f-cond);font-size:12.5px;font-weight:600;
  text-transform:uppercase;letter-spacing:.05em;background:var(--ink);color:var(--card);
  border:none;border-radius:var(--r-1);padding:9px 13px;cursor:pointer;white-space:nowrap}

/* ---------- iskelet ---------- */
.skel{background:linear-gradient(90deg,var(--rule-soft) 25%,var(--card-2) 37%,var(--rule-soft) 63%);
  background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:var(--r-2);height:14px}
@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

/* ---------- tablo ---------- */
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:9px 6px;border-bottom:1px solid var(--rule-soft);vertical-align:top}
th{font-family:var(--f-mono);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--slate-2)}
.tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.tools button,.tools a{font-family:var(--f-mono);font-size:11.5px;padding:8px 11px;
  border:1px solid var(--rule);background:var(--card);color:var(--ink);border-radius:var(--r-1);
  cursor:pointer;text-decoration:none;min-height:38px}

.center{max-width:430px;margin:0 auto}
details summary{list-style:none;cursor:pointer}
details summary::-webkit-details-marker{display:none}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:2px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{body{background:#fff}#app{box-shadow:none}nav,.btn,#toast{display:none}}

/* ============================================================
   MasterPeerMD Premium 2.0 — responsive product shell
   ============================================================ */
:root{
  --paper:var(--stage-paper);--card:#FFFEFA;--card-2:#F7F9F8;--ink:#122235;--ink-soft:#35495B;
  --slate:#708091;--slate-2:#98A5AF;--rule:#DCE3E5;--rule-soft:#E9EDEE;
  --signal:#EF5147;--signal-bg:#FFF0ED;--signal-line:#F0CCC8;
  --hold:#A76818;--hold-bg:#FFF4DF;--ok:#087F7B;--ok-bg:#E3F5F1;
  --chrome:var(--stage-1);--chrome-fg:var(--n-0);--chrome-dim:#87A0B2;
  --r-1:7px;--r-2:10px;--r-3:16px;--r-4:22px;
  --sh-1:0 1px 2px rgba(7,27,43,.04),0 8px 26px rgba(7,27,43,.05);
  --sh-2:0 15px 38px rgba(7,27,43,.1);--sh-3:0 -12px 50px rgba(7,27,43,.2);
  --f-sans:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-cond:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --f-mono:"DM Sans",ui-monospace,"SF Mono",Menlo,monospace;
}
body{background:var(--paper);font-family:var(--f-sans);display:block;color:var(--ink);}
#app{width:100%;max-width:none;min-height:100dvh;background:var(--paper);box-shadow:none;display:block;}
.has-shell #app{padding-left:252px;}
.workspace{min-height:100dvh;display:flex;flex-direction:column;}
.content{width:min(1120px,100%);margin:0 auto;padding:46px clamp(24px,4vw,58px) 86px;flex:1;}
.content>h1{font-family:"Newsreader",Georgia,serif;font-size:clamp(38px,4vw,54px);font-weight:500;letter-spacing:-.04em;line-height:1;margin-bottom:10px;color:var(--stage-4);}
.content>.sub{font-size:14px;max-width:760px;margin-bottom:24px;}
.content>.eyebrow{color:var(--ok);font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:10px;}

.desktop-sidebar{position:fixed;inset:0 auto 0 0;width:252px;z-index:60;padding:28px 16px 22px;display:flex;flex-direction:column;color:#DCE9F4;background:radial-gradient(circle at 20% 15%,rgba(39,104,156,.22),transparent 28%),linear-gradient(180deg,var(--stage-3),#061522);box-shadow:10px 0 44px rgba(3,17,28,.12);}
.sidebar-brand{display:flex;align-items:center;gap:11px;padding:3px 11px 28px;color:#F7FBFF;text-decoration:none;font-family:"Newsreader",Georgia,serif;font-size:24px;letter-spacing:-.04em;}
.sidebar-brand em{color:#69D5D0;font-style:normal;}
.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#7EE0DD;background:rgba(72,190,192,.1);border:1px solid rgba(101,222,218,.24);}
.brand-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.nav-caption{padding:0 13px 10px;color:#6F879B;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}
.desktop-nav{display:flex;flex-direction:column;gap:6px;position:static;padding:0;background:none;border:0;}
.desktop-nav a{min-height:50px;padding:0 13px;border-radius:12px;display:flex;flex-direction:row;justify-content:flex-start;gap:13px;color:#9DB0C0;font-family:var(--f-sans);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;transition:.18s;border:1px solid transparent;}
.desktop-nav a::before{display:none;}
.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.055);}
.desktop-nav a.on{color:#fff;background:linear-gradient(90deg,rgba(40,92,236,.35),rgba(40,92,236,.11));border-color:rgba(98,139,255,.2);box-shadow:inset 3px 0 0 #4C7CFF;}
.desktop-nav svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;}
.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px;}
.privacy-seal{border:1px solid rgba(154,181,202,.13);background:rgba(255,255,255,.035);border-radius:14px;padding:14px;display:flex;gap:11px;color:#6FD2CB;}
.privacy-seal svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;flex:0 0 auto;}
.privacy-seal div{display:flex;flex-direction:column;}.privacy-seal b{color:#D6E5EE;font-size:12px;}.privacy-seal span{color:#7890A2;font-size:10px;margin-top:2px;}
.logout-link{color:#8097A8;text-decoration:none;font-size:12px;padding:8px 12px;}.logout-link:hover{color:white;}
.sidebar-close,.menu-scrim{display:none;}

.topbar{height:84px;position:sticky;top:0;z-index:40;padding:0 clamp(24px,4vw,58px);display:flex;align-items:center;justify-content:space-between;background:rgba(247,245,240,.88);border-bottom:1px solid rgba(200,209,213,.75);backdrop-filter:blur(18px) saturate(1.2);color:var(--ink);}
.secure-state{display:flex;align-items:center;gap:9px;color:var(--slate);font-size:12px;}.secure-state>i{width:8px;height:8px;border-radius:50%;background:#35B99B;box-shadow:0 0 0 5px rgba(53,185,155,.12);}.secure-state em{width:1px;height:17px;background:var(--rule);margin:0 5px;}.secure-state small{font-size:11px;color:var(--slate-2);}
.who{margin:0;display:flex;gap:10px;align-items:center;}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;position:relative;background:linear-gradient(135deg,#096969,#16A6A4);color:white;font-size:12px;font-weight:700;box-shadow:0 0 0 3px rgba(8,127,123,.1);}.avatar i{position:absolute;right:-1px;bottom:-1px;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:var(--accent);border:2px solid var(--paper);font-size:8px;font-style:normal;}.identity{display:flex;flex-direction:column;}.identity b{font-size:12.5px;}.identity small{font-size:10px;color:var(--slate);margin-top:2px;}
.menu-button{display:none;width:42px;height:42px;border:1px solid var(--rule);background:var(--card);border-radius:12px;place-items:center;}.menu-button svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7;}

.panel{border-radius:16px;padding:20px;margin-bottom:14px;box-shadow:var(--sh-1);}
.case{border-radius:16px;margin-bottom:14px;box-shadow:var(--sh-1);transition:transform .18s,box-shadow .18s,border-color .18s;}
.case:hover{transform:translateY(-2px);box-shadow:0 15px 38px rgba(7,27,43,.08);border-color:#C4D2D6;}
.case-body{padding:18px 20px 19px;}.q{font-size:16px;color:#162A3E;}.case-top{margin-bottom:9px;}.branch{color:var(--ok);font-size:10px;background:var(--ok-bg);border:1px solid #D5EEEA;border-radius:7px;padding:4px 8px;}.clock{color:var(--ok);font-size:16px;}.clock.warn{color:var(--signal);}.decay{height:3px;}.decay i{background:linear-gradient(90deg,var(--ok),#38B9AD);}.chip{border-radius:7px;padding:4px 8px;background:#F7F8F7;}.chip.state{border-color:#B9C8F8;color:var(--accent);background:#EBF0FF;}.chip.done{background:var(--ok-bg);}
.segment{padding:4px;background:#E9EDEC;border-radius:12px;gap:3px;display:inline-flex;max-width:100%;}.segment a{border:0;background:transparent;border-radius:9px;padding:10px 16px;font-family:var(--f-sans);font-weight:600;font-size:12px;}.segment a.on{color:var(--ok);background:white;box-shadow:0 1px 3px rgba(7,27,43,.08);}
input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{border-radius:10px;padding:13px 14px;border-color:#D8E0E3;background:#FDFDFB;}.btn{border-radius:11px;min-height:52px;font-family:var(--f-sans);font-size:13px;text-transform:none;letter-spacing:0;font-weight:700;}.btn.primary{background:linear-gradient(135deg,#2F69F5,var(--accent));color:#fff;box-shadow:0 10px 26px rgba(40,92,236,.22);}.btn.primary:hover{transform:translateY(-1px);}.btn.ghost{background:var(--card);}.btn.danger{background:var(--signal);}.checks label{border-radius:10px;}.askbox{border-color:var(--accent);font-family:"Newsreader",Georgia,serif;font-size:20px;line-height:1.5;}.notice{border-radius:12px;background:#0B2A3E;}.error{border-radius:12px;}.empty{border-radius:16px;}.sheet{max-width:610px;border-radius:22px 22px 0 0;}.thumb{border-radius:12px;}

.mobile-nav{display:none;}
.auth-body{min-height:100dvh;background:radial-gradient(circle at 10% 10%,rgba(34,106,150,.18),transparent 26%),linear-gradient(135deg,var(--stage-3) 0,var(--stage-5) 48%,var(--stage-paper) 48%);}
.auth-body #app{min-height:100dvh;background:transparent;}.auth-header{height:84px;padding:20px clamp(24px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:transparent;color:white;}.auth-header .sidebar-brand{padding:0;}.auth-secure{display:flex;align-items:center;gap:7px;color:#6D8799;font-size:11px;}.auth-secure i{width:7px;height:7px;border-radius:50%;background:#45C7A6;box-shadow:0 0 0 5px rgba(69,199,166,.1);}.auth-content{width:min(470px,calc(100% - 32px));margin:6vh 9vw 0 auto;padding:34px;background:rgba(255,254,250,.96);border:1px solid rgba(255,255,255,.65);border-radius:22px;box-shadow:0 28px 80px rgba(4,20,32,.23);}.auth-content .center{max-width:none;}.auth-content h1{font-family:"Newsreader",Georgia,serif;font-size:42px;font-weight:500;letter-spacing:-.04em;color:var(--stage-4);}.auth-content .eyebrow{color:var(--ok);}

@media(max-width:900px){
  .has-shell #app{padding-left:0;}.desktop-sidebar{transform:translateX(-102%);transition:transform .25s cubic-bezier(.2,.8,.2,1);width:280px;}.desktop-sidebar.on{transform:translateX(0);}.sidebar-close{display:grid;place-items:center;position:absolute;right:14px;top:18px;width:38px;height:38px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);color:#A8BAC8;border-radius:11px;font-size:23px;}.menu-scrim.on{display:block;position:fixed;inset:0;z-index:55;width:100%;height:100%;border:0;background:rgba(2,14,23,.52);backdrop-filter:blur(2px);}.menu-button{display:grid;}.secure-state{margin-right:auto;margin-left:12px;}.content{padding-top:34px;}.auth-body{background:linear-gradient(180deg,var(--stage-3) 0,var(--stage-5) 26%,var(--stage-paper) 26%);}.auth-content{margin:6vh auto 40px;}
}
@media(max-width:640px){
  .topbar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;}.secure-state{display:none;}.identity{display:none;}.who{margin-left:auto;}.avatar{width:38px;height:38px;}.content{padding:25px 14px calc(96px + env(safe-area-inset-bottom));}.content>h1{font-size:36px;}.content>.sub{font-size:12px;line-height:1.55;}.desktop-sidebar{padding-bottom:calc(22px + env(safe-area-inset-bottom));}.panel{padding:16px}.case-body{padding:15px}.q{font-size:14px}.meta{font-size:11px}.segment{display:flex;margin:0 -14px 16px;padding:0 14px;border-radius:0;background:transparent;border-bottom:1px solid var(--rule);}.segment a{border-radius:0;padding:12px 13px;border-bottom:2px solid transparent}.segment a.on{background:transparent;box-shadow:none;border-bottom-color:var(--ok)}.mobile-nav{position:fixed;z-index:45;inset:auto 0 0;height:calc(68px + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);background:rgba(255,255,252,.94);border-top:1px solid var(--rule);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -8px 30px rgba(7,27,43,.08);}.mobile-nav a{min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#82909B;font-family:var(--f-sans);font-size:8px;font-weight:500;letter-spacing:0;text-transform:none;}.mobile-nav a::before{display:none}.mobile-nav a.on{color:var(--accent)}.mobile-nav svg{width:21px;height:21px}.mobile-nav .mobile-create{width:48px;height:48px;align-self:center;justify-self:center;border-radius:15px;color:white;background:linear-gradient(135deg,var(--accent),var(--accent-strong));transform:translateY(-15px);box-shadow:0 9px 24px rgba(40,92,236,.31),0 0 0 6px var(--paper)}.mobile-nav .mobile-create svg{width:25px;height:25px}.mobile-nav .mobile-create span{display:none}.sheet{left:0;transform:translateY(100%);max-width:none}.sheet.on{transform:translateY(0)}.auth-header{height:72px;padding:16px}.auth-header .sidebar-brand{font-size:20px}.auth-secure{display:none}.auth-content{width:calc(100% - 24px);margin:4vh auto 24px;padding:24px 18px;border-radius:18px}.auth-content h1{font-size:36px}.row{grid-template-columns:1fr}.btn{min-height:52px}#toast{bottom:calc(env(safe-area-inset-bottom) + 79px)}
}

/* ============================================================
   MasterPeerMD 3.0 — native iOS application shell
   ============================================================ */
:root{
  --paper:var(--n-3);--card:var(--n-0);--card-2:var(--n-1);--ink:var(--ink-base);--ink-soft:var(--ink-soft-base);
  --slate:var(--slate-base);--slate-2:var(--n-7);--rule:var(--n-5);--rule-soft:var(--n-4);
  --ok:var(--brand);--ok-bg:var(--brand-soft);--signal:var(--critical);--signal-bg:var(--critical-soft);
  --r-1:10px;--r-2:14px;--r-3:18px;--r-4:26px;
  --f-sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;
  --f-cond:var(--f-sans);--f-mono:"SF Mono",ui-monospace,Menlo,monospace;
}
html{background:var(--stage-1);}
body.has-shell{min-height:100dvh;background:radial-gradient(circle at 72% 75%,rgba(2,154,151,.22),transparent 30%),linear-gradient(145deg,var(--stage-1),var(--stage-2));font-family:var(--f-sans);overflow:hidden;}
body.has-shell .native-stage{height:100dvh;display:grid;place-items:center;padding:8px;}
body.has-shell #app{position:relative;width:min(470px,100%);height:min(920px,calc(100dvh - 16px));min-height:0;padding-left:0;overflow:hidden;background:var(--paper);border:1px solid rgba(255,255,255,.22);border-radius:46px;box-shadow:0 32px 100px rgba(0,0,0,.45),0 0 0 7px rgba(255,255,255,.04);}
.dynamic-island{position:absolute;z-index:90;top:11px;left:50%;transform:translateX(-50%);width:112px;height:29px;border-radius:18px;background:#030303;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);}
.dynamic-island i{position:absolute;right:8px;top:9px;width:8px;height:8px;border-radius:50%;background:#071722;box-shadow:inset 0 0 0 2px #0C293A;}
.workspace{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;}
.desktop-sidebar,.menu-scrim,.menu-button{display:none!important;}
.topbar{position:relative;flex:0 0 auto;z-index:40;height:90px;padding:35px 17px 10px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;background:rgba(248,248,250,.86);border-bottom:.5px solid rgba(60,60,67,.16);backdrop-filter:blur(28px) saturate(1.8);}
.who{grid-column:1;margin:0;width:38px;height:38px;text-decoration:none;}
.avatar{width:38px;height:38px;font-size:11px;background:linear-gradient(135deg,var(--brand-deep),var(--brand-light));box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);}
.avatar i{border-color:var(--n-1);background:var(--accent);}
.native-brand{grid-column:2;justify-self:start;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);min-width:0;}
.native-brand .brand-mark{width:29px;height:29px;border-radius:9px;background:var(--stage-6);border:0;color:var(--brand-glow);}
.native-brand .brand-mark svg{width:19px;height:19px;}
.native-brand>span:last-child{display:flex;flex-direction:column;min-width:0;}
.native-brand b{font-size:12.5px;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;}
.native-brand small{font-size:8.5px;color:var(--slate-2);margin-top:3px;white-space:nowrap;}
.header-action{grid-column:3;justify-self:end;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--accent);background:rgba(118,118,128,.08);position:relative;}
.header-action svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;}
.header-action i{position:absolute;right:8px;top:7px;width:6px;height:6px;border-radius:50%;background:var(--badge);border:1.5px solid var(--n-1);}
.content{width:100%;margin:0;padding:24px 17px calc(98px + env(safe-area-inset-bottom));flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;}
.content::-webkit-scrollbar{display:none;}
.content>h1{font-family:var(--f-sans);font-size:31px;font-weight:750;line-height:1.04;letter-spacing:-.045em;color:var(--ink);margin:0 0 7px;}
.content>.sub{font-size:13px;line-height:1.45;color:var(--slate);margin-bottom:20px;}
.content>.eyebrow{font-family:var(--f-sans);font-size:9px;letter-spacing:.13em;color:var(--brand);font-weight:750;margin-bottom:7px;}
.panel,.case,.empty{border:.5px solid rgba(60,60,67,.15);background:var(--card);border-radius:18px;box-shadow:0 8px 28px rgba(30,30,34,.055);}
.panel{padding:17px;margin-bottom:12px;}
.case{margin-bottom:11px;overflow:hidden;}
.case:hover{transform:none;box-shadow:0 8px 28px rgba(30,30,34,.055);}
.case-body{padding:15px 16px 16px;}
.q{font-size:15px;font-weight:650;letter-spacing:-.016em;line-height:1.33;color:var(--ink);}
.meta{font-size:11.5px;color:var(--slate);}
.branch{font-family:var(--f-sans);font-size:9px;font-weight:750;letter-spacing:.08em;color:var(--brand);background:var(--ok-bg);border:0;border-radius:7px;padding:5px 7px;}
.clock{font-family:var(--f-mono);font-size:13px;color:var(--brand);}
.chip{font-family:var(--f-sans);font-size:9px;border:0;background:var(--n-3);border-radius:7px;padding:5px 7px;color:var(--slate);}
.segment{width:100%;display:flex;padding:3px;background:#E3E3E8;border-radius:10px;gap:2px;margin-bottom:18px;}
.segment a{flex:1;text-align:center;border:0;border-radius:8px;padding:8px 10px;font-size:11px;}
.segment a.on{color:var(--ink);background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12);}
label{font-family:var(--f-sans);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--slate);}
input[type=text],input[type=email],input[type=password],input[type=tel],textarea,select{border:.5px solid rgba(60,60,67,.24);border-radius:13px;background:#fff;padding:13px 14px;font-size:16px;}
input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,132,255,.12);}
.btn{min-height:52px;border-radius:14px;font-size:14px;font-weight:700;}
.btn.primary{background:var(--accent);box-shadow:0 9px 22px rgba(10,132,255,.24);}
.btn.ghost{background:#fff;border:.5px solid rgba(60,60,67,.2);}
.askbox{font-family:var(--f-sans);font-size:17px;border-color:var(--accent);}
#a2hs{border:.5px solid rgba(60,60,67,.15);border-radius:16px;background:linear-gradient(135deg,#EAF8F5,#F5FBFA);font-size:12px;}
#a2hs button{background:var(--accent);border-radius:10px;text-transform:none;letter-spacing:0;}
.mobile-nav{position:absolute!important;z-index:70;inset:auto 0 0!important;height:calc(78px + env(safe-area-inset-bottom));padding:6px 10px env(safe-area-inset-bottom);display:grid!important;grid-template-columns:repeat(5,1fr);background:rgba(250,250,252,.9);border-top:.5px solid rgba(60,60,67,.2);backdrop-filter:blur(28px) saturate(1.8);box-shadow:0 -8px 26px rgba(0,0,0,.045);}
.mobile-nav a{min-height:0!important;padding:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--n-7);text-decoration:none;font-family:var(--f-sans);font-size:8.5px;font-weight:500;letter-spacing:0;text-transform:none;}
.mobile-nav a::before{display:none;}
.mobile-nav a.on{color:var(--accent);}
.mobile-nav svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.65;}
.mobile-nav .mobile-create{width:52px;height:52px;align-self:center;justify-self:center;border-radius:17px;color:#fff;background:linear-gradient(145deg,#198DFF,#006EDD);transform:translateY(-14px);box-shadow:0 10px 24px rgba(10,132,255,.35),0 0 0 6px var(--paper);}
.mobile-nav .mobile-create svg{width:27px;height:27px;}
.sheet{max-width:470px;border-radius:26px 26px 0 0;background:#F7F7FA;padding:12px 17px calc(env(safe-area-inset-bottom) + 24px);}
.sheet-grip{background:#C7C7CC;}
#toast{max-width:438px;bottom:calc(env(safe-area-inset-bottom) + 88px);border-radius:14px;background:rgba(28,28,30,.94);backdrop-filter:blur(18px);}

@media(max-width:540px){
  html,body.has-shell{background:var(--paper);}
  body.has-shell .native-stage{display:block;padding:0;}
  body.has-shell #app{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none;}
  .dynamic-island{top:9px;}
  .topbar{height:88px;padding-top:33px;}
  .content{padding-top:22px;}
  .sheet{left:0;transform:translateY(100%);max-width:none;}
  .sheet.on{transform:translateY(0);}
}


/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell #app{--paper:#000;--card:var(--n-11);--card-2:var(--n-10);--ink:var(--n-2);--ink-soft:var(--n-4);--slate:var(--n-7b);--slate-2:var(--n-7);--rule:var(--n-9);--rule-soft:var(--n-10);background:#000;}
  body.dark-on.has-shell .topbar,
body.dark-on.has-shell .mobile-nav{background:rgba(20,20,22,.86);border-color:rgba(84,84,88,.55);}
  body.dark-on.has-shell .header-action{background:var(--n-10);}
  body.dark-on.has-shell .avatar i,
body.dark-on.has-shell .header-action i{border-color:var(--n-11);}
  body.dark-on.has-shell .panel,
body.dark-on.has-shell .case,
body.dark-on.has-shell .empty,
body.dark-on.has-shell input,
body.dark-on.has-shell textarea,
body.dark-on.has-shell select,
body.dark-on.has-shell .btn.ghost{background:var(--n-11);border-color:var(--n-9);}
  body.dark-on.has-shell .segment{background:var(--n-10);}body.dark-on.has-shell .segment a.on{background:var(--n-8b);color:#fff;}
  body.dark-on.has-shell .chip{background:var(--n-10);}body.dark-on.has-shell .mobile-create{box-shadow:0 10px 24px rgba(10,132,255,.35),0 0 0 6px #000;}


/* ============================================================
   3.1 Native Clinical — home, priority engine, case wizard
   ============================================================ */
:root{
  --critical:var(--critical);--critical-deep:var(--critical-deep);--critical-soft:var(--critical-soft);
  --urgent:var(--urgent);--urgent-deep:var(--urgent-deep);--urgent-soft:var(--urgent-soft);
  --priority:#6657D9;--priority-deep:#4134A7;--priority-soft:#F1EFFF;
  --routine:#0A9A95;--routine-deep:#06706C;--routine-soft:#E8F8F6;
}
.home-intro{margin:0 0 18px;}
.home-intro h1{font-size:31px;font-weight:780;line-height:1.04;letter-spacing:-.045em;color:var(--ink);margin:5px 0 7px;}
.home-intro .sub{margin:0;}
.date-kicker,.step-kicker{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--accent);}
.secure-clinical-banner{min-height:66px;padding:11px 13px;margin-bottom:22px;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;text-decoration:none;color:var(--ink);border:.5px solid rgba(0,163,155,.22);border-radius:18px;background:linear-gradient(135deg,#E3F6F1,#F1F8F7);box-shadow:0 8px 24px rgba(0,120,110,.07);}
.secure-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#00A675;background:#CCF0E4;}
.secure-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;}
.secure-clinical-banner>span:nth-child(2){display:flex;flex-direction:column;}
.secure-clinical-banner b{font-size:12px;}.secure-clinical-banner small{font-size:9px;color:#60706E;margin-top:3px;}
.secure-clinical-banner>i{font-size:25px;color:var(--n-7);font-style:normal;font-weight:300;}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 10px;}
.section-title>span{display:flex;flex-direction:column;}.section-title b{font-size:17px;letter-spacing:-.025em;}.section-title small{font-size:9px;color:var(--slate-2);margin-top:2px;max-width:280px;}
.section-title>a{font-size:11px;color:var(--accent);text-decoration:none;}

.featured-case{position:relative;display:block;overflow:hidden;min-height:275px;padding:18px 17px 15px;margin-bottom:16px;color:#fff;text-decoration:none;border-radius:25px;box-shadow:0 18px 38px rgba(105,17,28,.22);isolation:isolate;}
.featured-case::before,.featured-case::after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(.2px);}
.featured-case::before{width:260px;height:260px;right:-92px;top:-104px;border:46px solid rgba(255,255,255,.06);}
.featured-case::after{width:190px;height:190px;right:-40px;bottom:-132px;background:rgba(0,0,0,.08);}
.featured-case.priority-critical{background:linear-gradient(145deg,#6E1520 0%,#B72838 53%,#8D1724 100%);}
.featured-case.priority-urgent{background:linear-gradient(145deg,#8C3A0B,var(--urgent) 58%,#AE4C10);box-shadow:0 18px 38px rgba(174,76,16,.22);}
.featured-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;}
.featured-priority{font-size:9px;font-weight:760;letter-spacing:.12em;}.featured-priority i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#FFD1D6;margin-right:7px;box-shadow:0 0 0 5px rgba(255,255,255,.1);}
.live-pill{font-size:8px;font-weight:700;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(0,0,0,.14);}
.featured-case h2{font-size:19px;font-weight:650;line-height:1.22;letter-spacing:-.027em;margin:0 0 8px;color:#fff;}
.featured-case p{font-size:11px;line-height:1.45;color:rgba(255,255,255,.72);margin:0;}
.featured-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);}
.featured-stats span{display:flex;flex-direction:column;padding:0 10px;border-right:1px solid rgba(255,255,255,.13);}.featured-stats span:first-child{padding-left:0}.featured-stats span:last-child{border:0}.featured-stats b{font-size:13px;color:#fff;}.featured-stats small{font-size:8px;color:rgba(255,255,255,.58);margin-top:2px}.featured-stats .clock{color:#fff;}
.featured-progress{height:3px;border-radius:4px;background:rgba(255,255,255,.14);overflow:hidden;}.featured-progress i{display:block;height:100%;background:#FFD7DA;border-radius:4px;}
.featured-cta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;font-weight:700;}.featured-cta b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);font-size:23px;font-weight:300;}

.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px;}
.quick-grid>a{min-height:106px;padding:13px;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);border:.5px solid rgba(60,60,67,.13);border-radius:19px;background:var(--card);box-shadow:0 8px 22px rgba(30,30,34,.05);}
.quick-grid b{font-size:12px;margin-top:auto;}.quick-grid small{font-size:9px;color:var(--slate-2);margin-top:2px;}
.quick-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;font-size:23px;font-weight:300;}.quick-icon.blue{color:#087AD8;background:#E4F2FF}.quick-icon.cyan{color:#009CA5;background:#E4F9FA}.quick-icon.indigo{color:#6556D8;background:#EFEDFF}.quick-icon.green{color:#00A15F;background:#E5F8EC}

.priority-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;margin-bottom:22px;border:.5px solid rgba(60,60,67,.13);border-radius:17px;background:var(--card);}
.priority-count{min-width:0;padding:8px 4px;display:flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;color:var(--ink);border-radius:11px;transition:.18s;}
.priority-count.active{background:var(--card-2);box-shadow:inset 0 0 0 1px rgba(60,60,67,.08);}.priority-count>i,.priority-badge>i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:currentColor;}
.priority-count>span{display:flex;flex-direction:column;}.priority-count b{font-size:14px;line-height:1;}.priority-count small{font-size:7.5px;color:var(--slate);margin-top:3px;white-space:nowrap;}
.priority-count.priority-critical{color:var(--critical)}.priority-count.priority-urgent{color:var(--urgent)}.priority-count.priority-priority{color:var(--priority)}.priority-count.priority-routine{color:var(--routine)}
.case-pool-section{padding-top:3px;scroll-margin-top:12px;}.case-list{display:flex;flex-direction:column;gap:10px;}

.case{position:relative;margin:0;transition:transform .16s;}.case:active{transform:scale(.988);}
.case-accent{position:absolute;inset:0 auto 0 0;width:4px;background:var(--routine);z-index:2;}
.case.priority-critical .case-accent{background:var(--critical)}.case.priority-urgent .case-accent{background:var(--urgent)}.case.priority-priority .case-accent{background:var(--priority)}.case.priority-routine .case-accent{background:var(--routine)}
.case.priority-critical{border-color:rgba(217,45,62,.22);background:linear-gradient(90deg,var(--critical-soft),var(--card) 24%)}
.case.priority-urgent{border-color:rgba(240,122,36,.22);background:linear-gradient(90deg,var(--urgent-soft),var(--card) 24%)}
.case.priority-priority{border-color:rgba(102,87,217,.2);background:linear-gradient(90deg,var(--priority-soft),var(--card) 24%)}
.case.priority-routine{border-color:rgba(10,154,149,.18);background:linear-gradient(90deg,var(--routine-soft),var(--card) 24%)}
.case.status-answered{opacity:.8;}.case.status-answered .case-accent{background:#34C759}.case.status-claimed .case-accent{background:#FF9F0A}
.case .decay{height:2px;margin-left:4px;background:rgba(118,118,128,.1);}.case .decay i{background:currentColor;}.case.priority-critical .decay{color:var(--critical)}.case.priority-urgent .decay{color:var(--urgent)}.case.priority-priority .decay{color:var(--priority)}.case.priority-routine .decay{color:var(--routine)}
.priority-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:10px;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--routine-deep);background:var(--routine-soft);}
.priority-critical .priority-badge,.priority-badge.priority-critical{color:var(--critical-deep);background:var(--critical-soft)}
.priority-urgent .priority-badge,.priority-badge.priority-urgent{color:var(--urgent-deep);background:var(--urgent-soft)}
.priority-priority .priority-badge,.priority-badge.priority-priority{color:var(--priority-deep);background:var(--priority-soft)}
.priority-routine .priority-badge,.priority-badge.priority-routine{color:var(--routine-deep);background:var(--routine-soft)}
.case-ref{font-size:8.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--slate-2);margin-bottom:6px;}.case .q{margin-bottom:6px;}
.status-chip.open{color:var(--accent);background:#EAF4FF}.status-chip.claimed{color:#A35D00;background:#FFF3D9}.status-chip.answered{color:#14863F;background:#E8F8EC}.status-chip.closed{color:var(--slate-base);background:#EFEFF4}

.case-detail-state{padding:11px 12px;margin-bottom:15px;display:grid;grid-template-columns:auto auto 1fr;gap:8px;align-items:center;border-radius:15px;background:var(--card);border:.5px solid rgba(60,60,67,.15);}
.case-detail-state small{grid-column:1/-1;font-size:9px;color:var(--slate);}.status-badge{font-size:9px;font-weight:700;color:var(--accent)}.status-badge.claimed{color:#A35D00}.status-badge.answered{color:#14863F}
.priority-editor{margin:14px 0;padding:13px;border:.5px solid rgba(60,60,67,.15);border-radius:15px;background:var(--card);}.priority-editor summary{font-size:12px;font-weight:650;color:var(--accent);}.priority-editor form{margin-top:10px;}.priority-editor .btn{margin-top:8px;}
.demo-admin-row{display:flex;flex-direction:column;gap:7px}.demo-admin-row>b{font-size:13px}.demo-admin-row>small{font-size:9px;color:var(--slate)}

.wizard-head{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:start;margin:0 0 25px;padding:0 2px;}
.wizard-head>span{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--slate-2);}.wizard-head span>b{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--n-4);font-size:10px;}.wizard-head span>i{font-size:8px;font-style:normal;}.wizard-head>em{height:1px;margin-top:14px;background:var(--n-5);}
.wizard-head>span.active{color:var(--accent)}.wizard-head>span.active b{background:var(--accent);color:#fff;box-shadow:0 5px 14px rgba(10,132,255,.25)}
.wizard-step{display:none;animation:wizardIn .24s ease both;}.wizard-step.active{display:block;}.wizard-step h2{font-size:20px;line-height:1.2;letter-spacing:-.025em;margin:5px 0 17px;}.wizard-next{margin-top:20px;}
@keyframes wizardIn{from{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}
.wizard-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;margin-top:20px}.wizard-actions .btn{margin:0;}
.priority-picker{display:flex;flex-direction:column;gap:8px;margin-top:7px;}.priority-option{margin:0;letter-spacing:0;text-transform:none;cursor:pointer;}.priority-option>input{position:absolute;opacity:0;pointer-events:none;}.priority-option>span{min-height:63px;padding:11px 13px;display:grid;grid-template-columns:10px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;border:1px solid rgba(60,60,67,.16);border-radius:15px;background:var(--card);transition:.16s;}.priority-option>span>i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:currentColor}.priority-option b{font-size:12px;color:var(--ink)}.priority-option small{font-size:9px;color:var(--slate);margin-top:2px}.priority-option.priority-critical{color:var(--critical)}.priority-option.priority-urgent{color:var(--urgent)}.priority-option.priority-priority{color:var(--priority)}.priority-option.priority-routine{color:var(--routine)}
.priority-option input:checked+span{border-color:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,currentColor 5%,var(--card));}
.secure-submit-note{padding:12px 13px;margin-top:15px;display:flex;flex-direction:column;border-radius:14px;color:#08786F;background:#E6F7F3}.secure-submit-note b{font-size:11px}.secure-submit-note span{font-size:9px;margin-top:3px;color:#5E7773}


/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell .secure-clinical-banner{background:#142A28;border-color:#245B55}body.dark-on .secure-icon{background:#16433C}body.dark-on .quick-grid>a,
body.dark-on .priority-overview,
body.dark-on .case-detail-state,
body.dark-on .priority-editor{background:var(--n-11);border-color:var(--n-9)}
  body.dark-on.has-shell .case.priority-critical{background:linear-gradient(90deg,#35151B,var(--n-11) 30%)}body.dark-on.has-shell .case.priority-urgent{background:linear-gradient(90deg,#382212,var(--n-11) 30%)}body.dark-on.has-shell .case.priority-priority{background:linear-gradient(90deg,#24203F,var(--n-11) 30%)}body.dark-on.has-shell .case.priority-routine{background:linear-gradient(90deg,#102F2D,var(--n-11) 30%)}
  body.dark-on .priority-option>span{background:var(--n-11);border-color:var(--n-9)}body.dark-on .secure-submit-note{background:#12322E}body.dark-on .priority-count.active{background:var(--n-10)}


/* ============================================================
   3.3.1 Premium clinical cards — priority-tinted glass surfaces
   ============================================================ */
.case-list .case{
  isolation:isolate;
  overflow:hidden;
  min-height:174px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  color:#fff;
  box-shadow:0 18px 38px rgba(18,25,36,.16);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.case-list .case::before,.case-list .case::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
}
.case-list .case::before{
  width:230px;
  height:230px;
  right:-92px;
  top:-124px;
  border:38px solid rgba(255,255,255,.055);
  box-shadow:0 0 0 28px rgba(255,255,255,.025);
}
.case-list .case::after{
  width:190px;
  height:190px;
  right:-52px;
  bottom:-145px;
  background:rgba(0,0,0,.12);
}
.case-list .case:hover{
  transform:translateY(-2px);
  filter:saturate(1.04);
  box-shadow:0 22px 46px rgba(18,25,36,.22);
}
.case-list .case:active{transform:scale(.988);}
.case-list .case-body{position:relative;z-index:1;padding:17px 18px 18px;}
.case-list .case-accent{display:none;}

.case-list .case.priority-critical{
  background:linear-gradient(145deg,#65151E 0%,#A82331 55%,#5A1119 100%);
  border-color:rgba(255,173,181,.2);
  box-shadow:0 18px 38px rgba(104,20,31,.24);
}
.case-list .case.priority-urgent{
  background:linear-gradient(145deg,#743008 0%,#DA681C 55%,#772C08 100%);
  border-color:rgba(255,207,166,.2);
  box-shadow:0 18px 38px rgba(146,66,15,.23);
}
.case-list .case.priority-priority{
  background:linear-gradient(145deg,#302568 0%,#6252CA 55%,#2B225B 100%);
  border-color:rgba(205,199,255,.2);
  box-shadow:0 18px 38px rgba(57,44,132,.23);
}
.case-list .case.priority-routine{
  background:linear-gradient(145deg,#075855 0%,#0A918C 55%,#064A48 100%);
  border-color:rgba(174,255,248,.18);
  box-shadow:0 18px 38px rgba(6,90,87,.22);
}

.case-list .case.status-answered{opacity:1;filter:saturate(.78);}
.case-list .case.status-claimed{filter:saturate(.9);}
.case-list .case .decay{
  position:relative;
  z-index:2;
  height:3px;
  margin:0;
  background:rgba(255,255,255,.16);
}
.case-list .case .decay i{background:rgba(255,255,255,.76);}
.case-list .case .priority-badge{
  color:#fff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
}
.case-list .case .priority-badge i{
  background:#fff;
  box-shadow:0 0 0 4px rgba(255,255,255,.1);
}
.case-list .case .clock{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.14);}
.case-list .case .clock.warn{color:#FFE0E2;}
.case-list .case-ref{color:rgba(255,255,255,.62);}
.case-list .case .q{color:#fff;font-weight:670;letter-spacing:-.018em;}
.case-list .case .meta{color:rgba(255,255,255,.72);}
.case-list .case .chip,
.case-list .case .status-chip.open,
.case-list .case .status-chip.claimed,
.case-list .case .status-chip.answered,
.case-list .case .status-chip.closed{
  color:rgba(255,255,255,.9);
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.12);
  backdrop-filter:blur(7px);
}

.featured-case.priority-priority{
  background:linear-gradient(145deg,#302568 0%,#6252CA 55%,#2B225B 100%);
  box-shadow:0 18px 38px rgba(57,44,132,.23);
}
.featured-case.priority-routine{
  background:linear-gradient(145deg,#075855 0%,#0A918C 55%,#064A48 100%);
  box-shadow:0 18px 38px rgba(6,90,87,.22);
}

@media(max-width:700px){
  .case-list{gap:12px;}
  .case-list .case{min-height:168px;border-radius:22px;}
  .case-list .case-body{padding:16px 16px 17px;}
  .case-list .case::before{right:-118px;top:-138px;}
}

@media(prefers-reduced-motion:reduce){
  .case-list .case{transition:none;}
}

/* ============================================================
   3.3.2 Tactile UI — 3D buttons, press feedback, OTP verification
   ============================================================ */
.secure-clinical-banner,
.quick-grid>a,
.priority-overview,
.segment,
.btn{
  transform:translateY(-2px);
  will-change:transform,box-shadow;
}

.secure-clinical-banner{
  border:1px solid rgba(25,184,155,.22);
  background:linear-gradient(145deg,#F4FFFC 0%,#DDF7F1 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.9),0 5px 0 #C3E5DE,0 13px 28px rgba(18,104,91,.14);
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease;
}
.secure-clinical-banner:hover{transform:translateY(-4px);filter:saturate(1.04);}
.secure-clinical-banner.is-pressed,.secure-clinical-banner:active{
  transform:translateY(3px) scale(.993);
  box-shadow:inset 0 2px 5px rgba(8,87,73,.12),0 1px 0 #B9DCD5,0 5px 12px rgba(18,104,91,.09);
}

.quick-grid{gap:13px;margin-bottom:25px;}
.quick-grid>a{
  --quick-edge:#DDE1E8;
  --quick-glow:rgba(44,66,94,.14);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:112px;
  border:1px solid rgba(60,60,67,.11);
  background:linear-gradient(145deg,var(--n-0) 0%,#F8F9FC 100%);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.95),0 6px 0 var(--quick-edge),0 15px 28px var(--quick-glow);
  transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s ease,filter .18s ease;
}
.quick-grid>a:nth-child(1){--quick-edge:#C9DFF3;--quick-glow:rgba(27,120,210,.14);}
.quick-grid>a:nth-child(2){--quick-edge:#C5E8E8;--quick-glow:rgba(0,156,165,.14);}
.quick-grid>a:nth-child(3){--quick-edge:#DAD4F7;--quick-glow:rgba(101,86,216,.14);}
.quick-grid>a:nth-child(4){--quick-edge:#CBE9D8;--quick-glow:rgba(0,161,95,.14);}
.quick-grid>a::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:130px;
  height:130px;
  right:-74px;
  top:-82px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.95),rgba(255,255,255,0) 68%);
  pointer-events:none;
}
.quick-grid>a:hover{transform:translateY(-5px);filter:saturate(1.05);box-shadow:inset 0 2px 0 #fff,0 8px 0 var(--quick-edge),0 20px 34px var(--quick-glow);}
.quick-grid>a.is-pressed,.quick-grid>a:active{
  transform:translateY(4px) scale(.985);
  box-shadow:inset 0 3px 7px rgba(45,55,72,.12),0 1px 0 var(--quick-edge),0 6px 12px var(--quick-glow);
}
.quick-grid>a.is-pressed .quick-icon,.quick-grid>a:active .quick-icon{transform:scale(.88) rotate(-3deg);}
.quick-icon{box-shadow:inset 0 2px 0 rgba(255,255,255,.72),0 5px 12px rgba(35,52,74,.1);transition:transform .2s cubic-bezier(.2,.9,.2,1.2),box-shadow .2s;}

.priority-overview{
  border:1px solid rgba(60,60,67,.12);
  background:linear-gradient(145deg,var(--n-0),#F7F8FB);
  box-shadow:inset 0 2px 0 #fff,0 5px 0 #DEE1E7,0 13px 27px rgba(38,45,62,.11);
}
.priority-count{position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
.priority-count:hover{transform:translateY(-2px);background:rgba(255,255,255,.72);}
.priority-count.active{transform:translateY(-2px);background:#fff;box-shadow:inset 0 1px 0 #fff,0 4px 0 #DADDE4,0 8px 15px rgba(38,45,62,.1);}
.priority-count.is-pressed,.priority-count:active{transform:translateY(2px) scale(.96);box-shadow:inset 0 2px 4px rgba(38,45,62,.12);}

.segment{
  overflow:visible;
  border:1px solid rgba(60,60,67,.08);
  background:linear-gradient(180deg,#E9E9EE,#DDDDE3);
  box-shadow:inset 0 2px 4px rgba(36,36,42,.08),0 4px 0 #D2D2D8,0 9px 18px rgba(30,30,40,.09);
}
.segment a{position:relative;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;}
.segment a.on{transform:translateY(-2px);background:linear-gradient(180deg,#fff,var(--n-1));box-shadow:inset 0 2px 0 #fff,0 4px 0 #D5D5DA,0 8px 16px rgba(25,25,35,.12);}
.segment a.is-pressed,.segment a:active{transform:translateY(2px) scale(.98);box-shadow:inset 0 2px 5px rgba(30,30,40,.14);}

.btn{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:translateY(-2px);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 5px 0 #075CB3,0 12px 23px rgba(10,92,178,.2);
  transition:transform .16s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,filter .16s ease;
}
.btn.primary{background:linear-gradient(145deg,#2494FF 0%,#0878E5 55%,#0567C9 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.26),0 5px 0 #0759AC,0 13px 25px rgba(8,105,205,.25);}
.btn.ghost{background:linear-gradient(145deg,#fff,#F5F6F8);box-shadow:inset 0 2px 0 #fff,0 4px 0 #D9DDE3,0 10px 19px rgba(35,45,60,.1);}
.btn.danger{background:linear-gradient(145deg,#FF665E,#D93631);box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 5px 0 #AB2622,0 12px 22px rgba(192,38,31,.22);}
.btn.wa{background:linear-gradient(145deg,#30B66C,#187F47);box-shadow:inset 0 2px 0 rgba(255,255,255,.22),0 5px 0 #126437,0 12px 22px rgba(31,138,76,.22);}
.btn:hover{transform:translateY(-4px);filter:saturate(1.05);}
.btn.is-pressed,.btn:active{transform:translateY(3px) scale(.992);box-shadow:inset 0 3px 7px rgba(20,30,45,.18),0 1px 0 rgba(0,0,0,.12),0 5px 10px rgba(35,45,60,.1);}
.btn.busy{opacity:1;filter:saturate(.75);}
.btn.is-verifying::before{
  content:"";
  width:18px;
  height:18px;
  flex:0 0 18px;
  border:2px solid rgba(255,255,255,.36);
  border-top-color:#fff;
  border-radius:50%;
  animation:mpmSpin .72s linear infinite;
}
.btn.ghost.is-verifying::before{border-color:rgba(10,132,255,.2);border-top-color:var(--accent);}

.mpm-pressable{position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;}
.mpm-press-ripple{
  position:absolute;
  z-index:8;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.62) 0%,rgba(255,255,255,.16) 42%,rgba(255,255,255,0) 70%);
  transform:scale(0);
  animation:mpmRipple .58s ease-out forwards;
}

#mpmVerifyOverlay{
  position:fixed;
  z-index:100;
  inset:0;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(7,14,23,.42);
  backdrop-filter:blur(14px) saturate(1.15);
  opacity:0;
  visibility:hidden;
  transition:opacity .22s ease,visibility .22s;
}
#mpmVerifyOverlay.on{opacity:1;visibility:visible;}
.mpm-verify-card{
  width:min(330px,100%);
  padding:28px 24px 24px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  border:1px solid rgba(255,255,255,.7);
  border-radius:28px;
  color:#111827;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(241,247,252,.96));
  box-shadow:inset 0 2px 0 #fff,0 8px 0 rgba(218,226,235,.96),0 28px 65px rgba(3,15,30,.28);
  transform:translateY(16px) scale(.94);
  transition:transform .28s cubic-bezier(.2,.9,.2,1.15);
}
#mpmVerifyOverlay.on .mpm-verify-card{transform:none;}
.mpm-verify-card b{font-size:17px;margin-top:18px;}.mpm-verify-card small{font-size:11px;color:#6B7280;margin-top:5px;}
.mpm-verify-orbit{position:relative;width:62px;height:62px;border:2px solid #CFE8FF;border-top-color:var(--accent);border-radius:50%;animation:mpmSpin .9s linear infinite;}
.mpm-verify-orbit::before{content:"";position:absolute;inset:8px;border-radius:50%;background:linear-gradient(145deg,#EAF5FF,#CFEAFF);box-shadow:inset 0 2px 0 #fff,0 7px 14px rgba(10,132,255,.18);}
.mpm-verify-orbit i{position:absolute;z-index:1;width:9px;height:9px;left:50%;top:50%;margin:-4.5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 8px rgba(10,132,255,.12);animation:mpmVerifyPulse 1.1s ease-in-out infinite;}
.mpm-verify-dots{display:flex;gap:6px;margin-top:17px;}.mpm-verify-dots i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:mpmDot 1s ease-in-out infinite;}.mpm-verify-dots i:nth-child(2){animation-delay:.14s}.mpm-verify-dots i:nth-child(3){animation-delay:.28s}

.otp-group,[data-otp]{display:flex;justify-content:center;gap:8px;margin:18px 0;}
.otp-input{
  width:46px!important;
  height:56px;
  padding:0!important;
  text-align:center;
  font-size:22px!important;
  font-weight:800;
  font-variant-numeric:tabular-nums;
  border:1px solid #CDD5DF!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff,#F3F6F9)!important;
  box-shadow:inset 0 2px 0 #fff,0 5px 0 #D6DCE3,0 10px 18px rgba(35,45,60,.1);
  transform:translateY(-2px);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important;
}
.otp-input:focus{transform:translateY(-5px) scale(1.04);border-color:var(--accent)!important;box-shadow:inset 0 2px 0 #fff,0 5px 0 var(--accent-pale),0 14px 24px rgba(10,132,255,.2)!important;}
.otp-input.is-filled{color:#0877DE;border-color:#80BFFF!important;background:linear-gradient(145deg,#F7FCFF,#E7F4FF)!important;}
.otp-input.otp-pop{animation:otpPop .24s cubic-bezier(.2,.9,.2,1.3);}
.otp-complete .otp-input{border-color:#28A86B!important;box-shadow:inset 0 2px 0 #fff,0 5px 0 #A9DFC3,0 12px 21px rgba(30,151,94,.16);}

.verification-result{position:relative;overflow:hidden;padding:28px 22px;margin:18px 0 20px;text-align:center;border-radius:26px;background:linear-gradient(145deg,#fff,#F4F8FB);border:1px solid rgba(60,60,67,.12);box-shadow:inset 0 2px 0 #fff,0 7px 0 #DDE4EA,0 20px 38px rgba(25,40,58,.14);animation:verifyCardIn .45s cubic-bezier(.2,.9,.2,1.15) both;}
.verification-mark{position:relative;width:76px;height:76px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;color:#169C61;background:linear-gradient(145deg,#ECFFF5,#CFF4E0);box-shadow:inset 0 2px 0 #fff,0 7px 0 #A9DEC1,0 15px 28px rgba(22,156,97,.18);animation:verifyMarkIn .55s .12s cubic-bezier(.2,.9,.2,1.35) both;}
.verification-mark::after{content:"";position:absolute;inset:-10px;border:2px solid rgba(22,156,97,.18);border-radius:50%;animation:verifyHalo 1.8s .35s ease-out infinite;}.verification-mark svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:70;stroke-dashoffset:70;animation:verifyDraw .55s .4s ease forwards;}
.verification-result.is-error .verification-mark{color:#D83A42;background:linear-gradient(145deg,#FFF4F4,#FFD9DC);box-shadow:inset 0 2px 0 #fff,0 7px 0 #E7B6BA,0 15px 28px rgba(216,58,66,.16);animation:verifyShake .48s .16s ease both;}.verification-result.is-error .verification-mark::after{border-color:rgba(216,58,66,.18);}.verification-result h1{font-size:25px;margin-bottom:8px;}.verification-result p{font-size:13px;color:var(--slate);}

@keyframes mpmRipple{to{transform:scale(1);opacity:0}}
@keyframes mpmSpin{to{transform:rotate(360deg)}}
@keyframes mpmVerifyPulse{50%{transform:scale(.68);opacity:.58}}
@keyframes mpmDot{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(-5px);opacity:1}}
@keyframes otpPop{50%{transform:translateY(-6px) scale(1.08)}}
@keyframes verifyCardIn{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}
@keyframes verifyMarkIn{from{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:none}}
@keyframes verifyDraw{to{stroke-dashoffset:0}}
@keyframes verifyHalo{0%{transform:scale(.72);opacity:0}35%{opacity:1}100%{transform:scale(1.28);opacity:0}}
@keyframes verifyShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}

@media(max-width:370px){.otp-group,[data-otp]{gap:5px}.otp-input{width:40px!important;height:52px;}}

/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell .quick-grid>a{background:linear-gradient(145deg,#2A2A2D,#18181A);border-color:var(--n-9b);--quick-edge:var(--n-13);--quick-glow:rgba(0,0,0,.36);}
  body.dark-on.has-shell .priority-overview{background:linear-gradient(145deg,#262629,#171719);box-shadow:inset 0 2px 0 rgba(255,255,255,.04),0 5px 0 var(--n-13),0 13px 27px rgba(0,0,0,.34);}
  body.dark-on.has-shell .segment{background:linear-gradient(180deg,var(--n-10b),var(--n-11c));box-shadow:inset 0 2px 4px #111,0 4px 0 #0A0A0B,0 9px 18px rgba(0,0,0,.32);}
  body.dark-on.has-shell .segment a.on{background:linear-gradient(180deg,#68686D,#4B4B50);box-shadow:inset 0 2px 0 rgba(255,255,255,.12),0 4px 0 #171719,0 8px 16px rgba(0,0,0,.3);}


@media(prefers-reduced-motion:reduce){
  .secure-clinical-banner,.quick-grid>a,.priority-overview,.segment,.btn,.otp-input{transform:none!important;}
  .mpm-press-ripple{display:none;}
}

/* ============================================================
   3.4 Secure Access — okunabilir gece modu, OTP ve yönetim merkezi
   ============================================================ */
.otp-login-page{display:flex;flex-direction:column;gap:14px;}
.otp-login-hero{position:relative;padding:4px 2px 8px;text-align:center;}
.otp-login-hero .eyebrow{margin:0 0 12px;color:var(--accent-strong);}
.otp-login-hero h1{margin:0 0 9px;font-size:34px;line-height:1.05;color:var(--stage-4);}
.otp-login-hero p{max-width:390px;margin:0 auto;color:#5f6d78;font-size:13px;line-height:1.55;}
.otp-login-hero p b{color:#213c52;}
.otp-shield{
  position:relative;width:78px;height:78px;margin:0 auto 20px;display:grid;place-items:center;border-radius:25px;
  color:var(--accent-strong);background:linear-gradient(145deg,#f8fcff,#dceeff);
  border:1px solid rgba(10,132,255,.18);
  box-shadow:inset 0 2px 0 #fff,0 7px 0 #badcfb,0 20px 38px rgba(10,105,200,.2);
  animation:otpShieldFloat 3.2s ease-in-out infinite;
}
.otp-shield::before{content:"";position:absolute;inset:-10px;border:1px solid rgba(10,132,255,.14);border-radius:31px;animation:otpShieldHalo 2.4s ease-out infinite;}
.otp-shield svg{width:43px;height:43px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;}
.otp-login-card{padding:21px 18px 19px;border:1px solid rgba(60,60,67,.12);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:inset 0 2px 0 #fff,0 8px 0 #dfe6ed,0 22px 46px rgba(9,31,49,.13);}
.otp-login-card .btn{width:100%;margin-top:8px;}
.otp-security-note{display:flex;align-items:flex-start;gap:9px;margin:12px 2px;color:#61717d;font-size:11px;line-height:1.45;}
.otp-security-note>span:first-child{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#008d82;background:#dcf7ef;font-size:16px;font-weight:900;}
.otp-security-note>span:last-child{display:flex;flex-direction:column;gap:4px;}
.otp-security-note small{display:block;color:var(--accent-strong);font-size:10px;font-weight:750;font-variant-numeric:tabular-nums;}
.otp-security-note small.expired{color:var(--critical);}
.otp-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:5px;}
.otp-secondary-actions .btn{min-height:46px;font-size:12px;}
.otp-feedback-success,.otp-feedback-error{animation:otpFeedbackIn .38s cubic-bezier(.2,.9,.2,1.1) both;}
.otp-group.otp-error{animation:otpGroupShake .52s ease both;}

.admin-hero{position:relative;overflow:hidden;padding:21px;margin-bottom:15px;border-radius:25px;color:#fff;background:radial-gradient(circle at 95% 0,rgba(72,208,191,.28),transparent 38%),linear-gradient(145deg,#071e2e,#0b3e50);box-shadow:0 18px 38px rgba(4,29,46,.22);}
.admin-hero::after{content:"";position:absolute;width:150px;height:150px;right:-72px;bottom:-92px;border:22px solid rgba(255,255,255,.045);border-radius:50%;}
.admin-hero>div{position:relative;z-index:1;}
.admin-hero .eyebrow{margin:0 0 10px;color:#81e2d2;}
.admin-hero h1{margin:0 0 7px;color:#fff;font-size:29px;letter-spacing:-.04em;}
.admin-hero p{max-width:330px;color:#b9ccd7;font-size:11.5px;line-height:1.5;}
.admin-health{position:absolute;z-index:2;right:16px;top:17px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(126,230,204,.23);border-radius:999px;color:#a8edda;background:rgba(11,59,66,.62);backdrop-filter:blur(12px);font-size:9px;font-weight:750;}
.admin-health i{width:7px;height:7px;border-radius:50%;background:#54d6a5;box-shadow:0 0 0 5px rgba(84,214,165,.13);}
.admin-health.danger{color:#ffd1d4;border-color:rgba(255,115,122,.25);background:rgba(91,20,27,.56);}.admin-health.danger i{background:#ff626b;}
.admin-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px;}
.admin-metrics article{min-height:105px;padding:14px;display:flex;flex-direction:column;border:1px solid rgba(60,60,67,.12);border-radius:19px;background:linear-gradient(145deg,#fff,#f7f9fb);box-shadow:inset 0 2px 0 #fff,0 5px 0 #e0e4e9,0 13px 24px rgba(27,40,56,.09);}
.admin-metrics small{color:#78838d;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em;}.admin-metrics b{margin:3px 0 0;color:#112337;font-size:28px;line-height:1;font-variant-numeric:tabular-nums;}.admin-metrics span{margin-top:auto;color:#8b969f;font-size:9px;}
.admin-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;}.admin-actions form{grid-column:1/-1;}.admin-actions .btn{width:100%;min-height:47px;padding:10px;font-size:11px;}
.admin-section-title{margin:24px 3px 11px;align-items:center;}.admin-section-title>span{display:flex;flex-direction:column;}.admin-section-title b{color:var(--ink);font-size:18px;letter-spacing:-.025em;}.admin-section-title small{margin-top:2px;color:var(--slate);font-size:9.5px;font-weight:500;letter-spacing:0;text-transform:none;}.admin-section-title em{min-width:27px;height:27px;padding:0 8px;display:grid;place-items:center;border-radius:999px;color:var(--accent-strong);background:#e7f3ff;font-size:10px;font-style:normal;font-weight:800;}
.admin-empty{padding:19px;text-align:center;border:1px dashed var(--rule);border-radius:18px;color:var(--slate);background:var(--card);font-size:12px;}
.admin-card-grid{display:grid;gap:12px;}
.admin-user-card{padding:16px;border:1px solid rgba(60,60,67,.13);border-radius:21px;background:var(--card);box-shadow:0 12px 30px rgba(26,38,52,.07);}
.admin-user-card header{position:static;padding:0;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;color:var(--ink);background:none;}
.admin-user-card header>div{min-width:0;display:flex;flex-direction:column;}.admin-user-card header b{overflow:hidden;text-overflow:ellipsis;font-size:12px;white-space:nowrap;}.admin-user-card header small{overflow:hidden;text-overflow:ellipsis;color:var(--slate);font-size:9px;white-space:nowrap;}.admin-user-card header>i{padding:5px 7px;border-radius:999px;background:var(--ok-bg);font-size:8px;font-style:normal;font-weight:800;white-space:nowrap;}.admin-user-card header>i.bad{background:var(--signal-bg);}
.avatar-mini{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;background:linear-gradient(145deg,#148e8b,#066260);font-size:14px;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 7px 14px rgba(8,107,103,.2);}
.admin-user-card dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0;padding:12px 0;border-block:1px solid var(--rule-soft);}.admin-user-card dl div{min-width:0;}.admin-user-card dt{color:var(--slate-2);font-size:8px;text-transform:uppercase;letter-spacing:.08em;}.admin-user-card dd{overflow:hidden;margin-top:3px;color:var(--ink-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap;}
.admin-inline-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.admin-inline-form label{display:flex;align-items:center;gap:5px;margin:0;padding:6px 8px;border:1px solid var(--rule);border-radius:9px;color:var(--ink-soft);background:var(--card-2);font-size:9px;letter-spacing:0;text-transform:none;}.admin-inline-form input{width:14px;height:14px;accent-color:var(--accent-strong);}.admin-inline-form .btn{min-height:42px;padding:9px 12px;font-size:10px;}
.admin-filter{display:grid;grid-template-columns:1fr 120px;gap:8px;margin-bottom:11px;}.admin-filter input,.admin-filter select{min-width:0;height:45px;margin:0;padding:10px 11px;font-size:12px;}.admin-filter .btn{grid-column:1/-1;min-height:43px;}
.admin-table-wrap{overflow:auto;margin:0 -2px 14px;border:1px solid rgba(60,60,67,.13);border-radius:18px;background:var(--card);box-shadow:0 10px 26px rgba(24,38,53,.06);-webkit-overflow-scrolling:touch;}
.admin-table{min-width:660px;color:var(--ink-soft);font-size:10px;}.admin-table th{position:sticky;top:0;z-index:1;padding:11px 10px;color:var(--slate);background:var(--card-2);font-size:8px;}.admin-table td{padding:11px 10px;border-color:var(--rule-soft);vertical-align:middle;}.admin-table td>b{display:block;color:var(--ink);font-size:10.5px;}.admin-table td>small{display:block;max-width:150px;margin-top:3px;overflow:hidden;color:var(--slate);text-overflow:ellipsis;white-space:nowrap;}
.admin-priority,.admin-status{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:8px;font-weight:800;white-space:nowrap;}.admin-priority.priority-critical{color:#a9192c;background:#ffe8ec}.admin-priority.priority-urgent{color:#ad4d0b;background:#fff0e3}.admin-priority.priority-priority{color:#5144bb;background:#eeecff}.admin-priority.priority-routine{color:#067873;background:#e3f7f5}.admin-status.status-active{color:#087c56;background:#e1f6ed}.admin-status.status-pending{color:#98600b;background:#fff2da}.admin-status.status-suspended{color:#a5212b;background:#ffe9eb}
.admin-row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.admin-row-actions button{min-height:30px;padding:6px 8px;border:1px solid var(--rule);border-radius:8px;color:var(--accent-strong);background:var(--card-2);font:700 8.5px var(--f-sans);cursor:pointer;}.admin-row-actions button.danger{color:#cf2f3d;border-color:rgba(207,47,61,.2);background:var(--signal-bg);}
.admin-row-actions select{width:auto;min-width:92px;height:30px;margin:0;padding:4px 22px 4px 7px;border-radius:8px;font-size:8.5px;}.admin-case-filter{grid-template-columns:1fr 1fr;}.admin-case-filter .btn{grid-column:1/-1;}

@keyframes otpShieldFloat{0%,100%{transform:translateY(-2px)}50%{transform:translateY(-7px)}}
@keyframes otpShieldHalo{0%{transform:scale(.82);opacity:0}35%{opacity:1}100%{transform:scale(1.16);opacity:0}}
@keyframes otpFeedbackIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:none}}
@keyframes otpGroupShake{0%,100%{transform:translateX(0)}20%{transform:translateX(-7px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(2px)}}

@media(max-width:390px){
  .otp-login-card{padding-inline:12px}.otp-secondary-actions{grid-template-columns:1fr}.admin-health{position:static;width:max-content;margin-top:14px}.admin-hero h1{font-size:27px}.admin-user-card header{grid-template-columns:38px 1fr}.admin-user-card header>i{grid-column:2}.avatar-mini{width:38px;height:38px}.admin-user-card dl{grid-template-columns:1fr 1fr}.admin-filter{grid-template-columns:1fr}.admin-filter .btn{grid-column:auto}
}


/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell #app{color:var(--n-2);}
  body.dark-on.has-shell .content,
body.dark-on.has-shell .content h1,
body.dark-on.has-shell .content h2,
body.dark-on.has-shell .content h3,
body.dark-on.has-shell .home-intro h1,
body.dark-on.has-shell .section-title b,
body.dark-on.has-shell .quick-grid b,
body.dark-on.has-shell .secure-clinical-banner b,
body.dark-on.has-shell .priority-overview b,
body.dark-on.has-shell .priority-count b,
body.dark-on.has-shell label,
body.dark-on.has-shell .admin-section-title b{color:var(--n-2);}
  body.dark-on.has-shell .sub,
body.dark-on.has-shell .hint,
body.dark-on.has-shell .meta,
body.dark-on.has-shell .section-title small,
body.dark-on.has-shell .quick-grid small,
body.dark-on.has-shell .secure-clinical-banner small,
body.dark-on.has-shell .priority-overview small,
body.dark-on.has-shell .priority-count small,
body.dark-on.has-shell .admin-section-title small{color:var(--n-6);}
  body.dark-on.has-shell .native-brand{color:var(--n-2);}
  body.dark-on.has-shell .native-brand small{color:#a7a7ad;}
  body.dark-on.has-shell input,
body.dark-on.has-shell textarea,
body.dark-on.has-shell select{color:#fff!important;background:var(--n-11)!important;border-color:var(--n-8)!important;}
  body.dark-on.has-shell input::placeholder,
body.dark-on.has-shell textarea::placeholder{color:var(--n-7);opacity:1;}
  body.dark-on.has-shell option{color:#fff;background:var(--n-11);}
  body.dark-on.has-shell .btn.ghost{color:var(--n-4);background:linear-gradient(145deg,var(--n-10b),var(--n-11c));border-color:var(--n-8);box-shadow:inset 0 2px 0 rgba(255,255,255,.05),0 4px 0 var(--n-13),0 10px 19px rgba(0,0,0,.35);}
  body.dark-on.has-shell .secure-clinical-banner{color:#effffb;background:linear-gradient(145deg,#183531,#102522);border-color:#245b55;box-shadow:inset 0 2px 0 rgba(255,255,255,.035),0 5px 0 #071715,0 13px 28px rgba(0,0,0,.35);}
  body.dark-on.has-shell .secure-icon{background:#174a41;}
  body.dark-on.has-shell .priority-option>span{background:var(--n-11);border-color:var(--n-8);}
  body.dark-on.has-shell .priority-option b{color:var(--n-2);}
  body.dark-on.has-shell .panel p,
body.dark-on.has-shell .panel li,
body.dark-on.has-shell .case-detail-state{color:var(--n-5);}
  body.dark-on.has-shell .admin-metrics article{background:linear-gradient(145deg,var(--n-10c),#18181b);border-color:var(--n-9b);box-shadow:inset 0 2px 0 rgba(255,255,255,.04),0 5px 0 var(--n-13),0 13px 24px rgba(0,0,0,.34);}
  body.dark-on.has-shell .admin-metrics b{color:#fff;}body.dark-on.has-shell .admin-metrics small,
body.dark-on.has-shell .admin-metrics span{color:#b4b4ba;}
  body.dark-on.has-shell .admin-section-title em{color:#72b9ff;background:#142b42;}
  body.dark-on.has-shell .admin-user-card,
body.dark-on.has-shell .admin-empty,
body.dark-on.has-shell .admin-table-wrap{color:var(--n-4);background:var(--n-11);border-color:var(--n-9);}
  body.dark-on.has-shell .admin-user-card header{color:var(--n-2);}body.dark-on.has-shell .admin-user-card header small{color:var(--n-6);}body.dark-on.has-shell .admin-user-card dd{color:#e0e0e4;}
  body.dark-on.has-shell .admin-inline-form label,
body.dark-on.has-shell .admin-row-actions button{color:#9ecbff;background:var(--n-10c);border-color:var(--n-8);}
  body.dark-on.has-shell .admin-table{color:#dadade;}body.dark-on.has-shell .admin-table th{color:var(--n-6);background:var(--n-10c);}body.dark-on.has-shell .admin-table td>b{color:#fff;}body.dark-on.has-shell .admin-table td>small{color:var(--n-6);}
  body.dark-on.has-shell .admin-row-actions button.danger{color:#ff8a91;background:#3b171b;border-color:#622329;}
  body.dark-on.auth-body{color:var(--n-2);background:radial-gradient(circle at 14% 5%,rgba(24,111,159,.28),transparent 31%),linear-gradient(145deg,#02090f,var(--stage-1));}
  body.dark-on.auth-body #app{background:transparent;}
  body.dark-on.auth-body .auth-content{color:var(--n-2);background:rgba(22,22,25,.96);border-color:rgba(255,255,255,.1);box-shadow:0 28px 80px rgba(0,0,0,.48);}
  body.dark-on.auth-body .auth-content h1,
body.dark-on.auth-body .otp-login-hero h1{color:#fff;}
  body.dark-on.auth-body .otp-login-hero p,
body.dark-on.auth-body .otp-login-hero p b{color:#c7c7cc;}
  body.dark-on.auth-body label{color:var(--n-6);}
  body.dark-on.auth-body input,
body.dark-on.auth-body textarea,
body.dark-on.auth-body select{color:#fff;background:var(--n-11b);border-color:var(--n-8);}
  body.dark-on.auth-body input::placeholder{color:var(--n-7);opacity:1;}
  body.dark-on.auth-body .otp-login-card{background:linear-gradient(145deg,var(--n-10c),#19191c);border-color:var(--n-9b);box-shadow:inset 0 2px 0 rgba(255,255,255,.04),0 8px 0 #080809,0 22px 46px rgba(0,0,0,.45);}
  body.dark-on.auth-body .otp-input{color:#fff!important;background:linear-gradient(145deg,var(--n-10b),#1f1f22)!important;border-color:var(--n-8)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.05),0 5px 0 var(--n-13),0 10px 18px rgba(0,0,0,.4);}
  body.dark-on.auth-body .otp-input:focus{border-color:var(--accent)!important;box-shadow:inset 0 2px 0 rgba(255,255,255,.06),0 5px 0 #064b8f,0 14px 24px rgba(10,132,255,.25)!important;}
  body.dark-on.auth-body .otp-input.is-filled{color:#7cc0ff!important;background:linear-gradient(145deg,#18334b,#102437)!important;}
  body.dark-on.auth-body .otp-security-note{color:#b6b6bb;}body.dark-on.auth-body .btn.ghost{color:var(--n-4);background:linear-gradient(145deg,var(--n-10b),var(--n-11c));border-color:var(--n-8);box-shadow:inset 0 2px 0 rgba(255,255,255,.05),0 4px 0 var(--n-13),0 10px 19px rgba(0,0,0,.35);}
  body.dark-on.auth-body .notice{color:#d9fff5;background:#123a36;}body.dark-on.auth-body .error{color:#ffabb0;background:#351519;border-color:#64262c;}
  body.dark-on .mpm-verify-card{color:#fff;border-color:rgba(255,255,255,.1);background:linear-gradient(145deg,#2c2c30,#17171a);box-shadow:inset 0 2px 0 rgba(255,255,255,.05),0 8px 0 #080809,0 28px 65px rgba(0,0,0,.55);}body.dark-on .mpm-verify-card small{color:var(--n-6);}


@media(prefers-reduced-motion:reduce){.otp-shield,.otp-shield::before,.otp-feedback-success,.otp-feedback-error,.otp-group.otp-error{animation:none!important;}}

/* ============================================================
   4.1 Trust & Clinical Safety — kimlik, kalite ve vaka odası
   ============================================================ */
.registration-v41,.verification-center{max-width:540px}.privacy-inline,.secure-submit-note,.media-safety-card{display:flex;gap:12px;align-items:flex-start;margin:14px 0;padding:14px;border:1px solid #b9ded8;border-radius:18px;color:#315e5b;background:linear-gradient(145deg,#effbf8,#e5f6f3);font-size:11px;line-height:1.55}.privacy-inline b,.secure-submit-note b,.media-safety-card b{display:block;color:#08766d;white-space:nowrap}.consent-stack{display:grid;gap:9px}.consent-stack label{align-items:flex-start!important;line-height:1.45}
.verification-summary,.clinical-quality,.verification-level{display:flex;align-items:center;gap:14px;margin:15px 0;padding:15px;border:1px solid var(--rule);border-radius:20px;background:var(--card);box-shadow:var(--sh-2)}.verification-summary>span,.clinical-quality>span,.verification-level>span{position:relative;width:54px;height:54px;flex:0 0 auto;border-radius:50%;background:conic-gradient(#0a9b82 var(--quality,var(--level,75%)),#dce6e6 0);display:grid;place-items:center}.verification-summary>span::after,.clinical-quality>span::after,.verification-level>span::after{content:"";width:40px;height:40px;border-radius:50%;background:var(--card)}.verification-summary b,.clinical-quality b,.verification-level b{display:block;color:var(--ink);font-size:13px}.verification-summary small,.clinical-quality small,.verification-level small{display:block;margin-top:3px;color:var(--slate);font-size:10px;line-height:1.45}
.verification-orbit{position:relative;width:90px;height:90px;margin:8px auto 22px;border:1px solid rgba(10,132,255,.2);border-radius:50%;animation:v41Orbit 4s linear infinite}.verification-orbit::before,.verification-orbit::after{content:"";position:absolute;border-radius:50%}.verification-orbit::before{inset:17px;border:2px solid var(--accent);background:radial-gradient(circle,#dff1ff 0 42%,transparent 44%)}.verification-orbit::after{width:16px;height:16px;top:4px;left:37px;background:var(--accent);box-shadow:0 0 0 7px rgba(10,132,255,.14)}
.verification-timeline{display:grid;gap:0;margin:18px 0}.verification-timeline>article{position:relative;display:grid;grid-template-columns:34px 1fr;gap:11px;min-height:68px}.verification-timeline>article::after{content:"";position:absolute;left:16px;top:32px;bottom:0;width:2px;background:var(--rule)}.verification-timeline>article:last-child::after{display:none}.verification-timeline>article>span{width:34px;height:34px;display:grid;place-items:center;border:2px solid var(--rule);border-radius:50%;color:var(--slate);background:var(--card);font-size:11px;font-weight:850}.verification-timeline>article>i{display:none}.verification-timeline .done>span{color:#fff;border-color:#19a679;background:#19a679}.verification-timeline .current>span{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 7px rgba(10,132,255,.12)}.verification-timeline b{display:block;color:var(--ink);font-size:12px}.verification-timeline small{color:var(--slate);font-size:10px}.verification-orbit>span{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#0769bd;font-size:12px;font-weight:900}.registration-v41 .verification-summary{display:grid;grid-template-columns:1fr 1fr}.registration-v41 .verification-summary article{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:10px}.registration-v41 .verification-summary article b{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--accent-strong);background:#e8f4ff}
.wizard-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0}.wizard-head span{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--slate)}.wizard-head span b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--slate);background:var(--card);border:1px solid var(--rule)}.wizard-head span i{font-size:8px;font-style:normal;font-weight:800;text-transform:uppercase}.wizard-head span.active b{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 5px 13px rgba(10,132,255,.24)}.wizard-head em{height:2px;flex:1;margin:0 5px;background:var(--rule)}.wizard-step{display:none;animation:v41StepIn .3s ease both}.wizard-step.active{display:block}.wizard-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;margin-top:16px}.step-kicker{margin-bottom:7px;color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.12em}.clinical-wizard-head{position:sticky;top:70px;z-index:8;padding:10px 4px;background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(18px)}
.case-room{margin-top:18px;padding:16px;border:1px solid var(--rule);border-radius:22px;background:var(--card)}.room-messages{display:flex;flex-direction:column;gap:9px;max-height:360px;overflow:auto;margin:13px 0}.room-messages>div{max-width:86%;padding:10px 12px;border-radius:16px 16px 16px 5px;color:var(--ink-soft);background:var(--card-2);font-size:11px}.room-messages>div.mine{align-self:flex-end;border-radius:16px 16px 5px;color:#fff;background:var(--accent-strong)}.room-messages small{display:block;margin-top:4px;opacity:.72;font-size:8px}.room-compose{display:grid;grid-template-columns:1fr auto;gap:8px}.room-compose input{margin:0}.confidence-chip{display:inline-flex;margin:5px 0;padding:5px 8px;border-radius:999px;color:#2f5f76;background:#e7f3f9;font-size:9px;font-weight:750}.outcome-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.outcome-form select{margin:0}.verification-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.verification-badges span{padding:5px 8px;border-radius:999px;color:#9c2830;background:#ffeaec;font-size:8px;font-weight:800}.verification-badges span.ok{color:#087351;background:#e3f6ee}.trust-architecture{border-color:rgba(10,155,130,.24)}.privacy-center{display:grid;gap:10px}.blocked-user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--rule-soft)}.blocked-user-row span{display:flex;flex-direction:column}.blocked-user-row small{color:var(--slate)}
@keyframes v41Orbit{to{transform:rotate(360deg)}}@keyframes v41StepIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}
@media(max-width:390px){.wizard-head span i{display:none}.wizard-actions{grid-template-columns:1fr}.privacy-inline,.secure-submit-note,.media-safety-card{flex-direction:column}.admin-user-card dl{grid-template-columns:1fr 1fr}}

/* [tema] gece kuralları — sınıf tabanlı */

 body.dark-on.has-shell .privacy-inline,
body.dark-on.has-shell .secure-submit-note,
body.dark-on.has-shell .media-safety-card{color:#b8ddd6;background:linear-gradient(145deg,#17332f,#102522);border-color:#2c5952}body.dark-on.has-shell .privacy-inline b,
body.dark-on.has-shell .secure-submit-note b,
body.dark-on.has-shell .media-safety-card b{color:#72d9c7}
 body.dark-on.has-shell .verification-summary,
body.dark-on.has-shell .clinical-quality,
body.dark-on.has-shell .verification-level,
body.dark-on.has-shell .case-room{color:var(--n-2);background:var(--n-11);border-color:var(--n-9b)}body.dark-on.has-shell .verification-summary>span::after,
body.dark-on.has-shell .clinical-quality>span::after,
body.dark-on.has-shell .verification-level>span::after{background:var(--n-11)}body.dark-on.has-shell .verification-summary small,
body.dark-on.has-shell .clinical-quality small,
body.dark-on.has-shell .verification-level small{color:var(--n-6)}
 body.dark-on.has-shell .wizard-head span b,
body.dark-on.has-shell .verification-timeline>article>span{color:var(--n-5);background:var(--n-10c);border-color:var(--n-8)}body.dark-on.has-shell .clinical-wizard-head{background:rgba(20,20,22,.88)}body.dark-on.has-shell .room-messages>div{color:#f0f0f2;background:var(--n-10)}body.dark-on.has-shell .room-messages>div.mine{color:#fff;background:#086fc0}body.dark-on.has-shell .confidence-chip{color:#a9d7ee;background:#153448}
 body.dark-on.auth-body .privacy-inline,
body.dark-on.auth-body .verification-summary,
body.dark-on.auth-body .verification-record{color:var(--n-4);background:var(--n-11b);border-color:var(--n-8)}body.dark-on.auth-body .verification-summary b,
body.dark-on.auth-body .verification-record b,
body.dark-on.auth-body .verification-timeline b{color:#fff}body.dark-on.auth-body .verification-summary small,
body.dark-on.auth-body .verification-record small,
body.dark-on.auth-body .verification-timeline small{color:var(--n-6)}body.dark-on.auth-body .verification-summary>span::after{background:var(--n-11b)}body.dark-on.auth-body .verification-timeline>article>span{color:var(--n-5);background:var(--n-10c);border-color:var(--n-8)}body.dark-on.auth-body .registration-v41 .verification-summary article b{color:#72b9ff;background:#16324b}

@media(prefers-reduced-motion:reduce){.verification-orbit,.wizard-step{animation:none!important}}

/* ============================================================
   4.2 — topluluk kimliği, roller, güven indeksi, bildirim ve duyuru
   Mevcut tasarım dili korunur; yalnızca yeni bileşenler eklenir.
   ============================================================ */

/* ---------- topluluk kimliği ---------- */
.community-strip{display:flex;align-items:center;gap:10px;margin:0 auto;padding:10px 16px;max-width:520px;width:calc(100% - 24px);
  border:.5px solid rgba(60,60,67,.15);border-radius:14px;background:var(--card-2);
  font-size:11px;line-height:1.4;color:var(--slate);}
.community-strip b{flex:0 0 auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;
  background:var(--ok-bg,var(--brand-soft));color:var(--ok,var(--brand));font-size:12px;}
.community-strip.inline{width:100%;max-width:none;margin:14px 0 0;}
.community-foot{margin:26px 0 4px;text-align:center;font-size:10px;line-height:1.5;color:var(--slate-2);}
.community-foot b{display:block;font-size:10.5px;font-weight:650;color:var(--slate);letter-spacing:.01em;}

/* ---------- bildirim rozeti ---------- */
.header-badge{position:absolute;right:2px;top:1px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;
  background:var(--badge);color:#fff;font-family:var(--f-sans);font-size:9px;font-weight:700;line-height:16px;text-align:center;
  border:1.5px solid var(--paper);}
.nav-badge{position:absolute;top:6px;margin-left:22px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;
  background:var(--badge);color:#fff;font-size:8.5px;font-weight:700;line-height:15px;text-align:center;font-style:normal;}
.mobile-nav a{position:relative;}

/* ---------- kimlik satırı, rol ve güven rozetleri ---------- */
.identity-row{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 4px;}
.role-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;
  font-family:var(--f-sans);font-size:10px;font-weight:650;letter-spacing:.01em;
  background:var(--card-2);color:var(--slate);border:.5px solid rgba(60,60,67,.14);}
.role-chip.role-consultant-verified{background:var(--brand-soft);color:var(--brand-deep);border-color:var(--brand-line);}
.role-chip.role-consultant{background:#F1EFFF;color:#4134A7;border-color:#D5CFF5;}
.role-chip.role-physician{background:#EEF3FB;color:#2A4E86;border-color:#CFDDF1;}
.role-chip.role-student{background:var(--urgent-soft);color:var(--urgent-deep);border-color:var(--urgent-line);}
.role-chip.role-admin{background:var(--n-3);color:var(--ink-soft-base);border-color:#D8D8DE;}

.trust-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 8px;border-radius:11px;
  text-decoration:none;background:var(--card);border:.5px solid rgba(60,60,67,.16);}
.trust-chip b{font-family:var(--f-sans);font-size:13px;font-weight:750;color:var(--ink);letter-spacing:-.02em;}
.trust-chip small{font-size:9.5px;color:var(--slate);}
.trust-chip.level-4{border-color:var(--brand-line);}
.trust-chip.level-5{border-color:var(--brand);box-shadow:0 0 0 2px rgba(0,163,155,.12);}
.trust-mini{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:8px;
  background:var(--card-2);color:var(--slate);font-size:9.5px;font-weight:650;}

/* ---------- duyurular ---------- */
.announce-stack{display:flex;flex-direction:column;gap:10px;margin:14px 0 4px;}
.announce{padding:14px 15px;border-radius:16px;border:.5px solid rgba(60,60,67,.15);background:var(--card);
  box-shadow:0 8px 28px rgba(30,30,34,.05);border-left-width:3px;}
.announce header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;
  font-family:var(--f-sans);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--slate-2);}
.announce b{display:block;font-size:14px;font-weight:680;letter-spacing:-.015em;color:var(--ink);margin-bottom:5px;}
.announce p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink-soft);}
.announce a{display:inline-block;margin-top:8px;font-size:11.5px;font-weight:650;color:var(--accent);text-decoration:none;}
.announce.pinned{box-shadow:0 10px 30px rgba(30,30,34,.09);}
.announce.ann-info{border-left-color:var(--accent);}
.announce.ann-info header span{color:var(--accent);}
.announce.ann-success{border-left-color:var(--ok,var(--brand));}
.announce.ann-success header span{color:var(--ok,var(--brand));}
.announce.ann-warning{border-left-color:var(--urgent,var(--urgent));}
.announce.ann-warning header span{color:var(--urgent-deep,var(--urgent-deep));}
.announce.ann-critical{border-left-color:var(--critical,var(--critical));background:var(--critical-soft,var(--critical-soft));}
.announce.ann-critical header span{color:var(--critical-deep,var(--critical-deep));}

/* ---------- bildirim merkezi ---------- */
.notify-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.notify-actions form{margin:0;}
.notify-actions .btn{min-height:40px;padding:0 14px;font-size:11.5px;}
.notify-list{display:flex;flex-direction:column;gap:9px;}
.notify-item{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:13px 14px;border-radius:15px;
  border:.5px solid rgba(60,60,67,.14);background:var(--card);}
.notify-item.unread{border-color:rgba(10,132,255,.35);background:color-mix(in srgb,var(--accent) 4%,var(--card));}
.notify-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;
  background:var(--card-2);color:var(--slate);font-size:14px;}
.notify-item.unread .notify-icon{background:var(--accent-soft);color:var(--accent-deep);}
.notify-item b{display:block;font-size:13px;font-weight:660;letter-spacing:-.012em;color:var(--ink);}
.notify-item p{margin:4px 0 0;font-size:12px;line-height:1.45;color:var(--ink-soft);}
.notify-item small{display:block;margin-top:6px;font-size:10px;color:var(--slate-2);}
.notify-item-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap;}
.notify-item-actions form{margin:0;}
.notify-item-actions .btn{min-height:34px;padding:0 12px;font-size:11px;}

/* ---------- kitle / hesap / rol seçicileri ---------- */
.audience-picker,.account-picker,.role-picker{display:flex;flex-direction:column;gap:8px;margin-top:7px;}
.audience-option,.account-option,.role-option{margin:0;letter-spacing:0;text-transform:none;cursor:pointer;color:var(--accent);}
.audience-option>input,.account-option>input,.role-option>input{position:absolute;opacity:0;pointer-events:none;}
.audience-option>span,.account-option>span,.role-option>span{min-height:63px;padding:11px 13px;display:grid;
  grid-template-columns:10px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;
  border:1px solid rgba(60,60,67,.16);border-radius:15px;background:var(--card);transition:.16s;}
.audience-option>span>i,.account-option>span>i,.role-option>span>i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:currentColor;}
.audience-option b,.account-option b,.role-option b{font-size:12px;color:var(--ink);}
.audience-option small,.account-option small,.role-option small{font-size:9.5px;line-height:1.4;color:var(--slate);margin-top:2px;}
.audience-option input:checked+span,.account-option input:checked+span,.role-option input:checked+span{
  border-color:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 12%,transparent);
  background:color-mix(in srgb,currentColor 5%,var(--card));}
.audience-option.audience-branch_consultant{color:var(--ok,var(--brand));}
.audience-option.audience-all_consultant{color:var(--priority,#6657D9);}
.audience-option.audience-everyone{color:var(--accent);}
.role-option.role-pick-consultant{color:var(--ok,var(--brand));}
.role-option.role-pick-asker{color:var(--accent);}
.role-picker.compact>label>span{min-height:56px;}

.student-notice{padding:13px 14px;border-radius:14px;background:var(--urgent-soft,var(--urgent-soft));
  border:.5px solid var(--urgent-line);margin-bottom:12px;}
.student-notice b{display:block;font-size:12.5px;color:var(--urgent-deep,var(--urgent-deep));margin-bottom:4px;}
.student-notice span{font-size:11.5px;line-height:1.5;color:var(--ink-soft);}

/* ---------- vaka kitlesi göstergeleri ---------- */
.chip.audience-chip{background:#EEF3FB;color:#2A4E86;}
.audience-note{margin:8px 0 14px;font-size:11.5px;line-height:1.5;color:var(--slate);}
.audience-note b{color:var(--ink);}
.audience-block{padding:13px 15px;margin:12px 0;border-radius:15px;background:var(--card-2);
  border:.5px dashed rgba(60,60,67,.25);}
.audience-block b{display:block;font-size:12.5px;color:var(--ink);margin-bottom:4px;}
.audience-block span{font-size:11.5px;line-height:1.5;color:var(--slate);}
.response-role{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 10px;}
.response-role small{font-size:10px;color:var(--slate-2);}

/* ---------- güven indeksi paneli ---------- */
.trust-panel{padding-top:18px;}
.trust-head{display:flex;align-items:center;gap:14px;margin-bottom:16px;}
.trust-ring{position:relative;width:66px;height:66px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--ok,var(--brand)) var(--trust,0%),rgba(60,60,67,.12) 0);}
.trust-ring::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--card);}
.trust-ring span{position:relative;z-index:1;font-family:var(--f-sans);font-size:19px;font-weight:750;
  letter-spacing:-.03em;color:var(--ink);}
.trust-ring.level-1,.trust-ring.level-2{background:conic-gradient(var(--n-7) var(--trust,0%),rgba(60,60,67,.12) 0);}
.trust-ring.level-3{background:conic-gradient(var(--accent) var(--trust,0%),rgba(60,60,67,.12) 0);}
.trust-head b{display:block;font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--ink);}
.trust-head small{display:block;margin-top:3px;font-size:11px;color:var(--slate);}
.trust-bars{display:flex;flex-direction:column;gap:9px;margin-bottom:14px;}
.trust-bar{display:grid;grid-template-columns:104px 1fr 46px;align-items:center;gap:9px;}
.trust-bar>span{font-size:10.5px;color:var(--slate);}
.trust-bar>i{height:6px;border-radius:4px;background:rgba(60,60,67,.12);overflow:hidden;}
.trust-bar>i>em{display:block;height:100%;border-radius:4px;background:var(--ok,var(--brand));}
.trust-bar>b{font-family:var(--f-sans);font-size:10.5px;font-weight:650;color:var(--ink);text-align:right;}
.xp-table{margin:-4px 0 14px;padding:12px 15px;border-radius:15px;border:.5px solid rgba(60,60,67,.14);background:var(--card-2);}
.xp-table summary{cursor:pointer;font-size:12px;font-weight:650;color:var(--ink);}
.xp-table ul{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-direction:column;gap:6px;}
.xp-table li{display:flex;justify-content:space-between;gap:10px;font-size:11.5px;color:var(--slate);}
.xp-table li b{color:var(--ok,var(--brand));}

/* ---------- push paneli ---------- */
.push-panel .btn{min-height:44px;margin-top:9px;}
.push-panel [data-push-state]{margin-top:8px;min-height:14px;}

/* ---------- yönetim: otomatik ön kontrol ---------- */
.auto-check{margin:10px 0;padding:11px 13px;border-radius:13px;border:.5px solid rgba(60,60,67,.16);background:var(--card-2);}
.auto-check b{display:block;font-size:11.5px;color:var(--ink);margin-bottom:4px;}
.auto-check span{display:block;font-size:11px;line-height:1.5;color:var(--slate);}
.auto-check small{display:block;margin-top:5px;font-size:9.5px;color:var(--slate-2);}
.auto-check.auto-ok{background:var(--brand-soft);border-color:var(--brand-line);}
.auto-check.auto-likely{background:#EEF7EC;border-color:#CBE6C4;}
.auto-check.auto-weak{background:var(--urgent-soft,var(--urgent-soft));border-color:var(--urgent-line);}
.auto-check.auto-bad{background:var(--critical-soft,var(--critical-soft));border-color:var(--critical-line);}

/* ---------- koyu tema uyumu ---------- */

/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell .community-strip,
body.dark-on.has-shell .notify-item,
body.dark-on.has-shell .announce,
body.dark-on.has-shell .xp-table,
body.dark-on.has-shell .auto-check,
body.dark-on.has-shell .audience-block,
body.dark-on.has-shell .audience-option>span,
body.dark-on.has-shell .account-option>span,
body.dark-on.has-shell .role-option>span,
body.dark-on.has-shell .trust-chip{background:var(--n-11);border-color:var(--n-9);}
  body.dark-on.has-shell .notify-icon,
body.dark-on.has-shell .trust-mini{background:var(--n-10);}
  body.dark-on.has-shell .trust-ring::after{background:var(--n-11);}
  body.dark-on.has-shell .header-badge{border-color:var(--n-12);}
  body.dark-on.has-shell .announce b,
body.dark-on.has-shell .notify-item b,
body.dark-on.has-shell .audience-option b,
body.dark-on.has-shell .account-option b,
body.dark-on.has-shell .role-option b,
body.dark-on.has-shell .trust-head b{color:var(--n-2);}
  body.dark-on.has-shell .chip.audience-chip{background:var(--n-10);color:#9FC0F0;}


/* ============================================================
   4.3 — VERİ GİRİŞ ALANLARI: bütünsel düzeltme
   ------------------------------------------------------------
   Tespit edilen üç ayrı sorun:

   1) Uygulama masaüstünde 470px'lik telefon çerçevesinde çiziliyor
      (body.has-shell #app{width:min(470px,100%)}), ancak iki sütunu
      tek sütuna indiren kural @media(max-width:640px) içindeydi ve
      GÖRÜNTÜ ALANI genişliğine bakıyordu, ÇERÇEVE genişliğine değil.
      Geniş ekranda .row iki sütun kalıyor, her sütuna ~213px düşüyor
      ve input'un içsel (min-content) genişliği bunu aştığı için
      kutucuklar çerçeveden taşıyordu.  → sütun sayısı artık
      kapsayıcıya göre belirleniyor + min-width:0 ile taşma kapatıldı.

   2) number / search / url / date / datetime-local türleri hiçbir
      kurala girmiyordu ve tarayıcı varsayılanıyla çiziliyordu.
      → tüm metin benzeri türler tek kuralda toplandı.

   3) select'e appearance:none uygulanıp yerine ok konmamıştı.
      → açık ve koyu tema için ok eklendi.

   Not: seçiciler :where() ile yazıldı, yani özgüllükleri sıfır.
   Böylece .otp-input, .admin-filter, .vitals-grid gibi mevcut özel
   kurallar bozulmadan aynen çalışmaya devam eder.
   ============================================================ */

/* ---------- 1. tüm metin benzeri girişler tek kuralda ---------- */
input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=hidden]):not([type=range]):not([type=color])),
textarea,
select{
  box-sizing:border-box;width:100%;min-width:0;max-width:100%;
  font-family:inherit;font-size:16px;line-height:1.35;color:var(--ink);
  background:var(--card);border:.5px solid rgba(60,60,67,.24);border-radius:13px;
  padding:13px 14px;outline:none;
  transition:border-color .12s,box-shadow .12s;
}
input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]):not([type=image]):not([type=hidden]):not([type=range]):not([type=color]))::placeholder,
textarea::placeholder{color:var(--slate-2);opacity:1;}
input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden]))::-webkit-input-placeholder{color:var(--slate-2);}

input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden])):focus,
textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,132,255,.12);}

/* number: yıl alanlarında anlamsız olan artı/eksi okları kaldırıldı */
input:where([type=number]){-moz-appearance:textfield;appearance:textfield;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;}
input:where([type=text],[type=email],[type=password],[type=tel],[type=url],[type=search],[type=number]){-webkit-appearance:none;appearance:none;}
input:where([type=date],[type=time],[type=datetime-local],[type=month],[type=week]){min-height:50px;}

textarea{resize:vertical;min-height:92px;line-height:1.5;}

input[type=file]{
  box-sizing:border-box;width:100%;max-width:100%;font-size:13.5px;padding:13px 14px;
  border:1px dashed rgba(60,60,67,.32);border-radius:13px;background:var(--card-2);color:var(--slate);
}

/* ---------- 2. açılır liste oku ---------- */
select{
  padding-right:38px;text-overflow:ellipsis;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%238E8E93' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 13px center;background-size:11px 8px;
}

/* ---------- 3. iki sütunlu satırlar kapsayıcıya göre sarsın ---------- */
.row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr));
  gap:10px;align-items:end;
}
.row>*{min-width:0;}
.row>div{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;}
.row>div>label:first-child{margin-top:0;}
.row input,.row select,.row textarea{min-width:0;width:100%;margin:0;}

/* Etiket iki satıra taşsa bile kutucuklar aynı çizgide başlar. */
.field{display:flex;flex-direction:column;justify-content:flex-end;min-width:0;}
.field>label{margin-top:0;}
.field>input,.field>select,.field>textarea{min-width:0;width:100%;}

/* ---------- 4. vital bulgular ızgarası ---------- */
.vitals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(94px,1fr));gap:8px;margin-top:7px;}
.vitals-grid .field>label{
  display:flex;align-items:baseline;justify-content:space-between;gap:4px;
  margin:0 0 5px;font-size:8.5px;letter-spacing:.07em;
}
.vitals-grid .field>label span{
  font-size:8px;font-weight:400;letter-spacing:.02em;color:var(--slate-2);text-transform:none;
}
.vitals-grid input{padding:12px 8px;text-align:center;font-size:15px;font-variant-numeric:tabular-nums;}

/* ---------- 5. onay kutusu grupları ---------- */
.checks{min-width:0;}
.checks label{min-width:0;max-width:100%;overflow-wrap:anywhere;}
.checks input[type=checkbox],.checks input[type=radio]{
  width:18px;height:18px;min-width:18px;flex:0 0 auto;margin:0;padding:0;accent-color:var(--accent);
}

/* ---------- 6. seçim kartları (öncelik / kitle / rol / hesap) ---------- */
.priority-picker,.audience-picker,.account-picker,.role-picker{min-width:0;}
.priority-option>span,.audience-option>span,.account-option>span,.role-option>span{min-width:0;}
.priority-option b,.priority-option small,
.audience-option b,.audience-option small,
.account-option b,.account-option small,
.role-option b,.role-option small{min-width:0;overflow-wrap:anywhere;}

/* ---------- 7. taşan içerik ---------- */
.kv dd,.answer p,.notify-item p,.announce p,.askbox,
.wizard-step p,.hint,.privacy-inline span,.media-safety-card span,
.student-notice span,.secure-submit-note span{overflow-wrap:anywhere;}
.panel,.case,.empty,.wizard-step,.sheet form{min-width:0;}

/* ---------- 8. alt sayfa (görüş bildirme) formu ---------- */
.sheet form{display:block;}
.sheet input,.sheet select,.sheet textarea{max-width:100%;}
.room-compose{align-items:end;}
.room-compose textarea{min-width:0;margin:0;min-height:62px;}
.room-compose .btn{white-space:nowrap;}
.outcome-form{align-items:center;}
.outcome-form select{min-width:0;}

/* ---------- 9. mevcut kompakt alanlar bozulmasın ---------- */
.admin-filter input,.admin-filter select,
.admin-row-actions input,.admin-row-actions select{min-height:0;}
.otp-input{min-width:0;}

/* ---------- 10. yönetim: dosya bakımı satırları ---------- */
.cleanup-row{display:grid;grid-template-columns:20px 1fr;gap:11px;align-items:start;
  margin:0 0 8px;cursor:pointer;text-transform:none;letter-spacing:0;}
.cleanup-row>input{width:18px;height:18px;min-width:18px;margin:2px 0 0;padding:0;accent-color:var(--accent);}
.cleanup-row b{display:block;font-size:11.5px;font-weight:650;color:var(--ink);margin-bottom:3px;overflow-wrap:anywhere;}
.cleanup-row span{display:block;font-size:11px;line-height:1.45;color:var(--slate);}

/* ---------- 11. koyu tema ---------- */

/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden])),
body.dark-on.has-shell textarea,
body.dark-on.has-shell select,
body.dark-on.auth-body input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden])),
body.dark-on.auth-body textarea,
body.dark-on.auth-body select{
    color:#fff;background:var(--n-11);border-color:var(--n-8);
  }
  body.dark-on.auth-body input:where(:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]):not([type=hidden])),
body.dark-on.auth-body textarea,
body.dark-on.auth-body select{background:var(--n-11b);}
  body.dark-on.has-shell input[type=file],
body.dark-on.auth-body input[type=file]{
    background:var(--n-10);border-color:var(--n-8);color:var(--n-7b);
  }
  body.dark-on.has-shell select,
body.dark-on.auth-body select{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23AEAEB2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;background-position:right 13px center!important;
    background-size:11px 8px!important;
  }


/* ---------- 12. type niteliği olmayan girişler için ek güvence ----------
   <input name="x"> gibi type belirtilmemiş alanlar tarayıcıda metin kutusu
   gibi davranır, ama input[type=text] seçicisiyle EŞLEŞMEZ. Bu yüzden
   "başvuru yakınması", "alerji", "düzenli ilaçlar" gibi alanlar biçimsiz
   kalıyordu. Markup'ta type="text" eklendi; bu kural yedek güvence. */
input:where(:not([type])){
  box-sizing:border-box;width:100%;min-width:0;max-width:100%;
  font-family:inherit;font-size:16px;line-height:1.35;color:var(--ink);
  background:var(--card);border:.5px solid rgba(60,60,67,.24);border-radius:13px;
  padding:13px 14px;outline:none;-webkit-appearance:none;appearance:none;
}
input:where(:not([type])):focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,132,255,.12);}

/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell input:where(:not([type])),
body.dark-on.auth-body input:where(:not([type])){color:#fff;background:var(--n-11);border-color:var(--n-8);}


/* ============================================================
   4.4 — takma ad ve form taslağı
   ============================================================ */

/* ---------- takma ad işareti ---------- */
.nick-mark{
  display:inline-block;margin-left:4px;padding:2px 7px;border-radius:7px;
  background:var(--card-2);color:var(--slate-2);
  font-family:var(--f-sans);font-size:8.5px;font-weight:650;letter-spacing:.04em;
  text-transform:none;vertical-align:middle;
}
.nick-note{margin:6px 0 0;font-size:11.5px;line-height:1.5;color:var(--slate);}
.nick-note b{color:var(--ink);}
.nickname-panel .hint{margin-top:8px;}
.nick-mark-admin{color:var(--accent)!important;}

/* ---------- taslak bandı ---------- */
.draft-banner{
  display:grid;grid-template-columns:10px 1fr;gap:11px;align-items:start;
  margin:0 0 14px;padding:13px 15px;border-radius:16px;
  border:.5px solid rgba(10,132,255,.28);
  background:color-mix(in srgb,var(--accent) 5%,var(--card));
}
.draft-dot{
  width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--accent);
  box-shadow:0 0 0 4px rgba(10,132,255,.14);
}
.draft-banner b{display:block;font-size:12.5px;font-weight:650;color:var(--ink);margin-bottom:3px;}
.draft-banner small{display:block;font-size:11px;line-height:1.5;color:var(--slate);}
.draft-banner .draft-clear{margin-top:9px;}
.draft-banner .draft-clear .btn{min-height:38px;padding:0 13px;font-size:11px;}
[data-draft-state]{min-height:14px;color:var(--slate-2);font-variant-numeric:tabular-nums;}


/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell .nick-mark{background:var(--n-10);color:var(--n-7);}
  body.dark-on.has-shell .draft-banner{background:#132234;border-color:rgba(10,132,255,.4);}
  body.dark-on.has-shell .draft-banner b{color:var(--n-2);}


/* ============================================================
   4.5 — üyelik doğrulama merkezi
   ============================================================ */
.vq-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;}
.vq-tabs a{
  display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:12px;
  text-decoration:none;font-family:var(--f-sans);font-size:11px;font-weight:650;
  color:var(--slate);background:var(--card-2);border:.5px solid rgba(60,60,67,.14);
}
.vq-tabs a.on{background:var(--accent);border-color:var(--accent);color:#fff;}
.vq-tabs a em{
  font-style:normal;padding:1px 6px;border-radius:7px;font-size:9.5px;
  background:rgba(60,60,67,.12);color:inherit;
}
.vq-tabs a.on em{background:rgba(255,255,255,.24);}

.vq-card{margin-bottom:14px;}
.vq-steps{list-style:none;margin:2px 0 12px;padding:0;display:flex;flex-direction:column;gap:7px;}
.vq-steps li{display:grid;grid-template-columns:22px 1fr;gap:9px;align-items:start;}
.vq-steps li>b{
  width:22px;height:22px;display:grid;place-items:center;border-radius:50%;
  font-family:var(--f-sans);font-size:10px;font-weight:700;
  background:rgba(60,60,67,.1);color:var(--slate-2);
}
.vq-steps li>span{font-size:12px;color:var(--slate);padding-top:3px;}
.vq-steps li>span small{display:block;margin-top:3px;font-size:10.5px;color:var(--slate-2);}
.vq-steps li.done>b{background:var(--brand-soft);color:var(--brand-deep);}
.vq-steps li.done>span{color:var(--ink);}
.vq-steps li.current>b{background:var(--accent);color:#fff;}
.vq-steps li.current>span{color:var(--ink);font-weight:600;}

.vq-actions{margin-top:12px;}
.vq-flags{margin-bottom:10px;}
.vq-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.vq-row .btn{min-height:42px;padding:0 14px;font-size:11.5px;flex:1 1 auto;min-width:0;}
.vq-blocked{margin:-4px 0 10px;color:var(--urgent-deep,var(--urgent-deep));}
.vq-blocked b{color:inherit;}

.notice-warn{border-color:var(--urgent-line)!important;background:var(--urgent-soft,var(--urgent-soft))!important;}
.notice-warn b{color:var(--urgent-deep,var(--urgent-deep));}


/* [tema] gece kuralları — sınıf tabanlı */

  body.dark-on.has-shell .vq-tabs a{background:var(--n-11);border-color:var(--n-9);}
  body.dark-on.has-shell .vq-steps li>b{background:var(--n-10);}
  body.dark-on.has-shell .vq-steps li.done>span,
body.dark-on.has-shell .vq-steps li.current>span{color:var(--n-2);}


/* ============================================================
   4.6 — RENK SİSTEMİ, TEMA VE ÇERÇEVE
   ------------------------------------------------------------
   Önce: 380 farklı hex, 621 kullanım, dört ayrı mavi ve dört ayrı
   teal aynı işi yapıyordu; koyu tema medya sorgusuna kilitliydi.
   Şimdi: anlamsal token'lar tek yerde, koyu tema sınıf tabanlı,
   üç tema seçilebilir (sistem / açık / koyu / nöbet).
   ============================================================ */

:root{
  /* --- etkileşim vurgusu (tek aile) --- */
  --accent:#0A84FF;
  --accent-strong:#0878DF;
  --accent-deep:#0A5FC8;
  --accent-soft:#E4F0FF;
  --accent-pale:#9FCFFF;

  /* --- marka / doğrulama (tek aile) --- */
  --brand:#00A39B;
  --brand-deep:#00736E;
  --brand-light:#16B9AE;
  --brand-glow:#64D8D0;
  --brand-soft:#E7F8F5;
  --brand-line:#B7E6DF;

  /* --- triyaj: doygun renk YALNIZ aciliyet anlatır --- */
  --critical:#D72E3E;
  --critical-soft:#FFF0F2;
  --critical-deep:#8E1724;
  --critical-line:#F2C9CE;
  --urgent:#F07A24;
  --urgent-soft:#FFF4E9;
  --urgent-line:#F3D9BF;
  --urgent-deep:#A5480E;
  --badge:#FF3B30;

  /* --- nötr ölçek (açıktan koyuya) --- */
  --n-0:#FFFFFF;  --n-1:#F8F8FA;  --n-2:#F5F5F7;  --n-3:#F2F2F7;
  --n-4:#E5E5EA;  --n-5:#D1D1D6;  --n-6:#B8B8BD;
  --n-7:#8E8E93;  --n-7b:#AEAEB2; --n-8:#48484A;  --n-8b:#636366;
  --n-9:#38383A;  --n-9b:#3A3A3D; --n-10:#2C2C2E; --n-10b:#303034; --n-10c:#29292D;
  --n-11:#1C1C1E; --n-11b:#242427; --n-11c:#202023;
  --n-12:#141416; --n-13:#09090A;

  --ink-base:#101114;
  --ink-soft-base:#3A3A3C;
  --slate-base:#6E6E73;

  /* --- çerçevenin arkasındaki sahne --- */
  --stage-1:#071B2B; --stage-2:#0A2235; --stage-3:#061625;
  --stage-4:#09213A; --stage-5:#0A2A41; --stage-6:#092A40;
  --stage-paper:#F3F5F4;
}

/* ============================================================
   NÖBET MODU — 03:00'te acil serviste bakan göz için
   Düşük parlaklık + ılık nötrler + sönük vurgu.
   Triyaj renkleri KASITLI olarak dokunulmadan bırakıldı:
   gece modunda kırmızı ve turuncu daha da öne çıkmalı.
   ============================================================ */
body.theme-night{
  --n-0:#100E0C;  --n-1:#151210;  --n-2:#EFE6DA;  --n-3:#0E0C0A;
  --n-4:#D7CCBE;  --n-5:#4A4137;  --n-6:#6B5F52;
  --n-7:#8A7D6E;  --n-7b:#A29584; --n-8:#3B342C;  --n-8b:#544A3F;
  --n-9:#332C25;  --n-9b:#372F27; --n-10:#211D19; --n-10b:#262019; --n-10c:#241F1A;
  --n-11:#181513; --n-11b:#1D1917; --n-11c:#1A1614;
  --n-12:#121010; --n-13:#0A0908;

  --ink-base:#EFE6DA;
  --ink-soft-base:#D7CCBE;
  --slate-base:#A29584;

  --accent:#6FA8D8;
  --accent-strong:#5B93C4;
  --accent-deep:#89BCE6;
  --accent-soft:#17222B;
  --accent-pale:#3D5D77;

  --brand:#6FBFAE;
  --brand-deep:#8FD4C4;
  --brand-light:#7FCBBA;
  --brand-glow:#9BDCCD;
  --brand-soft:#152220;
  --brand-line:#2A3D38;

  --critical-soft:#2A1512;
  --critical-line:#4A2620;
  --critical-deep:#FF8F86;
  --urgent-soft:#2A2015;
  --urgent-line:#4A3823;
  --urgent-deep:#F0B87A;

  --stage-1:#120E0A; --stage-2:#1A140E; --stage-3:#0D0A08;
  --stage-4:#181209; --stage-5:#1C1610; --stage-6:#1A140F;
  --stage-paper:#151210;

  --sh-2:0 1px 0 rgba(255,255,255,.03);
}
body.theme-night.has-shell #app{background:var(--n-3);}
body.theme-night img,body.theme-night video{filter:brightness(.86) saturate(.92);}
body.theme-night .mobile-create{background:linear-gradient(135deg,var(--accent),var(--accent-strong));}

/* Nöbet modunda triyaj vurgusu bilinçli olarak güçlendirilir */
body.theme-night .priority-badge,
body.theme-night .chip.status-chip,
body.theme-night .case.priority-critical{filter:saturate(1.15);}

/* ============================================================
   ÇERÇEVE
   ============================================================ */

/* 1) Sahte Dynamic Island artık gerçek cihazda çizilmiyor.
      Eskiden gerçek iPhone çentiğinin altına ikinci bir sahte
      kapsül geliyordu; ana ekrana eklenmiş uygulamada da öyle. */
@media(max-width:540px){
  .dynamic-island{display:none!important;}
}
@media(display-mode:standalone){
  .dynamic-island{display:none!important;}
}

/* 2) ÇERÇEVE TEK BOYUT
      v4.6'da yönetim sayfaları masaüstünde genişletilmişti; bu, tek
      tutarlı çerçeve fikrini bozdu ve boyutlar dağıldı. Geri alındı:
      her ekran aynı 470px çerçevede. Yönetim için genişletme yerine
      çerçeve içinde yoğunluk ve okunabilirlik iyileştirildi. */
body.has-shell.admin-shell #app{
  width:min(470px,100%);
  height:min(920px,calc(100dvh - 16px));
  border-radius:46px;
}
body.has-shell.admin-shell .topbar{height:90px;padding:35px 17px 10px;}
body.has-shell.admin-shell .content{padding:24px 17px calc(98px + env(safe-area-inset-bottom));}
body.has-shell.admin-shell .admin-user-card,
body.has-shell.admin-shell .vq-card{max-width:none;}

/* --- yönetim: dar çerçevede yoğunluk ve okunabilirlik --- */
.admin-shell .admin-hero{gap:12px;}
.admin-shell .admin-hero h1{font-size:26px;letter-spacing:-.035em;}
.admin-shell .admin-hero p{font-size:11.5px;line-height:1.45;}

/* bölüm başlıkları kaydırırken üstte kalsın — uzun kuyruklarda konum kaybı olmuyor */
.admin-shell .admin-section-title{
  position:sticky;top:-1px;z-index:6;
  margin-left:-17px;margin-right:-17px;padding:9px 17px;
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:blur(14px) saturate(1.6);
}
.admin-shell .vq-tabs{
  position:sticky;top:38px;z-index:5;
  margin-left:-17px;margin-right:-17px;padding:8px 17px;
  overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none;
  background:color-mix(in srgb,var(--paper) 88%,transparent);
  backdrop-filter:blur(14px) saturate(1.6);
}
.admin-shell .vq-tabs::-webkit-scrollbar{display:none;}
.admin-shell .vq-tabs a{flex:0 0 auto;}

/* künye satırları dar ekranda alt alta, sayılar hizalı */
.admin-shell dl{display:grid;grid-template-columns:1fr;gap:0;}
.admin-shell dl>div{
  display:grid;grid-template-columns:112px 1fr;gap:10px;align-items:baseline;
  padding:7px 0;border-bottom:.5px solid var(--rule-soft);
}
.admin-shell dl>div:last-child{border-bottom:0;}
.admin-shell dl dt{font-size:9.5px;letter-spacing:.06em;color:var(--slate-2);}
.admin-shell dl dd{font-size:12px;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;}

/* eylem düğmeleri dar çerçevede tam genişlik alsın, yarım kalmasın */
.admin-shell .vq-row .btn,
.admin-shell .admin-inline-form .btn{flex:1 1 46%;min-width:132px;}
.admin-shell .admin-row-actions{flex-wrap:wrap;gap:6px;}
.admin-shell .stat>span:first-child{font-size:11.5px;}
.admin-shell .stat b,.admin-shell .stat>span:last-child{font-variant-numeric:tabular-nums;}

/* 3) Boş kalan sahne alanı artık kimlik taşıyor */
.stage-brand{
  display:none;position:fixed;left:38px;bottom:34px;z-index:1;
  max-width:250px;color:rgba(255,255,255,.42);
  font-family:var(--f-sans);font-size:10.5px;line-height:1.55;
  pointer-events:none;
}
.stage-brand b{
  display:block;margin-bottom:5px;color:rgba(255,255,255,.72);
  font-size:12px;font-weight:650;letter-spacing:-.01em;
}
.stage-brand span{display:block;}
.stage-brand i{
  display:inline-block;margin-top:9px;padding:3px 8px;border-radius:7px;font-style:normal;
  background:rgba(255,255,255,.07);color:rgba(255,255,255,.5);font-size:9px;letter-spacing:.05em;
}
@media(min-width:1180px){
  body.has-shell .stage-brand{display:block;}
}
body.theme-night .stage-brand{color:rgba(240,230,218,.34);}
body.theme-night .stage-brand b{color:rgba(240,230,218,.6);}

/* 4) Küçük punto tabanı yükseltildi — gece nöbetinde okunabilirlik */
.mobile-nav a{font-size:9px;}
.native-brand small{font-size:9px;}
.vitals-grid .field>label{font-size:9px;}
.vitals-grid .field>label span{font-size:8.5px;}

/* ============================================================
   TEMA SEÇİCİ (profil ekranı)
   ============================================================ */
.theme-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin-top:8px;}
.theme-option{margin:0;text-transform:none;letter-spacing:0;cursor:pointer;}
.theme-option>input{position:absolute;opacity:0;pointer-events:none;}
.theme-option>span{
  display:block;padding:11px;border-radius:15px;border:1px solid rgba(60,60,67,.16);
  background:var(--card);transition:.16s;
}
.theme-option>span>em{
  display:flex;gap:3px;height:26px;margin-bottom:8px;border-radius:9px;overflow:hidden;font-style:normal;
}
.theme-option>span>em>i{flex:1;}
.theme-option b{display:block;font-size:11.5px;color:var(--ink);}
.theme-option small{display:block;margin-top:2px;font-size:9.5px;color:var(--slate);}
.theme-option input:checked+span{
  border-color:var(--accent);box-shadow:0 0 0 3px rgba(10,132,255,.14);
}
.sw-auto>i:nth-child(1){background:var(--n-3);}.sw-auto>i:nth-child(2){background:var(--n-0);}.sw-auto>i:nth-child(3){background:var(--n-11);}
.sw-light>i:nth-child(1){background:#F2F2F7;}.sw-light>i:nth-child(2){background:#FFFFFF;}.sw-light>i:nth-child(3){background:#0A84FF;}
.sw-dark>i:nth-child(1){background:#000000;}.sw-dark>i:nth-child(2){background:#1C1C1E;}.sw-dark>i:nth-child(3){background:#0A84FF;}
.sw-night>i:nth-child(1){background:#0E0C0A;}.sw-night>i:nth-child(2){background:#181513;}.sw-night>i:nth-child(3){background:#6FA8D8;}

/* ============================================================
   4.7 — kalite katmanı
   Çerçeve tek boyuta döndürüldükten sonra kalan ince ayarlar.
   ============================================================ */

/* Tarayıcının kendi arayüzü (kaydırma çubuğu, tarih seçici, otomatik
   doldurma) tema sınıfını bilmiyordu; koyu temada beyaz kalıyordu. */
body:not(.dark-on){color-scheme:light;}
body.dark-on{color-scheme:dark;}

/* Tek vurgu rengi işletim sistemi denetimlerine de geçsin */
body{accent-color:var(--accent);}
::selection{background:color-mix(in srgb,var(--accent) 26%,transparent);}

/* Klavye odağı vurgusu tema farkında olsun (eskiden sabit koyu çizgiydi) */
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
.btn:focus-visible,.mobile-nav a:focus-visible,.header-action:focus-visible{outline-offset:3px;}

/* Alt menü etiketleri 9px'e çıkınca beş sütunda kırılmasın */
.mobile-nav a span{white-space:nowrap;letter-spacing:-.012em;}

/* profile.php#guven gibi bağlantılarda başlık üst çubuğun altında kalmasın */
[id]{scroll-margin-top:96px;}

/* Sayısal alanlar hizalı okunsun */
.stat b,.trust-bar>b,.kv dd,.clock,.trust-chip b{font-variant-numeric:tabular-nums;}

/* Dokunma hedefi tabanı — yorgun elle yanlış tuşa basmayı azaltır */
.notify-item-actions .btn,.admin-row-actions button,.vq-row .btn{min-height:40px;}

/* Uzun listelerde kaydırma zinciri gövdeye taşmasın */
.content,.room-messages,.sheet{overscroll-behavior:contain;}

/* Yazdırma: çerçeve ve tema dekoru kâğıda gitmesin */
@media print{
  body.has-shell #app{width:auto;height:auto;border:0;border-radius:0;box-shadow:none;overflow:visible;}
  .dynamic-island,.stage-brand,.mobile-nav,.topbar{display:none!important;}
  .content{padding:0;overflow:visible;}
}

/* ============================================================
   5.0 — APPLE-NATIVE / LIQUID GLASS SHELL
   Navigation and controls float in a glass layer; clinical
   content stays calm and solid. Mobile is edge-to-edge; desktop
   uses a restrained device preview frame only.
   ============================================================ */
:root{
  --ios-bg:#F2F2F7;
  --ios-surface:#FFFFFF;
  --ios-surface-2:#F7F7FA;
  --ios-label:#111114;
  --ios-secondary:#6E6E73;
  --ios-tertiary:#8E8E93;
  --ios-separator:rgba(60,60,67,.17);
  --ios-blue:#0A84FF;
  --ios-green:#30B58C;
  --ios-glass:rgba(248,248,252,.68);
  --ios-glass-strong:rgba(252,252,255,.82);
  --ios-glass-border:rgba(255,255,255,.64);
  --ios-shadow:0 12px 34px rgba(20,25,35,.08);
  --ios-control-shadow:0 8px 22px rgba(20,25,35,.11);
  --ios-spring:cubic-bezier(.22,.8,.2,1);
  --app-safe-inline:17px;
}

body.has-shell{
  --paper:var(--ios-bg);
  --card:var(--ios-surface);
  --card-2:var(--ios-surface-2);
  --ink:var(--ios-label);
  --ink-soft:#35353A;
  --slate:var(--ios-secondary);
  --slate-2:var(--ios-tertiary);
  --rule:rgba(60,60,67,.18);
  --rule-soft:rgba(60,60,67,.10);
  --accent:var(--ios-blue);
  background:
    radial-gradient(circle at 78% 12%,rgba(69,199,196,.18),transparent 28%),
    radial-gradient(circle at 18% 88%,rgba(10,132,255,.14),transparent 30%),
    linear-gradient(145deg,#081521,#102B3B 52%,#0A1C29);
}

/* Desktop-only product frame. On a real phone/PWA there is no fake bezel. */
body.has-shell .native-stage{
  position:relative;
  min-height:100dvh;
  height:100dvh;
  display:grid;
  place-items:center;
  padding:14px;
  overflow:hidden;
}
body.has-shell .native-stage::before{
  content:"";
  position:absolute;
  width:min(680px,82vw);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(122,220,216,.11),rgba(10,132,255,.035) 44%,transparent 70%);
  filter:blur(18px);
  pointer-events:none;
}
body.has-shell #app{
  position:relative;
  z-index:2;
  width:min(430px,100%);
  height:min(932px,calc(100dvh - 28px));
  min-height:0;
  overflow:hidden;
  background:var(--paper);
  border:9px solid #17181B;
  border-radius:58px;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.16),
    0 34px 110px rgba(0,0,0,.50),
    0 8px 26px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(255,255,255,.08);
}
body.has-shell #app::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:100;
  pointer-events:none;
  border-radius:48px;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.24);
}
.dynamic-island{
  top:12px;
  width:122px;
  height:34px;
  border-radius:22px;
  background:#050506;
  box-shadow:inset 0 0 0 .5px rgba(255,255,255,.05),0 1px 3px rgba(0,0,0,.6);
}
.dynamic-island i{right:10px;top:11px;width:8px;height:8px;background:#07131D;box-shadow:inset 0 0 0 2px #10283A;}

.workspace{height:100%;min-height:0;overflow:hidden;background:var(--paper);}

/* Navigation: one translucent functional layer above content. */
.topbar{
  position:relative;
  flex:0 0 auto;
  z-index:45;
  height:96px;
  padding:40px 14px 10px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 42px;
  align-items:center;
  background:transparent;
  border:0;
  color:var(--ink);
  isolation:isolate;
}
.topbar::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:8px;right:8px;bottom:7px;top:30px;
  border:.5px solid var(--ios-glass-border);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.55),rgba(255,255,255,.18)),
    var(--ios-glass);
  -webkit-backdrop-filter:blur(28px) saturate(1.65);
  backdrop-filter:blur(28px) saturate(1.65);
  box-shadow:0 7px 22px rgba(20,25,35,.075),inset 0 1px 0 rgba(255,255,255,.62);
}
.who,.header-action{
  width:38px;height:38px;
  border-radius:50%;
  position:relative;
  z-index:1;
}
.avatar{
  width:38px;height:38px;
  background:linear-gradient(145deg,#0C7A77,#14AAA4);
  box-shadow:inset 0 0 0 .7px rgba(255,255,255,.45),0 3px 9px rgba(0,90,85,.16);
}
.avatar i{width:15px;height:15px;border:2px solid rgba(252,252,255,.92);background:var(--ios-blue);}
.header-action{
  background:rgba(255,255,255,.44);
  border:.5px solid rgba(255,255,255,.72);
  color:var(--ios-blue);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 2px 7px rgba(0,0,0,.05);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
  backdrop-filter:blur(18px) saturate(1.4);
}
.header-action:active{transform:scale(.94);opacity:.76;}
.header-badge,.nav-badge{
  min-width:16px;height:16px;padding:0 4px;
  border-radius:999px;
  display:grid;place-items:center;
  font:700 9px/1 var(--f-sans);
  color:#fff;background:#FF3B30;
  border:2px solid rgba(249,249,252,.94);
}
.header-badge{position:absolute;right:-3px;top:-3px;}

.native-brand,.native-title{
  grid-column:2;
  min-width:0;
  justify-self:start;
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ink);
  text-decoration:none;
}
.native-title{display:flex;flex-direction:column;gap:1px;align-items:flex-start;padding-left:2px;}
.native-title b{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:1.05;font-weight:710;letter-spacing:-.025em;}
.native-title small{font-size:9.5px;color:var(--slate);font-weight:520;}
.native-brand .brand-mark{
  width:30px;height:30px;border-radius:10px;
  color:#71E0D9;
  background:linear-gradient(145deg,rgba(4,49,61,.98),rgba(10,80,93,.95));
  border:.5px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.native-brand b{font-size:13px;font-weight:720;letter-spacing:-.025em;}
.native-brand small{font-size:9px;color:var(--slate);font-weight:500;}

/* Edge-to-edge content, with comfortable iOS-style rhythm. */
.content{
  width:100%;
  margin:0;
  padding:20px var(--app-safe-inline) calc(118px + env(safe-area-inset-bottom));
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
}
.content::-webkit-scrollbar{display:none;}
.content>h1,.home-intro h1{
  font-family:var(--f-sans);
  font-size:30px;
  line-height:1.05;
  font-weight:760;
  letter-spacing:-.047em;
  color:var(--ink);
}
.content>.sub,.home-intro .sub{font-size:13px;line-height:1.48;color:var(--slate);}
.content>.eyebrow,.date-kicker,.step-kicker{
  font-family:var(--f-sans);
  font-size:9.5px;
  font-weight:720;
  letter-spacing:.085em;
  text-transform:uppercase;
  color:var(--ios-blue);
}

/* Content layer stays solid: less web-card shadow, more iOS grouped-surface feel. */
.panel,.case,.empty,.notify-item,.announce,.case-room,.verification-record,.vq-card{
  background:var(--card);
  border:.5px solid var(--ios-separator);
  box-shadow:0 1px 2px rgba(20,25,35,.025),0 7px 22px rgba(20,25,35,.035);
}
.panel,.case,.empty{border-radius:20px;}
.panel{padding:17px;margin-bottom:12px;}
.case{margin-bottom:11px;}
.case:hover{transform:none;}
.case:active,.quick-grid>a:active,.priority-count:active,.secure-clinical-banner:active{transform:scale(.985);opacity:.88;}
.case-body{padding:15px 16px 16px;}
.q{font-size:15px;font-weight:620;line-height:1.34;letter-spacing:-.014em;color:var(--ink);}
.meta{font-size:11.5px;line-height:1.42;color:var(--slate);}
.section-title b{font-size:17px;font-weight:720;letter-spacing:-.025em;}
.section-title small{font-size:10px;line-height:1.35;}
.section-title>a{color:var(--ios-blue);font-weight:600;}

/* Keep clinical priority colors meaningful; remove decorative saturation. */
.quick-grid>a{
  border:.5px solid var(--ios-separator);
  background:var(--card);
  box-shadow:0 5px 18px rgba(20,25,35,.035);
  border-radius:20px;
}
.quick-grid b{font-weight:680;letter-spacing:-.015em;}
.secure-clinical-banner{
  border:.5px solid rgba(48,181,140,.22);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(232,249,244,.96),rgba(247,252,251,.98));
  box-shadow:0 5px 18px rgba(30,130,100,.05);
}
.priority-overview{gap:7px;}
.priority-count{border-radius:16px;box-shadow:none;}
.featured-case{border-radius:24px;}

/* Native form controls. */
label{font-size:9.5px;font-weight:680;letter-spacing:.075em;color:var(--slate);}
input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea,select{
  width:100%;
  min-height:50px;
  border:.5px solid rgba(60,60,67,.19);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  color:var(--ink);
  padding:13px 14px;
  font-family:var(--f-sans);
  font-size:16px;
  line-height:1.25;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
  transition:border-color .16s var(--ios-spring),box-shadow .16s var(--ios-spring),background .16s var(--ios-spring);
}
textarea{min-height:96px;line-height:1.45;}
input:focus,textarea:focus,select:focus{
  border-color:rgba(10,132,255,.72);
  box-shadow:0 0 0 3px rgba(10,132,255,.11),inset 0 1px 0 rgba(255,255,255,.72);
}
input[type=file]{border-radius:14px;background:var(--card);}
.checks label,.audience-option>span,.priority-option>span{
  border:.5px solid var(--ios-separator);
  border-radius:15px;
  background:var(--card);
  box-shadow:none;
}

.btn{
  min-height:50px;
  border-radius:14px;
  font-size:14px;
  font-weight:680;
  letter-spacing:-.01em;
  transition:transform .12s var(--ios-spring),opacity .12s var(--ios-spring),box-shadow .18s var(--ios-spring);
}
.btn.primary{
  color:#fff;
  background:linear-gradient(180deg,#198CFF,#0878E8);
  border:.5px solid rgba(0,81,185,.28);
  box-shadow:0 7px 18px rgba(10,132,255,.22),inset 0 1px 0 rgba(255,255,255,.26);
}
.btn.ghost{
  color:var(--ios-blue);
  background:rgba(255,255,255,.78);
  border:.5px solid var(--ios-separator);
  box-shadow:none;
}
.btn:active{transform:scale(.975)!important;opacity:.82;}
.mpm-press-ripple{display:none!important;}
.mpm-pressable.is-pressed{transform:scale(.982)!important;}

/* Segmented control. */
.segment{
  width:100%;
  display:flex;
  gap:2px;
  padding:3px;
  margin-bottom:18px;
  border:0;
  border-radius:11px;
  background:rgba(118,118,128,.13);
}
.segment a{
  flex:1;
  min-width:max-content;
  padding:8px 10px;
  border:0;
  border-radius:9px;
  color:var(--slate);
  font-size:11px;
  font-weight:600;
  background:transparent;
}
.segment a.on{
  color:var(--ink);
  background:rgba(255,255,255,.92);
  box-shadow:0 1px 4px rgba(0,0,0,.11);
}

/* Bottom tab bar: navigation only, floating Liquid Glass layer. */
.mobile-nav{
  position:absolute!important;
  z-index:75;
  left:12px!important;
  right:12px!important;
  bottom:calc(9px + env(safe-area-inset-bottom))!important;
  inset:auto 12px calc(9px + env(safe-area-inset-bottom))!important;
  height:66px;
  padding:5px 7px;
  display:grid!important;
  align-items:stretch;
  border:.5px solid rgba(255,255,255,.68);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.46),rgba(255,255,255,.13)),
    rgba(242,242,247,.70);
  -webkit-backdrop-filter:blur(30px) saturate(1.75);
  backdrop-filter:blur(30px) saturate(1.75);
  box-shadow:0 13px 32px rgba(20,25,35,.13),inset 0 1px 0 rgba(255,255,255,.72);
}
.mobile-nav.nav-count-4{grid-template-columns:repeat(4,1fr);}
.mobile-nav.nav-count-3{grid-template-columns:repeat(3,1fr);}
.mobile-nav a{
  position:relative;
  min-height:0!important;
  padding:5px 4px!important;
  gap:2px;
  border-radius:18px;
  color:#73737A;
  font-size:9px;
  font-weight:540;
  letter-spacing:-.01em;
  transition:background .18s var(--ios-spring),color .18s var(--ios-spring),transform .12s var(--ios-spring);
}
.mobile-nav a::before{display:none!important;}
.mobile-nav a svg{width:21px;height:21px;stroke-width:1.75;}
.mobile-nav a.on{
  color:var(--ios-blue);
  background:rgba(255,255,255,.48);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.mobile-nav a:active{transform:scale(.94);opacity:.76;}
.mobile-nav .nav-badge{position:absolute;top:3px;left:calc(50% + 6px);border-color:rgba(247,247,250,.94);}

/* Primary action becomes a toolbar-like floating control, not a tab item. */
.native-compose-action{
  position:absolute;
  z-index:78;
  right:18px;
  bottom:calc(84px + env(safe-area-inset-bottom));
  width:54px;height:54px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#fff;
  text-decoration:none;
  background:
    linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04)),
    linear-gradient(180deg,#1990FF,#0878E5);
  border:.5px solid rgba(255,255,255,.52);
  -webkit-backdrop-filter:blur(22px) saturate(1.5);
  backdrop-filter:blur(22px) saturate(1.5);
  box-shadow:0 11px 26px rgba(10,132,255,.30),inset 0 1px 0 rgba(255,255,255,.42);
  transition:transform .14s var(--ios-spring),opacity .14s var(--ios-spring);
}
.native-compose-action svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;}
.native-compose-action:active{transform:scale(.92);opacity:.78;}
body.has-shell .community-foot{padding-bottom:66px;}

/* Native bottom sheet. */
.sheet{
  max-width:412px;
  border-radius:28px 28px 0 0;
  border:.5px solid rgba(255,255,255,.62);
  background:rgba(246,246,250,.90);
  -webkit-backdrop-filter:blur(30px) saturate(1.55);
  backdrop-filter:blur(30px) saturate(1.55);
  box-shadow:0 -14px 42px rgba(0,0,0,.16);
}
.sheet-grip{width:36px;height:5px;background:rgba(118,118,128,.32);}
.scrim{background:rgba(10,10,12,.22);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
#toast{
  max-width:390px;
  border:.5px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(35,35,38,.84);
  -webkit-backdrop-filter:blur(22px) saturate(1.35);
  backdrop-filter:blur(22px) saturate(1.35);
  box-shadow:0 12px 32px rgba(0,0,0,.22);
}

/* Theme selector behaves like native appearance cards. */
.theme-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.theme-option{position:relative;display:block;cursor:pointer;}
.theme-option>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;pointer-events:auto;z-index:2;}
.theme-option>span{
  position:relative;
  display:block;
  min-height:92px;
  padding:10px;
  border:.5px solid var(--ios-separator);
  border-radius:16px;
  background:var(--card);
  transition:transform .16s var(--ios-spring),border-color .16s,box-shadow .16s;
}
.theme-option>span>em{height:30px;border-radius:10px;box-shadow:inset 0 0 0 .5px rgba(60,60,67,.12);}
.theme-option input:checked+span{
  border-color:rgba(10,132,255,.65);
  box-shadow:0 0 0 3px rgba(10,132,255,.12);
}
.theme-option:active>span{transform:scale(.975);}

/* Dark appearance: not pure black; keep content readable and glass reflective. */
body.dark-on.has-shell{
  --ios-bg:#101114;
  --ios-surface:#1C1C1F;
  --ios-surface-2:#242428;
  --ios-label:#F5F5F7;
  --ios-secondary:#B5B5BA;
  --ios-tertiary:#8D8D93;
  --ios-separator:rgba(255,255,255,.105);
  --ios-glass:rgba(34,34,38,.63);
  --ios-glass-strong:rgba(40,40,44,.78);
  --ios-glass-border:rgba(255,255,255,.12);
  --paper:var(--ios-bg);
  --card:var(--ios-surface);
  --card-2:var(--ios-surface-2);
  --ink:var(--ios-label);
  --ink-soft:#E2E2E5;
  --slate:var(--ios-secondary);
  --slate-2:var(--ios-tertiary);
  --rule:rgba(255,255,255,.12);
  --rule-soft:rgba(255,255,255,.07);
}
body.dark-on.has-shell #app{background:var(--ios-bg)!important;}
body.dark-on.has-shell .workspace{background:var(--ios-bg);}
body.dark-on.has-shell .topbar::before,
body.dark-on.has-shell .mobile-nav{
  border-color:rgba(255,255,255,.12);
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025)),rgba(29,29,32,.70);
  box-shadow:0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08);
}
body.dark-on.has-shell .header-action,
body.dark-on.has-shell .mobile-nav a.on{
  background:rgba(255,255,255,.075);
  border-color:rgba(255,255,255,.10);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
body.dark-on.has-shell .header-badge,
body.dark-on.has-shell .nav-badge{border-color:#252529;}
body.dark-on.has-shell .panel,
body.dark-on.has-shell .case,
body.dark-on.has-shell .empty,
body.dark-on.has-shell .notify-item,
body.dark-on.has-shell .announce,
body.dark-on.has-shell .case-room,
body.dark-on.has-shell .verification-record,
body.dark-on.has-shell .vq-card,
body.dark-on.has-shell .quick-grid>a{
  color:var(--ink);
  background:var(--card);
  border-color:var(--ios-separator);
  box-shadow:0 1px 0 rgba(255,255,255,.025),0 7px 22px rgba(0,0,0,.12);
}
body.dark-on.has-shell input,
body.dark-on.has-shell textarea,
body.dark-on.has-shell select{
  color:#F5F5F7!important;
  background:#232327!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
body.dark-on.has-shell .btn.ghost{color:#64B5FF;background:#242428;border-color:rgba(255,255,255,.11);box-shadow:none;}
body.dark-on.has-shell .segment{background:rgba(118,118,128,.22);}
body.dark-on.has-shell .segment a.on{background:#39393E;color:#fff;box-shadow:0 1px 4px rgba(0,0,0,.30);}
body.dark-on.has-shell .secure-clinical-banner{background:linear-gradient(145deg,#18312D,#1C2928);border-color:rgba(86,220,180,.18);}
body.dark-on.has-shell .sheet{background:rgba(30,30,33,.90);border-color:rgba(255,255,255,.10);}
body.dark-on.has-shell .theme-option>span{background:var(--card);border-color:var(--ios-separator);}

/* Night theme keeps warm palette while retaining the same native hierarchy. */
body.theme-night.has-shell{
  --ios-bg:#11100F;
  --ios-surface:#1B1815;
  --ios-surface-2:#24201C;
  --ios-label:#F0E7DB;
  --ios-secondary:#B8AA99;
  --ios-tertiary:#918474;
  --ios-separator:rgba(240,231,219,.10);
  --paper:var(--ios-bg);
  --card:var(--ios-surface);
  --card-2:var(--ios-surface-2);
  --ink:var(--ios-label);
  --ink-soft:#DBD0C3;
  --slate:var(--ios-secondary);
  --slate-2:var(--ios-tertiary);
}
body.theme-night.has-shell #app,body.theme-night.has-shell .workspace{background:var(--ios-bg)!important;}
body.theme-night.has-shell .topbar::before,
body.theme-night.has-shell .mobile-nav{
  background:linear-gradient(145deg,rgba(255,239,214,.07),rgba(255,239,214,.018)),rgba(30,26,22,.74);
  border-color:rgba(255,239,214,.10);
}

/* Real mobile/PWA/Capacitor: the screen itself is the app. */
@media(max-width:540px){
  html,body.has-shell{width:100%;height:100%;min-height:100dvh;background:var(--paper);}
  body.has-shell{overflow:hidden;}
  body.has-shell .native-stage{display:block;width:100%;height:100dvh;padding:0;background:var(--paper);}
  body.has-shell .native-stage::before{display:none;}
  body.has-shell #app{
    width:100%;height:100dvh;min-height:100dvh;
    border:0;border-radius:0;box-shadow:none;
  }
  body.has-shell #app::after{display:none;}
  .dynamic-island{display:none!important;}
  .topbar{
    height:calc(88px + env(safe-area-inset-top));
    padding:calc(env(safe-area-inset-top) + 29px) 14px 9px;
  }
  .topbar::before{top:calc(env(safe-area-inset-top) + 20px);bottom:6px;left:8px;right:8px;}
  .content{padding-top:17px;padding-left:16px;padding-right:16px;padding-bottom:calc(120px + env(safe-area-inset-bottom));}
  .mobile-nav{left:10px!important;right:10px!important;inset:auto 10px calc(8px + env(safe-area-inset-bottom))!important;}
  .native-compose-action{right:16px;bottom:calc(83px + env(safe-area-inset-bottom));}
  .sheet{left:0;max-width:none;transform:translateY(100%);}
  .sheet.on{transform:translateY(0);}
  #toast{left:14px;right:14px;max-width:none;transform:translateY(14px);}
  #toast.on{transform:translateY(0);}
}

@media(display-mode:standalone){
  body.has-shell .native-stage{padding:0;}
  body.has-shell #app{width:100%;height:100dvh;border:0;border-radius:0;box-shadow:none;}
  body.has-shell #app::after,.dynamic-island{display:none!important;}
}

@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .topbar::before,.mobile-nav,.sheet,.header-action{background:var(--ios-glass-strong);}
}

@media(prefers-reduced-transparency:reduce){
  .topbar::before,.mobile-nav,.sheet,.header-action{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;}
}

@media(prefers-reduced-motion:reduce){
  .native-compose-action,.mobile-nav a,.case,.quick-grid>a,.priority-count,.btn{transition:none!important;}
}

/* Software keyboard yields the bottom functional layer like a native app. */
body.has-shell.keyboard-open .mobile-nav,
body.has-shell.keyboard-open .native-compose-action{opacity:0;pointer-events:none;transform:translateY(18px);}

/* Safe-area correction for real iPhone/Android shells. */
@media(max-width:540px){
  .topbar{
    height:calc(68px + env(safe-area-inset-top));
    padding:calc(env(safe-area-inset-top) + 8px) 14px 8px;
  }
  .topbar::before{top:calc(env(safe-area-inset-top) + 3px);bottom:5px;}
}


/* v5.1.4 — premium ana sayfa hero ve yatay hızlı işlemler */
.home-hero{margin:0 0 18px;}
.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.hero-live-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.02em;text-decoration:none;border:.5px solid rgba(60,60,67,.12);background:rgba(255,255,255,.86);box-shadow:0 4px 14px rgba(20,25,35,.05);color:var(--ink);}
.hero-live-pill i{width:8px;height:8px;border-radius:50%;background:#34C759;box-shadow:0 0 0 4px rgba(52,199,89,.16);}
.hero-live-pill.busy i{background:#0A84FF;box-shadow:0 0 0 4px rgba(10,132,255,.14);}
.hero-command-card{position:relative;overflow:hidden;margin-top:14px;padding:19px 18px 16px;border-radius:28px;color:#fff;background:linear-gradient(145deg,#072B4C 0%,#0A4964 45%,#0F6B7A 100%);box-shadow:0 16px 34px rgba(7,39,66,.18);isolation:isolate;}
.hero-command-card::before,.hero-command-card::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0;}
.hero-command-card::before{width:280px;height:280px;right:-120px;top:-110px;border:42px solid rgba(255,255,255,.08);}
.hero-command-card::after{width:210px;height:210px;right:-72px;bottom:-120px;background:radial-gradient(circle,rgba(255,255,255,.11),rgba(255,255,255,0) 68%);}
.hero-command-card>*{position:relative;z-index:1;}
.hero-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.12);border:.5px solid rgba(255,255,255,.18);font-size:9.5px;font-weight:760;letter-spacing:.12em;text-transform:uppercase;color:#C9F4F0;}
.hero-command-copy h2{margin:12px 0 8px;font-size:24px;line-height:1.05;font-weight:780;letter-spacing:-.04em;color:#fff;}
.hero-command-copy p{margin:0;color:rgba(244,250,255,.82);font-size:12px;line-height:1.55;max-width:560px;}
.hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px;}
.hero-facts span{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.1);border:.5px solid rgba(255,255,255,.12);font-size:10px;font-weight:650;color:#F1FFFD;}
.hero-command-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;}
.hero-command-actions .btn{margin:0;min-height:50px;}
.hero-command-actions .btn.ghost{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.18);color:#fff;box-shadow:none;}
.hero-command-actions .btn.primary{background:linear-gradient(145deg,#2BA7FF,#0A84FF);box-shadow:0 8px 24px rgba(10,132,255,.22);}
.hero-mini-link{display:flex;align-items:center;justify-content:center;min-height:40px;padding:0 12px;border-radius:16px;text-decoration:none;color:#F6FBFF;background:rgba(255,255,255,.08);border:.5px solid rgba(255,255,255,.08);font-size:11px;font-weight:650;}
.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px;}
.hero-metrics article{min-width:0;padding:12px 11px;border-radius:18px;background:rgba(255,255,255,.1);border:.5px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.hero-metrics small{display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:rgba(237,247,255,.74);}
.hero-metrics b{display:block;margin-top:6px;font-size:22px;line-height:1;font-weight:780;color:#fff;}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0 24px;}
.quick-grid>a{min-height:104px;padding:15px 14px 13px;display:flex;flex-direction:column;text-decoration:none;color:var(--ink);border:.5px solid var(--ios-separator);border-radius:22px;background:linear-gradient(145deg,var(--card),#FBFCFE);box-shadow:0 7px 22px rgba(20,25,35,.04);}
.quick-grid b{font-size:12.5px;font-weight:700;letter-spacing:-.015em;margin-top:auto;}
.quick-grid small{font-size:10px;color:var(--slate-2);margin-top:3px;line-height:1.32;}
.quick-icon{width:40px;height:40px;border-radius:13px;box-shadow:inset 0 2px 0 rgba(255,255,255,.72),0 4px 10px rgba(35,52,74,.08);}
.quick-grid::-webkit-scrollbar{display:none;}
body.dark-on.has-shell .hero-live-pill{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);color:#EFF7FF;}
body.dark-on.has-shell .hero-command-card{background:linear-gradient(145deg,#0A223B 0%,#103252 48%,#174C63 100%);box-shadow:0 18px 36px rgba(0,0,0,.32);}
body.dark-on.has-shell .quick-grid>a{background:linear-gradient(145deg,#232428,#17181C);}
@media(max-width:820px){
  .quick-grid{grid-auto-flow:column;grid-auto-columns:minmax(152px,1fr);grid-template-columns:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:3px;}
  .quick-grid>a{scroll-snap-align:start;}
}
@media(max-width:640px){
  .hero-command-card{padding:18px 16px 15px;border-radius:24px;}
  .hero-command-copy h2{font-size:22px;}
  .hero-command-actions{grid-template-columns:1fr;}
  .hero-metrics{grid-template-columns:1fr 1fr;}
  .hero-mini-link{justify-content:flex-start;padding:0 14px;}
  .quick-grid{margin-top:16px;}
}


/* v5.2 lifecycle */
.mine-retention-note{margin-top:20px;padding:13px 14px;border:.5px solid var(--ios-separator);border-radius:18px;background:var(--card);}
.mine-retention-note b,.mine-retention-note span{display:block}.mine-retention-note b{font-size:11px;margin-bottom:4px}.mine-retention-note span{font-size:10px;line-height:1.45;color:var(--slate)}
.admin-policy-preset{margin-top:14px;padding-top:14px;border-top:1px solid var(--rule-soft);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.admin-policy-preset b,.admin-policy-preset small{display:block}.admin-policy-preset b{font-size:11.5px}.admin-policy-preset small{margin-top:3px;font-size:9.5px;line-height:1.45;color:var(--slate);max-width:650px}.admin-policy-preset .btn{margin:0;white-space:nowrap}
@media(max-width:640px){.admin-policy-preset{grid-template-columns:1fr}.admin-policy-preset .btn{width:100%;white-space:normal}}


/* v5.2.1 — TEK RESPONSIVE UYGULAMA KABUĞU
   Kullanıcı, admin, log ve vaka yönetimi aynı viewport ölçüsünü kullanır.
   Gerçek telefonda ekranın tamamı uygulamadır; tablet/desktop'ta iPhone oranlı ürün kabuğu korunur. */
:root{
  --mpm-shell-width:430px;
  --mpm-shell-height:932px;
}

/* Admin'in eski 470px genişletmesini kesin olarak geçersiz kıl. */
body.has-shell #app,
body.has-shell.admin-shell #app{
  width:min(var(--mpm-shell-width),100%);
  height:min(var(--mpm-shell-height),calc(100dvh - 28px));
  min-height:0;
  padding-left:0;
  overflow:hidden;
  border:9px solid #17181B;
  border-radius:58px;
  box-shadow:0 0 0 1px rgba(255,255,255,.16),0 34px 110px rgba(0,0,0,.50),0 8px 26px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.08);
}

/* Admin içerikleri kabuğu büyütmez; geniş bileşen kendi içinde kayar. */
body.has-shell.admin-shell .workspace,
body.has-shell.admin-shell .content,
body.has-shell.admin-shell .panel,
body.has-shell.admin-shell .admin-hero,
body.has-shell.admin-shell .admin-table-wrap,
body.has-shell.admin-shell .admin-subnav,
body.has-shell.admin-shell .admin-log-tabs{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
body.has-shell.admin-shell .admin-table-wrap{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
body.has-shell.admin-shell .admin-table{width:max-content;min-width:100%;}
body.has-shell.admin-shell .admin-subnav,
body.has-shell.admin-shell .admin-log-tabs{
  overflow-x:auto;
  overflow-y:hidden;
  flex-wrap:nowrap;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
body.has-shell.admin-shell .admin-subnav::-webkit-scrollbar,
body.has-shell.admin-shell .admin-log-tabs::-webkit-scrollbar{display:none;}
body.has-shell.admin-shell .admin-subnav a,
body.has-shell.admin-shell .admin-log-tabs a{flex:0 0 auto;white-space:nowrap;}

/* Gerçek telefon/PWA/Capacitor: admin dahil bütün ekranlarda cihaz viewport'u kullan. */
@media(max-width:540px), (display-mode:standalone){
  html,body.has-shell{width:100%;height:100%;min-height:100dvh;}
  body.has-shell .native-stage,
  body.has-shell.admin-shell .native-stage{
    display:block;width:100%;height:100dvh;min-height:100dvh;padding:0;background:var(--paper);overflow:hidden;
  }
  body.has-shell #app,
  body.has-shell.admin-shell #app{
    width:100%!important;
    max-width:none!important;
    height:100dvh!important;
    min-height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.has-shell #app::after,
  body.has-shell.admin-shell #app::after,
  body.has-shell .dynamic-island{display:none!important;}
  body.has-shell.admin-shell .topbar{
    height:calc(88px + env(safe-area-inset-top));
    padding:calc(env(safe-area-inset-top) + 29px) 14px 9px;
  }
  body.has-shell.admin-shell .content{
    padding:17px 16px calc(120px + env(safe-area-inset-bottom));
  }
}

/* Çok dar telefonlarda boşlukları küçült; içerik hiçbir zaman viewport'u taşırmaz. */
@media(max-width:390px){
  body.has-shell .content,
  body.has-shell.admin-shell .content{padding-left:13px;padding-right:13px;}
  body.has-shell.admin-shell .admin-hero h1{font-size:24px;}
}