/* ════════════════════════════════════════════════════════════════
   role.css — Vista por rol (admin | setter).
   Compartido por movil.prod.html y escritorio.prod.html.
   El rol vive en localStorage('nox-role'); role.js pone
   html.role-setter y monta el toggle. PENDIENTE CABLEADO: el rol
   real vendrá del backend (ver PLAN_CABLEADO.md · "Rol de usuario").
   ════════════════════════════════════════════════════════════════ */

/* ── Toggle de rol (móvil · junto al saludo) ── */
.rs-pill{
  display:inline-flex; align-items:center; gap:5px; margin-top:8px;
  padding:5px 11px; border-radius:99px; cursor:pointer;
  background:var(--nox-card); border:1px solid var(--nox-border);
  color:var(--nox-text-2); font-family:var(--font-body,'DM Sans',sans-serif);
  font-size:11px; font-weight:500;
}
.rs-pill b{ color:var(--nox-text-1,var(--ink-1)); font-weight:650; }
.rs-pill:active{ transform:scale(0.97); }

/* ── Mensaje contextual del setter bajo el saludo ── */
.rs-ctx{
  margin-top:4px; font-family:var(--font-body,'DM Sans',sans-serif);
  font-size:12px; color:var(--nox-text-2); text-wrap:pretty;
}

/* ════ MÓVIL · rol setter ════ */
/* sin cifras de dinero: montos de la cola + "$ en riesgo" */
html.role-setter .am-qamt{ display:none !important; }
html.role-setter #am-urg-amt{ display:none !important; }
/* análisis del negocio (dato de todo el tenant) fuera; Nox-Bot (copiloto) se queda */
html.role-setter #noxan{ display:none !important; }
/* nav reducido: sin Equipo */
html.role-setter .tabbar .tab[data-tab="equipo"]{ display:none !important; }

/* "Mi actividad hoy" — reemplaza el bloque "$ en riesgo" de la cola */
.rs-act{ display:flex; flex-direction:column; gap:8px; }
.rs-act-big{ display:flex; align-items:baseline; gap:7px; }
.rs-act-big b{
  font-family:var(--font-mono,'DM Mono',monospace); font-weight:500;
  font-size:26px; line-height:1; letter-spacing:-0.5px; color:var(--nox-text-1,var(--ink-1));
}
.rs-act-big span{ font-size:10.5px; color:var(--nox-text-3); }
.rs-act-row{ display:flex; gap:14px; }
.rs-act-row span{ font-size:10.5px; color:var(--nox-text-3); }
.rs-act-row b{
  font-family:var(--font-mono,'DM Mono',monospace); font-weight:500;
  font-size:13px; color:var(--nox-text-1,var(--ink-1)); margin-right:2px;
}

/* badge IA en violeta (exclusivo IA) en vista setter */
html.role-setter .am-badge-ia,
html.role-setter .nb-tag,
html.role-setter .noxan-tag{
  background:rgba(124,58,237,0.16) !important;
  border-color:rgba(124,58,237,0.38) !important;
  color:#a78bfa !important;
}