:root{--royal-orange:#d66233;--royal-orange-dark:#b44920;--royal-orange-soft:#fff0e8;--royal-ink:#19171c;--royal-white:#ffffff;--nav:#19171c;--green:#b44920;--lime:#ffd8c4;--bg:#f7f5f3;--muted:#7b7775;--action-ink:#19171c;--action-purple:#d66233;--action-purple-light:#fff0e8}
body{background:var(--bg);color:#29252a}
aside{background:var(--royal-ink);color:#c9c4c1;padding-top:20px}
.brand{background:#fff;border-radius:16px;padding:10px 8px;line-height:0;box-shadow:0 3px 12px #00000015}
.brand .royal-logo{display:block;width:100%;height:145px;object-fit:contain}
aside>.label{color:#e7a88d;text-align:center;font-size:9px;letter-spacing:2px;margin:14px 0 22px}
.asidefoot{color:#b7adab}
header{background:#fff;border-bottom-color:#e9e1dc}
.eyebrow{color:var(--royal-orange-dark)}
.demo{background:#fff0e8;color:#8c4428}
.stat:first-child{background:var(--royal-ink)}
.stat:first-child .value{color:#ffb793}
.stat:first-child small{color:#d2c5be}
.panel,.stat{border-color:#e9e3de}
.tour{border-color:#e8dfd8}
.bar span{background:var(--royal-orange)}
.stop:first-child{border-color:var(--royal-orange-dark)}
.stop:nth-child(2){border-color:#f2a57f}
button.primary:hover{background:#3a2924;border-color:#3a2924}
.create-action .action-plus{background:var(--royal-orange)}
button.secondary:hover{background:#fff6f0;border-color:#edc3ae}
button.link{color:var(--royal-orange-dark)}
button:focus-visible,summary:focus-visible{outline-color:#e88d60}
nav button.active{background:#30221e}
nav .navgroup button.active{background:#fff0e8;color:#9b3e1b;box-shadow:inset 3px 0 0 var(--royal-orange)}
#alertcount{background:#fff0e8;color:#b64b20}
#alertbell{color:#5c3728}
#alertprofile{border-color:#e4d6ce}
.alertitem.unread{background:#fff7f1;border-left-color:var(--royal-orange)}
.deal{background:#fff9f5;border-color:#eee0d6;color:#4d352a}
.deal:hover{border-color:#dd906d}
#hrcontent a{color:var(--royal-orange-dark)}
.detail{background:#f7f2ee}
nav .navgroup summary{--menu-color:#f59c70;--menu-tint:#d6623326}
nav [data-navigation="Presupuestos"]{--menu-color:#f59c70;--menu-tint:#d6623326}
nav .navgroup [data-navigation="Presupuestos"].active .menu-icon-wrap{color:#ae481f;background:#ffe0ce}
@media(max-width:700px){aside{padding:15px 18px}.brand{width:168px;padding:8px}.brand .royal-logo{height:112px}aside>.label{display:none}}
/* Marca compacta para priorizar el espacio del menú. */
aside{padding-top:14px}
.brand{max-width:116px;align-self:center;width:100%;padding:5px 8px;border-radius:10px}
.brand .royal-logo{height:72px}
aside>.label{font-size:8px;letter-spacing:1.6px;margin:8px 0 12px}
@media(max-width:700px){.brand{width:92px;max-width:92px;align-self:flex-start;padding:4px 6px}.brand .royal-logo{height:56px}}
/* Menú lateral con el naranja de la identidad corporativa. */
aside{background:var(--royal-orange);color:#2b1b15}
aside>.label{color:#3c2116}
aside nav button{color:#2b1b15}
aside nav button:hover:not(.active){background:#ffffff26}
aside nav button.active{background:#19171c;color:#fff}
aside .navgroup{background:#ffffff15}
aside nav .navgroup summary{color:#2b1b15}
aside nav .navgroup button.active{background:#fff4ec;color:#743014}
aside .asidefoot{color:#3c2116;border-top-color:#321a1133}
aside .asidefoot strong{color:#2b1b15!important}
aside .asidefoot span{color:#3c2116!important}
aside nav [data-navigation="Resumen"]{--menu-color:#15719b}
aside nav [data-navigation="Proyectos y giras"]{--menu-color:#315db3}
aside nav [data-navigation="Equipos propios"]{--menu-color:#087e79}
aside nav [data-navigation="Contratistas"]{--menu-color:#a45214}
aside nav [data-navigation="Finanzas"]{--menu-color:#187744}
aside nav [data-navigation="Clientes"]{--menu-color:#a72b6c}
aside nav [data-navigation="Gestión comercial"]{--menu-color:#8e6a08}
aside nav [data-navigation="Gestión Humana"]{--menu-color:#7443b2}
aside nav [data-navigation="Centro de alertas"]{--menu-color:#ad4d26}
aside nav [data-navigation="Usuarios y permisos"]{--menu-color:#4b56b4}
aside nav [data-navigation="Presupuestos"],aside nav .navgroup summary{--menu-color:#9c421f}
aside nav [data-navigation="Órdenes"]{--menu-color:#2464bc}
aside nav [data-navigation="Anticipos"]{--menu-color:#087e68}
aside nav [data-navigation] .menu-icon-wrap,aside nav .navgroup summary .menu-icon-wrap,aside nav [data-navigation].active .menu-icon-wrap{background:#fff1e5;color:var(--menu-color)}
aside nav [data-navigation]:hover .menu-icon-wrap{background:#fff8f3}
aside nav{scrollbar-width:thin;scrollbar-color:#642d1659 #ffffff18}
/* Logo pequeño directamente sobre el naranja, sin tarjeta blanca. */
aside .brand{background:transparent;box-shadow:none;border:0;border-radius:0;padding:0;width:90px;max-width:90px}
aside .brand .royal-logo{height:56px;width:100%;object-fit:contain}
aside>.label{margin:6px 0 11px}
@media(max-width:700px){aside .brand{width:76px;max-width:76px;padding:0}aside .brand .royal-logo{height:46px}}
/* Menú compacto: menos separación vertical, con áreas de clic cómodas. */
aside nav [data-navigation],aside nav .navgroup summary{min-height:36px;padding:4px 10px;gap:9px;margin:1px 0}
aside nav .menu-icon-wrap{width:26px;height:26px;border-radius:7px}
aside nav .menu-icon{width:18px;height:18px}
aside nav .navgroup{margin:5px 0;padding:2px}
aside nav .navgroup [data-navigation]{padding-left:14px;min-height:34px}
aside nav .navgroup [data-navigation] .menu-icon-wrap{width:24px;height:24px}
aside nav .navgroup [data-navigation] .menu-icon{width:17px;height:17px}
aside>.label{margin-bottom:7px}
@media(max-width:700px){aside nav [data-navigation]{padding:5px 10px;min-height:36px}}