/* Recepción: panel operativo. Barra lateral fija, contenido en tarjetas. */
.radmin{display:grid;grid-template-columns:240px 1fr;min-height:100vh;position:relative;z-index:1}
.rside{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:14px;padding:22px 14px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px)}
.rtag{font:600 .62rem var(--f-d);letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin:-8px 0 8px 4px}
.rside nav{display:grid;gap:2px;flex:1;align-content:start}
.rside nav button{display:flex;align-items:center;gap:12px;border:0;background:none;cursor:pointer;color:var(--mut);padding:11px 12px;border-radius:11px;font:600 .9rem var(--f-b);text-align:left}
.rside nav button:hover{background:var(--card2);color:var(--ink)}
.rside nav button.on{background:var(--brand);color:var(--on)}
.rside nav svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.rside nav i{margin-left:auto;font:700 .7rem var(--f-b);font-style:normal;background:var(--warn);color:#1a1000;border-radius:99px;padding:2px 7px}
.rmain{padding:26px clamp(16px,3vw,36px) 60px;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start}
.rtop{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap}
.rtop h2{font-size:clamp(1.8rem,3vw,2.4rem);margin-top:6px}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.kpi2{display:grid;gap:4px;text-align:left;border:0;cursor:pointer;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:18px;color:var(--ink);transition:transform .3s var(--spring),box-shadow .25s;position:relative;overflow:hidden}
.kpi2:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--brand)}
.kpi2 b{font:700 1.9rem/1 var(--f-d);font-variant-numeric:tabular-nums}.kpi2 span{font-weight:600;font-size:.9rem}.kpi2 small{color:var(--mut);font-size:.78rem}
.kpi2::after{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:var(--brand)}
.kpi2.warn::after{background:var(--warn)}.kpi2.bad::after{background:var(--bad)}.kpi2.warn b{color:var(--warn)}.kpi2.bad b{color:var(--bad)}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cols>*{min-width:0}
.chart{display:flex;align-items:flex-end;gap:6px;height:180px;margin-top:16px;border-bottom:1px solid var(--line);padding-bottom:22px;position:relative}
.bcol{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative}
.bcol i{width:100%;max-width:28px;border-radius:6px 6px 2px 2px;background:linear-gradient(var(--brand),var(--brand2));transform-origin:bottom;animation:grow .8s var(--ease) both}
.bcol span{position:absolute;bottom:-20px;font:600 .64rem var(--f-d);color:var(--mut)}
.who{display:grid;text-align:left;border:0;background:none;cursor:pointer;color:var(--ink);padding:0}
.who:hover b{color:var(--brand)}
.search{max-width:360px}
.cnt{font-size:.72rem;opacity:.65;margin-left:2px}
table.t tr[data-sel]{cursor:pointer}table.t tr[data-sel]:hover td{background:var(--card2)}table.t tr.sel td{background:color-mix(in srgb,var(--brand) 8%,transparent)}
code{font:600 .82rem var(--f-d);letter-spacing:.04em}
.warnt{color:var(--warn);font-weight:700}
.panel{position:fixed;z-index:91;top:0;right:0;bottom:0;width:min(520px,100vw);overflow:auto;background:var(--bg2);box-shadow:-30px 0 80px -30px #000,inset 1px 0 0 var(--line2);padding:26px;display:grid;gap:18px;align-content:start;animation:drawIn .4s var(--ease)}
.panel .x{position:absolute;right:16px;top:16px}
.mini{background:var(--card);border-radius:12px;padding:10px 12px;display:grid;gap:4px;box-shadow:inset 0 0 0 1px var(--line)}
.mini small{font:600 .6rem var(--f-d);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}.mini .tag{justify-self:start}
.checkform{display:grid;gap:14px;align-content:start}
.checkform input{font:700 2rem var(--f-d)!important;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:18px!important}
.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.board:has(.bcolumn:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
.bcolumn{background:var(--bg2);border-radius:16px;box-shadow:inset 0 0 0 1px var(--line);padding:12px;display:grid;gap:10px;align-content:start;min-height:140px}
.ocard{background:var(--card);border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:12px;display:grid;gap:6px;animation:up .35s var(--ease)}
.ocard .btn{justify-self:start}
.warnc{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--warn) 50%,transparent)}
.rlogin{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;z-index:1}
.rlogin form{width:min(420px,100%);padding:30px;gap:14px}
@media (max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.radmin{grid-template-columns:1fr}.rside{position:sticky;top:0;z-index:20;height:auto;flex-direction:row;align-items:center;padding:10px 12px;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.rside .rtag,.rside>.btn{display:none}.rside nav{display:flex;flex:none}.rside nav button span{display:none}.rside .wm{flex:none;width:90px!important;height:32px!important}
  .cols,.board{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr}.board:has(.bcolumn:nth-child(3):last-child){grid-template-columns:1fr}}

.rmain .row.sp>.chips{min-width:0;max-width:100%;flex:1 1 420px}.search{width:100%;flex:1 1 220px}.rtop>*{min-width:0}