/* Layout: barra superior con logo y selector de usuario; navegación lateral; área de trabajo en tablas y tarjetas */
:root{
  --red:#E61F26; --red-ink:#B5151B; --red-soft:#FDECEC;
  --ink:#141414; --ink-2:#4A4646; --ink-3:#77716F;
  --bg:#F6F5F4; --surface:#FFFFFF; --line:#E4E1DF; --line-2:#EFECEA;
  --good:#1F7A4D; --good-soft:#E6F3EC; --warn:#9A6200; --warn-soft:#FBF1DE; --off:#6B6563; --off-soft:#EEEBE9;
  --logo-bg:#FFFFFF;
  --paper:#FFFFFF; --paper-ink:#1A1A1A; --paper-mute:#666666; --paper-line:#BFBFBF; --paper-head:#E7E6E6;
  --f-display:"Saira","Arial Narrow",system-ui,sans-serif;
  --f-body:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --red:#FF4A4F; --red-ink:#FF7A7E; --red-soft:#3A1416;
  --ink:#F3F1F0; --ink-2:#C9C4C2; --ink-3:#9A9391;
  --bg:#141212; --surface:#1D1A1A; --line:#332E2D; --line-2:#272322;
  --good:#5CC892; --good-soft:#15291F; --warn:#E8B04A; --warn-soft:#2E2412; --off:#A9A2A0; --off-soft:#2A2625;
  --logo-bg:#FFFFFF; color-scheme:dark }}
:root[data-theme="dark"]{
  --red:#FF4A4F; --red-ink:#FF7A7E; --red-soft:#3A1416;
  --ink:#F3F1F0; --ink-2:#C9C4C2; --ink-3:#9A9391;
  --bg:#141212; --surface:#1D1A1A; --line:#332E2D; --line-2:#272322;
  --good:#5CC892; --good-soft:#15291F; --warn:#E8B04A; --warn-soft:#2E2412; --off:#A9A2A0; --off-soft:#2A2625;
  --logo-bg:#FFFFFF; color-scheme:dark }
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:14px;line-height:1.5}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface)}
h1,h2,h3{font-family:var(--f-display);font-weight:600;margin:0;text-wrap:balance;letter-spacing:.01em}
h1{font-size:26px;line-height:1.15} h2{font-size:19px} h3{font-size:15px}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.mono{font-family:var(--f-mono);font-size:12.5px;font-variant-numeric:tabular-nums}
.muted{color:var(--ink-3)}

/* Barra superior */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:1px solid var(--line);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top-in{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-block:10px;max-width:1240px;margin:0 auto}
.brand{display:flex;align-items:center;gap:14px;min-width:0}
.logo{background:var(--logo-bg);border-radius:6px;padding:5px 8px;display:flex}
.logo img{height:30px;width:auto;display:block}
.brand-txt{display:flex;flex-direction:column;line-height:1.2;border-left:1px solid var(--line);padding-left:14px}
.brand-txt b{font-family:var(--f-display);font-size:16px;font-weight:600}
.brand-txt span{font-size:11.5px;color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}
.proto{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);padding:3px 8px;border-radius:4px}
.who{margin-left:auto;display:flex;align-items:center;gap:8px}
.who label{font-size:12px;color:var(--ink-3)}
select,input[type=text],input[type=email],input[type=date],input[type=search]{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:7px 10px;min-height:36px;max-width:100%}
select:hover,input:hover{border-color:var(--ink-3)}

/* Estructura */
.shell{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 48px}
nav.side{display:flex;flex-direction:column;gap:2px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px);align-self:start}
.nav-h{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:14px 10px 6px;font-weight:600}
.nav-h:first-child{padding-top:0}
nav.side a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:6px;color:var(--ink-2);text-decoration:none;font-weight:500}
nav.side a:hover{background:var(--line-2);color:var(--ink)}
nav.side a.on{background:var(--red-soft);color:var(--red-ink)}
nav.side a .n{font-size:11.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}
main{min-width:0;display:flex;flex-direction:column;gap:20px}
.head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.head p{margin:4px 0 0;color:var(--ink-2);max-width:64ch}
.eyebrow{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600;margin-bottom:4px}

/* Botones */
.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 12px;min-height:36px;cursor:pointer;font-weight:500;white-space:nowrap}
a.btn{text-decoration:none;color:var(--ink)}
.btn:hover{border-color:var(--ink-3)}
.btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.btn.primary:hover{background:var(--red-ink);border-color:var(--red-ink)}
.btn.ghost{border-color:transparent;background:transparent;color:var(--ink-2)}
.btn.ghost:hover{background:var(--line-2)}
.btn.sm{min-height:30px;padding:4px 10px;font-size:13px}
.btn:disabled{opacity:.45;cursor:not-allowed}

/* Tablas */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;min-width:0}
.panel-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th{text-align:left;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:10px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:12px 16px;border-bottom:1px solid var(--line-2);vertical-align:top}
tr:last-child td{border-bottom:0}
td .sub{display:block;color:var(--ink-3);font-size:12.5px}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:2px 8px;border-radius:999px;background:var(--off-soft);color:var(--off);white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chip.plain::before{display:none}
.chip.good{background:var(--good-soft);color:var(--good)}
.chip.warn{background:var(--warn-soft);color:var(--warn)}
.chip.red{background:var(--red-soft);color:var(--red-ink)}
.role{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px;border:1px solid var(--line);color:var(--ink-2);white-space:nowrap}
.role.su{border-color:var(--red);color:var(--red-ink)}

/* Tarjetas de resumen */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px}
.stat b{display:block;font-family:var(--f-display);font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}
.stat span{font-size:12.5px;color:var(--ink-3)}

/* Empresas del usuario */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.ccard{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;text-decoration:none;color:inherit;min-width:0}
a.ccard:hover{border-color:var(--ink-3)}
.ccard .row{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.prog{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.prog i{height:6px;border-radius:3px;background:var(--line)}
.prog i.done{background:var(--good)} .prog i.cur{background:var(--red)}

/* Panel de empresa */
.phases{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.phase{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.phase .num{font-family:var(--f-mono);font-size:12px;color:var(--ink-3)}
.phase p{margin:0;color:var(--ink-2);font-size:13px}
.phase .dl{font-size:12.5px;color:var(--ink-3);border-top:1px solid var(--line-2);padding-top:10px;margin-top:auto}
.bar{height:6px;background:var(--line-2);border-radius:3px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--red)}
.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px}
.kv{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;padding:16px;margin:0}
.kv dt{color:var(--ink-3);font-size:13px} .kv dd{margin:0;font-weight:500}
.kvm{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 18px;margin:0}
.kvm dt{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
.kvm dd{margin:0;font-weight:500;overflow-wrap:anywhere}
.checks-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.chk{display:flex;gap:10px;align-items:flex-start;padding:8px 12px;border-radius:6px;font-size:13.5px;line-height:1.45}
.chk>span:first-child{flex:0 0 20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;margin-top:1px}
.chk.ok{background:var(--good-soft)}.chk.ok>span:first-child{background:var(--good);color:#fff}
.chk.warn{background:var(--warn-soft)}.chk.warn>span:first-child{background:var(--warn);color:#fff}
.chk.bad{background:var(--red-soft)}.chk.bad>span:first-child{background:var(--red-ink);color:#fff}
.howto{display:flex;flex-wrap:wrap;gap:8px 22px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.howto b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--off-soft);color:var(--ink);font-size:11.5px;margin-right:6px}
.empty{padding:28px 16px;text-align:center;color:var(--ink-3)}
.empty b{display:block;color:var(--ink-2);font-weight:600;margin-bottom:4px}
.banner{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:flex-start;padding:12px 14px;border-radius:8px;background:var(--warn-soft);color:var(--warn);font-size:13.5px}
.banner.red{background:var(--red-soft);color:var(--red-ink)}

/* Bitácora */
.log li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;padding:10px 16px;border-bottom:1px solid var(--line-2)}
.log{list-style:none;margin:0;padding:0}
.log li:last-child{border-bottom:0}

/* Ventana modal y formularios */
.scrim{position:fixed;inset:0;background:rgba(10,8,8,.45);z-index:20;display:flex;align-items:flex-start;justify-content:center;overflow:auto;
  padding:max(40px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}
.dialog{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;max-width:560px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.dialog-h{padding:18px 20px 0} .dialog-h p{margin:6px 0 0;color:var(--ink-2)}
.dialog-b{padding:16px 20px;display:flex;flex-direction:column;gap:14px}
.dialog-f{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.field{display:flex;flex-direction:column;gap:5px}
.field label{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.field .hint{font-size:12px;color:var(--ink-3)}
.field .err{font-size:12px;color:var(--red-ink)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checks{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow:auto;border:1px solid var(--line);border-radius:6px;padding:8px 10px}
.checks label,.consent-check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:13.5px;color:var(--ink);cursor:pointer}
.checks input,.consent-check input{margin-top:3px;accent-color:var(--red)}
.terms{border:1px solid var(--line);border-radius:6px;padding:12px 14px;max-height:180px;overflow:auto;font-size:13px;color:var(--ink-2);background:var(--bg)}
.terms p{margin:0 0 8px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:8px;font-weight:500;z-index:30;box-shadow:0 8px 24px rgba(0,0,0,.2)}
footer.foot{max-width:1240px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:0 32px;color:var(--ink-3);font-size:12.5px;display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap;align-items:center}

/* Diagnóstico */
.diag{display:grid;grid-template-columns:232px minmax(0,1fr);gap:20px;align-items:start}
.steps{list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:8px;position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px)}
.steps li{flex:none}
.steps button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;width:100%;padding:8px 10px;border-radius:6px;cursor:pointer;color:var(--ink-2);font-size:13px;line-height:1.3}
.steps button:hover{background:var(--line-2)}
.steps button.on{background:var(--red-soft);color:var(--red-ink);font-weight:600}
.steps button:focus-visible{outline:2px solid var(--red)}
.steps .k{font-family:var(--f-mono);font-size:11px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);color:var(--ink-2)}
.steps .done .k{background:var(--good);border-color:var(--good);color:#fff}
.steps .cnt{font-family:var(--f-mono);font-size:11px;color:var(--ink-3)}
.qlist{display:flex;flex-direction:column;gap:12px}
.q{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;min-width:0}
.q-h{display:flex;gap:10px;align-items:baseline}
.q-id{font-family:var(--f-mono);font-size:12px;color:var(--ink-3);flex:none}
.q-t{font-size:15px;font-weight:500;line-height:1.45}
.q-help{font-size:13px;color:var(--ink-2);background:var(--bg);border-radius:6px;padding:8px 10px}
.opts{display:flex;flex-wrap:wrap;gap:6px}
.opt{position:relative;display:inline-flex}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opt span{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13.5px;cursor:pointer}
.opt:hover span{border-color:var(--ink-3)}
.opt input:checked+span{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.opt input:focus-visible+span{outline:2px solid var(--red);outline-offset:2px}
.opt input:disabled+span{opacity:.55;cursor:not-allowed}
.multi{display:flex;flex-direction:column;gap:8px}
.multi label{display:flex;gap:8px;align-items:flex-start;font-size:13.5px;cursor:pointer}
.multi input{margin-top:3px;accent-color:var(--red)}
.qfoot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.lvl{display:flex;align-items:center;gap:18px;padding:18px}
.lvl .big{font-family:var(--f-display);font-size:48px;line-height:1;font-weight:600;color:var(--red-ink);font-variant-numeric:tabular-nums}
.ficha{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:16px}
.flabel{font-size:12.5px;font-weight:600;color:var(--ink-2)}
.fval{padding:7px 0;font-weight:500}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.prose{padding:16px;margin:0;max-width:72ch;color:var(--ink-2)}
.dialog.wide{max-width:760px}
.mapgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}
.mpanel{position:sticky;top:calc(env(safe-area-inset-top,0px) + 76px)}
.maptable td{padding:8px 10px}
.maptable select{max-width:240px;min-height:32px;font-size:12.5px;padding:4px 6px}
.maptable tbody tr{cursor:pointer}
.maptable tbody tr:hover td{background:var(--line-2)}
.maptable tr.selrow td{background:var(--red-soft)}
.num{text-align:right;white-space:nowrap}
.linkbtn{all:unset;cursor:pointer;color:var(--ink);text-decoration:underline dotted;text-underline-offset:3px}
.linkbtn:focus-visible{outline:2px solid var(--red)}
table.mini th,table.mini td{padding:4px 8px;font-size:11.5px;white-space:nowrap;border-bottom:1px solid var(--line-2)}
table.mini .hl{background:var(--warn-soft)}
table.pro td{padding:8px 16px}
.cft tr.cfh td{font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);padding-top:18px;border-bottom:1px solid var(--line)}
.cft tr.cfg td{font-style:italic;color:var(--ink-3);font-size:12.5px;padding-left:16px}
.cft tr.cfw td{background:var(--warn-soft);color:var(--warn)}
.cftab select{max-width:200px}
.cftab td.cfname{min-width:220px}
table.pro tr.subt td{font-weight:700;border-top:1px solid var(--ink-3);background:var(--bg)}
@media (max-width:1100px){.mapgrid{grid-template-columns:minmax(0,1fr)}.mpanel{position:static}}
.pages{display:flex;flex-direction:column;gap:18px}
.paper{background:var(--paper);color:var(--paper-ink);border:1px solid var(--line);border-radius:4px;padding:40px clamp(18px,6vw,72px);width:100%;max-width:840px;margin:0 auto;font-family:Calibri,Carlito,var(--f-body);font-size:14px;line-height:1.6;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.paper p{margin:0 0 10px;text-align:justify}
.paper ul{margin:0 0 10px;padding-left:22px}
.paper .r-h1{font-family:Calibri,Carlito,var(--f-body);font-size:18px;color:var(--paper-ink);margin:24px 0 10px;font-weight:700;letter-spacing:0}
.paper .r-h2{font-family:Calibri,Carlito,var(--f-body);font-size:15px;margin:16px 0 8px;font-weight:700;color:var(--paper-ink);letter-spacing:0}
.paper.r-cover{padding-top:120px;padding-bottom:120px}
.paper .r-emp{font-size:24px;font-weight:700;text-transform:uppercase;text-align:left}
.paper .r-title{font-family:Calibri,Carlito,var(--f-body);font-size:21px;color:var(--paper-ink);margin:10px 0 6px}
.paper .r-sub{color:var(--paper-mute);text-align:left}
.paper .r-draft{color:var(--paper-mute);font-weight:700;letter-spacing:.04em}
.paper .r-run{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--paper-mute);border-bottom:1px solid var(--paper-line);padding-bottom:6px;margin-bottom:18px}
.paper .r-run span:last-child{text-align:right}
.paper .r-run b{color:var(--paper-ink)}
.paper .r-mem{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px}
.paper .r-mem img{height:38px;width:auto}
.paper .r-mem span{font-size:10.5px;line-height:1.4;color:var(--paper-mute);text-align:right}
.paper .r-firma{margin-top:40px;text-align:left}
.paper .r-miembro{margin-top:36px;font-size:11px;color:var(--paper-mute);text-align:center}
.paper .r-t{font-size:12.5px;margin:6px 0 14px}
.paper .r-t th{background:var(--paper-head);color:var(--paper-ink);text-transform:none;letter-spacing:0;font-size:12px;border:1px solid var(--paper-line);white-space:normal}
.paper .r-t td{border:1px solid var(--paper-line);padding:6px 8px;color:var(--paper-ink)}
.paper .r-s{font-size:11.5px}
.paper .r-b{font-weight:600}
.paper .r-note{font-style:italic;color:var(--paper-mute)}
.paper .r-toc{padding-left:22px}
@media (max-width:560px){.paper .r-mem{flex-direction:column;align-items:flex-start}.paper .r-mem span{text-align:left}}
.rule{border:1px solid var(--line);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--bg)}
textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:7px 10px;width:100%;resize:vertical}

@media (max-width:900px){
  .diag{grid-template-columns:minmax(0,1fr)}
  .steps{position:static;flex-direction:row;overflow-x:auto}
  .steps button{grid-template-columns:22px auto;white-space:nowrap}
  .steps .cnt{display:none}
  .shell{grid-template-columns:minmax(0,1fr);gap:16px}
  nav.side{position:static;flex-direction:row;flex-wrap:wrap;gap:4px}
  .nav-h{display:none}
  nav.side a{border:1px solid var(--line);background:var(--surface)}
  .phases{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{grid-template-columns:minmax(0,1fr)}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .phases,.grid2,.ficha{grid-template-columns:minmax(0,1fr)}
  .brand-txt{display:none}
  .who{margin-left:0;width:100%} .who select{flex:1}
  .log li{grid-template-columns:minmax(0,1fr);gap:2px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* Ingreso y estado de guardado */
#auth{min-height:70vh;display:grid;place-items:center;padding:32px max(16px,env(safe-area-inset-left,0px))}
body.auth-mode .shell,body.auth-mode .foot,body.auth-mode .who{display:none}
.auth-card{width:min(420px,100%);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:14px}
.auth-card h1{margin:0;font-size:22px}.auth-card p{margin:0}.auth-logo{width:140px;height:auto}
.who{display:flex;align-items:center;gap:12px}.who-name{font-size:13px;color:var(--ink-2)}
.sync{font-size:12px;color:var(--ink-3)}.sync.err{color:var(--red-ink);font-weight:600}.sync.busy{color:var(--warn)}