/* Navegación lateral plegable. Conserva los accesos como una barra de iconos. */
.sidebar{transition:width .2s ease}
/* Anchura legible y acotada; el espacio adicional pertenece al contenido. */
@media(min-width:801px){.sidebar{width:clamp(200px,calc(13.76*var(--ux-vw)),264px)}}
@media(min-width:801px) and (max-width:1599px){.sidebar .brand{padding-inline:13px}}
@media(min-width:801px) and (max-width:1250px){.sidebar .nav-item{font-size:13px;gap:7px;padding-inline:7px;white-space:nowrap}.sidebar .nav{padding-inline:8px}.sidebar-sync-arrow{display:none}.sidebar-sync-card{grid-template-columns:34px minmax(0,1fr)}.sidebar-sync-title{font-size:10px}.sidebar-sync-meta{display:none}}
@media(min-width:1920px){.sidebar .brand{min-height:84px;box-sizing:border-box}.sidebar .brand-logo-full{width:min(180px,calc(100% - 41px));max-height:none}.sidebar .nav{padding-top:14px}.sidebar .nav-item{min-height:46px;font-size:15px}}
.brand{position:relative;display:flex;box-sizing:border-box;width:100%;align-items:center;gap:11px}
.brand-logo-full{display:block;width:min(158px,calc(100% - 41px));height:auto;max-height:54px;object-fit:contain;object-position:left center}
.brand-logo-mark{display:none}
.sidebar-collapse{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;margin-left:auto;border:1px solid rgba(189,198,231,.2);border-radius:7px;background:rgba(255,255,255,.045);color:#d9dff3;cursor:pointer;font-size:17px;transition:background .16s ease,border-color .16s ease,color .16s ease}
.sidebar-collapse:hover{border-color:rgba(189,198,231,.4);background:rgba(255,255,255,.1);color:#fff}
.sidebar-collapse:focus-visible{outline:3px solid rgba(169,149,255,.42);outline-offset:2px}
body.sb-oculto .sidebar{width:76px!important}
body.sb-oculto .brand{min-height:104px;flex-direction:column;justify-content:center;gap:9px!important;padding:12px 8px}
body.sb-oculto .brand-logo-full{display:none}
body.sb-oculto .brand-logo-mark{display:block;width:36px;height:36px}
body.sb-oculto .sidebar-collapse{margin-left:0}
body.sb-oculto .nav{padding:12px 10px}
body.sb-oculto .nav-item{position:relative;width:46px;min-height:44px;box-sizing:border-box;justify-content:center;gap:0;margin:0 auto 4px;padding:11px;border-radius:9px;font-size:0}
body.sb-oculto .nav-item .ic{width:21px;height:21px}
body.sb-oculto .nav-item .ic svg{width:20px;height:20px}
body.sb-oculto .nav-badge,body.sb-oculto #reclamNavBadge,body.sb-oculto #expBadge{display:none!important}
body.sb-oculto .sidebar-sync-card{width:46px;height:46px;min-height:46px;display:grid;grid-template-columns:1fr;place-items:center;margin:0 auto;padding:0;border-radius:10px}
body.sb-oculto .sidebar-sync-content,body.sb-oculto .sidebar-sync-arrow{display:none}
body.sb-oculto .sidebar-sync-icon{width:32px;height:32px;font-size:17px}
body.sb-oculto .sb-foot{display:none}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}

/* El color de la cuenta seleccionada también identifica su icono en revisión. */
.revCuentaSelectorIcon{background:color-mix(in srgb,var(--account-color,#5e48dd) 13%,white);color:var(--account-color,#5e48dd)}

/* Las cuentas conservan el color del catálogo, separado del estado de clasificación. */
#tbodyItems .cuenta-cell{max-width:320px}
.cuenta-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;box-sizing:border-box;padding:3px 9px;border:1px solid color-mix(in srgb,var(--account-color,var(--muted)) 55%,white);border-radius:999px;background:color-mix(in srgb,var(--account-color,var(--muted)) 20%,white);color:color-mix(in srgb,var(--account-root-color,var(--muted)) 80%,black);font-family:inherit;font-size:11px;font-weight:600;line-height:16px;vertical-align:middle;text-align:left;cursor:pointer}
.cuenta-pill::before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--account-color,var(--muted))}
.cuenta-pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cuenta-pill:hover{background:color-mix(in srgb,var(--account-color,var(--muted)) 30%,white);border-color:var(--account-color,var(--muted))}
.cuenta-pill:focus-visible{outline:2px solid var(--account-root-color,var(--brand-2));outline-offset:2px}
.cuenta-pill:active{background:color-mix(in srgb,var(--account-color,var(--muted)) 40%,white)}