/* Recepción, Usuarios y Configuración: columnas fijas y bloques del mismo ancho. */

/* Recepción */
.rc-strip{margin-bottom:16px}
.rc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.rc-grid .px-search{margin-bottom:14px}
.rc-results{list-style:none;display:flex;flex-direction:column;gap:10px}
.rc-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--card)}
.rc-card .av{margin:0}
.rc-body{min-width:0;display:flex;flex-direction:column;gap:4px}
.rc-body a{color:var(--ink);text-decoration:none}.rc-body a:hover{text-decoration:underline}
.rc-body b{font-size:14px}
.rc-body small{font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-chips{display:flex;gap:6px;flex-wrap:wrap}
.rc-chips .tag{padding:3px 9px;font-size:10.5px}
.rc-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.rc-main{min-width:150px;justify-content:center;display:inline-flex}
.rc-wait{align-items:center;font-size:12.5px;font-weight:700;color:var(--deep);border:1px dashed var(--line);border-radius:11px;padding:6px 12px}
.rc-group+.rc-group{margin-top:12px}
.rc-gh{display:flex;align-items:center;gap:8px;padding:6px 4px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.rc-gh b{font-weight:800}
.rc-gh span{min-width:22px;height:22px;border-radius:99px;display:grid;place-items:center;background:var(--mist);color:var(--ink);font-weight:800;letter-spacing:0}
.rc-gh .ph-link{margin-left:auto;text-transform:none;letter-spacing:0}
.rc-group ul{list-style:none}
.rc-q{display:grid;grid-template-columns:52px minmax(0,1fr) 116px 104px;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--line)}
.rc-q:last-child{border-bottom:0}
.rc-q.late{background:color-mix(in srgb,var(--bad) 5%,transparent)}
.rc-time{font-weight:800;font-size:13px;color:var(--deep);font-variant-numeric:tabular-nums}
[data-theme=dark] .rc-time{color:var(--deepd)}
.rc-q.late .rc-time{color:var(--bad)}
.rc-who{min-width:0}
.rc-who b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-who small{display:block;font-size:11.5px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-act{display:flex;justify-content:flex-end}
.rc-act .btn{width:100%;justify-content:center}
@media(max-width:1100px){.rc-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.rc-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rc-q{grid-template-columns:46px minmax(0,1fr)}.rc-st,.rc-act{grid-column:2}.rc-act{justify-content:flex-start}.rc-act .btn{width:auto}.rc-main{min-width:0}}

/* Usuarios */
.us-usage{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 18px;align-items:center;margin-bottom:16px}
.us-usage b{display:block;font-size:22px;font-weight:800}
.us-usage small{font-size:12px;color:var(--mute)}
.us-usage .ph-meter{width:100%;margin:0}
.us-usage .mhelp{grid-column:1/-1;margin:0}
.us-list{list-style:none;display:flex;flex-direction:column}
.us-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.6fr) 120px 110px 90px;gap:14px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--line)}
.us-row:last-child{border-bottom:0}
.us-row.off{opacity:.6}
.us-head{padding:8px 6px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.us-who{display:flex;align-items:center;gap:10px;min-width:0}
.us-who .av{margin:0;flex:none}
.us-who>span{min-width:0}
.us-who b{display:block;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-who b em{font-style:normal;font-weight:500;color:var(--mute)}
.us-who small{display:block;font-size:12px;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.us-role{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.us-role small{font-size:11.5px;color:var(--mute);line-height:1.4}
.us-seen{font-size:12.5px;font-variant-numeric:tabular-nums}
.us-act{display:flex;justify-content:flex-end}
.us-matrix-wrap{overflow-x:auto}
.us-matrix{width:100%;border-collapse:collapse;font-size:12.5px}
.us-matrix th,.us-matrix td{padding:9px 8px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}
.us-matrix thead th{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);font-weight:800;white-space:normal;vertical-align:bottom}
.us-matrix tbody th{text-align:left;font-weight:700}
.us-yes svg{width:18px;height:18px;fill:none;stroke:var(--ok);stroke-width:2;vertical-align:middle}
.us-no{color:var(--line)}
.us-pw{display:flex;gap:8px}
.us-pw input{flex:1;min-width:0;font-family:Consolas,'Courier New',monospace!important}
@media(max-width:1000px){.us-head{display:none}.us-row{grid-template-columns:minmax(0,1fr) auto}.us-role,.us-seen{grid-column:1}.us-row>span:nth-child(4){grid-column:2;grid-row:1}.us-act{grid-column:2;grid-row:2}}

/* Configuración */
.cfg-index{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;position:sticky;top:0;z-index:5;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(6px);box-shadow:var(--sh)}
.cfg-index button{height:32px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:600 12px 'Plus Jakarta Sans',sans-serif;cursor:pointer;white-space:nowrap}
.cfg-index button:hover{border-color:var(--deep);color:var(--deep)}
.cfg-sec{scroll-margin-top:70px}
#cfg-plan{margin-bottom:18px}
#cfg-plan .pos-strip{margin-bottom:12px}
.cfg-mods{display:flex;flex-wrap:wrap;gap:8px}
.cfg-mod{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:12px;background:var(--snow);border:1px solid var(--line);font-size:12.5px;font-weight:600}
.cfg-mod svg{width:14px;height:14px;fill:none;stroke:var(--ok);stroke-width:2.2}
.cfg-mod.off{opacity:.5;font-weight:500}
.cfg-mod .tag{padding:2px 8px;font-size:10px}
.cfg-grid{margin-top:0}

/* Verificación en dos pasos */
.us-state{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.tf-steps{display:flex;flex-direction:column;gap:14px;padding-left:20px;margin-bottom:12px}
.tf-steps li b{display:block;font-size:13.5px}
.tf-steps li small{display:block;font-size:12px;color:var(--mute);margin-top:2px}
.tf-steps .fd-two{margin-top:8px}
.tf-key{display:block;margin:8px 0 4px;padding:10px 14px;border-radius:12px;background:var(--snow);border:1px dashed var(--line);font:700 15px Consolas,'Courier New',monospace;letter-spacing:.08em;color:var(--ink);word-break:break-all}
.tf-codes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tf-codes code{padding:9px;border-radius:10px;background:var(--snow);border:1px solid var(--line);font:700 14px Consolas,'Courier New',monospace;text-align:center;letter-spacing:.06em}