/* mxsin.com UI: Inter + JetBrains Mono, 1px hairlines, layered soft shadows, quiet motion. Light by default, dark follows the OS. */
@font-face{font-family:Inter;src:url(fonts/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(fonts/JetBrainsMono.woff2) format("woff2");font-weight:100 800;font-display:swap}
:root{--bg:#fafbfc;--bg2:#f4f5f8;--panel:#fff;--text:#0b0d12;--text2:#3c4250;--muted:#6b7280;--faint:#9aa1ad;--line:#e7e9ee;--line2:#eef0f3;
 --acc:#5b5bf7;--acc2:#7c5cff;--cyan:#22d3ee;--ok:#10b981;--warn:#f59e0b;--err:#ef4444;--ring:rgba(91,91,247,.22);
 --sh1:0 1px 2px rgba(16,24,40,.04),0 1px 1px rgba(16,24,40,.03);--sh2:0 1px 2px rgba(16,24,40,.05),0 8px 24px -8px rgba(16,24,40,.10);
 --sh3:0 24px 64px -16px rgba(16,24,40,.22),0 2px 6px rgba(16,24,40,.06);--r:12px;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#08090c;--bg2:#0d0f14;--panel:#0f1117;--text:#eef0f4;--text2:#c3c8d2;--muted:#8a92a1;--faint:#5d6472;--line:#1d212b;--line2:#161922;
 --ring:rgba(124,92,255,.35);--sh1:0 1px 0 rgba(255,255,255,.03) inset;--sh2:0 1px 0 rgba(255,255,255,.04) inset,0 8px 24px -10px rgba(0,0,0,.6);--sh3:0 30px 80px -20px rgba(0,0,0,.8);color-scheme:dark}}
*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body{margin:0;font:14px/1.55 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"cv11","ss01","ss03";letter-spacing:-.006em;background:var(--bg);color:var(--text)}
a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}
::selection{background:var(--ring)}
.muted{color:var(--muted)}.done{color:var(--ok)}.todo{color:var(--muted)}
h1,h2,h3{letter-spacing:-.02em;margin:0}
/* buttons + inputs */
.btn{--b:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 14px;border-radius:9px;border:1px solid transparent;font:inherit;font-weight:550;font-size:13.5px;cursor:pointer;white-space:nowrap;
 color:#fff;background:linear-gradient(180deg,#6b6bff,#5050ee);box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 0 0 1px rgba(60,60,200,.6),0 2px 6px -1px rgba(80,80,240,.45);transition:transform .12s,box-shadow .2s,filter .2s}
.btn:hover{filter:brightness(1.07);text-decoration:none;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 0 0 1px rgba(60,60,200,.7),0 6px 16px -4px rgba(80,80,240,.55)}.btn:active{transform:translateY(1px)}
.btn.ghost{color:var(--text);background:var(--panel);box-shadow:var(--sh1);border-color:var(--line)}.btn.ghost:hover{border-color:color-mix(in srgb,var(--line) 50%,var(--muted));box-shadow:var(--sh2)}
.btn.small{height:30px;padding:0 11px;font-size:12.5px;border-radius:8px}
input,select,textarea{width:100%;height:38px;margin-top:6px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;box-shadow:var(--sh1);transition:border-color .15s,box-shadow .15s}
textarea{height:auto;padding:10px 12px}input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--acc);box-shadow:none}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 4px var(--ring)}input::placeholder{color:var(--faint)}
label{display:block;margin:14px 0;font-size:12.5px;font-weight:550;color:var(--text2)}
code,pre,.mono{font-family:var(--mono);font-size:12.5px;font-variant-ligatures:none}
code{padding:2px 6px;border-radius:6px;background:var(--bg2);border:1px solid var(--line2);color:var(--text2);word-break:break-all}
pre{margin:10px 0;padding:14px 16px;border-radius:10px;background:#0b0d12;color:#d7dbe4;border:1px solid #1d212b;white-space:pre-wrap;word-break:break-all;line-height:1.65;box-shadow:var(--sh2)}
.alert{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;margin:0 0 18px;border-radius:10px;font-size:13.5px;border:1px solid color-mix(in srgb,var(--err) 30%,transparent);background:color-mix(in srgb,var(--err) 7%,var(--panel));color:color-mix(in srgb,var(--err) 80%,var(--text))}
.alert.ok{border-color:color-mix(in srgb,var(--ok) 30%,transparent);background:color-mix(in srgb,var(--ok) 7%,var(--panel));color:color-mix(in srgb,var(--ok) 60%,var(--text))}
.alert pre{flex-basis:100%}.alert:has(pre){flex-wrap:wrap}
/* app shell */
body.app{display:grid;grid-template:"side top" 56px "side main" 1fr/248px 1fr;min-height:100vh}
.topbar{grid-area:top;display:flex;align-items:center;gap:16px;padding:0 28px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:saturate(1.6) blur(12px);position:sticky;top:0;z-index:5}
.crumb{font-weight:600;font-size:13.5px}.crumb span{color:var(--faint);font-weight:500;margin:0 8px}
.topright{margin-left:auto;display:flex;align-items:center;gap:10px}.topright form{margin:0}
.avatar{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text2)}.avatar i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:650;font-size:11.5px;color:#fff;background:linear-gradient(135deg,var(--acc2),var(--cyan));box-shadow:0 0 0 2px var(--panel),0 0 0 3px var(--line)}
.sidebar{grid-area:side;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:16px 12px;border-right:1px solid var(--line);background:var(--bg2)}
.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;color:var(--text);font-weight:680;font-size:16.5px;letter-spacing:-.03em}.brand:hover{text-decoration:none}.brand img{width:28px;height:28px;border-radius:8px;box-shadow:0 4px 12px -2px rgba(91,91,247,.45)}.brand em{font-style:normal;color:var(--faint);font-weight:500}
.navlabel{margin:14px 10px 6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.sidebar nav a{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;margin:1px 0;border-radius:8px;color:var(--text2);font-weight:520;font-size:13.5px;transition:background .15s,color .15s}
.sidebar nav a svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.sidebar nav a:hover{background:color-mix(in srgb,var(--text) 5%,transparent);color:var(--text);text-decoration:none}
.sidebar nav a.active{background:var(--panel);color:var(--text);box-shadow:var(--sh1),0 0 0 1px var(--line)}.sidebar nav a.active svg{opacity:1;stroke:var(--acc)}
.side-foot{margin-top:auto;padding:12px 10px 4px;font-size:12px;color:var(--faint)}.side-foot b{color:var(--text2);font-weight:600}
.content{grid-area:main;width:100%;max-width:1180px;padding:36px 40px 64px;animation:rise .45s cubic-bezier(.2,.7,.2,1) both}
.content>h1{font-size:26px;font-weight:680;letter-spacing:-.03em;margin:0 0 4px}.lede{margin:0 0 26px;color:var(--muted);font-size:14.5px}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
/* cards */
.group{position:relative;margin:0 0 20px;padding:20px 22px;border-radius:var(--r);background:var(--panel);border:1px solid var(--line);box-shadow:var(--sh2)}
.group>h2,.group h2{font-size:14.5px;font-weight:620;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.group h2+p{margin-top:-6px}.group p{margin:8px 0}
.inl{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.inl label{margin:0;flex:1;min-width:200px;max-width:380px}.inl input{width:100%}
/* onboarding steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;counter-reset:s}
.steps .group{margin:0;padding:20px;transition:transform .2s,box-shadow .2s}.steps .group:hover{transform:translateY(-2px);box-shadow:var(--sh3)}
.steps h2{font-size:14.5px}.steps h2 .n{width:24px;height:24px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:650;border:1px solid var(--line);background:var(--bg2);color:var(--muted)}
.steps .is-done .n{background:color-mix(in srgb,var(--ok) 14%,var(--panel));border-color:color-mix(in srgb,var(--ok) 40%,transparent);color:var(--ok)}
.steps .is-next{border-color:color-mix(in srgb,var(--acc) 45%,var(--line));box-shadow:0 0 0 4px var(--ring),var(--sh2)}.steps .is-next .n{background:var(--acc);border-color:var(--acc);color:#fff}
.steps p{color:var(--muted);min-height:44px}
/* KPIs */
.kp{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--line)}
.kp>div{gap:1px;padding:14px 16px;background:var(--panel)}.kp{gap:1px}
.kp b{display:block;font-size:24px;font-weight:650;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kp span{font-size:12px;color:var(--muted);text-transform:capitalize}
.kp .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:1px}
/* chart */
.chart{margin-top:16px}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart .grid{stroke:var(--line2)}.chart .ax{fill:var(--faint);font:11px Inter}
.chart rect.b{transition:opacity .2s}.chart g.c:hover rect.b{opacity:.75}.chart .legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:8px}
.chart .legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.meter{height:6px;border-radius:99px;background:var(--bg2);border:1px solid var(--line2);overflow:hidden;margin:8px 0 4px}.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc2),var(--cyan))}
/* tables */
table.t{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
table.t th{position:sticky;top:56px;background:var(--panel);text-align:left;font-weight:560;font-size:12px;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line)}
table.t td{padding:11px 12px;border-bottom:1px solid var(--line2);vertical-align:middle;color:var(--text2)}
table.t tr:last-child td{border-bottom:0}table.t tbody tr,table.t tr{transition:background .12s}table.t tr:hover td{background:color-mix(in srgb,var(--acc) 3%,transparent)}
table.t td:first-child{color:var(--text)}table.t .num{font-variant-numeric:tabular-nums;text-align:right}
.group>table.t{margin:0}.group>h2+table.t{margin-top:-4px}
.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:99px;font-size:11.5px;font-weight:560;border:1px solid var(--line);background:var(--bg2);color:var(--text2);white-space:nowrap;text-transform:capitalize}
.pill::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.9}
.pill.ok{color:#059669;background:color-mix(in srgb,var(--ok) 9%,var(--panel));border-color:color-mix(in srgb,var(--ok) 28%,transparent)}
.pill.warn{color:#b45309;background:color-mix(in srgb,var(--warn) 10%,var(--panel));border-color:color-mix(in srgb,var(--warn) 30%,transparent)}
.pill.err{color:#dc2626;background:color-mix(in srgb,var(--err) 8%,var(--panel));border-color:color-mix(in srgb,var(--err) 28%,transparent)}
.pill.info{color:var(--acc);background:color-mix(in srgb,var(--acc) 8%,var(--panel));border-color:color-mix(in srgb,var(--acc) 26%,transparent)}
.chip{display:inline-flex;align-items:center;gap:4px;margin:3px 6px 3px 0;padding:2px 2px 2px 4px;border:1px solid var(--line);border-radius:8px;background:var(--bg2)}.chip code{border:0;background:none}
.chip .btn.small{height:22px;padding:0 7px;box-shadow:none;border:0;background:none}
.tabs{display:inline-flex;gap:2px;padding:3px;margin:0 0 20px;border-radius:10px;background:var(--bg2);border:1px solid var(--line)}
.tabs a{height:30px;display:inline-flex;align-items:center;padding:0 14px;border-radius:7px;color:var(--muted);font-weight:540;font-size:13px}.tabs a:hover{color:var(--text);text-decoration:none}
.tabs a.on{background:var(--panel);color:var(--text);box-shadow:var(--sh1),0 0 0 1px var(--line)}
.ck{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700}.ck.y{background:color-mix(in srgb,var(--ok) 14%,transparent);color:var(--ok)}.ck.n{background:color-mix(in srgb,var(--err) 12%,transparent);color:var(--err)}
.sec{margin-top:22px;padding-top:20px;border-top:1px solid var(--line2)}
/* login */
body.auth{min-height:100vh;display:grid;grid-template-columns:1.15fr 1fr;background:var(--panel)}
.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:44px 56px;color:#fff;background:#06070b;isolation:isolate}
.hero::before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(40% 35% at 20% 25%,rgba(124,92,255,.55),transparent 70%),radial-gradient(35% 30% at 80% 70%,rgba(34,211,238,.35),transparent 70%),radial-gradient(30% 25% at 60% 15%,rgba(91,91,247,.40),transparent 70%);filter:blur(10px);animation:drift 18s ease-in-out infinite alternate}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(70% 60% at 50% 45%,#000 30%,transparent 80%)}
@keyframes drift{to{transform:translate3d(4%,-3%,0) rotate(6deg) scale(1.06)}}
.hero .brand{color:#fff;padding:0;font-size:18px}.hero .brand em{color:rgba(255,255,255,.5)}.hero .brand img{width:32px;height:32px}
.hero h1{font-size:46px;line-height:1.05;letter-spacing:-.045em;font-weight:680;max-width:560px;margin:0 0 18px;background:linear-gradient(180deg,#fff 30%,rgba(255,255,255,.62));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:470px;color:rgba(255,255,255,.66);font-size:15.5px;margin:0 0 28px}
.hero pre{max-width:520px;background:rgba(10,12,18,.66);border-color:rgba(255,255,255,.1);backdrop-filter:blur(10px);box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.04) inset;font-size:12.5px}
.hero pre .k{color:#a5b4fc}.hero pre .s{color:#67e8f9}.hero pre .c{color:#6b7280}
.hero .foot{display:flex;gap:22px;color:rgba(255,255,255,.45);font-size:12.5px}
.authside{display:grid;place-items:center;padding:40px;background:var(--panel)}
.auth-card{width:min(380px,100%);animation:rise .5s cubic-bezier(.2,.7,.2,1) both}
.auth-card h2{font-size:24px;font-weight:680;letter-spacing:-.03em;margin:0 0 6px}.auth-card>p{margin:0 0 22px;color:var(--muted)}
.auth-card .btn{width:100%;height:40px;margin-top:6px}.auth-card .foot{margin-top:20px;font-size:13px;color:var(--muted);text-align:center}
@media (max-width:980px){body.auth{grid-template-columns:1fr}.hero{display:none}body.app{grid-template:"top" 56px "main" 1fr/1fr}.sidebar{display:none}.steps{grid-template-columns:1fr}.content{padding:24px 18px}}
@media (prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important}}
.nw{white-space:nowrap;word-break:normal}.why{width:230px;font-size:12px;color:var(--muted)}.val code{display:block;max-height:76px;overflow:auto;line-height:1.5}
.tbl{margin:0 -22px;padding:0 10px;overflow-x:auto}.tbl table.t th{top:0}
table.t td:first-child{white-space:nowrap}

/* Cloudflare Turnstile */
.cf-turnstile{margin:4px 0 16px;min-height:65px;line-height:0;border-radius:8px;overflow:hidden}.cf-turnstile iframe{display:block;vertical-align:top}
.sec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0}
.sec-grid dt{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.sec-grid dd{margin:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
@media(max-width:900px){.sec-grid{grid-template-columns:1fr 1fr}}
.sec-card{border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--panel);box-shadow:var(--sh1)}
.chk{display:flex!important;gap:10px;align-items:center;font-size:13.5px;color:var(--text);margin:6px 0}.chk input{width:auto!important;margin:0!important}

.btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);pointer-events:none}

/* ---------- Statistics ---------- */
.hide{display:none!important}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:0 0 18px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--sh1)}
.filters label.mini{margin:0;font-size:11.5px;color:var(--muted);display:flex;flex-direction:column;gap:4px}
.filters label.mini input,.filters label.mini select{height:34px;margin:0;font-size:13px;min-width:130px;padding:0 10px}
.filters .btn{height:34px}
.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);margin-right:6px}
.seg a{padding:6px 11px;border-radius:7px;font-size:13px;color:var(--text2);text-decoration:none;font-weight:500;white-space:nowrap}
.seg a.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px rgba(16,24,40,.08),0 0 0 1px var(--line)}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:12px;margin:0 0 22px}
.tile{position:relative;padding:14px 16px 13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--sh1);overflow:hidden}
.tile:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--acc2),var(--cyan));opacity:.0;transition:opacity .2s}
.tile:hover:before{opacity:.9}
.tile .tl{display:block;font-size:12px;color:var(--muted);font-weight:500;margin-bottom:6px}
.tile b{display:block;font-size:26px;letter-spacing:-.03em;font-weight:650;line-height:1.1;font-variant-numeric:tabular-nums}
.tile b small{font-size:13px;color:var(--muted);font-weight:500;margin-left:2px}
.tile .ts{display:flex;gap:8px;align-items:center;margin-top:7px;min-height:18px;flex-wrap:wrap}
.tile .ts small{font-size:11.5px;color:var(--faint)}
.dl{font-size:11.5px;font-weight:600;padding:1px 7px;border-radius:999px;font-variant-numeric:tabular-nums}
.dl.up{color:#059669;background:rgba(16,185,129,.12)}.dl.down{color:#dc2626;background:rgba(239,68,68,.11)}.dl.flat{color:var(--faint);background:var(--bg2)}
.health{display:grid;grid-template-columns:170px 1fr;gap:6px 22px;align-items:center;padding:16px 18px;border-radius:14px;border:1px solid var(--line);background:var(--panel);margin:0 0 14px;box-shadow:var(--sh1)}
.health .hb{display:flex;flex-direction:column;padding-left:14px;border-left:3px solid var(--ok)}
.health.warn .hb{border-color:var(--warn)}.health.bad .hb{border-color:var(--err)}
.health .hb b{font-size:17px;letter-spacing:-.02em}.health .hb span{font-size:12px;color:var(--muted)}
.health .hm{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.health .hm>div{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:baseline}
.health .hm span{font-size:12px;color:var(--muted)}.health .hm b{font-size:15px;text-align:right;font-variant-numeric:tabular-nums}
.health .hm small{grid-column:1/-1;font-size:11px;color:var(--faint)}
.health .bar{grid-column:1/-1;position:relative;display:block;height:6px;border-radius:6px;background:var(--bg2);overflow:visible;margin:4px 0 2px}
.health .bar em{position:absolute;inset:0 auto 0 0;border-radius:6px;background:linear-gradient(90deg,#10b981,#f59e0b 50%,#ef4444)}
.health .bar s{position:absolute;top:-3px;width:2px;height:12px;background:var(--text2);opacity:.35;border-radius:2px}
.health .hw{grid-column:2;margin:6px 0 0;padding:0;list-style:none;font-size:13px}
.health .hw li{padding:6px 10px;border-radius:8px;margin-top:4px}.health .hw li.warn{background:rgba(245,158,11,.1);color:#b45309}.health .hw li.err{background:rgba(239,68,68,.09);color:#b91c1c}
.chart.line .hit{fill:transparent}.chart.line .hit:hover{fill:rgba(124,92,255,.06)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.grid2>.group{min-width:0}
table.brk td{position:relative}
table.brk td:first-child{z-index:0}
.hbar{position:absolute;inset:5px auto 5px 0;width:var(--w);background:linear-gradient(90deg,rgba(124,92,255,.14),rgba(34,211,238,.10));border-radius:6px;z-index:-1}
.small{font-size:12px}.trunc{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
td.neg{color:var(--err);font-weight:600}td.warnc{color:#b45309;font-weight:600}
.msgcard{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:18px 20px;background:var(--panel);box-shadow:var(--sh2)}
.msgcard .mh{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 14px;margin:0 0 16px;font-size:13.5px}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-word}
.timeline{list-style:none;margin:0;padding:0 0 0 18px;border-left:2px solid var(--line)}
.timeline li{position:relative;padding:0 0 14px 14px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.timeline li:before{content:"";position:absolute;left:-25px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--panel);border:2px solid var(--faint)}
.timeline li.sent:before{border-color:var(--acc)}.timeline li.delivered:before{border-color:var(--cyan);background:var(--cyan)}.timeline li.open:before{border-color:var(--ok);background:var(--ok)}
.timeline li.click:before{border-color:var(--warn);background:var(--warn)}.timeline li.bounced:before,.timeline li.complained:before{border-color:var(--err);background:var(--err)}.timeline li.deferred:before{border-color:var(--warn)}
.timeline li b{font-size:13.5px}.timeline li span{font-size:12px;color:var(--muted)}
.timeline li code{flex-basis:100%;font-size:12px;color:var(--text2);background:var(--bg2);padding:6px 9px;border-radius:8px;word-break:break-all}
.h3{font-size:14px;margin:0 0 12px;letter-spacing:-.01em}
.svc{display:flex;flex-wrap:wrap;gap:8px}
.svcitem{display:inline-flex;gap:7px;align-items:center;padding:6px 11px;border-radius:999px;border:1px solid var(--line);font-size:12.5px;background:var(--bg2)}
.svcitem i{width:8px;height:8px;border-radius:50%;background:var(--faint)}.svcitem.ok i{background:var(--ok);box-shadow:0 0 0 3px rgba(16,185,129,.18)}.svcitem.bad i{background:var(--err);box-shadow:0 0 0 3px rgba(239,68,68,.18)}
.svcitem em{font-style:normal;color:var(--muted)}
.tiles.srv{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.grid2{grid-template-columns:1fr}.health{grid-template-columns:1fr}.health .hw{grid-column:1}.tiles.srv{grid-template-columns:repeat(2,1fr)}}
/* blocklist protection / warm-up cards */
.bl-status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px}
form.inline{display:inline}
.bl-form fieldset{border:0;padding:0;margin:0 0 16px}.bl-form legend{font-weight:600;margin-bottom:8px}
label.radio{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line,#e5e7eb);border-radius:10px;margin-bottom:8px;cursor:pointer}
label.radio:has(input:checked){border-color:var(--accent,#6d5efc);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#6d5efc) 15%,transparent)}
label.radio input{width:auto;margin-top:3px}label.radio small{display:block;color:var(--muted,#6b7280)}
label.check{display:flex;gap:8px;align-items:center;margin:6px 0}label.check input{width:auto;height:auto;margin:0}
.switch{position:relative;display:inline-block;width:36px;height:20px;vertical-align:middle}.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:#cbd5e1;border-radius:20px;transition:.2s;cursor:pointer}.switch span:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked+span{background:var(--accent,#6d5efc)}.switch input:checked+span:before{transform:translateX(16px)}
/* ===== auth gate, consent, security ===== */
.auth-card{width:min(400px,100%)}
.hero-sub{max-width:470px;color:rgba(255,255,255,.66);font-size:15.5px}
.tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 26px;border-radius:12px;background:var(--bg2);border:1px solid var(--line2)}
.tabs a,.tabs .tab-off{display:flex;align-items:center;justify-content:center;height:36px;border-radius:9px;font-weight:600;font-size:13.5px;color:var(--muted);text-decoration:none!important;transition:background .15s,color .15s,box-shadow .15s}
.tabs a[aria-selected=true]{background:var(--panel);color:var(--text);box-shadow:var(--sh2)}.tabs a:hover{color:var(--text)}.tabs .tab-off{cursor:default;font-weight:500;font-size:12.5px}
.pane[hidden]{display:none!important}.pane{animation:rise .35s cubic-bezier(.2,.7,.2,1) both}
.pane h2{font-size:24px;font-weight:680;letter-spacing:-.03em;margin:0 0 6px}.pane>p{margin:0 0 18px;color:var(--muted)}
.lbl-link{float:right;font-weight:500}
.btn.wide{width:100%;height:42px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.two label{margin:14px 0 0}.opt{font-weight:400;color:var(--faint)}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
label.check{display:flex;gap:9px;align-items:flex-start;font-weight:500;font-size:13px;color:var(--text2);margin:12px 0}label.check input{margin-top:2px;flex:0 0 auto}
label.check.off{opacity:.55}.hint{margin:-6px 0 10px 25px;font-size:12px;color:var(--muted)}.hint[hidden]{display:none}
.meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:-6px 0 10px}.meter i{height:4px;border-radius:4px;background:var(--line);transition:background .2s}
.meter span{grid-column:1/-1;font-size:12px;color:var(--muted);margin-top:2px}
.meter[data-score="1"] i:nth-child(-n+1){background:var(--err)}.meter[data-score="2"] i:nth-child(-n+2){background:var(--warn)}
.meter[data-score="3"] i:nth-child(-n+3){background:linear-gradient(90deg,var(--acc2),var(--acc))}.meter[data-score="4"] i{background:linear-gradient(90deg,var(--acc2),var(--cyan))}
.screen{text-align:center}.screen h2{font-size:23px;font-weight:680;letter-spacing:-.03em;margin:14px 0 8px}.screen p{color:var(--text2);margin:0 0 12px}.screen .btn{margin-top:12px}
.screen-ico{width:56px;height:56px;margin:0 auto;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,92,255,.16),rgba(34,211,238,.12));box-shadow:inset 0 0 0 1px rgba(124,92,255,.25)}
.screen-ico svg{width:26px;height:26px;fill:none;stroke:var(--acc);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.screen-ico.ok svg{stroke:var(--ok)}
.or{display:flex;align-items:center;gap:10px;color:var(--faint);font-size:12px;margin:16px 0 4px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
input.code{font-family:var(--mono);font-size:20px;letter-spacing:.3em;text-align:center;height:48px}
.row-links{display:flex;justify-content:space-between;gap:10px;margin-top:14px}
button.link{background:none;border:0;padding:0;font:inherit;font-size:13px;color:var(--acc);cursor:pointer}button.link:hover{text-decoration:underline}button.link.danger,.link.danger{color:var(--err)}
.foot.legal{font-size:12px!important;margin-top:28px!important}.foot.legal a{color:var(--muted)}
/* consent banner */
.cc{position:fixed;z-index:1000;left:50%;bottom:20px;transform:translateX(-50%);width:min(720px,calc(100% - 24px));display:grid;grid-template-columns:1fr auto;gap:14px 20px;align-items:center;padding:18px 20px;border-radius:16px;background:color-mix(in srgb,var(--panel) 92%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:var(--sh3);animation:rise .4s cubic-bezier(.2,.7,.2,1) both;color:var(--text)}
.cc[hidden]{display:none}.cc strong{font-size:14px}.cc p{margin:4px 0 0;font-size:13px;color:var(--muted)}
.cc-prefs{grid-column:1/-1;border-top:1px solid var(--line2);padding-top:6px}.cc-prefs[hidden]{display:none}.cc-prefs label.check{margin:8px 0}
.cc-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.cc-btns .btn{min-width:118px}.cc-btns [hidden]{display:none}
@media (max-width:640px){.cc{grid-template-columns:1fr}.cc-btns .btn{flex:1}}
/* public documents */
body.doc{min-height:100vh;display:flex;flex-direction:column}
.doc-top{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid var(--line);background:var(--panel)}
.doc-top nav{display:flex;gap:18px;align-items:center;font-size:13.5px}.doc-top nav a:not(.btn){color:var(--text2)}
.doc-body{flex:1;width:min(780px,100%);margin:0 auto;padding:48px 24px 80px;line-height:1.7}.doc-body h1{font-size:34px;letter-spacing:-.035em;margin-bottom:6px}
.doc-body h2{font-size:18px;margin:30px 0 8px}.doc-body .t{margin:12px 0}.doc-body li{margin:6px 0}
.doc-foot{padding:20px 32px;border-top:1px solid var(--line);font-size:12.5px;color:var(--muted)}
/* security page */
.sec-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);box-shadow:var(--sh1)}
.sec-item{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding:18px 20px;border-bottom:1px solid var(--line2);flex-wrap:wrap}.sec-item:last-child{border-bottom:0}
.sec-item>div:first-child{flex:1 1 260px}.sec-item small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.sec-item form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.sec-item form label{margin:0}
.sub-row{display:flex;gap:10px;align-items:center;margin-top:8px;font-size:13px}.pk-add{display:flex;gap:8px;align-items:center}.pk-add input{margin:0;width:180px;height:30px}
.totp-setup{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.qr{width:168px;height:168px;padding:8px;background:#fff;border-radius:12px;border:1px solid var(--line)}.qr svg{width:100%;height:100%}
code.key{font-size:14px;letter-spacing:.08em}
.rc-box{border:1px solid color-mix(in srgb,var(--acc) 35%,var(--line));border-radius:var(--r);padding:18px 20px;background:color-mix(in srgb,var(--acc) 4%,var(--panel))}
.rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin:12px 0}.rc-grid code{text-align:center;font-size:14px;padding:6px}
label.stepup{margin:0;min-width:200px}label.stepup small a{font-weight:500}
.alert.sandbox{border-color:color-mix(in srgb,var(--warn) 35%,transparent);background:color-mix(in srgb,var(--warn) 8%,var(--panel));color:var(--text)}
.side-legal{margin-top:6px;font-size:11.5px}.side-legal a{color:var(--muted)}
details.more{display:inline-block;position:relative}details.more summary{list-style:none}details.more summary::-webkit-details-marker{display:none}
.more-menu{position:absolute;right:0;top:34px;z-index:20;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:var(--sh3)}
.btn.danger{color:var(--err)}
.cc{left:0;right:0;margin:0 auto;transform:none!important;max-width:calc(100% - 24px)}
/* my mailbox (/mail) */
.mbx-body{width:min(940px,100%)}
.mbx-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:18px 0 22px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel);width:max-content;max-width:100%}
.mbx-tabs a{padding:8px 14px;border-radius:9px;color:var(--text2);font-size:13.5px;font-weight:500}.mbx-tabs a:hover{background:var(--line2)}.mbx-tabs a[aria-current]{background:var(--text);color:var(--bg)}
.mbx .group{margin-bottom:22px}.mbx .stack{display:flex;flex-direction:column;gap:2px}.mbx .stack .btn{align-self:flex-start;margin-top:8px}
.meter{height:10px;border-radius:99px;background:var(--line2);overflow:hidden;margin:6px 0 10px}.meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#6d5efc,#22b8e6)}.meter.warn i{background:#e6a23c}.meter.bad i{background:#e5484d}
.mbx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.mbx-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);transition:border-color .15s,transform .15s}.mbx-card:hover{border-color:#6d5efc;transform:translateY(-1px)}
.mbx-card span{color:var(--muted);font-size:13px;line-height:1.5}.mbx-card .pill{align-self:flex-start}
.provs{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px;margin-bottom:6px}
.prov{margin:0!important;cursor:pointer}.prov input{position:absolute;opacity:0}.prov span{display:flex;flex-direction:column;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel);font-weight:500;font-size:13.5px}
.prov input:checked+span{border-color:#6d5efc;box-shadow:0 0 0 3px rgba(109,94,252,.18)}.prov input:disabled+span{opacity:.5;cursor:not-allowed}.prov small{color:var(--muted);font-weight:400;font-size:11.5px}
.prov input:focus-visible+span{outline:2px solid #6d5efc}
.dev{display:flex;gap:28px;align-items:flex-start;flex-wrap:wrap}.qr.big{width:220px;height:220px}
.steps{padding-left:20px;line-height:1.7}.steps li{margin:6px 0}
pre.codes{columns:2;padding:14px 18px;border-radius:10px;background:var(--line2);font-size:14px;line-height:1.9;margin:8px 0}
.mono.big{font-size:17px;letter-spacing:.06em;font-weight:600}
details>summary{list-style:none;cursor:pointer}details>summary::-webkit-details-marker{display:none}details[open]>summary{margin-bottom:10px}
/* public site: front page, footer, contact */
.doc-top{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:saturate(1.4) blur(12px)}
.doc-top nav{flex-wrap:wrap;justify-content:flex-end}
.doc-body .lead{font-size:17px;color:var(--text2);line-height:1.65}
.btn.big{height:46px;padding:0 22px;font-size:15px;border-radius:11px}
.h-wrap{width:min(1120px,100%);margin:0 auto;padding:0 28px}
.h-hero{position:relative;overflow:hidden;padding:112px 0 96px;text-align:center;border-bottom:1px solid var(--line)}
.h-hero:before{content:"";position:absolute;inset:-40% -10% auto;height:640px;background:radial-gradient(closest-side,color-mix(in srgb,var(--acc) 22%,transparent),transparent),radial-gradient(closest-side at 70% 40%,color-mix(in srgb,var(--cyan) 14%,transparent),transparent);filter:blur(20px);pointer-events:none}
.h-hero>*{position:relative}
.h-eyebrow{display:inline-block;margin:0 0 22px;padding:5px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:12.5px;font-weight:550;letter-spacing:.02em;color:var(--text2);box-shadow:var(--sh1)}
.h-hero h1{font-size:clamp(38px,6vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:700}
.h-hero h1 span{display:block;margin-top:10px;font-size:.52em;letter-spacing:-.03em;font-weight:550;background:linear-gradient(90deg,var(--acc),var(--acc2) 55%,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.h-lede{width:min(680px,100%);margin:26px auto 0;font-size:17.5px;line-height:1.65;color:var(--text2)}
.h-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.h-note{margin-top:18px;font-size:13px;color:var(--muted)}
.h-sec{padding:88px 0;border-bottom:1px solid var(--line)}.h-sec.alt{background:var(--bg2)}
.h-sec h2{font-size:clamp(26px,3.4vw,36px);letter-spacing:-.035em}.h-sub{margin:10px 0 0;font-size:16px;color:var(--muted)}
.h-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:40px}.h-grid.five{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.h-card,.h-badge,.h-panel,.c-box{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh2)}
.h-card{padding:26px}.h-card i{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;font-style:normal;font-family:var(--mono);font-weight:700;color:#fff;background:linear-gradient(135deg,var(--acc),var(--acc2));box-shadow:0 6px 18px -6px var(--acc)}
.h-card h3{margin:18px 0 8px;font-size:17px}.h-card p{margin:0;color:var(--text2);line-height:1.6}
.h-split{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}@media(max-width:860px){.h-split{grid-template-columns:1fr}}
.h-list{list-style:none;padding:0;margin:28px 0 0}.h-list li{position:relative;padding:0 0 16px 30px;color:var(--text2);line-height:1.6}.h-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--ok);font-weight:700}.h-list b{color:var(--text)}
.h-panel{padding:10px 28px}.h-stat{display:flex;align-items:baseline;gap:14px;padding:20px 0;border-bottom:1px solid var(--line2)}.h-stat:last-child{border:0}
.h-stat b{min-width:96px;font-size:30px;letter-spacing:-.04em;background:linear-gradient(90deg,var(--acc),var(--acc2));-webkit-background-clip:text;background-clip:text;color:transparent}.h-stat span{color:var(--text2)}
.h-badge{padding:22px}.h-badge b{display:block;font-size:16px;font-family:var(--mono)}.h-badge span{display:block;margin-top:6px;color:var(--muted);font-size:13px}
.h-end{text-align:center;border-bottom:0}
.site-foot{border-top:1px solid var(--line);background:var(--panel);padding:56px 0 28px}
.sf-cols{width:min(1120px,100%);margin:0 auto;padding:0 28px;display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:28px}@media(max-width:760px){.sf-cols{grid-template-columns:1fr 1fr}}
.sf-cols b{display:block;margin-bottom:10px;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.sf-cols a:not(.brand){display:block;margin:7px 0;color:var(--text2);font-size:13.5px}.sf-cols p{font-size:13.5px}
.sf-legal{width:min(1120px,100%);margin:40px auto 0;padding:20px 28px 0;border-top:1px solid var(--line2);font-size:12.5px;color:var(--muted)}.sf-legal a{color:var(--text2)}
.c-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}@media(max-width:640px){.c-grid,.c-row{grid-template-columns:1fr!important}}
.c-box{padding:20px;display:flex;flex-direction:column;gap:6px}.c-box a{font-weight:600;font-size:15px}.c-box span{font-size:13px;line-height:1.5}
.c-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.c-row label{margin:10px 0}.c-form .btn{margin-top:8px}
/* admin: users, plans, audit */
.pill.unl{color:#fff;border-color:transparent;background:linear-gradient(90deg,var(--acc),var(--acc2));box-shadow:0 2px 8px -2px var(--acc)}.pill.unl::before{background:#fff}
.u-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap;margin:0 0 18px}.u-head b{font-size:18px;margin-right:6px}.u-head .muted{margin-top:6px}
.u-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.u-acts form{margin:0}
.u-search,.filt{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.u-search input{max-width:360px;margin:0}.filt input,.filt select{width:auto;min-width:150px;margin:0}.filt .check{margin:0}
tr.rowlink{cursor:pointer}tr.rowlink:hover td{background:var(--bg2)}
.sw-box{display:grid;gap:10px;margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}.sw-box .check{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:0}.sw-box .check .muted{grid-column:2;font-weight:400}
.group.danger{border-color:color-mix(in srgb,var(--err) 35%,var(--line))}
.alert.imp{align-items:center;justify-content:space-between;border-color:color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 8%,var(--panel));color:var(--text)}
details.inl{display:inline-block}details.inl[open] form{display:flex;gap:6px;margin-top:6px}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}
.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;align-items:start}
.plan-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.plan-top h2{margin:0 0 4px}
.plan-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.plan-sum div{padding:12px;border:1px solid var(--line2);border-radius:10px;background:var(--bg2)}.plan-sum b{display:block;font-size:20px;letter-spacing:-.03em}.plan-sum span{font-size:12px;color:var(--muted)}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}.plan-sw{display:flex;gap:18px;flex-wrap:wrap;margin:6px 0 12px}
.nowrap{white-space:nowrap}
.btn.danger:not(.ghost){color:#fff;background:linear-gradient(180deg,#f05a5a,#dc2626);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 0 0 1px rgba(185,28,28,.7),0 2px 6px -1px rgba(220,38,38,.45)}
.plan-sum b{font-size:17px;overflow-wrap:anywhere}
.h-stat b{min-width:150px;font-size:24px;white-space:nowrap}
/* home hero visual */
.h-hero-grid{display:grid;gap:8px;justify-items:center}
.h-hero-art{width:min(380px,82vw);aspect-ratio:1;margin:-28px auto 0}
@media(min-width:980px){.h-hero{text-align:left;padding:84px 0 88px}.h-hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}.h-hero-text{order:1}.h-hero-art{order:2;width:min(500px,100%);margin:0}.h-hero .h-lede{margin-left:0}.h-hero .h-cta{justify-content:flex-start}}
.hx{width:100%;height:100%;display:block;overflow:visible}
.hx-gl{stroke:color-mix(in srgb,var(--acc) 22%,transparent);stroke-width:1}
.hx-dots circle{fill:var(--acc2);opacity:.5}
.hx-glow{transform-origin:260px 260px;animation:hxPulse 6s ease-in-out infinite}
.hx-orb{transform-origin:260px 260px}.hx-o1{animation:hxSpin 36s linear infinite}.hx-o2{animation:hxSpin 54s linear infinite reverse}
.hx-t{stroke-dasharray:46 260;stroke-dashoffset:46;animation:hxTrail 3.6s cubic-bezier(.4,0,.2,1) infinite}.hx-t2{animation-delay:1.2s}.hx-t3{animation-delay:2.4s}
.hx-tile{transform-origin:260px 260px;animation:hxFloat 7s ease-in-out infinite}
.hx-pk{offset-path:path("M372 228 C 420 200, 450 150, 500 120");offset-rotate:0deg;animation:hxPk 3.6s cubic-bezier(.4,0,.2,1) infinite;opacity:0}
.hx-dots circle:nth-child(odd){animation:hxTw 4s ease-in-out infinite}.hx-dots circle:nth-child(3n){animation:hxTw 5.5s ease-in-out 1s infinite}
@keyframes hxSpin{to{transform:rotate(360deg)}}
@keyframes hxPulse{0%,100%{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
@keyframes hxTrail{0%{stroke-dashoffset:46;opacity:0}12%{opacity:1}70%{opacity:1}100%{stroke-dashoffset:-230;opacity:0}}
@keyframes hxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes hxPk{0%{offset-distance:0%;opacity:0}15%{opacity:1}80%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes hxTw{0%,100%{opacity:.2}50%{opacity:.8}}
@media (prefers-color-scheme:dark){.hx-gl{stroke:rgba(255,255,255,.06)}.hx-dots circle{fill:#9fb4ff}}
@media (prefers-reduced-motion:reduce){.hx *{animation:none!important}.hx-pk{display:none}.hx-t{stroke-dashoffset:0;stroke-dasharray:none;opacity:.6}}
@media(min-width:980px){.h-hero h1{font-size:clamp(40px,4.4vw,58px)}}
@media(max-width:640px){.h-hero{padding:48px 0 60px}.h-hero-art{width:min(300px,78vw);margin-top:-10px}}
/* public header v2 */
.doc-top{display:block;padding:0}
.dt-in{width:min(1180px,100%);margin:0 auto;height:80px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand.big img{width:46px;height:46px}.brand.big span{font-size:25px;letter-spacing:-.03em}
.doc-top nav{display:flex;align-items:center;gap:26px;font-size:14.5px}.doc-top nav>a{color:var(--text2);font-weight:520}.doc-top nav>a:hover{color:var(--text);text-decoration:none}
.dt-btns{display:flex;gap:10px;margin-left:8px}.dt-btns .btn{height:40px;padding:0 18px;font-size:14px}
.dt-tg,.dt-burger{display:none}
@media(max-width:860px){
 .dt-in{height:64px;padding:0 18px}.brand.big img{width:36px;height:36px}.brand.big span{font-size:20px}
 .dt-burger{display:grid;gap:5px;padding:10px;cursor:pointer;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.dt-burger i{display:block;width:20px;height:2px;border-radius:2px;background:var(--text)}
 .doc-top nav{display:none;position:absolute;left:0;right:0;top:64px;flex-direction:column;align-items:stretch;gap:0;padding:8px 18px 18px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--sh3)}
 .doc-top nav>a{display:block!important;padding:13px 4px;border-bottom:1px solid var(--line2);font-size:16px}
 .dt-btns{margin:14px 0 0;flex-direction:column}.dt-btns .btn{height:46px}
 .dt-tg:checked~nav{display:flex}
}
/* hero v3: two columns inside the content width */
.h-hero .h-wrap.h-hero-grid{width:min(1180px,100%)}
@media(min-width:861px){.h-hero{text-align:left;padding:72px 0 84px}.h-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;justify-items:stretch}.h-hero-text{order:1}.h-hero-art{order:2;width:100%;max-width:520px;margin:0 0 0 auto}.h-hero .h-lede{margin-left:0;margin-right:0}.h-hero .h-cta{justify-content:flex-start}.h-hero h1{font-size:clamp(38px,4.6vw,60px)}}
@media(max-width:860px){.h-hero-text{text-align:center}.h-hero .h-cta{justify-content:center}}
.dt-in{height:72px}.brand.big img{width:40px;height:40px}.brand.big span{font-size:22px}@media(max-width:860px){.dt-in{height:64px}.brand.big img{width:34px;height:34px}.brand.big span{font-size:19px}}
:root{--cw:1200px;--cp:32px}.dt-in,.h-wrap,.h-hero .h-wrap.h-hero-grid,.sf-cols,.sf-legal{width:min(var(--cw),100%);margin-left:auto;margin-right:auto;padding-left:var(--cp);padding-right:var(--cp)}.sf-legal{padding-top:20px}@media(max-width:860px){:root{--cp:18px}}
.hero .brand{font-size:27px;gap:13px}.hero .brand img{width:46px;height:46px}@media(max-width:860px){.hero .brand{font-size:22px;gap:10px}.hero .brand img{width:38px;height:38px}}
.cpv{display:inline-flex;align-items:center;gap:8px;max-width:100%}.cpv code{overflow-wrap:anywhere}.cpv .btn{height:26px;padding:0 10px;font-size:12px}
.kv{display:grid;grid-template-columns:140px 1fr;gap:10px 16px;align-items:center;margin-top:12px}.kv>span:nth-child(odd){color:var(--text2);font-size:13px}@media(max-width:640px){.kv{grid-template-columns:1fr;gap:4px}}
.setcard{border:1px solid color-mix(in srgb,var(--acc) 45%,var(--line));background:color-mix(in srgb,var(--acc) 6%,var(--panel))}.note{margin-top:14px;font-size:13px;color:var(--text2)}
.empty{border:1px dashed var(--line);border-radius:12px;padding:22px;text-align:center;color:var(--text2);margin-top:12px}.empty b{color:var(--text);display:block;margin-bottom:4px}.empty p{margin:0}
.steps{margin:10px 0 14px;padding-left:20px;line-height:1.9}
.howto{margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.howto>summary{cursor:pointer;padding:12px 16px;font-weight:600;background:var(--panel2,transparent)}.howto[open]>summary{border-bottom:1px solid var(--line)}
.ctabs{display:flex;flex-wrap:wrap;padding:10px 12px 0}.ctabs>input{position:absolute;opacity:0;pointer-events:none}.ctabs>label{padding:7px 12px;border-radius:8px;font-size:13px;cursor:pointer;color:var(--text2)}.ctabs>input:checked+label{background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--text);font-weight:600}
.ctab{display:none;width:100%;position:relative;margin-top:10px}.ctab pre{margin:0;border-radius:0 0 12px 12px;max-height:420px;overflow:auto}.ctab .cbtn{position:absolute;right:10px;top:10px;height:26px;font-size:12px}
.ctabs>input:nth-of-type(1):checked~.ctab:nth-of-type(1),.ctabs>input:nth-of-type(2):checked~.ctab:nth-of-type(2),.ctabs>input:nth-of-type(3):checked~.ctab:nth-of-type(3),.ctabs>input:nth-of-type(4):checked~.ctab:nth-of-type(4),.ctabs>input:nth-of-type(5):checked~.ctab:nth-of-type(5){display:block}
.group ol.steps{display:block;columns:auto}.group ol.steps li{display:list-item}
td.ra{white-space:nowrap;text-align:right}td.ra>*{display:inline-block;vertical-align:middle;margin-left:6px}
.rowdel{position:relative;display:inline-block}.rowdel>summary{list-style:none;cursor:pointer}.rowdel>summary::-webkit-details-marker{display:none}
.rowdel .popc{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:320px;white-space:normal;text-align:left;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--sh3);display:grid;gap:10px}.rowdel .popc p{margin:0;font-size:13px}
.group .rowdel>form.inl{margin-top:10px}
.tbl:has(.rowdel[open]){overflow:visible}
.meter{height:8px;border-radius:99px;background:var(--line2,var(--line));overflow:hidden;margin:8px 0 4px}.meter i{display:block;height:100%;border-radius:99px;background:#10b981}.meter.warn i{background:#f59e0b}.meter.err i{background:#ef4444}
.hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-bottom:18px}.hgrid .group{margin:0}.hc h3{margin:0 0 6px;font-size:13px;color:var(--text2);font-weight:600}.hc .big{font-size:28px;letter-spacing:-.02em}.hc p{margin:4px 0 0;font-size:13px}
.hstat{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-radius:12px;margin-bottom:18px;border:1px solid}.hstat.ok{border-color:color-mix(in srgb,#10b981 40%,transparent);background:color-mix(in srgb,#10b981 8%,transparent)}.hstat.warn{border-color:color-mix(in srgb,#f59e0b 50%,transparent);background:color-mix(in srgb,#f59e0b 10%,transparent)}
.svc{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:10px}.svc>div{display:flex;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.svc i{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px color-mix(in srgb,#10b981 18%,transparent);flex:none}.svc .err i{background:#ef4444;box-shadow:0 0 0 4px color-mix(in srgb,#ef4444 18%,transparent)}.svc .warn i{background:#f59e0b}.svc span{display:grid}.svc small{font-size:12px}
.gh{display:flex;justify-content:space-between;align-items:center;gap:10px}.gh h2{margin:0}
.links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin-top:10px}.links a{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;color:var(--text)}.links a:hover{text-decoration:none;border-color:var(--acc)}.links span{font-size:13px}
.filters{display:flex;gap:8px;flex-wrap:wrap}.filters select{width:auto}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.tx-err{color:#ef4444}.tx-warn{color:#f59e0b}
.links>div{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.links>div span{font-size:13px}
.announce{padding:12px 16px;border-radius:12px;margin:0 0 18px;border:1px solid color-mix(in srgb,var(--acc) 40%,transparent);background:color-mix(in srgb,var(--acc) 9%,var(--panel));font-size:14px}.announce b{margin-right:6px}.announce.warn{border-color:color-mix(in srgb,#f59e0b 55%,transparent);background:color-mix(in srgb,#f59e0b 11%,var(--panel))}.announce.ok{border-color:color-mix(in srgb,#10b981 45%,transparent);background:color-mix(in srgb,#10b981 9%,var(--panel))}
.logv{font:12px/1.55 ui-monospace,Menlo,monospace;background:#0b0d12;color:#c9d1d9;border-radius:10px;padding:12px 14px;max-height:640px;overflow:auto;white-space:pre-wrap;word-break:break-all}.logv .err{color:#ff7b72}.logv .warn{color:#e3b341}.logv mark{background:#5b5bf7;color:#fff;border-radius:3px}
tr.cur td{background:color-mix(in srgb,var(--acc) 8%,transparent)}
.sidebar nav{overflow-y:auto;min-height:0;flex:1 1 auto;scrollbar-width:thin}.sidebar .side-foot{flex:none}
.lc{width:100%;height:auto;display:block}.lc .gl{stroke:var(--line);stroke-width:1}.lc .ax{fill:var(--text2);font-size:11px}
.legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px;font-size:13px;color:var(--text2)}.legend span{display:inline-flex;align-items:center;gap:6px}
.kp6{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.tl{list-style:none;margin:6px 0 0;padding:0 0 0 18px;border-left:2px solid var(--line)}.tl li{position:relative;padding:0 0 16px 10px}.tl li::before{content:"";position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 4px var(--panel)}.tl li.err::before{background:#ef4444}.tl li.ok::before{background:#10b981}.tl li.warn::before{background:#f59e0b}.tl b{display:block}.tl small{color:var(--text2)}
.seg{display:inline-flex;gap:2px;padding:3px;margin:0 0 20px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);flex-wrap:wrap}.seg a{height:30px;display:inline-flex;align-items:center;padding:0 14px;border-radius:7px;color:var(--muted);font-weight:540;font-size:13px}.seg a:hover{color:var(--text);text-decoration:none}.seg a.on{background:var(--panel);color:var(--text);box-shadow:var(--sh1),0 0 0 1px var(--line)}
.hdrs{max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-all;font:12px/1.5 var(--mono);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:12px}
.ckgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px}.ckgrid label{display:flex;gap:8px;align-items:center;font-weight:500}
.tpl-ed{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media(max-width:900px){.tpl-ed{grid-template-columns:1fr}}.tpl-prev{width:100%;min-height:380px;border:1px solid var(--line);border-radius:8px;background:#fff}
.legend .dot{display:inline-block;width:8px;height:8px;border-radius:50%}
/* ===== mobile pass ===== */
.navt,.hamb,.navbd{display:none}
html,body{max-width:100%;overflow-x:hidden}
.tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
pre,code{max-width:100%}pre{overflow-x:auto}.cpv{max-width:100%;display:inline-flex;min-width:0}.cpv code{overflow-x:auto;white-space:nowrap;min-width:0}
img,svg,iframe,video{max-width:100%}
@media (max-width:980px){
 .sidebar{display:flex!important;position:fixed;z-index:60;left:0;top:0;bottom:0;width:min(290px,84vw);height:100dvh;transform:translateX(-102%);transition:transform .22s ease;box-shadow:var(--sh3)}
 .navt:checked~.sidebar{transform:none}
 .navbd{display:block;position:fixed;inset:0;z-index:55;background:rgba(8,10,16,.5);opacity:0;pointer-events:none;transition:opacity .2s}
 .navt:checked~.navbd{opacity:1;pointer-events:auto}
 .hamb{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:-10px;border-radius:10px;color:var(--text);cursor:pointer}
 .topbar{padding:0 14px;gap:8px}.crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .topright .avatar{display:none}
}
@media (max-width:640px){
 input,select,textarea{font-size:16px;min-height:44px}textarea{min-height:88px}input[type=checkbox],input[type=radio]{min-height:0}
 .btn{min-height:44px}.btn.small{min-height:38px}
 .content{padding:18px 14px!important}
 .group{padding:16px 14px}
 .inl{flex-direction:column;align-items:stretch}.inl label,.inl input,.inl select,.inl .btn,.inl form{max-width:none;width:100%;min-width:0}
 form>.btn,.group form>button.btn,.filters .btn,.filters input,.filters select{width:100%}
 .filters{flex-direction:column;align-items:stretch}.filters input{min-width:0!important}
 .kp{grid-template-columns:repeat(2,1fr)}
 .seg{display:flex;overflow-x:auto;flex-wrap:nowrap;max-width:100%}.seg a{flex:0 0 auto}
 .tbl table{min-width:560px}
 .tpl-ed{grid-template-columns:1fr}
 dialog,.modal,.rowdel[open]>div,.pop{max-width:calc(100vw - 24px)!important;left:auto!important;right:0}
 h1{font-size:26px}
}
@media (max-width:640px){input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}button,.btn{min-height:40px}.btn:not(.small),button[type=submit]:not(.small){min-height:44px}}
@media (max-width:980px){body.app{grid-template:"top" 56px "main" 1fr/minmax(0,1fr)!important}.content,.topbar{min-width:0;max-width:100vw}}
@media (max-width:640px){body:not(.app) table{display:block;overflow-x:auto;max-width:100%}}
.ctabs>input{width:1px!important;height:1px!important;min-height:0!important}fieldset{min-width:0}
@media (max-width:640px){.authside{padding:28px 16px;min-width:0;max-width:100vw}.auth-card{min-width:0}body.auth{grid-template-columns:minmax(0,1fr)!important}.doc-foot{max-width:100vw;overflow:hidden}table.t:not(.tbl table){display:block;overflow-x:auto;max-width:100%}}

/* users.php: mailbox address option cards (mxsin Mail / Your Own Domain) */
.optcards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 4px}
.optcard{display:flex;gap:12px;align-items:flex-start;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);cursor:pointer}
.optcard input{margin:3px 0 0;flex:none;width:auto;height:auto}.optcard b{display:block;color:var(--text)}.optcard small{display:block;margin-top:3px;color:var(--muted);font-weight:400}
.optcard:has(input:checked){border-color:var(--acc);box-shadow:0 0 0 3px var(--ring)}
.mbfields .opt-own{display:none}.mbfields:has(input[value=own]:checked) .opt-own{display:block}.mbfields:has(input[value=own]:checked) div.opt-own{display:grid}.mbfields:has(input[value=own]:checked) .opt-mx{display:none}
@media(max-width:640px){.optcards{grid-template-columns:1fr}.mbfields:has(input[value=own]:checked) div.opt-own{grid-template-columns:1fr}}
.refs{white-space:normal;text-align:left;font-size:13px;margin:8px 0;max-width:420px}.refs p{margin:0 0 4px}.refs ul{margin:0;padding-left:18px}.refs li{overflow-wrap:anywhere}.refs li.warn{color:var(--warn,#b45309)}
@media (max-width:640px){.inl.chips{flex-direction:row;align-items:center}.inl.chips .btn{width:auto;flex:0 0 auto;max-width:none}.kp>div:last-child:nth-child(odd){grid-column:1/-1}}
@media (max-width:480px){.t .sm-hide{display:none}}
@media (max-width:640px){.t.stack,.t.stack tbody,.t.stack tr,.t.stack td{display:block;width:auto}.t.stack tr:first-child{display:none}.t.stack tr{padding:10px 0;border-bottom:1px solid var(--line)}.t.stack td{border:0!important;padding:3px 0!important;white-space:normal;overflow-wrap:anywhere}.t.stack td[data-l]:before{content:attr(data-l);display:block;font-size:12px;color:var(--text2);font-weight:600;margin:6px 0 4px}.t.stack input{max-width:none!important}}
@media (max-width:640px){.tbl:has(>.t.stack){margin-left:0!important;margin-right:0!important;padding:0!important;overflow:visible}.t.stack td form,.t.stack td .btn{display:inline-flex!important;width:auto!important;max-width:100%}.t.stack td form{flex-direction:row!important;gap:6px;margin:2px 6px 2px 0}.t.stack td select{width:100%;max-width:100%}}
@media (max-width:640px){.t.stack,.tbl .t.stack{min-width:0!important;width:100%!important;table-layout:auto}.t.stack td{width:100%!important;min-width:0!important}}
@media (max-width:640px){.t.stack td,.t.stack td div,.t.stack td span{white-space:normal!important;overflow-wrap:anywhere}}
@media (max-width:640px){.tbl:has(.rowdel[open]){overflow-x:auto}.rowdel[open] .refs{min-width:220px}}
@media (max-width:640px){.t.stack .meter{width:100%!important}.t.stack td form.inl{display:flex!important;flex-direction:row!important;flex-wrap:wrap}.t.stack td form.inl input{flex:1;width:auto!important;min-width:0}.t.stack .rowdel{display:block!important}}
.rowdel>.refs{position:static!important;left:auto!important;right:auto!important;max-width:420px!important}
.rowdel>.refs{max-width:300px!important}
.paypage{min-height:100vh;display:grid;place-items:start center;padding:48px 16px;background:var(--bg2,#f6f7fb)}.paycard{width:min(460px,100%);background:var(--panel,#fff);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--sh3)}.paycard h1{font-size:22px;margin:0 0 14px}.paysum{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px;padding:14px;border:1px solid var(--line);border-radius:12px}.paysum span{display:block;font-size:12px}.paysum b{font-size:17px}.paybtns{display:flex;gap:10px;flex-wrap:wrap}.paybtns .btn{flex:1 1 160px;justify-content:center}
.connect .cset{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 16px}.connect .cset>div{display:grid;gap:4px}.connect .cset small{color:var(--text2)}
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cbox{border:1px solid var(--line);border-radius:12px;padding:14px}.cbox h3{margin:0 0 8px;font-size:14px}.cbox dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0;align-items:center}.cbox dt{color:var(--text2);font-size:13px}.cbox dd{margin:0;min-width:0}
.cpv{display:inline-flex;gap:6px;align-items:center;max-width:100%;flex-wrap:wrap}.cpv code{overflow-wrap:anywhere}
.dlrow{display:flex;gap:10px;flex-wrap:wrap}.csteps{margin:8px 0;border:1px solid var(--line);border-radius:12px;padding:10px 14px}.csteps summary{cursor:pointer}.csteps ol{margin:10px 0 4px}
@media (max-width:640px){.connect .cset,.cgrid{grid-template-columns:1fr}.dlrow .btn{width:100%;justify-content:center}.cbox dl{grid-template-columns:1fr}.cbox dt{margin-top:4px}}
/* ===== profile menu ===== */
.pmenu{position:relative}
.pm-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid transparent;border-radius:10px;padding:4px 6px 4px 4px;cursor:pointer;font:inherit;color:var(--text2);min-height:36px}
.pm-btn:hover,.pm-btn[aria-expanded=true]{background:color-mix(in srgb,var(--text) 5%,transparent);border-color:var(--line)}
.pm-btn:focus-visible,.pm-item:focus-visible{outline:2px solid var(--acc2);outline-offset:2px}
.pm-btn .chev{flex:none;transition:transform .15s;opacity:.7}.pm-btn[aria-expanded=true] .chev{transform:rotate(180deg)}
.pm-who{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pm-list{position:absolute;right:0;top:calc(100% + 8px);width:270px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh3);padding:6px;z-index:70}
.pm-list[hidden],.pm-bd[hidden]{display:none}
.pm-head{display:flex;gap:10px;align-items:center;padding:8px 10px 12px;margin-bottom:4px;border-bottom:1px solid var(--line)}.pm-head>div{min-width:0;display:grid}
.pm-head b{font-size:14px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pm-head small{font-size:12px;color:var(--text2);overflow-wrap:anywhere}.pm-head .avatar i{width:34px;height:34px;font-size:14px}
.pm-item{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--text);font:inherit;font-size:13.5px;font-weight:520;text-align:left;cursor:pointer;text-decoration:none}
.pm-item svg{width:16px;height:16px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.pm-item:hover,.pm-item:focus{background:color-mix(in srgb,var(--text) 6%,transparent);text-decoration:none;outline:none}.pm-item.active{font-weight:650}
.pm-list form{margin:4px 0 0;padding-top:4px;border-top:1px solid var(--line)}.pm-out{color:#c0392b}
.pm-bd{position:fixed;inset:0;z-index:69;background:rgba(8,10,16,.5)}
.side-out{display:none}
@media (min-width:981px){.pm-bd{display:none!important}}
@media (max-width:980px){
 .topright .pm-btn .avatar{display:inline-flex}.pm-who,.pm-btn .chev{display:none}.pm-btn{padding:4px;min-width:44px;min-height:44px;justify-content:center}.pm-btn .avatar i{width:32px;height:32px;font-size:13px}
 .pm-list{position:fixed;left:0;right:0;bottom:0;top:auto;width:auto;max-height:85dvh;overflow-y:auto;border-radius:18px 18px 0 0;border-width:1px 0 0;padding:8px 12px calc(14px + env(safe-area-inset-bottom));animation:pmup .18s ease}
 .pm-list:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--line);margin:2px auto 8px}
 .pm-item{min-height:52px;font-size:16px;padding:0 12px}.pm-item svg{width:20px;height:20px}
 .side-out{display:block;margin:6px 0 0;padding:6px 0 0;border-top:1px solid var(--line)}.navlink-out{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;border:0;border-radius:8px;background:none;color:var(--text2);font:inherit;font-size:14px;font-weight:520;cursor:pointer}
 .navlink-out svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
 body.pm-open{overflow:hidden}
}
@keyframes pmup{from{transform:translateY(24px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.pm-list{animation:none}}
/* security page lists */
.g-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}.g-head h2{margin:0}
.slist{border:1px solid var(--line);border-radius:10px;margin:8px 0 14px}
.srow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line2)}.srow:last-child{border-bottom:0}.srow form{margin:0;flex:none}
.sdev{display:flex;gap:12px;align-items:flex-start;min-width:0}.sdev>svg{width:18px;height:18px;flex:none;margin-top:2px;stroke:var(--text2);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sdev>div{min-width:0}.sdev small{display:block;color:var(--text2);font-size:12.5px;margin-top:2px;overflow-wrap:anywhere}
.sess-all{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 6px}
@media (max-width:640px){.srow{flex-wrap:wrap}.srow form,.srow form .btn{width:100%}.srow form .btn{min-height:44px;justify-content:center}.sess-all .btn{width:100%;min-height:44px;justify-content:center}}
/* welcome email (Users) */
.wl-box{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:14px 0}.wl-box .check{margin:0 0 10px}.wl-box .check .muted{display:block;font-size:12.5px}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mailpv{border:1px solid var(--line);border-radius:12px;overflow:hidden;max-width:100%;overflow-x:auto;background:#f4f4fb}.mailpv>table{min-width:0!important}
.ph-list{display:grid;gap:6px;margin:6px 0 14px;font-size:13px}.ph-list code{font-size:12.5px}
textarea.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}
@media (max-width:640px){.btnrow .btn{flex:1 1 100%;min-height:44px;justify-content:center}.mailpv>table{padding:12px 4px!important}}

/* ===== sticky sidebar fix: overflow-x:hidden on html+body made body a scroll container, so position:sticky on .sidebar/.topbar never engaged ===== */
html{overflow-x:hidden}body{overflow-x:visible}
@supports (overflow:clip){html,body{overflow-x:clip}}
.sidebar{align-self:start;overflow-y:auto;overscroll-behavior:contain}
@media (max-width:980px){.sidebar{overflow-y:auto;-webkit-overflow-scrolling:touch}.topbar{position:sticky;top:0;z-index:50}}
/* account type switch (Users) */
.ts-dir{font-size:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ts-list{margin:0;padding-left:18px;display:grid;gap:8px}.tsb{margin:0 0 14px;padding-left:18px;display:grid;gap:6px;color:#b91c1c}
.ts-kp{margin-bottom:14px}.ts-cancel{margin:-6px 0 24px}.tsh small{display:block;margin-top:2px}.tsh details{margin-top:6px}.tsh pre{max-height:320px;overflow:auto;font-size:12px}
@media (max-width:640px){.ts-cancel .btn{width:100%;min-height:44px;justify-content:center}#ts-confirm .btn{min-height:48px}}

/* ===== Alerts v2 (2026-10-21): unified warning / error / success / info boxes ===== */
:root{--al-w-acc:#FACC15;--al-w-bg:#FEFCE8;--al-w-bd:#FDE047;--al-w-tx:#713F12;--al-w-ic:#A16207;
--al-e-acc:#EF4444;--al-e-bg:#FEF2F2;--al-e-bd:#FECACA;--al-e-tx:#991B1B;--al-e-ic:#DC2626;
--al-s-acc:#22C55E;--al-s-bg:#F0FDF4;--al-s-bd:#BBF7D0;--al-s-tx:#166534;--al-s-ic:#16A34A;
--al-i-acc:#3B82F6;--al-i-bg:#EFF6FF;--al-i-bd:#BFDBFE;--al-i-tx:#1E40AF;--al-i-ic:#2563EB;
--al-ic-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z' fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v4' stroke='%23000' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17' r='1.3'/%3E%3C/svg%3E");
--al-ic-e:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E");
--al-ic-s:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m8 12.5 2.7 2.7L16.5 9'/%3E%3C/svg%3E");
--al-ic-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 11v6'/%3E%3Ccircle cx='12' cy='7.5' r='.6' fill='%23000'/%3E%3C/svg%3E")}
@media (prefers-color-scheme:dark){:root{--al-w-bg:color-mix(in srgb,#FACC15 11%,var(--panel));--al-w-bd:color-mix(in srgb,#FACC15 38%,transparent);--al-w-tx:#FEF08A;--al-w-ic:#FACC15;
--al-e-bg:color-mix(in srgb,#EF4444 12%,var(--panel));--al-e-bd:color-mix(in srgb,#EF4444 38%,transparent);--al-e-tx:#FECACA;--al-e-ic:#F87171;
--al-s-bg:color-mix(in srgb,#22C55E 11%,var(--panel));--al-s-bd:color-mix(in srgb,#22C55E 35%,transparent);--al-s-tx:#BBF7D0;--al-s-ic:#4ADE80;
--al-i-bg:color-mix(in srgb,#3B82F6 12%,var(--panel));--al-i-bd:color-mix(in srgb,#3B82F6 38%,transparent);--al-i-tx:#BFDBFE;--al-i-ic:#60A5FA}}
/* default .alert = error; modifiers pick the tone */
.alert,.announce{--a-acc:var(--al-e-acc);--a-bg:var(--al-e-bg);--a-bd:var(--al-e-bd);--a-tx:var(--al-e-tx);--a-ic:var(--al-e-ic);--a-icon:var(--al-ic-e)}
.alert.warn,.alert.sandbox,.alert.wu-warn,.announce.warn{--a-acc:var(--al-w-acc);--a-bg:var(--al-w-bg);--a-bd:var(--al-w-bd);--a-tx:var(--al-w-tx);--a-ic:var(--al-w-ic);--a-icon:var(--al-ic-w)}
.alert.ok,.alert.wu-okb,.announce.ok,.announce.success{--a-acc:var(--al-s-acc);--a-bg:var(--al-s-bg);--a-bd:var(--al-s-bd);--a-tx:var(--al-s-tx);--a-ic:var(--al-s-ic);--a-icon:var(--al-ic-s)}
.alert.info,.alert.wu-info,.alert.imp,.announce,.announce.info{--a-acc:var(--al-i-acc);--a-bg:var(--al-i-bg);--a-bd:var(--al-i-bd);--a-tx:var(--al-i-tx);--a-ic:var(--al-i-ic);--a-icon:var(--al-ic-i)}
.announce.err,.announce.error,.announce.danger,.alert.err{--a-acc:var(--al-e-acc);--a-bg:var(--al-e-bg);--a-bd:var(--al-e-bd);--a-tx:var(--al-e-tx);--a-ic:var(--al-e-ic);--a-icon:var(--al-ic-e)}
.alert,.announce{display:block;position:relative;box-sizing:border-box;max-width:100%;margin:0 0 18px;padding:12px 16px 12px 46px;border-radius:10px;
 border:1px solid var(--a-bd);border-left:4px solid var(--a-acc);background:var(--a-bg);color:var(--a-tx);font-size:13.5px;line-height:1.55;
 overflow-wrap:anywhere;word-break:normal;box-shadow:var(--sh1)}
.alert::before,.announce::before{content:"";position:absolute;left:15px;top:13px;width:20px;height:20px;background:var(--a-ic);
 -webkit-mask:var(--a-icon) center/contain no-repeat;mask:var(--a-icon) center/contain no-repeat}
.alert b,.alert strong,.announce b{color:inherit;font-weight:700}
.alert>b:first-child,.announce>b:first-child{margin-right:4px}
.alert a,.announce a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.alert code{background:color-mix(in srgb,var(--a-acc) 10%,transparent);border-color:color-mix(in srgb,var(--a-acc) 25%,transparent);color:inherit}
.alert pre{margin:8px 0 0;max-width:100%;overflow-x:auto}
.alert.imp{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.alert.imp .btn{flex:none}
/* status strips and inline warnings */
.hstat.warn{border-color:color-mix(in srgb,#FACC15 60%,transparent);border-left:4px solid #FACC15;background:var(--al-w-bg);color:var(--al-w-tx)}
.hstat.ok{border-left:4px solid var(--al-s-acc)}
.health.warn .hb{border-color:#FACC15}
.health .hw li.warn{background:var(--al-w-bg);color:var(--al-w-tx);border-left:3px solid #FACC15}
.health .hw li.err{background:var(--al-e-bg);color:var(--al-e-tx);border-left:3px solid var(--al-e-acc)}
.refs li.warn{color:var(--al-w-tx)}
/* reputation cards (Get started / Overview / Statistics) */
.rep-card.is-listed{border:1px solid var(--al-e-bd)!important;border-left:4px solid var(--al-e-acc)!important;background:color-mix(in srgb,var(--al-e-bg) 55%,var(--panel))}
.rep-card.is-clean{border:1px solid var(--al-s-bd)!important;border-left:4px solid var(--al-s-acc)!important}
@media(max-width:640px){.alert,.announce{padding:11px 12px 11px 40px;font-size:13px}.alert::before,.announce::before{left:12px;top:12px;width:18px;height:18px}.alert.imp .btn{width:100%}}
.alert.wu-warn,.alert.wu-okb,.alert.wu-info,.alert.sandbox,.alert.imp{background:var(--a-bg);border-color:var(--a-bd);border-left-color:var(--a-acc);color:var(--a-tx)}
/* ===== end Alerts v2 ===== */

/* top-of-page warning stack (layout.php #topwarn) */
.topwarn:empty{display:none}.topwarn{margin:0 0 18px}.topwarn>*{margin:0 0 10px!important}.topwarn>*:last-child{margin-bottom:0!important}

/* My mailbox portal: use full width (was capped at 940px with doc-page styling) */
.mbx-body{width:100%;max-width:none;line-height:1.5;padding-left:clamp(14px,3vw,40px);padding-right:clamp(14px,3vw,40px);box-sizing:border-box}

/* === My mailbox: Mailboxes & addresses (mbmui) === */
.mbm{display:flex;flex-direction:column;gap:20px}
.mbm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.mbm-head h2{font-size:18px;font-weight:650;margin:0 0 4px;letter-spacing:-.01em}.mbm-head p{margin:0}
.mbm-cap{display:flex;align-items:baseline;gap:4px;padding:8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--sh1)}.mbm-cap b{font-size:20px;font-weight:680}.mbm-cap span{color:var(--muted);font-size:13px}
.mbm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px}
.mbm-card{display:flex;flex-direction:column;gap:14px;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--sh2);min-width:0;transition:border-color .15s}.mbm-card:hover{border-color:color-mix(in srgb,var(--acc) 35%,var(--line))}.mbm-card.is-off{opacity:.75}
.mbm-top{display:flex;align-items:center;gap:12px;min-width:0}
.mbm-av{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;font-weight:650;font-size:16px}
.mbm-id{min-width:0;display:flex;flex-direction:column;gap:5px}.mbm-id b{font-size:14.5px;overflow-wrap:anywhere}.mbm-pills{display:flex;gap:6px;flex-wrap:wrap}
.mbm-bar{height:7px;border-radius:99px;background:var(--line2);overflow:hidden}.mbm-bar i{display:block;height:100%;min-width:3px;border-radius:inherit;background:linear-gradient(90deg,var(--acc),var(--cyan))}.mbm-bar.hi i{background:linear-gradient(90deg,var(--warn),var(--err))}
.mbm-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:8px;font-size:12.5px;color:var(--muted)}.mbm-dav{min-width:0;overflow-wrap:anywhere}.mbm-dav .mono{font-size:11.5px}
.mbm-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;padding-top:14px;border-top:1px solid var(--line2)}.mbm-acts form{margin:0;display:inline}.mbm-sp{flex:1 1 0}
.mbm-pan>summary{list-style:none;cursor:pointer}.mbm-pan>summary::-webkit-details-marker{display:none}
.mbm-pan>summary::after{content:"";width:7px;height:7px;margin-left:2px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s;opacity:.6}.mbm-pan[open]>summary::after{transform:rotate(225deg) translateY(-1px)}
.mbm-pan[open]{flex-basis:100%;order:10}.mbm-pan[open]>summary{background:var(--line2)}
.mbm-pan>form{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:11px;background:var(--bg2);display:flex!important}.mbm-pan>form.mbm-danger,.mbm-dz+form{border-color:color-mix(in srgb,var(--err) 30%,var(--line));background:color-mix(in srgb,var(--err) 4%,var(--panel))}
.mbm-dz{color:var(--muted)}.mbm-dz.danger{color:var(--err)}
.mbm-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px;align-items:start}.mbm-cols .group{margin:0}
.mbm .group>h2{font-size:16px}
.mbm-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.mbm-ig{display:flex;margin-top:6px;border:1px solid var(--line);border-radius:9px;background:var(--panel);overflow:hidden}.mbm-ig:focus-within{border-color:var(--acc);box-shadow:0 0 0 3px var(--ring)}
.mbm-ig input,.mbm-ig select{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent;min-width:0}.mbm-ig input{flex:1 1 50%}.mbm-ig select{flex:0 1 auto;max-width:55%;border-left:1px solid var(--line)!important;background:var(--bg2);color:var(--text2)}
.mbm-btns{display:flex;flex-wrap:wrap;gap:8px}.mbm-foot{padding-top:6px}.mbm-foot .btn{min-width:150px}
.mbm-alist{list-style:none;margin:6px 0 16px;padding:0;border:1px solid var(--line);border-radius:11px;overflow:hidden}.mbm-alist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line2)}.mbm-alist li:last-child{border-bottom:0}.mbm-alist li>div{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.mbm-alist li .muted{font-size:12.5px}.mbm-alist form{margin:0}
.mbm-empty{padding:14px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);text-align:center;font-size:13px}
@media (max-width:860px){.mbm-cols{grid-template-columns:1fr}}
@media (max-width:600px){.mbm-card{padding:16px}.mbm-head{align-items:flex-start}.mbm .btn{min-height:42px}.mbm-acts>form,.mbm-acts>a,.mbm-acts>details:not([open]){flex:1 1 calc(50% - 8px)}.mbm-acts .btn,.mbm-acts summary{width:100%}.mbm-sp{display:none}.mbm-foot .btn{width:100%}.mbm-ig select{max-width:60%}.mbm-btns .btn{flex:1 1 auto}}

/* === Top bars (mbmui nav refresh) === */
:root{--tb-grad:radial-gradient(120% 180% at 0% 0%,rgba(124,92,255,.55) 0%,transparent 45%),radial-gradient(90% 160% at 100% 100%,rgba(34,211,238,.28) 0%,transparent 50%),linear-gradient(100deg,#0b0d1f 0%,#17153d 40%,#231a5c 70%,#0f2c48 100%);
--tb-noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--tb-glass:rgba(255,255,255,.08);--tb-glass2:rgba(255,255,255,.15);--tb-bd:rgba(255,255,255,.16);--tb-tx:#eef0ff;--tb-mut:rgba(226,229,255,.66)}
.topbar,.mbx .doc-top{position:sticky;top:0;isolation:isolate;background:var(--tb-grad);color:var(--tb-tx);border-bottom:0;box-shadow:0 1px 0 rgba(255,255,255,.06) inset,0 10px 30px -14px rgba(28,18,96,.7),0 2px 6px -2px rgba(10,10,40,.35);backdrop-filter:none}
.topbar::before,.mbx .doc-top::before{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--tb-noise);opacity:.07;mix-blend-mode:overlay;pointer-events:none}
.topbar::after,.mbx .doc-top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(124,92,255,.9) 25%,rgba(34,211,238,.9) 60%,transparent 100%);pointer-events:none}
.topbar{min-height:64px}
.topbar .crumb{color:#fff;font-weight:620;font-size:14.5px;letter-spacing:-.01em}.topbar .crumb span{color:rgba(255,255,255,.35)}
.topbar .hamb{color:#fff;border-radius:11px;transition:background .15s}.topbar .hamb:hover{background:var(--tb-glass)}
.topbar .tsearch{position:relative}
.topbar .tsearch input{height:38px!important;padding:0 14px 0 38px;border-radius:12px;color:#fff;background:var(--tb-glass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9ccff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat 13px 50%/16px;border:1px solid var(--tb-bd);box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 4px 14px -6px rgba(0,0,0,.4);backdrop-filter:blur(10px) saturate(1.4);transition:background-color .15s,border-color .15s,box-shadow .15s}
.topbar .tsearch input::placeholder{color:var(--tb-mut)}.topbar .tsearch input:hover{background-color:var(--tb-glass2)}
.topbar .tsearch input:focus{outline:0;background-color:rgba(255,255,255,.17);border-color:rgba(190,180,255,.75);box-shadow:0 0 0 4px rgba(124,92,255,.35),0 6px 20px -6px rgba(0,0,0,.5)}
.topbar .pm-btn{color:#fff;background:var(--tb-glass);border:1px solid var(--tb-bd);border-radius:13px;padding:4px 10px 4px 4px;min-height:42px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset;transition:background .15s,border-color .15s,transform .15s}
.topbar .pm-btn:hover,.topbar .pm-btn[aria-expanded=true]{background:var(--tb-glass2);border-color:rgba(255,255,255,.28)}.topbar .pm-btn:active{transform:translateY(1px)}
.topbar .pm-btn .avatar i{background:linear-gradient(135deg,var(--acc2),var(--cyan));color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.25)}
.topbar .pm-who{color:#fff}.topbar .pm-who small,.topbar .pm-btn .muted{color:var(--tb-mut)!important}
.topbar .pm-list{color:var(--text)}
/* sidebar brand + active indicator */
.sidebar .brand{font-size:20px;gap:12px;padding:6px 8px 22px}.sidebar .brand img{width:38px;height:38px;border-radius:10px}
.sidebar nav a.active{position:relative;background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 14%,transparent),transparent);color:var(--text)}
.sidebar nav a.active::before{content:"";position:absolute;left:-2px;top:7px;bottom:7px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--acc2),var(--cyan));box-shadow:0 0 10px var(--acc2)}
/* My mailbox header */
.mbx .doc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:68px;padding:10px clamp(14px,3vw,40px);z-index:20}
.mbx .doc-top .brand{padding:0;gap:12px;font-size:22px;color:#fff}.mbx .doc-top .brand img{width:42px;height:42px;border-radius:11px;box-shadow:0 6px 18px -4px rgba(124,92,255,.7)}.mbx .doc-top .brand em{color:rgba(255,255,255,.55)}
.mbx .doc-top nav{display:flex!important;position:static;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px;padding:0;background:none;border:0;box-shadow:none}
.mbx .doc-top nav .muted{color:var(--tb-mut)!important;font-size:12.5px;margin-right:6px;padding:6px 10px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.mbx .doc-top .btn.ghost{height:38px;color:#fff;background:var(--tb-glass);border:1px solid var(--tb-bd);border-radius:11px;box-shadow:0 1px 0 rgba(255,255,255,.08) inset;transition:background .15s,border-color .15s}.mbx .doc-top .btn.ghost:hover{background:var(--tb-glass2);border-color:rgba(255,255,255,.3)}
.mbx .doc-top .btn:focus-visible{outline:2px solid #b9adff;outline-offset:2px}
.mbx-tabs a{transition:background .15s,color .15s}.mbx-tabs a[aria-current]{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;box-shadow:0 4px 14px -6px var(--acc)}
@media (max-width:860px){.topbar{min-height:60px}.sidebar .brand img{width:36px;height:36px}}
@media (max-width:600px){.mbx .doc-top{min-height:62px}.mbx .doc-top nav .muted{display:none}.mbx .doc-top .brand{font-size:19px;gap:10px}.mbx .doc-top .brand img{width:36px;height:36px}.mbx .doc-top .btn.ghost{height:40px;padding:0 12px}.mbx-tabs{width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.mbx-tabs a{white-space:nowrap;padding:10px 14px}}
/* === Auth pages (/mail sign-in etc.): footer spans full width, hero fills height, compact brand header on phones (mbmui) === */
body.auth{grid-template-rows:minmax(0,1fr) auto;align-items:stretch}
body.auth>.hero{min-height:calc(100vh - 52px)}
body.auth>.authside{display:flex;align-items:center;justify-content:center;padding:48px clamp(20px,5vw,72px)}
body.auth>.authside .auth-card{width:min(420px,100%);padding:34px 32px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--sh3)}
body.auth>.doc-foot{grid-column:1/-1;position:relative;z-index:1;margin:0;padding:18px 20px 22px;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center;font-size:12.5px;line-height:1.6;color:var(--muted);max-width:none;overflow:visible}
@media (max-width:980px){body.auth>.hero{display:flex!important;min-height:0;padding:16px 20px;flex-direction:row;align-items:center;background:var(--tb-grad)}body.auth>.hero>div{display:none}body.auth>.hero .brand{font-size:21px}body.auth>.hero .brand img{width:38px;height:38px}body.auth{grid-template-rows:auto 1fr auto;background:var(--panel)}body.auth>.authside{align-items:flex-start;padding:28px 16px 40px}}
@media (max-width:480px){body.auth>.authside .auth-card{padding:24px 18px;border-radius:14px}}
.tb-brand{display:none}
@media (max-width:980px){.tb-brand{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:680;font-size:18px;letter-spacing:-.03em;flex:none}.tb-brand:hover{text-decoration:none}.tb-brand img{width:34px;height:34px;border-radius:9px;box-shadow:0 6px 16px -4px rgba(124,92,255,.7)}.tb-brand em{font-style:normal;color:rgba(255,255,255,.55);font-weight:500}.topbar .crumb{display:none}}
@media (max-width:600px){.tb-brand span{display:none}.topbar .tsearch{flex:1 1 auto!important;margin:0 4px 0 auto!important}}
/* === /mail sign-in v3: light lavender theme + centred footer (mbmui) === */
body.mlogin>.authside .auth-card{border-color:rgba(91,91,247,.14);box-shadow:0 30px 70px -24px rgba(76,60,190,.35),0 2px 6px rgba(30,27,75,.05)}
body.mlogin>.mlogin-foot{grid-column:1/-1;justify-self:stretch;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;max-width:none;box-sizing:border-box;margin:0;padding:20px 16px 24px;text-align:center;border:0!important;background:transparent!important;box-shadow:none!important;color:#5f5f86;font-size:12.5px;line-height:1.6}
body.mlogin>.mlogin-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}
body.mlogin>.mlogin-foot a{color:#5b5bf7}body.mlogin>.mlogin-foot nav a{color:#5f5f86}body.mlogin>.mlogin-foot nav a:hover{color:#5b5bf7}
/* === My mailbox sidebar (mbside) === */
.mbx-side .mbs-wrap{display:grid;grid-template-columns:288px minmax(0,1fr);align-items:start;min-height:calc(100vh - 68px)}
.mbs{position:sticky;top:68px;display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 68px);overflow-y:auto;padding:18px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--acc) 4%,var(--bg2)),var(--bg2));scrollbar-width:thin;box-sizing:border-box;align-self:stretch}
.mbs-sum{display:grid;grid-template-columns:40px minmax(0,1fr);gap:4px 10px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:var(--sh2)}
.mbs-sum .mbs-av{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,var(--acc),var(--acc2) 55%,var(--cyan));color:#fff;font-weight:650}
.mbs-sum small{display:block;font-size:11px;color:var(--muted)}.mbs-sum b{display:block;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mbs-q{grid-column:1/-1;margin-top:8px}.mbs-q span{display:block;margin-top:6px;font-size:11.5px;color:var(--muted)}
.mbs-nav{display:flex;flex-direction:column;gap:2px}.mbs .navlabel{padding:4px 10px 6px;font-size:10.5px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.mbs-f,.mbs-out{margin:0}.mbs-out{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.mbs-i{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:8px 10px;border:0;border-radius:11px;background:none;color:var(--text2);font:inherit;text-align:left;cursor:pointer;text-decoration:none!important;transition:background .15s,color .15s}
.mbs-i:hover{background:color-mix(in srgb,var(--acc) 7%,transparent);color:var(--text)}
.mbs-i:focus-visible{outline:2px solid var(--acc2);outline-offset:1px}
.mbs-ic{flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--acc) 16%,var(--panel)),color-mix(in srgb,var(--cyan) 14%,var(--panel)));color:var(--acc);border:1px solid color-mix(in srgb,var(--acc) 18%,transparent)}.mbs-ic svg{width:18px;height:18px}
.mbs-t{display:flex;flex-direction:column;min-width:0}.mbs-t b{font-size:13.5px;font-weight:600;color:inherit}.mbs-t small{font-size:11.5px;color:var(--muted);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mbs-i.active{background:linear-gradient(90deg,color-mix(in srgb,var(--acc) 14%,transparent),transparent);color:var(--text)}
.mbs-i.active::before{content:"";position:absolute;left:-4px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--acc2),var(--cyan));box-shadow:0 0 10px var(--acc2)}
.mbs-i.active .mbs-ic{background:linear-gradient(135deg,var(--acc),var(--acc2) 60%,var(--cyan));color:#fff;border-color:transparent;box-shadow:0 6px 14px -6px var(--acc)}
.mbx-side .mbx-body{padding-top:28px}.mbx-side .mbx-body>h1{margin:0 0 20px}
.mbs-hamb,.mbs-bd{display:none}
@media (max-width:900px){
 .mbx-side .mbs-wrap{grid-template-columns:minmax(0,1fr)}
 .mbx-side .mbs-hamb{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin-right:2px;border-radius:11px;color:#fff;cursor:pointer;flex:none}.mbs-hamb:hover{background:var(--tb-glass)}
 .mbx-side .doc-top .brand{margin-right:auto}
 .mbs{position:fixed;left:0;top:0;bottom:0;z-index:40;width:min(310px,86vw);max-height:none;padding-top:20px;transform:translateX(-102%);transition:transform .22s ease;box-shadow:var(--sh3);background:var(--bg2)}
 .navt:checked~.mbs-wrap .mbs{transform:none}
 .navt:checked~.mbs-wrap .mbs-bd{display:block;position:fixed;inset:0;z-index:35;background:rgba(10,10,30,.45);backdrop-filter:blur(2px)}
 .mbx-side .doc-top nav form{display:none!important}
}
.mbx-side .navt{position:absolute;opacity:0;pointer-events:none}
.mbs-ic svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mbm-cap{white-space:nowrap;flex:none}
.pm-user{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0}
body.mlogin>.authside .auth-card{box-shadow:0 30px 70px -24px rgba(16,24,40,.28),0 2px 6px rgba(16,24,40,.05)}
/* === My mailbox account pill menu (acct) === */
.mbp{position:relative}
.mbp-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 10px 0 4px;border-radius:12px;border:1px solid var(--tb-bd);background:var(--tb-glass);color:#fff;font:inherit;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.08) inset;transition:background .15s,border-color .15s}
.mbp-btn:hover,.mbp.open .mbp-btn{background:var(--tb-glass2);border-color:rgba(255,255,255,.3)}.mbp-btn:focus-visible{outline:2px solid #b9adff;outline-offset:2px}
.mbp-av{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,var(--acc2),var(--cyan));font-weight:650;font-size:13px;box-shadow:0 0 0 2px rgba(255,255,255,.22)}
.mbp-em{font-size:12.5px;color:var(--tb-mut);max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mbp-chev{opacity:.75;transition:transform .18s}.mbp.open .mbp-chev{transform:rotate(180deg)}
.mbp-list{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:260px;padding:6px;border-radius:14px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(18px) saturate(1.5);box-shadow:var(--sh3);color:var(--text);opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .16s,transform .16s}
.mbp.open .mbp-list{opacity:1;transform:none}
.mbp-head{padding:10px 12px 10px;border-bottom:1px solid var(--line2);margin-bottom:4px}.mbp-head b{display:block;font-size:13.5px}.mbp-head small{display:block;font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.mbp-list form{margin:0;display:block!important}
.mbp-i{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--text2);font:inherit;font-size:13.5px;font-weight:520;text-align:left;cursor:pointer;text-decoration:none!important}
.mbp-i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--acc)}.mbp-i small{margin-left:auto;font-size:11px;color:var(--faint)}
.mbp-i:hover,.mbp-i:focus-visible{background:color-mix(in srgb,var(--acc) 9%,transparent);color:var(--text);outline:0}
.mbp-sep{height:1px;margin:4px 6px;background:var(--line2)}.mbp-out,.mbp-out svg{color:var(--err)}
@media (max-width:900px){.mbx-side .doc-top nav .mbp form{display:block!important}.mbp-em{display:none}.mbp-btn{height:44px;padding:0 8px 0 6px}.mbp-list{width:min(280px,calc(100vw - 24px));right:-4px}}
/* === My account tab (acct) === */
.acct-lede{margin:-8px 0 0}.acct-cur{display:flex;flex-direction:column;gap:2px;margin:6px 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--bg2)}.acct-cur small{font-size:11.5px;color:var(--muted)}.acct-cur b{overflow-wrap:anywhere;font-size:13.5px}
.acct-cancel{margin-top:8px}.acct-links{margin-bottom:0}.acct-links li>div b{font-size:13.5px}
.acct .code{font-family:var(--mono);letter-spacing:.3em;font-size:18px;max-width:200px}
@media (max-width:980px){body.mlogin>.mlogin-foot nav a{padding:6px 2px}}
/* === /mail themes based on svrdeck.com (html[data-mtheme]); default = mxsin midnight === */
.mbp-theme{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px 8px;font-size:12px;color:var(--muted)}.mbp-theme>div{display:flex;gap:6px}
.mbp-theme .sw{width:24px;height:24px;border-radius:50%;border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line);cursor:pointer;padding:0}.mbp-theme .sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--acc)}.mbp-theme .sw:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.sw-def{background:linear-gradient(135deg,#17153d,#5b5bf7 60%,#22d3ee)}.sw-or{background:linear-gradient(135deg,#121214 45%,#EA580C 46%,#F97316)}.sw-li{background:linear-gradient(135deg,#fff 50%,#3b82f6 51%)}.sw-gl{background:linear-gradient(135deg,#e9f1fb 45%,#1f7ae0 46%,#20b8e8)}
/* Burnt orange (svrdeck "SVRMGR Orange") */
html[data-mtheme=orange]{--bg:#121214;--bg2:#1a1a1d;--panel:#1f1f23;--text:#ededee;--text2:#d4d4d8;--muted:#a1a1aa;--faint:#71717a;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.05);--acc:#EA580C;--acc2:#F97316;--cyan:#F59E0B;--ring:rgba(234,88,12,.3);
 --sh1:0 1px 0 rgba(255,255,255,.03) inset;--sh2:0 1px 0 rgba(255,255,255,.04) inset,0 8px 24px -10px rgba(0,0,0,.6);--sh3:0 30px 80px -20px rgba(0,0,0,.8);color-scheme:dark;
 --tb-grad:radial-gradient(120% 200% at 0% 0%,rgba(234,88,12,.35),transparent 50%),radial-gradient(80% 160% at 100% 100%,rgba(245,158,11,.14),transparent 55%),linear-gradient(100deg,#141416,#1b1b1e)}
html[data-mtheme=orange] body.mbx{background:radial-gradient(900px 600px at 0 0,rgba(234,88,12,.10),transparent 65%) fixed,linear-gradient(180deg,#121214,#1a1a1d) fixed;color:var(--text)}
html[data-mtheme=orange] .mbs{background:rgba(18,18,20,.85)}html[data-mtheme=orange] .mbs-ic{color:var(--acc2)}
html[data-mtheme=orange] body.mbx .btn:not(.ghost):not(.danger){background:linear-gradient(135deg,#EA580C,#C2410C);border-color:transparent;color:#fff}
html[data-mtheme=orange] body.mbx a:not(.btn):not(.mbs-i):not(.mbp-i):not(.brand){color:var(--acc2)}
html[data-mtheme=orange] body.mbx input,html[data-mtheme=orange] body.mbx select{background:var(--bg2);color:var(--text);border-color:var(--line)}
html[data-mtheme=orange] body.mbx .doc-foot{background:transparent;color:var(--muted)}
/* Light (svrdeck light) */
html[data-mtheme=light]{--bg:#f3f5f9;--bg2:#f7f9fc;--panel:#fff;--text:#1b2433;--text2:#2f3a4c;--muted:#5f6b7d;--faint:#8a95a6;--line:#dde3ec;--line2:#e9edf3;--acc:#3b82f6;--acc2:#2563eb;--cyan:#0ea5e9;--ring:rgba(59,130,246,.22);color-scheme:light;
 --sh1:0 1px 2px rgba(16,24,40,.05);--sh2:0 1px 2px rgba(16,24,40,.04),0 4px 14px -6px rgba(16,24,40,.10);--sh3:0 24px 64px -16px rgba(16,24,40,.22);
 --tb-grad:linear-gradient(180deg,#ffffff,#f7f9fc);--tb-glass:#f3f5f9;--tb-glass2:#e9eef6;--tb-bd:#dde3ec;--tb-tx:#1b2433;--tb-mut:#5f6b7d}
html[data-mtheme=light] body.mbx{background:var(--bg);color:var(--text)}
html[data-mtheme=light] .mbx .doc-top{color:var(--text);box-shadow:0 1px 0 #dde3ec,0 6px 20px -14px rgba(16,24,40,.25)}html[data-mtheme=light] .mbx .doc-top::before{display:none}
html[data-mtheme=light] .mbx .doc-top::after{background:linear-gradient(90deg,transparent,#3b82f6 30%,#0ea5e9 65%,transparent);opacity:.5}
html[data-mtheme=light] .mbx .doc-top .brand,html[data-mtheme=light] .mbp-btn,html[data-mtheme=light] .mbs-hamb{color:var(--text)}html[data-mtheme=light] .mbx .doc-top .brand em{color:var(--muted)}
html[data-mtheme=light] .mbx .doc-top .btn.ghost{color:var(--text)}
html[data-mtheme=light] .mbs{background:#fff}
/* Glass (svrdeck glass) */
html[data-mtheme=glass]{--bg:#e9f1fb;--bg2:rgba(240,246,253,.95);--panel:rgba(255,255,255,.92);--text:#0f2340;--text2:#2f4566;--muted:#46597a;--faint:#7a8aa6;--line:rgba(22,60,120,.14);--line2:rgba(22,60,120,.08);--acc:#1f7ae0;--acc2:#3aa0f0;--cyan:#20b8e8;--ring:rgba(31,122,224,.2);color-scheme:light;
 --sh2:0 2px 6px rgba(15,45,110,.08);--sh3:0 30px 80px rgba(15,50,110,.3);
 --tb-grad:linear-gradient(110deg,#0b4fb3,#1f7ae0 55%,#20b8e8)}
html[data-mtheme=glass] body.mbx{background:linear-gradient(160deg,#dbe9fb,#eef5fd 45%,#e3f4fb) fixed;color:var(--text)}
html[data-mtheme=glass] .mbs{background:rgba(255,255,255,.75);backdrop-filter:blur(14px)}
html[data-mtheme=glass] body.mbx .btn:not(.ghost):not(.danger){background:linear-gradient(135deg,#1f7ae0,#3aa0f0);color:#fff;box-shadow:0 4px 14px rgba(31,122,224,.28)}
html[data-mtheme=light] body.mbx .btn:not(.ghost):not(.danger){background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;color:#fff}
/* === full-height /mail sidebar (column background fills viewport; Sign out pinned) === */
body.mbx{--mbs-bg:linear-gradient(180deg,color-mix(in srgb,var(--acc) 4%,var(--bg2)),var(--bg2))}
html[data-mtheme=orange] body.mbx{--mbs-bg:rgba(18,18,20,.85)}html[data-mtheme=light] body.mbx{--mbs-bg:#fff}html[data-mtheme=glass] body.mbx{--mbs-bg:rgba(255,255,255,.75)}
@media (min-width:901px){
 .mbx-side .mbs-wrap{position:relative;min-height:calc(100vh - 68px)}
 .mbx-side .mbs-wrap::before{content:"";position:absolute;left:0;top:0;bottom:0;width:288px;background:var(--mbs-bg);border-right:1px solid var(--line);pointer-events:none}
 .mbx-side .mbs{position:sticky;top:68px;z-index:1;height:calc(100vh - 68px);max-height:none;overflow:hidden;background:transparent!important;border-right:0;align-self:start}
 .mbx-side .mbs-nav{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}
 .mbx-side .mbs-out{flex:none;margin-top:0}
 .mbx-side .mbs-sum{flex:none}
}
@media (max-width:900px){.mbx-side .mbs{background:var(--mbs-bg)!important;display:flex}.mbx-side .mbs-nav{flex:1 1 auto;overflow-y:auto;min-height:0}.mbx-side .mbs-out{flex:none}html[data-mtheme=orange] .mbx-side .mbs,html[data-mtheme=glass] .mbx-side .mbs{background:var(--panel)!important}}
@media (min-width:901px){
 .mbx-side .mbs-wrap{display:block;padding-left:288px;min-height:calc(100vh - 68px)}
 .mbx-side .mbs-wrap::before{display:none}
 .mbx-side .mbs{position:fixed;left:0;top:68px;bottom:0;width:288px;height:auto;z-index:15;background:var(--mbs-bg)!important;border-right:1px solid var(--line)}
 body.mbx-side>.doc-foot{margin-left:288px}
}
@media (min-width:901px){.mbx-side .mbs{height:calc(100vh - 68px)!important;max-height:none!important;bottom:auto!important}}
body.mbx>.doc-foot{text-align:center!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:20px 16px 24px;color:var(--muted);box-sizing:border-box}
@media (min-width:901px){body.mbx-side>.doc-foot{margin-left:288px;width:auto}}
/* account role pill */
.rpill{display:inline-flex;align-items:center;height:18px;padding:0 7px;margin-left:4px;border-radius:99px;font-size:10.5px;font-weight:650;letter-spacing:.02em;vertical-align:1px;white-space:nowrap;border:1px solid transparent}
.mbm-pills .rpill{height:22px;margin-left:0;font-size:11.5px;padding:0 9px}
.rpill.own{color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--panel));border-color:color-mix(in srgb,var(--acc) 30%,transparent)}
.rpill.box{color:var(--muted);background:color-mix(in srgb,var(--muted) 10%,var(--panel));border-color:var(--line)}
html[data-mtheme=orange] .rpill.own{color:#FB923C}
/* === no underlined links (site-wide): base a:hover and .alert a used to add underline; hover recolours instead === */
a,a:visited,a:hover,a:focus,a:active,button.link,button.link:hover,.alert a,.announce a{text-decoration:none!important}
a:not(.btn):hover{filter:brightness(1.15)}
.alert a:hover,.announce a:hover{opacity:.85}
button.link:hover{color:var(--acc2)}
/* /mail sidebar: fully opaque in every theme, above page content (2026-10-21) */
body.mbx-side .mbs-wrap>.mbs{background:var(--bg2)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:1}
@media (min-width:901px){body.mbx-side .mbs-wrap>.mbs{z-index:30}}
html[data-mtheme=orange] body.mbx-side .mbs-wrap>.mbs{background:#1f1f23!important}
html[data-mtheme=glass] body.mbx-side .mbs-wrap>.mbs{background:#f4f8fd!important}
/* /mail sign-in: no background grid (2026-10-21) */
.hero::after,body.auth .hero::after,body.mlogin .hero::after{display:none!important;background-image:none!important}
/* /mail account drop-down: opaque, readable panels for Midnight (default) and Glass. Burnt orange keeps the base look. */
html:not([data-mtheme]) .mbp-list{background:#161a2b;border:1px solid #363d5c;backdrop-filter:none;-webkit-backdrop-filter:none;color:#eef0fa;box-shadow:0 18px 40px -12px rgba(0,0,0,.65)}
html:not([data-mtheme]) .mbp-head b{color:#f4f5fb}html:not([data-mtheme]) .mbp-head small,html:not([data-mtheme]) .mbp-theme{color:#a9afca}
html:not([data-mtheme]) .mbp-head,html:not([data-mtheme]) .mbp-sep{border-color:#2c3250;background-color:#2c3250}html:not([data-mtheme]) .mbp-head{background:none}
html:not([data-mtheme]) .mbp-i{color:#e3e6f5}html:not([data-mtheme]) .mbp-i svg{color:#a99cff}html:not([data-mtheme]) .mbp-i small{color:#8e94b3}
html:not([data-mtheme]) .mbp-i:hover,html:not([data-mtheme]) .mbp-i:focus-visible{background:#262c48;color:#fff}
html:not([data-mtheme]) .mbp-out,html:not([data-mtheme]) .mbp-out svg{color:#ff8a8a}
html:not([data-mtheme]) .mbp-theme .sw{border-color:#161a2b;box-shadow:0 0 0 1px #4a5275}
html[data-mtheme=glass] .mbp-list{background:#fff;border:1px solid #d3dcea;backdrop-filter:none;-webkit-backdrop-filter:none;color:#1a2233;box-shadow:0 18px 40px -14px rgba(16,24,40,.28)}
html[data-mtheme=glass] .mbp-head b{color:#1a2233}html[data-mtheme=glass] .mbp-head small,html[data-mtheme=glass] .mbp-theme{color:#556075}
html[data-mtheme=glass] .mbp-head{border-color:#e3e9f2}html[data-mtheme=glass] .mbp-sep{background:#e3e9f2}
html[data-mtheme=glass] .mbp-i{color:#1a2233}html[data-mtheme=glass] .mbp-i svg{color:#1f7ae0}html[data-mtheme=glass] .mbp-i small{color:#6b7488}
html[data-mtheme=glass] .mbp-i:hover,html[data-mtheme=glass] .mbp-i:focus-visible{background:#eaf2fc;color:#0f1726}
html[data-mtheme=glass] .mbp-out,html[data-mtheme=glass] .mbp-out svg{color:#c62828}
html[data-mtheme=glass] .mbp-theme .sw{border-color:#fff;box-shadow:0 0 0 1px #c9d3e2}
html:not([data-mtheme]) body.mbx .doc-top .mbp-list .mbp-i:not(.mbp-out){color:#e3e6f5;opacity:1}html:not([data-mtheme]) body.mbx .doc-top .mbp-list .mbp-i:not(.mbp-out):hover{color:#fff}
html[data-mtheme=glass] body.mbx .doc-top .mbp-list .mbp-i:not(.mbp-out){color:#1a2233;opacity:1}
/* /mail top-bar profile pill: solid, readable in Midnight (default) and Glass. Burnt orange unchanged. */
html:not([data-mtheme]) body.mbx .mbp-btn{background:#161a2b;border-color:rgba(255,255,255,.22);color:#fff;box-shadow:0 2px 10px -4px rgba(0,0,0,.5)}
html:not([data-mtheme]) body.mbx .mbp-btn:hover,html:not([data-mtheme]) body.mbx .mbp.open .mbp-btn{background:#20263d;border-color:rgba(255,255,255,.38)}
html:not([data-mtheme]) body.mbx .mbp-btn .mbp-em,html:not([data-mtheme]) body.mbx .mbp-btn .mbp-chev{color:#fff;opacity:1}
html[data-mtheme=glass] body.mbx .mbp-btn{background:#fff;border-color:#cfd8e6;color:#1a2233;box-shadow:0 2px 10px -4px rgba(16,24,40,.25)}
html[data-mtheme=glass] body.mbx .mbp-btn:hover,html[data-mtheme=glass] body.mbx .mbp.open .mbp-btn{background:#f3f7fc;border-color:#b8c4d6}
html[data-mtheme=glass] body.mbx .mbp-btn .mbp-em,html[data-mtheme=glass] body.mbx .mbp-btn .mbp-chev{color:#1a2233;opacity:1}
/* === Panel themes (shared with /mail via html[data-mtheme], key mxsin-mail-theme) === */
html[data-mtheme=orange] body.app{background:radial-gradient(900px 600px at 0 0,rgba(234,88,12,.08),transparent 65%) fixed,linear-gradient(180deg,#121214,#1a1a1d) fixed}
html[data-mtheme=orange] body.app .sidebar{background:#151517}
html[data-mtheme=orange] body.app .btn:not(.ghost):not(.danger){background:linear-gradient(135deg,#EA580C,#C2410C);border-color:transparent;color:#fff}
html[data-mtheme=orange] body.app input,html[data-mtheme=orange] body.app select,html[data-mtheme=orange] body.app textarea{background:var(--bg2);color:var(--text);border-color:rgba(255,255,255,.12)}
html[data-mtheme=glass] body.app{background:linear-gradient(160deg,#dbe9fb,#eef5fd 45%,#e3f4fb) fixed}
html[data-mtheme=glass] body.app .sidebar{background:rgba(255,255,255,.78);backdrop-filter:blur(14px)}
html[data-mtheme=glass] body.app .btn:not(.ghost):not(.danger){background:linear-gradient(135deg,#1f7ae0,#3aa0f0);border-color:transparent;color:#fff}
html[data-mtheme=glass] body.app input,html[data-mtheme=glass] body.app select,html[data-mtheme=glass] body.app textarea{background:#fff;color:#1a2233}
html[data-mtheme=glass] body.app .pm-list{background:#fff}
html[data-mtheme] body.app .topbar .tsearch input{color:#fff}
/* panel profile pill: solid and readable (Midnight/default + Glass); orange keeps its glass pill */
html:not([data-mtheme]) body.app .topbar .pm-btn{background:#161a2b;border-color:rgba(255,255,255,.22)}
html:not([data-mtheme]) body.app .topbar .pm-btn:hover,html:not([data-mtheme]) body.app .topbar .pm-btn[aria-expanded=true]{background:#20263d}
html:not([data-mtheme]) body.app .topbar .pm-who,html:not([data-mtheme]) body.app .topbar .pm-btn .chev{color:#fff;opacity:1}
html:not([data-mtheme]) body.app .topbar .pm-who small{color:#c9cde6!important}
html[data-mtheme=glass] body.app .topbar .pm-btn{background:#fff;border-color:#cfd8e6;color:#1a2233}
html[data-mtheme=glass] body.app .topbar .pm-btn:hover,html[data-mtheme=glass] body.app .topbar .pm-btn[aria-expanded=true]{background:#f3f7fc;border-color:#b8c4d6}
html[data-mtheme=glass] body.app .topbar .pm-who,html[data-mtheme=glass] body.app .topbar .pm-btn .chev{color:#1a2233;opacity:1}
html[data-mtheme=glass] body.app .topbar .pm-who small{color:#556075!important}
.pm-list .pm-theme{padding:8px 10px;border-top:1px solid var(--line);margin-top:4px}
/* === Panel layout: full-width top bar with logo, sidebar below it (svrdeck style) === */
body.app{grid-template:"top top" 64px "side main" 1fr/248px minmax(0,1fr)}
body.app .topbar{z-index:65}
body.app .tb-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:680;font-size:19px;letter-spacing:-.03em;flex:none;margin-right:12px}
body.app .tb-brand:hover{text-decoration:none}body.app .tb-brand img{width:36px;height:36px;border-radius:10px;box-shadow:0 6px 16px -4px rgba(124,92,255,.7)}body.app .tb-brand em{font-style:normal;color:rgba(255,255,255,.55);font-weight:500}
body.app .sidebar>.brand{display:none}
body.app .sidebar{top:64px;height:calc(100vh - 64px);padding-top:14px}
@media (max-width:980px){
 body.app{grid-template:"top" 60px "main" 1fr/minmax(0,1fr)!important}
 body.app .sidebar{top:60px;height:calc(100dvh - 60px);box-shadow:var(--sh3)}
 body.app .navbd{top:60px}
 body.app .hamb{margin-left:-6px}
}
@media (max-width:600px){body.app .tb-brand span{display:none}}
html[data-mtheme] body.app .topbar .tsearch input{background-color:var(--tb-glass);color:#fff;border-color:var(--tb-bd)}
html[data-mtheme=glass] body.app .topbar .tsearch input{background-color:rgba(255,255,255,.18);border-color:rgba(255,255,255,.35)}html[data-mtheme=glass] body.app .topbar .tsearch input::placeholder{color:rgba(255,255,255,.85)}

/* panel themes: alert tones follow the theme, not the OS */
html[data-mtheme=orange]{--al-w-bg:color-mix(in srgb,#FACC15 11%,var(--panel));--al-w-bd:color-mix(in srgb,#FACC15 38%,transparent);--al-w-tx:#FEF08A;--al-w-ic:#FACC15;
--al-e-bg:color-mix(in srgb,#EF4444 12%,var(--panel));--al-e-bd:color-mix(in srgb,#EF4444 38%,transparent);--al-e-tx:#FECACA;--al-e-ic:#F87171;
--al-s-bg:color-mix(in srgb,#22C55E 11%,var(--panel));--al-s-bd:color-mix(in srgb,#22C55E 35%,transparent);--al-s-tx:#BBF7D0;--al-s-ic:#4ADE80;
--al-i-bg:color-mix(in srgb,#3B82F6 12%,var(--panel));--al-i-bd:color-mix(in srgb,#3B82F6 38%,transparent);--al-i-tx:#BFDBFE;--al-i-ic:#60A5FA}
html[data-mtheme=glass]{--al-w-bg:#FEFCE8;--al-w-bd:#FDE047;--al-w-tx:#713F12;--al-w-ic:#A16207;--al-e-bg:#FEF2F2;--al-e-bd:#FECACA;--al-e-tx:#991B1B;--al-e-ic:#DC2626;--al-s-bg:#F0FDF4;--al-s-bd:#BBF7D0;--al-s-tx:#166534;--al-s-ic:#16A34A;--al-i-bg:#EFF6FF;--al-i-bd:#BFDBFE;--al-i-tx:#1E40AF;--al-i-ic:#2563EB}
.tbl-x{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tbl-x>table{min-width:100%}body.app main.content{min-width:0}
body.app main.content .tbl,body.app main.content .tbl-x{overflow-x:auto!important;max-width:100%}
.tbl td .cpy{margin-left:6px;padding:0 8px;min-height:24px;height:24px;font-size:11.5px;vertical-align:middle}

/* /mail DNS records (account owners) */
.mdns-list{display:grid;gap:10px}.mdns-r{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--panel)}
.mdns-h{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mdns-h b{font-size:13.5px;font-weight:600;color:var(--text)}.mdns-h .ck{margin-left:auto;font-size:16px}
.mdns-h .pill{text-transform:none;font-family:var(--mono);font-size:11px}
.mdns-kv{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:8px;align-items:center;margin-top:4px}.mdns-kv span{font-size:11.5px;color:var(--muted)}
.mdns-kv code{display:block;overflow-x:auto;white-space:nowrap;font-size:12px;padding:5px 8px;border-radius:8px;background:var(--bg2);color:var(--text);scrollbar-width:thin}
.mdns-kv .cpy{min-height:30px;height:30px;padding:0 10px;font-size:12px}
.ck.y{color:#16a34a;font-weight:700}.ck.n{color:#dc2626;font-weight:700}
html[data-mtheme=orange] .ck.y{color:#4ade80}html[data-mtheme=orange] .ck.n{color:#f87171}
@media (max-width:600px){.mdns-kv{grid-template-columns:minmax(0,1fr) auto}.mdns-kv span{grid-column:1/-1}}

/* limits, health, lists, API reference (2026-10-21) */
ul.checks{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}ul.checks li{padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg2)}
ul.checks li b{display:inline-block;width:18px}ul.checks li.ok b{color:#22c55e}ul.checks li.no b{color:var(--muted)}
.limsum .meter{max-width:520px}.hbanner a{white-space:nowrap}
.apinav{display:flex;flex-wrap:wrap;gap:6px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;margin:18px 0 8px}.apinav b{flex-basis:100%;font-size:13px}.apinav a{font-size:14px}
.doc-body .route{border-top:1px solid var(--line);padding-top:8px;margin-top:28px}.doc-body .route h2{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.doc-body pre{overflow-x:auto;max-width:100%}.doc-body .ctabs{max-width:100%}.sdkrow{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 16px}
.prefs .ck{display:flex;gap:8px;align-items:center;margin:8px 0}.provt td.neg{color:#ef4444}
@media (max-width:640px){.doc-body .tbl{margin:0}.apinav a{flex-basis:100%}}
.doc-body pre.hdrs{background:#0f1117;color:#e6ebf2;border:1px solid #1d212b;border-radius:10px;padding:12px 14px;font-size:13px;opacity:1}

/* Midnight is the default panel theme: dark whatever the OS preference (2026-10-21) */
html:not([data-mtheme=glass]):not([data-mtheme=orange]) body.app,html:not([data-mtheme=glass]):not([data-mtheme=orange]) body.doc:has(.apinav),html:not([data-mtheme=glass]):not([data-mtheme=orange]) body.auth:has(.prefs){--bg:#08090c;--bg2:#0d0f14;--panel:#0f1117;--text:#eef0f4;--text2:#c3c8d2;--muted:#8a92a1;--faint:#5d6472;--line:#1d212b;--line2:#161922;
 --ring:rgba(124,92,255,.35);--sh1:0 1px 0 rgba(255,255,255,.03) inset;--sh2:0 1px 0 rgba(255,255,255,.04) inset,0 8px 24px -10px rgba(0,0,0,.6);--sh3:0 30px 80px -20px rgba(0,0,0,.8);color-scheme:dark;--al-w-bg:color-mix(in srgb,#FACC15 11%,var(--panel));--al-w-bd:color-mix(in srgb,#FACC15 38%,transparent);--al-w-tx:#FEF08A;--al-w-ic:#FACC15;
--al-e-bg:color-mix(in srgb,#EF4444 12%,var(--panel));--al-e-bd:color-mix(in srgb,#EF4444 38%,transparent);--al-e-tx:#FECACA;--al-e-ic:#F87171;
--al-s-bg:color-mix(in srgb,#22C55E 11%,var(--panel));--al-s-bd:color-mix(in srgb,#22C55E 35%,transparent);--al-s-tx:#BBF7D0;--al-s-ic:#4ADE80;
--al-i-bg:color-mix(in srgb,#3B82F6 12%,var(--panel));--al-i-bd:color-mix(in srgb,#3B82F6 38%,transparent);--al-i-tx:#BFDBFE;--al-i-ic:#60A5FA;color-scheme:dark;background:var(--bg);color:var(--text)}
/* Preference page: single centred card (2026-10-21) */
body.auth:has(>.prefs){display:flex!important;align-items:center;justify-content:center;padding:32px 16px;grid-template-columns:none}
body.auth>.prefs{width:min(440px,100%);background:var(--panel);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:14px;padding:28px}
body.auth>.prefs .ck{display:flex;gap:10px;align-items:center;margin:8px 0}
/* Android app download card (2026-10-21) */
.appdl-head{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.appdl-head img{border-radius:12px;flex:none}.appdl-head>div{flex:1;min-width:200px}.appdl-head h2{margin:0 0 4px}.appdl-head p{margin:0}
.appdl-steps{margin:18px 0 14px;padding-left:20px;line-height:1.6}.appdl-steps li{margin:4px 0}
.appdl-sha{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;word-break:break-all;padding:10px 12px;border-radius:10px;background:var(--panel2,rgba(127,127,127,.08));border:1px solid var(--line,rgba(127,127,127,.2));color:var(--text)}
@media (max-width:640px){.appdl-head .btn{width:100%;text-align:center}}
/* Server updates page */
.updlog{max-height:340px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:12.5px;line-height:1.45;margin-top:10px}
.acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.acts>details{position:relative}