/* ALBRIAM Retail Control v8 */
#menu{overflow:hidden;min-height:0;position:sticky;top:0;align-self:start;height:calc(100vh - 82px)}.nav-scroll{height:100%;overflow-y:scroll;overflow-x:hidden;padding:10px 8px 24px;scrollbar-width:thin;scrollbar-color:#d7ad50 #071f30}.nav-scroll::-webkit-scrollbar{width:8px}.nav-scroll::-webkit-scrollbar-track{background:#071f30}.nav-scroll::-webkit-scrollbar-thumb{background:#d7ad50;border-radius:10px;border:2px solid #071f30}.nav-section{padding:16px 12px 6px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#7892a5}.nav-modern{display:flex!important;align-items:center;gap:11px;width:100%;min-height:44px;border-radius:11px!important;margin:2px 0!important;transition:transform .16s ease,background .16s ease,border-color .16s ease}.nav-modern:hover{transform:translateX(3px);background:rgba(255,255,255,.06)!important}.nav-modern.active{box-shadow:0 8px 20px rgba(0,0,0,.18)}.nav-icon{width:27px;height:27px;flex:0 0 27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(226,189,112,.3);border-radius:8px;color:#e2bd70;background:rgba(226,189,112,.06);font-size:15px}.nav-modern.active .nav-icon{background:rgba(7,31,48,.14);border-color:rgba(7,31,48,.2);color:#071f30}.nav-exit{margin-top:3px!important}.module-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.module-kicker{display:block;margin-bottom:4px;color:#e2bd70;font-size:10px;letter-spacing:1.7px;font-weight:800}.table-wrap{overflow:auto}.status-pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800;border:1px solid transparent}.status-pendiente{background:rgba(226,189,112,.12);color:#e2bd70;border-color:rgba(226,189,112,.3)}.status-parcial{background:rgba(99,179,237,.12);color:#90cdf4;border-color:rgba(99,179,237,.28)}.status-pagada{background:rgba(72,187,120,.12);color:#9ae6b4;border-color:rgba(72,187,120,.28)}.status-vencida{background:rgba(245,101,101,.12);color:#feb2b2;border-color:rgba(245,101,101,.28)}.empty-state{text-align:center;padding:34px 18px;border:1px dashed rgba(226,189,112,.28);border-radius:14px;color:#9db0bd}.empty-state b{display:block;color:#fff;font-size:16px;margin:7px 0}.empty-state p{max-width:520px;margin:0 auto;line-height:1.55}.empty-icon{width:48px;height:48px;margin:auto;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(226,189,112,.08);border:1px solid rgba(226,189,112,.24);color:#e2bd70;font-size:24px}@media(max-width:800px){#menu{position:static;height:auto}.nav-scroll{height:auto;max-height:calc(100vh - 84px)}.nav-section{padding-top:10px}}

/* Menú Galindo: jerarquía y legibilidad para presentación comercial */
#menu{background:#061b2b;border-right:1px solid #244458}
.nav-scroll{padding:12px 10px 20px}
.menu-brand{padding:12px 12px 17px;border-bottom:1px solid rgba(226,189,112,.19);margin-bottom:8px;display:flex;flex-direction:column;gap:4px}
.menu-brand-title{font-size:12px;font-weight:850;letter-spacing:1.1px;color:#f3d18a}
.menu-brand-subtitle{font-size:12px;color:#a7becb}
.menu-group{margin:5px 0;border:1px solid transparent;border-radius:12px}
.menu-group[open]{background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.055)}
.menu-group-title{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;padding:13px 12px;color:#b5cbd8;font-size:11px;letter-spacing:1px;font-weight:800}
.menu-group-title::-webkit-details-marker{display:none}
.menu-group-title:hover{color:#fff}
.menu-chevron{font-size:18px;transition:transform .2s ease}
.menu-group[open] .menu-chevron{transform:rotate(180deg)}
.menu-group-items{padding:0 5px 7px}
.nav-modern{min-height:46px!important;padding:9px 11px!important;font-size:13px;font-weight:600;line-height:1.25}
.nav-modern:focus-visible,.menu-group-title:focus-visible{outline:2px solid #f0c46a;outline-offset:2px}
.nav-modern.active{background:#e6bb64!important;color:#102332!important}
.nav-label{flex:1;min-width:0}
.menu-session{border-top:1px solid rgba(226,189,112,.18);margin-top:13px;padding-top:6px}
@media(min-width:801px){.shell{grid-template-columns:252px minmax(0,1fr)}}
@media(max-width:800px){#menu{position:relative;height:auto}.nav-scroll{max-height:50vh;overflow-y:auto}.menu-group-title{padding:12px}}


/* Menú plegable: deja libre el área de trabajo cuando se oculta */
.menu-brand{display:grid;grid-template-columns:1fr auto;align-items:center}
.menu-brand-subtitle{grid-column:1/-1}
.menu-collapse-btn{background:#12364b;color:#f3d18a;border:1px solid #35556a;border-radius:8px;cursor:pointer;padding:5px 10px;font-size:19px;line-height:1.3}
.menu-collapse-btn:focus-visible{outline:2px solid #f0c46a;outline-offset:2px}
.shell.galindo-menu-collapsed{grid-template-columns:54px minmax(0,1fr)}
.galindo-menu-collapsed #menu{overflow:visible}
.galindo-menu-collapsed #menu .nav-scroll{overflow:visible;padding:12px 5px}
.galindo-menu-collapsed .menu-brand{display:flex;justify-content:center;padding:6px 0 12px}
.galindo-menu-collapsed .menu-brand-title,.galindo-menu-collapsed .menu-brand-subtitle,.galindo-menu-collapsed .menu-group,.galindo-menu-collapsed .menu-session{display:none}
@media(max-width:800px){.shell.galindo-menu-collapsed{grid-template-columns:54px minmax(0,1fr)}}


/* Galindo responsive shell · el menú móvil no empuja al dashboard */
.galindo-mobile-trigger,.galindo-menu-backdrop{display:none}
@media(max-width:800px){
 html,body{max-width:100%;overflow-x:hidden}
 #app{min-width:0;overflow-x:hidden}
 .apphead{height:68px;min-height:68px;padding:8px 12px;gap:9px;overflow:hidden}
 .apphead img{width:75px;max-width:20%;height:auto;flex:0 0 auto}
 .apphead .divider{height:30px;flex:0 0 1px}
 .apphead>div:not(.divider):not(.who){min-width:0;flex:1}
 .apphead h3{font-size:13px;line-height:1.2;white-space:normal;margin:0}
 .apphead small{font-size:10px;line-height:1.2}
 .apphead .who{font-size:10px;line-height:1.2;max-width:76px;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis}
 .galindo-mobile-trigger{display:inline-flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:10px;border:1px solid #436176;background:#11354a;color:#f0c66d;font-size:21px;cursor:pointer}
 .shell,.shell.galindo-menu-collapsed{display:block;min-height:calc(100dvh - 68px);width:100%}
 #menu{position:fixed!important;z-index:1002;top:0;bottom:0;left:0;width:min(300px,85vw);height:100dvh!important;max-height:100dvh;overflow:hidden!important;transform:translateX(-105%);transition:transform .23s ease;box-shadow:16px 0 40px rgba(0,0,0,.24);visibility:hidden}
 .galindo-mobile-open #menu{transform:translateX(0);visibility:visible}
 #menu .nav-scroll,.galindo-menu-collapsed #menu .nav-scroll{height:100%;max-height:100%;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 10px 28px}
 .galindo-menu-collapsed #menu .menu-brand{display:grid}
 .galindo-menu-collapsed #menu .menu-brand-title,.galindo-menu-collapsed #menu .menu-brand-subtitle,.galindo-menu-collapsed #menu .menu-group,.galindo-menu-collapsed #menu .menu-session{display:initial}
 #menu .nav-modern{font-size:13px!important;white-space:normal}
 #menu .nav-modern:before{display:none!important}
 .galindo-menu-backdrop{display:none;position:fixed;inset:0;z-index:1001;width:100%;height:100dvh;border:0;background:rgba(0,9,19,.7);cursor:pointer}
 .galindo-mobile-open .galindo-menu-backdrop{display:block}
 body.galindo-menu-lock{overflow:hidden}
 main#main{width:100%;min-width:0;padding:15px 12px 24px;overflow:visible}
 main#main .panel{min-width:0}
 .welcome-strip{padding:13px!important;margin-bottom:12px}
 .welcome-strip b{font-size:17px}
 .welcome-strip button{font-size:13px;padding:10px 12px}
 .module-title{flex-wrap:wrap}
 .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kpi{min-width:0}
 .kpi b{font-size:20px;overflow-wrap:anywhere}
}
@media(max-width:390px){
 .apphead img{width:60px}
 .apphead .who{max-width:52px}
 .apphead h3{font-size:12px}
 .apphead small{font-size:9px}
 .kpis{grid-template-columns:1fr 1fr}
}