/* Gettor Salud — estilos. Teléfono primero; en PC menú lateral. */
:root{
  --bg:#f5f9f9; --surface:#ffffff; --fg:#14302f; --muted:#5b7473; --line:#d7e4e3;
  --accent:#0d7a76; --accent-ink:#ffffff; --accent-soft:#e3f2f1; --brand:#0b5f5c; --brand-ink:#eaf7f6; --pulse:#7fe0d6;
  --c1:#2f6fd6; --c2:#c9821a; --c3:#9a4bb5; --c1-soft:#e6eefb; --c2-soft:#fbf1e1; --c3-soft:#f4e9f8;
  --k1:#d9622b; --k2:#6a5acd; --k3:#2a8fbd; --k4:#3aa17e; --k5:#c2408f; --k6:#7d8a89;
  --danger:#b42318; --danger-soft:#fdecea; --ok:#167a3e; --ok-soft:#e5f5eb;
  --f-display:"Outfit","Segoe UI",system-ui,sans-serif;
  --f-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --bg:#0c1615; --surface:#13201f; --fg:#e4f0ef; --muted:#93aead; --line:#253938;
  --accent:#3fbdb4; --accent-ink:#04211f; --accent-soft:#183331; --brand:#0f2b29; --brand-ink:#d9f1ee; --pulse:#5fd3c8;
  --c1:#6c9cf0; --c2:#e3a64a; --c3:#c286dc; --c1-soft:#18253d; --c2-soft:#33270f; --c3-soft:#2c1b35;
  --k1:#f08a57; --k2:#9d90f0; --k3:#5db8e2; --k4:#5fcaa1; --k5:#e276b6; --k6:#9fb0ae;
  --danger:#ff8a80; --danger-soft:#3a1916; --ok:#6fd49a; --ok-soft:#14301f; color-scheme:dark } }

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.5;min-height:100vh}
[hidden]{display:none!important}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.num{font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.sw{width:11px;height:11px;border-radius:3px;flex:none;display:inline-block}
.plus{color:var(--ok)} .minus{color:var(--danger)}
.spin{width:18px;height:18px;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite;display:inline-block}
@keyframes sp{to{transform:rotate(360deg)}}
.loading{display:flex;justify-content:center;padding:48px;color:var(--muted)}

/* ---------- Login ---------- */
.login{min-height:100vh;display:grid;grid-template-rows:auto 1fr}
.brand{background:var(--brand);color:var(--brand-ink);padding:calc(28px + env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) 64px max(20px,env(safe-area-inset-left,0px));position:relative;overflow:hidden}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:600;font-size:1.25rem}
.logo-mark{width:36px;height:36px;border-radius:10px;background:var(--brand-ink);display:grid;place-items:center}
.logo-mark svg{width:20px;height:20px}
.brand h1{font-family:var(--f-display);font-weight:600;font-size:1.65rem;line-height:1.2;margin:22px 0 6px;max-width:20ch;text-wrap:balance}
.brand p{margin:0;opacity:.85;font-size:.95rem;max-width:34ch}
.ecg{position:absolute;left:0;right:0;bottom:10px;height:44px;width:100%;opacity:.55}
.ecg path{fill:none;stroke:var(--pulse);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.login-main{padding:0 max(16px,env(safe-area-inset-right,0px)) 32px max(16px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;align-items:center}
.login-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-top:-36px;padding:24px 20px;box-shadow:0 10px 30px -18px rgba(11,60,58,.35);position:relative;z-index:1}
.login-card h2{font-family:var(--f-display);font-weight:600;font-size:1.4rem;margin:0 0 4px}
.login-card .sub{margin:0 0 20px;color:var(--muted);font-size:.93rem}
@media (min-width:900px){
  .login{grid-template-rows:none;grid-template-columns:minmax(380px,46%) 1fr}
  .brand{padding:56px;display:flex;flex-direction:column}
  .brand h1{font-size:2.4rem;margin-top:auto;max-width:16ch}
  .brand p{font-size:1.05rem;margin-bottom:auto}
  .ecg{bottom:40px;height:70px}
  .login-main{justify-content:center;padding-block:48px}
  .login-card{margin-top:0;padding:36px 34px;box-shadow:none}
}

/* ---------- Formularios ---------- */
form{display:flex;flex-direction:column;gap:16px}
.field{display:flex;flex-direction:column;gap:6px;min-width:0}
label,.lbl{font-weight:600;font-size:.88rem}
.hint,.opt{color:var(--muted);font-weight:400}
.hint{font-size:.8rem}
.input{width:100%;font-size:1rem;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;min-height:50px}
.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.input[aria-invalid="true"]{border-color:var(--danger)}
.pw-wrap{position:relative;display:flex;align-items:center}
.pw-wrap .input{padding-right:84px}
.toggle{position:absolute;right:6px;height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--accent);font-weight:600;font-size:.85rem;cursor:pointer}
.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:.88rem}
.link{color:var(--accent);font-weight:600;background:none;border:0;padding:4px 0;font-size:.88rem;cursor:pointer}
.btn{width:100%;min-height:54px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-family:var(--f-display);font-weight:600;font-size:1.08rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px}
.btn[disabled]{opacity:.7;cursor:progress}
.btn-sm{min-height:42px;border:0;border-radius:12px;background:var(--accent);color:var(--accent-ink);font-weight:600;padding:0 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn-sm svg{width:18px;height:18px}
.btn-out{min-height:40px;border:1.5px solid var(--accent);background:transparent;color:var(--accent);border-radius:12px;padding:0 14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:.9rem}
.btn-out svg{width:16px;height:16px}
.msg{border-radius:12px;padding:12px 14px;font-size:.9rem}
.msg.err{background:var(--danger-soft);color:var(--danger)}
.msg.ok{background:var(--ok-soft);color:var(--ok);font-weight:500}
.msg.info{background:var(--accent-soft)}
.forgot-box{display:flex;flex-direction:column;gap:8px}
.forgot-box p{margin:0;font-weight:500}
.fb-row{display:flex;gap:8px}
.fb-row .input{min-height:46px;padding:10px 12px;background:var(--surface)}
.counter{align-self:flex-end;color:var(--muted);font-size:.75rem}
select.input{appearance:none;padding-right:34px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.sel{font-weight:600;min-height:42px;background-color:var(--surface);padding:0 34px 0 12px}

/* ---------- App ---------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--brand)}
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--brand);color:var(--brand-ink);padding:12px max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:10px}
.top .logo{font-size:1.08rem;gap:8px}
.top .logo-mark{width:30px;height:30px;border-radius:8px}
.top .logo-mark svg{width:16px;height:16px}
.who{margin-left:auto;display:flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}
.who .chipn{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-family:var(--f-display)}
.icon-btn{position:relative;width:38px;height:38px;border-radius:10px;border:0;background:rgba(255,255,255,.12);color:var(--brand-ink);display:grid;place-items:center;cursor:pointer}
.icon-btn svg{width:18px;height:18px}
.icon-btn .dot{position:absolute;top:5px;right:5px;min-width:16px;height:16px;border-radius:8px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;display:grid;place-items:center;padding:0 4px}
.nav{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}
.nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px 10px;color:var(--muted);text-decoration:none;font-size:.72rem;font-weight:600}
.nav a svg{width:22px;height:22px}
.nav a[aria-current="page"]{color:var(--accent)}
.content{padding:18px max(16px,env(safe-area-inset-right,0px)) 100px max(16px,env(safe-area-inset-left,0px));max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:18px}
.content.narrow{max-width:720px}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.head h1{font-family:var(--f-display);font-weight:600;font-size:1.5rem;margin:0;line-height:1.2}
.head p{margin:2px 0 0;color:var(--muted);font-size:.88rem}
@media (min-width:900px){
  .app{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;min-height:100vh}
  .top{grid-column:1/-1}
  .nav{position:sticky;top:62px;align-self:start;grid-auto-flow:row;grid-auto-columns:auto;border-top:0;border-right:1px solid var(--line);height:calc(100vh - 62px);padding:16px 10px;gap:4px;align-content:start}
  .nav a{flex-direction:row;gap:10px;font-size:.92rem;padding:10px 12px;border-radius:10px}
  .nav a[aria-current="page"]{background:var(--accent-soft)}
  .content{padding-block:28px 40px;width:100%}
}

/* Tarjetas y piezas comunes */
.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}
.step{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:600;font-size:1.02rem;margin:0}
.step i{font-style:normal;width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:.8rem;font-weight:700}
.seg{display:flex;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:4px;gap:4px}
.seg button{flex:1;border:0;background:transparent;border-radius:9px;min-height:42px;font-weight:600;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.section-t{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 8px}
.section-t h2{font-family:var(--f-display);font-weight:600;font-size:1.1rem;margin:0}
.section-t span{color:var(--muted);font-size:.82rem}
.stack{display:flex;flex-direction:column;gap:18px}
.empty{color:var(--muted);text-align:center;padding:24px;font-size:.9rem}
.chip{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 9px;font-size:.78rem;font-weight:600}
.badge{width:38px;height:38px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--f-display);font-weight:700;flex:none}
.hero{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;background:var(--brand);color:var(--brand-ink);border-radius:14px;padding:12px 14px}
.hero b{font-family:var(--f-display);font-size:1.9rem;line-height:1;font-weight:600}
.hero > span{font-size:.85rem;opacity:.9}
.hero .split{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px;background:rgba(255,255,255,.2);width:100%}
.hero .split i{display:block;height:100%}
.hero .legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.78rem;width:100%}
.hero .legend span{display:flex;align-items:center;gap:5px}

/* Móvil: entregas */
.opts{display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0;min-width:0}
.opt-card{display:flex;align-items:center;gap:12px;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;min-height:54px;font-weight:600}
.opt-card input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:0}
.opt-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.qty{display:flex;align-items:center;justify-content:center;gap:18px}
.qty button{width:56px;height:56px;border-radius:16px;border:1.5px solid var(--line);background:var(--surface);font-size:1.6rem;font-weight:600;cursor:pointer;color:var(--accent)}
.qty output{font-family:var(--f-display);font-size:2.6rem;font-weight:600;min-width:2ch;text-align:center}
.qty-l{text-align:center;color:var(--muted);font-size:.85rem;margin:-6px 0 0}
.cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:0;padding:0;margin:0;min-width:0}
.cat-opt{display:flex;align-items:center;gap:8px;border:1.5px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;font-weight:600;font-size:.92rem;min-height:52px;position:relative}
.cat-opt input{position:absolute;opacity:0;width:1px;height:1px}
.cat-opt:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.cat-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.money-in{position:relative}
.money-in span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);font-weight:600}
.money-in .input{padding-left:30px;font-family:var(--f-display);font-size:1.3rem;font-weight:600}
.req{color:var(--danger);font-weight:600}
.mov{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.88rem;align-items:center}
.mov:last-child{border-bottom:0}
.mov .w{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}
.mov .n{grid-column:1/2;color:var(--muted);font-size:.8rem}
.mov .del{grid-column:2;justify-self:end;border:0;background:none;color:var(--danger);font-size:.78rem;font-weight:600;cursor:pointer;padding:2px 0}
@media (min-width:600px){ .two{display:grid;grid-template-columns:1fr 1fr;gap:14px} }

/* Jefe: historias */
.totals{display:grid;grid-template-columns:1fr;gap:8px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left;cursor:pointer}
.tile.main{background:var(--brand);color:var(--brand-ink);border-color:transparent;cursor:default}
.tile .lbl{font-size:.78rem;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:6px;min-width:0}
.tile.main .lbl,.tile.main .sub{color:var(--brand-ink);opacity:.85}
.tile .lbl span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tile .val{font-family:var(--f-display);font-weight:600;font-size:1.6rem;line-height:1.1}
.tile.main .val{font-size:2.2rem}
.tile[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:-1px}
.tile .sub{font-size:.78rem;color:var(--muted)}
@media (max-width:599px){.tile:not(.main){display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:10px;padding:10px 14px}.tile:not(.main) .val{grid-row:1/3;grid-column:2;font-size:1.4rem}}
.moviles{display:grid;grid-template-columns:1fr;gap:10px}
.mv{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mv-btn{width:100%;border:0;background:transparent;text-align:left;padding:14px;display:flex;flex-direction:column;gap:10px;cursor:pointer}
.mv-top{display:flex;align-items:center;gap:10px}
.mv-name{font-weight:600}
.mv-sub{font-size:.78rem;color:var(--muted)}
.mv-count{margin-left:auto;text-align:right}
.mv-count b{font-family:var(--f-display);font-size:1.4rem;font-weight:600;display:block;line-height:1}
.mv-count small{color:var(--muted);font-size:.72rem}
.chev{width:18px;height:18px;color:var(--muted);transition:transform .2s;flex:none}
.mv[data-open="true"] .chev{transform:rotate(180deg)}
.bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--line);gap:2px}
.bar i{display:block;height:100%}
.legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:.78rem;color:var(--muted)}
.legend span{display:flex;align-items:center;gap:5px}
.mv-list{border-top:1px solid var(--line);padding:6px 14px 12px}
.day{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.86rem}
.day:last-child{border-bottom:0}
.day time{color:var(--muted);font-weight:600;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters select{flex:1 1 220px;min-width:0}
.tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.count{color:var(--muted);font-size:.85rem}
.rows{display:flex;flex-direction:column;gap:8px}
.row-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:.88rem}
.row-card .pt{font-weight:600}
.row-card .meta{color:var(--muted);font-size:.8rem;grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.table-wrap{display:none;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px}
table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:600px}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;background:var(--bg)}
tbody tr:last-child td{border-bottom:0}
@media (min-width:600px){ .totals{grid-template-columns:repeat(4,minmax(0,1fr))} .moviles{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start} }
@media (min-width:900px){ .moviles{grid-template-columns:repeat(3,minmax(0,1fr))} .rows{display:none} .table-wrap{display:block} }

/* Jefe: gastos */
.live{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.72rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ok);margin-right:4px}
.live i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{50%{opacity:.3}}
.money{display:grid;grid-template-columns:1fr;gap:8px}
.money .m{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 12px;min-width:0}
.money .m .lbl{font-size:.74rem;color:var(--muted);font-weight:600;display:block}
.money .m b{font-family:var(--f-display);font-weight:600;font-size:1.3rem;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.money .saldo{order:-1;background:var(--brand);color:var(--brand-ink);border-color:transparent;padding:14px}
.money .saldo .lbl{color:var(--brand-ink);opacity:.85}
.money .saldo b{font-size:2rem}
.money .saldo small{opacity:.85;font-size:.8rem}
.meter{height:8px;border-radius:4px;background:rgba(255,255,255,.2);overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;background:var(--brand-ink)}
@media (max-width:599px){.money .m:not(.saldo){display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px}.money .m:not(.saldo) .lbl{font-size:.85rem}.money .m:not(.saldo) b{font-size:1.05rem}}
@media (min-width:600px){ .money{grid-template-columns:repeat(4,minmax(0,1fr))} .money .saldo{order:4} .money .saldo b{font-size:1.5rem} }
.card-plain{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:12px}
.catbars{display:flex;flex-direction:column;gap:10px}
.catbar{display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;font-size:.88rem}
.catbar .nm{display:flex;align-items:center;gap:8px;font-weight:600}
.catbar .amt{text-align:right}
.catbar .amt small{color:var(--muted);margin-left:6px}
.catbar .track{grid-column:1/-1;height:8px;border-radius:4px;background:var(--line);overflow:hidden}
.catbar .track i{display:block;height:100%;border-radius:4px}
.eq{display:grid;grid-template-columns:1fr auto;gap:2px 0;font-size:.84rem}
.eq span:nth-child(odd){color:var(--muted)}
.eq span:nth-child(even){text-align:right}
.eq .tot{border-top:1px solid var(--line);padding-top:6px;margin-top:4px;font-weight:700;color:var(--fg)!important}
.state{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px}
.state.ok{background:var(--ok-soft);color:var(--ok)} .state.warn{background:var(--c2-soft);color:var(--c2)} .state.bad{background:var(--danger-soft);color:var(--danger)}
.spent{height:8px;border-radius:4px;background:var(--line);overflow:hidden;display:flex}
.spent i{display:block;height:100%}
.base-edit{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0 4px;font-size:.84rem}
.base-edit .input{flex:1 1 120px;min-height:40px;padding:0 10px}

/* Jefe: móviles */
.alert{display:flex;flex-wrap:wrap;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--danger);border-radius:12px;padding:12px 14px;font-size:.9rem}
.alert .t{flex:1 1 180px;min-width:0}
.alert .t small{display:block;color:var(--muted)}
.cred{background:var(--brand);color:var(--brand-ink);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.cred h3{margin:0;font-family:var(--f-display);font-weight:600;font-size:1.05rem}
.cred dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:0;align-items:center}
.cred dt{opacity:.8;font-size:.85rem}
.cred dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.03em;user-select:all}
.cred p{margin:0;font-size:.82rem;opacity:.85}
.cred .row-b{display:flex;gap:8px;flex-wrap:wrap}
.cred button{min-height:38px;border:1.5px solid var(--brand-ink);background:transparent;color:var(--brand-ink);border-radius:10px;padding:0 12px;font-weight:600;cursor:pointer}
.mv-users{display:grid;grid-template-columns:1fr;gap:8px}
.mu{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.mu.off{opacity:.6}
.mu .info{flex:1 1 150px;min-width:0}
.mu .info b{display:block}
.mu .info small{color:var(--muted);font-size:.8rem}
.tag{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.tag.pend{background:var(--c2-soft);color:var(--c2)} .tag.off{background:var(--line);color:var(--muted)}
.acts{display:flex;gap:6px;flex-wrap:wrap}
.acts button{min-height:38px;border:1px solid var(--line);background:var(--bg);border-radius:10px;padding:0 10px;font-size:.84rem;font-weight:600;cursor:pointer}
.acts button.danger{color:var(--danger)}
.emp-row{display:flex;align-items:center;gap:10px;font-weight:600;font-size:.92rem;padding:6px 0}
.emp-row.off{opacity:.55}
.emp-row .acts{margin-left:auto}
.add-row{display:flex;gap:8px}
.add-row .input{min-height:44px}
@media (min-width:900px){ .mv-users{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (prefers-reduced-motion:reduce){ .spin,.live i{animation:none} .chev{transition:none} }
.hero .legend{color:var(--brand-ink);opacity:.9}
.head .sel{width:auto;max-width:100%}