/* Presentacion comun. No afecta el contenido del editor de facturas ni los PDF. */
body[data-interfaz] {--fondo:#f5f7f9;--borde:#e1e7ec;--texto:#172337;--texto-suave:#607086;--radio:12px;--sombra:0 2px 8px #17324d06;}
body[data-interfaz] #app {--acento:#087c68;--acento-oscuro:#056553;--acento-suave:#e5f6ef;--rail:88px;--panel-nav:246px;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}
#ui-rail {width:var(--rail);flex:0 0 var(--rail);height:100dvh;position:sticky;top:0;display:flex;flex-direction:column;border-right:1px solid var(--borde);background:white;color:#344156;z-index:30;}
.ui-rail-logo,.ui-logo {font-size:43px;font-weight:850;line-height:1;color:#087c68;letter-spacing:-4px;}
.ui-rail-logo {text-align:center;padding:22px 0;}
.ui-icon {width:21px;height:21px;flex:0 0 21px;vertical-align:middle;}
.ui-modulos {flex:1;min-height:0;overflow:auto;padding:0 7px;scrollbar-width:thin;}
.ui-modulo,#ui-rail .ui-link,.ui-perfil {appearance:none;border:0;background:transparent;width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;color:inherit;padding:11px 3px;margin:3px 0;border-radius:10px;cursor:pointer;font-size:10px;line-height:1.25;text-align:center;overflow-wrap:anywhere;}
.ui-modulo .ui-icon {width:24px;height:24px;}
.ui-modulo:hover,#ui-rail .ui-link:hover,.ui-perfil:hover {background:#edf3f4;}
.ui-modulo.activo,#ui-rail .ui-link.activo {background:#e0f5ec;color:#056553;font-weight:650;}
.ui-perfil {margin:6px 0 12px;padding:12px 4px;border-radius:0;border-top:1px solid var(--borde);}
body[data-interfaz] .lateral {width:var(--panel-nav);flex:0 0 var(--panel-nav);background:#fafbfd;color:#344156;border-right:1px solid var(--borde);height:100dvh;z-index:29;min-width:0;}
.ui-brand {display:none;padding:22px;gap:12px;align-items:center;font-size:25px;color:#182a38;letter-spacing:-.6px;}
body[data-interfaz] .marca {padding:24px 18px 18px;border-bottom:1px solid var(--borde);margin:0 12px 12px;gap:10px;}
body[data-interfaz] .marca .logotipo {background:#eaf0f2;color:#344156;}
body[data-interfaz] .marca b {color:#263649;font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
body[data-interfaz] .marca span {display:block;margin-top:4px;color:#65768a;}
body[data-interfaz] .boton-negocio {background:#fff;color:#263649;border:1px solid var(--borde);margin:18px 12px;padding:12px;max-width:calc(100% - 24px);}
body[data-interfaz] #negocio-nombre {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;}
body[data-interfaz] #negocio-tipo {font-size:11px;}
body[data-interfaz] .ui-varios-negocios .marca {display:none;}
body[data-interfaz] .menu {padding:4px 14px 14px;scrollbar-width:thin;}
.ui-link {width:100%;border:0;border-radius:8px;background:transparent;color:#344156;display:flex;align-items:center;gap:10px;padding:12px 11px;text-align:left;font-size:13px;line-height:1.45;cursor:pointer;margin:2px 0;}
.ui-link:hover {background:#edf3f5;}.ui-link.activo {background:#e3f5ed;color:#056553;font-weight:650;}
.ui-seccion-titulo {font-size:18px;font-weight:700;padding:12px 11px 18px;color:#172337;}
.ui-grupo {width:100%;display:flex;align-items:center;gap:11px;padding:12px 9px;background:transparent;border:0;border-radius:8px;color:#344156;font-weight:600;font-size:13px;cursor:pointer;}
.ui-grupo:hover {background:#eef5f2;}.ui-chevron {margin-left:auto;font-size:18px;}.ui-subitems {margin:0 0 6px 15px;border-left:1px solid #dfe6e7;padding-left:7px;}
body[data-interfaz] .pie-lateral {border-top:1px solid var(--borde);color:#607086;padding:14px 18px;font-size:11px;line-height:1.5;}
body[data-interfaz] .boton-solucion {background:white;border:1px solid var(--borde);color:#344156;font-size:11px;}
body[data-interfaz] .contenido {min-width:0;flex:1;}
body[data-interfaz] .barra {background:#fff;border-bottom:1px solid var(--borde);padding:17px 24px;gap:12px;min-height:74px;flex-wrap:wrap;}
body[data-interfaz] .barra h1 {font-size:20px;letter-spacing:-.4px;line-height:1.35;}
#ui-tools {display:flex;gap:6px;}body[data-interfaz] #btn-menu {display:none!important;}
body[data-interfaz] #acciones-barra {display:flex;align-items:center;flex-wrap:wrap;gap:7px;}
body[data-interfaz] .vista {padding:24px;}
body[data-interfaz] #app .tarjeta {border:1px solid var(--borde);box-shadow:var(--sombra);border-radius:12px;}
body[data-interfaz] #app .tarjeta h3 {letter-spacing:-.2px;font-weight:650;font-size:15px;}
body[data-interfaz] #app .btn {border-radius:8px;padding:9px 14px;box-shadow:none;font-size:13px;}
body[data-interfaz] #app .btn.pequeno {padding:6px 9px;font-size:12px;}
body[data-interfaz] #app .btn.primario {background:#087c68;color:white;border-color:#087c68;}
body[data-interfaz] #app .campo>span {font-size:12px;color:#596b80;}
body[data-interfaz] #app input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),body[data-interfaz] #app select,body[data-interfaz] #app textarea {border-radius:8px;border-color:#dce4ea;}
body[data-interfaz] #app table th {font-size:11px;color:#64758a;letter-spacing:.025em;}
body[data-interfaz] #app table td {border-color:#eef1f4;}
body[data-interfaz] #app tbody tr:hover {background:#f9fbfc;}
body[data-interfaz] #app button:focus-visible,body[data-interfaz] #app a:focus-visible,body[data-interfaz] #app input:focus-visible {outline:3px solid #24aa9380;outline-offset:2px;}
body[data-interfaz=clara] #ui-rail {display:none;}body[data-interfaz=clara] #app {--panel-nav:278px;}
body[data-interfaz=clara] .lateral {background:#fff;}body[data-interfaz=clara] .ui-brand {display:flex;}
body[data-interfaz=clara] .marca {margin-top:0;padding-top:4px;}
body[data-interfaz=modular] #ui-rail {background:#142a43;color:#dbe6f2;border-color:#142a43;}
body[data-interfaz=modular] .ui-rail-logo {color:white;}
body[data-interfaz=modular] .ui-modulo:hover,body[data-interfaz=modular] #ui-rail .ui-link:hover,body[data-interfaz=modular] .ui-perfil:hover {background:#253f5b;}
body[data-interfaz=modular] .ui-modulo.activo,body[data-interfaz=modular] #ui-rail .ui-link.activo {background:#087c68;color:white;}
body[data-interfaz] #app.ui-plegado .lateral {display:none;}
#ui-cerrar-nav {display:none;}
.ui-intro {margin:4px 0 26px;}.ui-intro h2 {font-size:28px;letter-spacing:-.7px;margin:0 0 10px;}.ui-intro p,.ui-preferencia-pie p {color:#617388;line-height:1.6;}
.ui-estilos {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.ui-estilo {border:1px solid #dfe6ec;border-radius:14px;background:white;padding:22px;cursor:pointer;display:block;}
.ui-estilo:has(input:checked) {border:2px solid #087c68;padding:21px;background:#f7fdfb;box-shadow:0 0 0 3px #087c680a;}
.ui-estilo input {accent-color:#087c68;width:17px;height:17px;float:right;}.ui-estilo strong {display:block;font-size:19px;margin-bottom:22px;}.ui-estilo p {color:#607086;font-size:13px;line-height:1.7;}
.ui-mini {height:210px;display:flex;gap:0;background:#f5f7fa;border:1px solid #e1e7eb;border-radius:9px;overflow:hidden;}
.ui-mini i {width:18%;background:white;border-right:1px solid #e1e7eb;}.ui-mini b {width:27%;background:#f0f3f7;border-right:1px solid #e1e7eb;}.ui-mini.modular i {background:#142a43;}.ui-mini.clara b {display:none;}.ui-mini.clara i {width:30%;}
.ui-mini section {flex:1;padding:18px 12px;}.ui-mini span {display:block;background:#e1e8ee;border-radius:4px;height:16px;margin-bottom:14px;}.ui-mini span:last-child {height:90px;background:white;}
.ui-preferencia-pie {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;}
@media(min-width:801px) and (max-width:1100px){body[data-interfaz] #app {--rail:72px;--panel-nav:206px;}body[data-interfaz] .vista {padding:16px;}body[data-interfaz] .barra {padding:14px 16px;}.ui-estilos {gap:10px;}.ui-estilo {padding:14px;}.ui-estilo:has(input:checked){padding:13px;}}
@media(max-width:800px){
 body[data-interfaz] #app {--rail:76px;--panel-nav:min(252px,calc(100vw - 76px));}
 body[data-interfaz] #ui-rail,body[data-interfaz] #app .lateral {display:none;position:fixed;top:0;bottom:0;height:100dvh;box-shadow:8px 0 40px #17233718;}
 body[data-interfaz] #ui-rail {left:0;z-index:120;}body[data-interfaz] #app .lateral {left:var(--rail);z-index:119;transform:none;}
 body[data-interfaz] #app.ui-nav-open #ui-rail,body[data-interfaz] #app.ui-nav-open .lateral {display:flex;}
 body[data-interfaz=clara] #app.ui-nav-open #ui-rail {display:none;}body[data-interfaz=clara] #app.ui-nav-open .lateral {left:0;width:min(310px,100vw);}
 #ui-cerrar-nav {display:block;align-self:flex-end;margin:8px;}
 body[data-interfaz] .contenido {margin-left:0;width:100%;}body[data-interfaz] .barra {padding:12px;gap:8px;}body[data-interfaz] .barra h1 {font-size:17px;}
 body[data-interfaz] .vista {padding:14px;}body[data-interfaz] #acciones-barra {max-width:100%;}
 .ui-estilos {grid-template-columns:1fr;}.ui-mini {height:155px;}.ui-preferencia-pie {align-items:stretch;flex-direction:column;}
}
@media print {#ui-rail,#ui-tools,#ui-cerrar-nav {display:none!important;}}

/* Inicio libera el espacio del panel secundario; los módulos siguen accesibles. */
@media(min-width:801px){body[data-interfaz] #app.ui-sin-panel .lateral {display:none;}}
body[data-interfaz] .ui-perfil {cursor:default;}
body[data-interfaz] .ui-perfil:hover {background:transparent;}

/* Identidad oficial y accesos fiscales agrupados. */
.ui-rail-logo {letter-spacing:normal;line-height:0;}
.ui-rail-logo img {width:44px;height:44px;object-fit:contain;}
.ui-logo-oficial {display:block;width:100%;max-width:220px;height:auto;object-fit:contain;}
.ui-accesos {border-top:1px solid var(--borde);margin:22px 0 0;padding:18px 0 0;}
.ui-accesos h2 {font-size:12px;font-weight:600;color:#607086;margin:0 11px 10px;}

@media(max-width:800px){body[data-interfaz] #btn-menu {display:inline-flex!important;}}