/* AltoSky shared theme for portal + admin. Tokens, type, buttons, cards, forms, header and footer are taken
   from the live altosky.com design system (inline CSS of altosky.com, Oct 2026). Copyright (c) 2026 AltoSky, Inc. */
@font-face{font-family:Geist;src:url(/assets/geist.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/assets/geist-mono.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--night:#070A14;--ink:#0A0F1F;--cloud:#F4F6FA;--mist:#E8EEFF;--white:#fff;--blue:#2A63F5;--blue-d:#5B8CFF;--steel:#5B6478;--steel-d:#A3ACC2;--signal:#2BD47D;
  --warn:#F5A524;--bad:#E5484D;--line:rgba(10,15,31,.1);--line-d:rgba(232,238,255,.12);
  --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --max:1240px;--gut:clamp(20px,4vw,48px);--r:14px;--r-lg:22px;--sec:clamp(72px,10vw,136px);--logo-ink:var(--ink);--logo-accent:var(--blue)}
*,*:before,*:after{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--sans);font-size:17px;line-height:1.6;color:var(--ink);background:var(--cloud);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01";min-height:100svh;display:flex;flex-direction:column;overflow-x:clip}
@media(min-width:1024px){body{font-size:18px}}
#app{flex:1;display:flex;flex-direction:column}
::selection{background:var(--blue);color:#fff}
a{color:var(--blue);text-underline-offset:3px}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.035em;line-height:1.04;text-wrap:balance}
h1{font-size:clamp(32px,4.2vw,52px);margin-bottom:14px}
h2{font-size:clamp(21px,2vw,26px);letter-spacing:-.025em;margin-bottom:12px}
h3{font-size:18px;letter-spacing:-.015em;margin-bottom:8px}
p{margin:0 0 14px}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.dark :focus-visible{outline-color:var(--blue-d)}
.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gut));margin:0 auto;padding:0 var(--gut)}
.sr,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hidden{display:none!important}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--blue);display:inline-flex;align-items:center;gap:10px;margin-bottom:22px}
.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.lede{font-size:clamp(18px,1.5vw,21px);line-height:1.55;color:var(--steel);max-width:40em;margin-bottom:28px}
.muted{color:var(--steel);font-size:15px}
.small{font-size:14px}
.dark{background:var(--night);color:var(--mist);--logo-ink:var(--mist);--logo-accent:var(--blue-d)}
.dark .muted,.dark .lede{color:var(--steel-d)} .dark .eyebrow{color:var(--blue-d)} .dark a{color:var(--mist)}
.accent{color:var(--blue)} .dark .accent{color:var(--blue-d)}
/* Buttons (altosky.com .btn) */
button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font:500 16px/1 var(--sans);text-decoration:none;border:1px solid transparent;cursor:pointer;background:var(--blue);color:#fff;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
button:hover,.btn:hover{background:#1f52db}
button:disabled{opacity:.5;cursor:not-allowed}
button.ghost,.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
button.ghost:hover,.btn-ghost:hover{border-color:var(--ink);background:transparent}
.dark button.ghost,.dark .btn-ghost{color:var(--mist);border-color:#e8eeff47} .dark button.ghost:hover,.dark .btn-ghost:hover{border-color:var(--mist);background:#e8eeff0f}
button.danger{background:var(--bad)} button.danger:hover{background:#c93a3f}
button.sm,.btn.sm{min-height:40px;padding:0 16px;font-size:15px}
button.link{background:none;border:0;min-height:0;padding:0;color:var(--blue);font-weight:500}
button.link:hover{background:none;text-decoration:underline;text-underline-offset:3px}
.arr{transition:transform .15s} .btn:hover .arr,button:hover .arr{transform:translateX(3px)}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
/* Forms (altosky.com .form / .field) */
form{display:grid;gap:18px}
label,legend{font-size:14px;font-weight:500;display:block;margin:0 0 -10px}
input,textarea,select{width:100%;font:16px/1.4 var(--sans);color:var(--ink);background:var(--cloud);border:1px solid var(--line);border-radius:12px;padding:13px 14px;min-height:48px;transition:border-color .15s,background .15s,box-shadow .15s}
input:hover,textarea:hover{border-color:#0a0f1f40}
input:focus,textarea:focus{outline:none;border-color:var(--blue);background:#fff;box-shadow:0 0 0 3px #2a63f52e}
textarea{min-height:120px;resize:vertical}
input[type=file]{padding:10px;background:#fff}
input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;padding:0;margin:0;accent-color:var(--blue);flex:none}
.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:15px;margin:0;line-height:1.45}
.hint{font-size:13.5px;color:var(--steel);margin-top:-8px}
.err{color:var(--bad);font-size:14px;min-height:0}
.err:empty{display:none}
.form-foot{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between}
/* Cards and surfaces */
.card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(24px,2.6vw,36px);min-width:0}
.card.wide{grid-column:1/-1}
.card+.card{margin-top:20px}
.grid>.card+.card{margin-top:0}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.notice{background:var(--mist);border-radius:var(--r);padding:14px 16px;font-size:15px;margin:0}
.notice.ok{background:#e3f8ec} .notice.warn{background:#fdf3dc}
pre.notice,pre.codes{font:15px/1.9 var(--mono);white-space:pre-wrap;columns:2;column-gap:24px}
.chip,.testbadge{font:11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:999px;background:var(--mist);color:var(--blue);display:inline-flex;align-items:center;gap:6px;vertical-align:middle;white-space:nowrap}
.testbadge{background:#fbf1d6;color:#8a6d1f;margin-left:10px;letter-spacing:.04em}
.pill{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:500;padding:5px 12px;border-radius:999px;background:var(--cloud);border:1px solid var(--line);white-space:nowrap}
.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--steel)}
.pill.ok:before{background:var(--signal);box-shadow:0 0 0 3px #2bd47d2e} .pill.warn:before{background:var(--warn)} .pill.bad{color:var(--bad)} .pill.bad:before{background:var(--bad)}
.k{font:12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--steel)}
.v{font-size:32px;font-weight:600;letter-spacing:-.03em}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.card .row+.row{margin-top:14px}
/* Tables */
.scroll{overflow-x:auto;margin:0 -4px}
table{width:100%;border-collapse:collapse;font-size:15px}
th{text-align:left;font:500 12px/1.2 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--steel);padding:10px;border-bottom:1px solid var(--line)}
td{padding:14px 10px;border-bottom:1px solid var(--line);vertical-align:middle;overflow-wrap:anywhere}
tr:last-child td{border-bottom:0}
tr.click{cursor:pointer} tr.click:hover td{background:var(--cloud)}
/* Disclosure */
details{border-top:1px solid var(--line)}
details>summary{cursor:pointer;list-style:none;min-height:52px;display:flex;align-items:center;gap:10px;font-weight:500;padding:6px 0}
details>summary::-webkit-details-marker{display:none}
details>summary:after{content:"+";margin-left:auto;font:400 22px/1 var(--sans);color:var(--steel)}
details[open]>summary:after{content:"–"}
details>:not(summary){margin-bottom:16px}
details.inc summary{flex-wrap:wrap}
.meter{height:8px;background:var(--mist);border-radius:999px;overflow:hidden;margin:14px 0 8px}
.meter>i{display:block;height:100%;background:var(--blue);width:0}
.meter.warn>i{background:var(--warn)} .meter.bad>i{background:var(--bad)}
.timeline{list-style:none;margin:10px 0 0;padding:0;border-left:2px solid var(--mist)}
.timeline li{padding:4px 0 8px 14px;font-size:14px;color:var(--steel)} .timeline b{color:var(--ink);font-weight:500}

/* ===== Site header (altosky.com .site-header) ===== */
.site-header{position:sticky;top:0;z-index:50;background:var(--night);color:var(--mist);border-bottom:1px solid var(--line-d);--logo-ink:var(--mist);--logo-accent:var(--blue-d)}
.site-header .bar{display:flex;align-items:center;justify-content:space-between;height:68px;gap:20px}
.brand{display:inline-flex;align-items:center;gap:14px;padding:8px 0;text-decoration:none;color:inherit}
.brand svg{height:26px;width:auto;display:block}
.brand .tag{font:12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--steel-d);padding-left:14px;border-left:1px solid var(--line-d)}
.nav{display:none}
.nav a{color:var(--steel-d);text-decoration:none;font-size:15px;font-weight:450;padding:8px 12px;border-radius:8px}
.nav a:hover,.nav a[aria-current=page]{color:var(--mist)}
.nav-right{display:flex;align-items:center;gap:8px}
.nav-right .support,.nav-right .who{color:var(--steel-d);text-decoration:none;font-size:15px;padding:8px 12px}
.nav-right .btn,.nav-right button{min-height:40px;padding:0 18px;font-size:15px}
.nav-right .opt{display:none}
.menu-btn{display:inline-flex;width:44px;height:44px;padding:0;min-height:0;background:transparent;border:1px solid var(--line-d);color:var(--mist);border-radius:12px}
.menu-btn:hover{background:transparent;border-color:var(--mist)}
.menu-btn .bars{position:relative;width:18px;height:1.5px;background:currentColor}
.menu-btn .bars:before,.menu-btn .bars:after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:currentColor;transition:transform .25s}
.menu-btn .bars:before{top:-6px}.menu-btn .bars:after{top:6px}
.menu-btn[aria-expanded=true] .bars{background:transparent}
.menu-btn[aria-expanded=true] .bars:before{transform:translateY(6px) rotate(45deg)}.menu-btn[aria-expanded=true] .bars:after{transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{display:none;border-top:1px solid var(--line-d);padding:12px var(--gut) 28px}
.mobile-nav.open{display:block}
.mobile-nav a:not(.btn),.mobile-nav button.link{display:flex;width:100%;align-items:center;min-height:52px;color:var(--mist);text-decoration:none;font-size:20px;letter-spacing:-.02em;border-bottom:1px solid var(--line-d);border-radius:0}
.mobile-nav .btn{margin-top:20px;width:100%}
.appnav{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line-d)}
.appnav a,.appnav button{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;color:var(--steel-d);font-size:15px;min-height:48px;padding:0 14px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.appnav a:hover,.appnav button:hover{color:var(--mist);background:none}
.appnav [aria-current=page]{color:var(--mist);border-bottom-color:var(--blue-d)}
.appnav .count{font:11px/1 var(--mono);background:var(--blue);color:#fff;border-radius:99px;padding:4px 7px}
@media(min-width:1180px){.nav{display:flex;gap:2px}.nav-right .opt{display:inline-flex}.menu-btn,.mobile-nav,.mobile-nav.open{display:none}}
.nav a,.nav-right a{white-space:nowrap}
@media(max-width:600px){.brand .tag,.nav-right .who{display:none}}
/* ===== Footer (altosky.com .site-footer) ===== */
.site-footer{background:var(--night);color:var(--steel-d);padding:clamp(48px,6vw,80px) 0 32px;font-size:15px;--logo-ink:var(--mist);--logo-accent:var(--blue-d);border-top:1px solid var(--line-d);margin-top:auto}
.site-footer.compact{padding:24px 0}
.site-footer.compact .foot-bottom{margin-top:0;padding-top:0;border:0}
.foot-grid{display:grid;gap:40px}
.foot-brand svg{height:28px;width:auto;margin-bottom:20px;display:block}
.foot-brand p{max-width:28em}
.foot-col h2{font:12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mist);margin-bottom:18px}
.foot-col ul{list-style:none;margin:0;padding:0}.foot-col li+li{margin-top:4px}
.foot-col a,.foot-bottom a{color:var(--steel-d);text-decoration:none;display:inline-flex;min-height:32px;align-items:center}
.foot-col a:hover,.foot-bottom a:hover{color:var(--mist)}
.foot-claim{margin-top:20px;font-size:14px;display:flex;gap:10px}
.foot-claim:before{content:"";flex:0 0 7px;height:7px;margin-top:8px;border-radius:50%;background:var(--signal)}
.foot-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line-d);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13.5px}
@media(min-width:768px){.foot-grid{grid-template-columns:1.6fr 1fr 1fr}}
@media(min-width:1024px){.foot-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
/* ===== Page hero (altosky.com .page-hero / .hero-v4) ===== */
.page-hero{position:relative;overflow:hidden;padding:clamp(40px,7vw,104px) 0 clamp(40px,6vw,88px);background:radial-gradient(60% 70% at 85% 10%,rgba(42,99,245,.35),transparent 60%),radial-gradient(45% 55% at 10% 100%,rgba(0,200,255,.14),transparent 65%),linear-gradient(160deg,#070a14,#0b1226 55%,#070a14)}
.page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(232,238,255,.08) 1px,transparent 1.2px);background-size:28px 28px;-webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 100%);mask-image:linear-gradient(100deg,transparent 30%,#000 100%);pointer-events:none}
.page-hero .wrap{position:relative}
.page-hero h1{font-size:clamp(36px,5.4vw,72px);font-weight:700;max-width:16ch;margin-bottom:20px;line-height:1.02}
.page-hero h1 .accent{background:linear-gradient(90deg,#6f9bff,#9fd0ff,#6f9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero .lede{color:#c9d3ea;margin-bottom:0}
.page-hero.slim{padding:clamp(28px,4vw,56px) 0 clamp(28px,4vw,48px)}
.page-hero.slim h1{font-size:clamp(30px,4vw,48px);max-width:none;margin-bottom:10px}
.hero-split{display:grid;gap:32px;align-items:center}
.hero-img{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line-d);aspect-ratio:4/3;background:#0b1226}
.hero-img img{width:100%;height:100%;object-fit:cover;display:block}
@media(min-width:900px){.hero-split{grid-template-columns:1.2fr .8fr;gap:56px}}
@media(max-width:899px){.hero-img.opt{display:none}}
main{width:100%;max-width:calc(var(--max) + 2 * var(--gut));margin:0 auto;padding:clamp(24px,4vw,48px) var(--gut) clamp(48px,6vw,88px);flex:1}
main.narrow{max-width:calc(820px + 2 * var(--gut))}
.overlap{margin-top:clamp(-64px,-5vw,-32px);position:relative}
/* ===== Auth (sign-in, forgot, link landing, MFA, codes) ===== */
.auth-wrap{flex:1;display:grid;background:var(--night)}
.auth-art{position:relative;overflow:hidden;color:var(--mist);padding:clamp(28px,5vw,64px) var(--gut);display:flex;flex-direction:column;justify-content:flex-end;min-height:220px;background:linear-gradient(180deg,rgba(7,10,20,.25),rgba(7,10,20,.92)),url(/assets/img/hero.webp) center/cover no-repeat}
.auth-art h2{font-size:clamp(28px,3.4vw,46px);font-weight:700;max-width:14ch;margin-bottom:12px}
.auth-art h2 .accent{background:linear-gradient(90deg,#6f9bff,#9fd0ff,#6f9bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.auth-art p{color:#c9d3ea;max-width:30em;margin:0}
.auth-art .claim{margin-top:20px;font-size:14px;display:flex;gap:10px;color:var(--steel-d)}
.auth-art .claim:before{content:"";flex:0 0 7px;height:7px;margin-top:8px;border-radius:50%;background:var(--signal)}
.auth-side{background:var(--cloud);display:flex;align-items:flex-start;justify-content:center;padding:clamp(20px,5vw,72px) var(--gut)}
.auth{width:100%;max-width:440px}
.auth .card{padding:clamp(24px,3vw,40px);box-shadow:0 40px 80px -48px #0a0f1f55}
.auth h1{font-size:clamp(28px,3vw,38px)}
.links{display:flex;flex-direction:column;gap:6px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:15px}
.links a{text-decoration:none;font-weight:500;display:inline-flex;min-height:36px;align-items:center}
.links a:hover{text-decoration:underline}
.auth form button[type=submit],.auth #go{width:100%}
@media(min-width:900px){.auth-wrap{grid-template-columns:1fr 1fr}.auth-art{justify-content:flex-end;min-height:0}.auth-side{align-items:center}}
@media(max-width:899px){.auth-art{min-height:180px;padding-top:28px;padding-bottom:24px}.auth-art p,.auth-art .claim{display:none}}
/* ===== Progress stepper (workspace + admin pitch) ===== */
.steps{list-style:none;margin:0 0 24px;padding:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}
.steps li{flex:1 0 auto;min-width:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--steel);padding-top:10px;border-top:3px solid var(--line)}
.steps li b{font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
.steps li.done{border-top-color:var(--blue);color:var(--ink)} .steps li.now{border-top-color:var(--blue);color:var(--blue);font-weight:600}
.dark .steps li{color:var(--steel-d);border-top-color:var(--line-d)} .dark .steps li.done{color:var(--mist);border-top-color:var(--blue-d)} .dark .steps li.now{color:var(--blue-d);border-top-color:var(--blue-d)}
@media(max-width:640px){.steps li:not(.now) span{display:none}.steps li{flex:1 1 0}}
.next{border:1px solid var(--blue);box-shadow:0 0 0 4px #2a63f514}
.next>.k{color:var(--blue);display:block;margin-bottom:10px}
.how{list-style:none;margin:0;padding:0;display:grid;gap:18px;counter-reset:s}
.how li{display:grid;grid-template-columns:36px 1fr;gap:14px;align-items:start;counter-increment:s}
.how li:before{content:"0" counter(s);font:500 13px/36px var(--mono);text-align:center;border-radius:50%;border:1px solid var(--line);color:var(--blue);background:#fff}
.dark .how li:before{border-color:var(--line-d);background:transparent;color:var(--blue-d)}
.how b{display:block;font-weight:600;letter-spacing:-.01em}
.how span{color:var(--steel);font-size:15px} .dark .how span{color:var(--steel-d)}
/* ===== Intake ===== */
.intake{display:grid;gap:24px;align-items:start}
@media(min-width:960px){.intake{grid-template-columns:1.25fr .75fr;gap:32px}.intake aside{position:sticky;top:92px}}
.intake .card.form{box-shadow:0 40px 80px -48px #0a0f1f55}
.drop{border:1.5px dashed rgba(10,15,31,.2);border-radius:14px;padding:16px;background:var(--cloud)}
.more>summary{color:var(--blue);border:0;min-height:44px}
.more{border:0}
/* ===== Brief ===== */
.brief{line-height:1.65;max-width:68ch}
.brief h2{font-size:20px;margin:26px 0 8px} .brief h2:first-child{margin-top:0}
.brief h1{font-size:26px;margin:0 0 12px}
.brief ul,.brief ol{padding-left:22px;margin:0 0 12px} .brief li{margin:4px 0}
.note{display:flex;gap:14px;align-items:flex-start;background:var(--mist);border-radius:var(--r);padding:16px 18px;margin-bottom:22px}
.note .av{flex:none;width:40px;height:40px;border-radius:50%;background:var(--night);color:var(--mist);display:grid;place-items:center;font-weight:600}
.thread{display:grid;gap:10px;margin:18px 0}
.msg{background:var(--cloud);border-radius:14px;padding:12px 14px;font-size:15px;max-width:85%}
.msg.mine{background:#e8efff;justify-self:end}
.msg .k{display:block;margin-bottom:4px}
iframe.booking{width:100%;height:min(720px,80svh);border:1px solid var(--line);border-radius:var(--r);background:#fff}
/* ===== Plan options ===== */
.scopes{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));margin:8px 0 24px}
.scope{position:relative;display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:#fff;margin:0;font-weight:400;font-size:15px;cursor:default;transition:border-color .15s,box-shadow .15s}
label.scope{cursor:pointer}
.scope input[type=radio]{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.scope:hover{border-color:#0a0f1f40}
.scope:has(input:checked),.scope.pick{border-color:var(--blue);box-shadow:0 0 0 3px #2a63f52e}
.scope:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}
.scope .tag{font:12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.scope h3{font-size:20px;margin:4px 0 0}
.scope.rec{background:linear-gradient(180deg,#f3f6ff,#fff)}
.price{font-size:34px;font-weight:600;letter-spacing:-.035em;line-height:1.1}
.scope ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:14px;color:var(--steel)}
.scope ul li{display:grid;grid-template-columns:62px 1fr;gap:8px} .scope ul li b{font:500 12px/1.6 var(--mono);color:var(--ink)}
.signbox{display:grid;gap:18px;border-top:1px solid var(--line);padding-top:24px}
.sum{display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:15px;background:var(--cloud);border-radius:var(--r);padding:16px 18px}
.sum b{font-weight:600}
.signature{font:italic 500 24px/1.2 var(--sans);letter-spacing:-.01em}
/* ===== Admin ===== */
.admin main{padding-top:28px}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;justify-content:space-between;margin-bottom:20px}
.toolbar h1{margin:0}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px}
.kpis .card{padding:18px 20px}
.split{display:grid;gap:20px;align-items:start}
@media(min-width:1100px){.split.open{grid-template-columns:minmax(380px,.85fr) 1.15fr}.split .detail{position:sticky;top:132px}}
.detail .steps{margin-bottom:18px}
.detail textarea#bb{min-height:340px;font:14px/1.6 var(--mono);background:#fff}
.mail{width:100%;height:560px;border:1px solid var(--line);border-radius:var(--r);background:#fff}
.admin h1{font-size:clamp(28px,3vw,40px)}
@media(max-width:600px){td,th{padding:10px 6px}.hide-sm{display:none}.pill{white-space:normal}}
dialog.card{max-width:min(420px,calc(100vw - 32px));width:100%;border:1px solid var(--line);padding:28px;box-shadow:0 40px 80px -30px #0a0f1f88}
dialog::backdrop{background:rgba(7,10,20,.55);backdrop-filter:blur(3px)}
.grid-form{display:grid;gap:18px;padding-top:6px}
.ws-hero .steps{margin:22px 0 0}
.view{flex:1;display:flex;flex-direction:column}
.narrow .card+details,.card details+details{margin-top:0}
.admin-main{flex:1}.view-pad{padding-top:28px;padding-bottom:48px}
.split tr.sel td{background:var(--mist)}
.scopes.dense{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.scopes.dense .scope{padding:14px}
.kpis .card.warn b{color:#B4570B}
pre.mailtext{white-space:pre-wrap;font:13px/1.55 var(--mono);background:var(--cloud);padding:16px;border-radius:var(--r);max-height:560px;overflow:auto}
.narrowcard{max-width:640px}
.site-header .ghost{color:var(--mist);border-color:var(--line-d);background:transparent}.site-header .ghost:hover{background:#ffffff14}
.kpis .card .k{display:block}.kpis .card b{display:block;font-size:30px;letter-spacing:-.02em;margin-top:6px}
#pp .split.open .list th:nth-child(2),#pp .split.open .list td:nth-child(2),#pp .split.open .list th:nth-child(3),#pp .split.open .list td:nth-child(3){display:none}
.list td{word-break:normal}
form.next,div.next{padding:20px;border-radius:var(--r);margin:16px 0;background:#fff}