/* Cuandeoro UI-STD (Spec R90) — header unificado + paleta sobria
   C_primary #121212 (carbón) · C_secondary #2D2D2D (slate) · C_accent #E0E0E0 (plata)
   Sin gradientes complejos ni animaciones no funcionales. Contraste WCAG AA. */
:root{
  --cuo-primary:#121212; --cuo-secondary:#1E1E1E; --cuo-accent:#E0E0E0;
  --cuo-muted:#9aa0a6; --cuo-line:#4A4A4A; --cuo-pad:16px; --cuo-pad-lg:24px;
}
.cuo-header{
  position:sticky; top:0; z-index:100;
  display:flex; align-items:center; gap:var(--cuo-pad-lg);
  background:var(--cuo-secondary); border-bottom:1px solid var(--cuo-line);
  padding:12px var(--cuo-pad-lg); font-family:system-ui,Segoe UI,Roboto,sans-serif;
}
.cuo-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cuo-accent);font-weight:700;letter-spacing:.02em}
.cuo-brand .cuo-sub{color:var(--cuo-muted);font-weight:400;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em}
.cuo-nav{display:flex;gap:4px;align-items:center;margin-left:auto;flex-wrap:wrap}
.cuo-nav a{color:var(--cuo-accent);text-decoration:none;font-size:.85rem;padding:7px 14px;border-radius:6px;transition:background .15s}
.cuo-nav a:hover{background:#3a3a3a}
.cuo-nav a.active{background:#3a3a3a;font-weight:600}
.cuo-nav a.cuo-am{border:1px solid var(--cuo-muted)}        /* Asset Management — acceso directo */
.cuo-user{color:var(--cuo-muted);font-size:.8rem;padding-left:var(--cuo-pad)}
@media(max-width:640px){.cuo-header{flex-wrap:wrap;gap:var(--cuo-pad)}.cuo-nav{margin-left:0}}