/* Executive Tech · Componentes oficiales / Homologación de Bitácora
   Diseño autónomo: no depende de que Centro de Operaciones esté en línea. */
:root {
  --sidebar-width:264px;
  --master-sidebar:#0b1426;
  --master-sidebar-hover:#192b43;
  --master-sidebar-current:#243954;
  --master-sidebar-border:#263950;
  --master-active:#418af8;
}
@media(min-width:801px){
  .app-shell .sidebar{width:264px;min-width:264px;max-width:264px;}
  .app-shell .main-col{margin-left:264px;}
}
/* Mismo ancho hasta el breakpoint de navegación móvil, sin el 215px intermedio. */
@media(min-width:801px) and (max-width:1120px){
  .app-shell .sidebar{width:264px;min-width:264px;max-width:264px;}
  .app-shell .main-col{margin-left:264px;}
}
.sidebar{background:var(--master-sidebar)!important;border-color:var(--master-sidebar-border)!important}
.sidebar .brand{gap:11px;padding:11px 7px 19px;margin-bottom:8px;min-height:72px;align-items:center}
.sidebar .brand-icon{background:transparent!important;border-radius:10px;box-shadow:none!important;padding:0;overflow:hidden;width:42px;height:42px;flex:none;display:grid;place-items:center}
.sidebar .brand-icon img{display:block;width:100%;height:100%;object-fit:contain}
.sidebar .brand-copy{min-width:0;display:block}
.sidebar .brand-copy strong{font-family:var(--std-font);font-size:12.8px;font-weight:780;letter-spacing:-.025em;line-height:1.3;overflow-wrap:break-word;color:#fff}
.sidebar .brand-copy small{display:none!important}
.sidebar .portal-back-link{font-size:11.3px;font-weight:710;color:#b4c3db;min-height:38px}
.sidebar .nav-link,.sidebar .sidebar-admin>summary{font-size:12.4px;font-weight:700;letter-spacing:-.015em}
.sidebar .nav-link svg,.sidebar .sidebar-admin>summary svg{width:18px;height:18px;stroke-width:1.9}
.sidebar .nav-link.active{background:var(--master-sidebar-current)!important;box-shadow:inset 3px 0 var(--master-active)!important;border:0!important}
.sidebar .nav-link:hover{background:var(--master-sidebar-hover)!important;color:#fff}
.sidebar-section-label{font-size:9.5px;letter-spacing:.1em;color:#8498b5;font-weight:800}
.sidebar-bottom{margin-top:auto;background:var(--master-sidebar)!important;border-top:1px solid var(--master-sidebar-border);padding:13px 2px 4px;gap:10px}
.account-identity{padding:2px 3px}
.account-identity strong{font-weight:750;font-size:12px}
.account-identity small{color:#9cacc6;font-weight:500;font-size:9.7px}
/* Acción Cerrar sesión: misma presentación que el Cotizador/Centro. */
.sidebar .session-logout{width:100%;min-height:41px!important;border:1px solid #2b3a53!important;border-radius:6px!important;background:#0d1a30!important;color:#f6c2cb!important;padding:10px 12px!important;font-size:12px!important;font-weight:750!important;margin:0!important;justify-content:flex-start}
.sidebar .session-logout svg{color:#f6c2cb!important;width:18px;height:18px}
.sidebar .session-logout:hover,.sidebar .session-logout:focus-visible{background:#32283a!important;border-color:#614052!important;color:#fff!important}
.topbar{height:68px}
.topbar .crumb,.topbar .top-actions{font-family:var(--std-font)}
.page-head h1{letter-spacing:-.04em}
/* Menús y acciones compartidas */
.sidebar-admin .sidebar-admin-items .nav-link{font-size:11.9px}
.btn:focus-visible,.nav-link:focus-visible,.portal-back-link:focus-visible{outline:2px solid #81b0ff;outline-offset:2px}
@media(max-width:800px){
  .app-shell .sidebar{width:min(272px,86vw);min-width:0;max-width:86vw;}
  .app-shell .main-col{margin-left:0;}
  .sidebar .session-logout{min-height:45px!important}
  .mobile-bottom-nav button:last-child{color:#e4a4b2}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* Ajuste de paridad del encabezado: 68px en los tres sistemas. */
.topbar{height:68px;min-height:68px}
@media(max-width:800px){.topbar{height:60px;min-height:60px}}