/* V117 - Ajuste visual de botones superiores y navegacion sin capsulas grandes.
   Solo estetica: mantiene los mismos ids, clases, data-tab y eventos. */
:root{--v117-navy:#062b5f;--v117-blue:#006fc9;--v117-red:#df2335;--v117-line:#d7e7f8;}
.browser-bar.compact-header .browser-title{
  width:74px!important;min-width:74px!important;max-width:74px!important;
  line-height:1.05!important;font-size:14px!important;font-weight:900!important;letter-spacing:-.02em!important;
}
.browser-bar.compact-header .header-left{width:150px!important;min-width:150px!important;flex-basis:150px!important;}
.browser-bar.compact-header .top-logo,.brand-logo.top-logo{width:132px!important;min-width:132px!important;max-width:132px!important;}
/* Acciones superiores como enlaces modernos, no botones ovalados. */
.browser-bar.compact-header .portal-action-btn,
.browser-bar.compact-header .portal-logout-btn,
.portal-action-btn,
.portal-logout-btn{
  height:30px!important;min-height:30px!important;padding:0 6px!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--v117-navy)!important;font-size:12px!important;font-weight:900!important;
  text-decoration:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;
  border-bottom:2px solid transparent!important;
}
.browser-bar.compact-header .portal-action-btn:hover,
.browser-bar.compact-header .portal-logout-btn:hover,
.portal-action-btn:hover,
.portal-logout-btn:hover{
  background:transparent!important;color:var(--v117-blue)!important;border-bottom-color:var(--v117-blue)!important;transform:none!important;
}
.browser-bar.compact-header .portal-user-chip{
  height:30px!important;min-height:30px!important;border-radius:10px!important;padding:0 10px!important;font-size:11px!important;background:#fff!important;
  border:1px solid var(--v117-line)!important;box-shadow:none!important;max-width:190px!important;
}
.browser-bar.compact-header .header-actions{gap:10px!important;align-items:center!important;}
/* Menú de módulos: texto compacto en una línea cuando el ancho lo permite. */
.tabs[role="tablist"]{gap:12px!important;padding:8px 18px!important;flex-wrap:nowrap!important;overflow:visible!important;}
.tabs[role="tablist"] .tab-btn,.tabs[role="tablist"] .tab-clientes-prioridad{
  height:28px!important;min-height:28px!important;line-height:28px!important;padding:0 2px!important;border-radius:0!important;background:transparent!important;
  font-size:12px!important;border-bottom:2px solid transparent!important;
}
.tabs[role="tablist"] .tab-btn:hover{background:transparent!important;border-bottom-color:rgba(0,111,201,.35)!important;}
.tabs[role="tablist"] .tab-btn.active,.tabs[role="tablist"] .tab-btn[aria-selected="true"]{background:transparent!important;color:var(--v117-blue)!important;border-bottom-color:var(--v117-blue)!important;}
.tabs[role="tablist"] .tab-btn.active::after,.tabs[role="tablist"] .tab-btn[aria-selected="true"]::after{display:none!important;}
@media(max-width:1260px){
  .browser-bar.compact-header{padding-left:14px!important;padding-right:14px!important;gap:9px!important;}
  .browser-bar.compact-header .header-left{width:136px!important;min-width:136px!important;flex-basis:136px!important;}
  .browser-bar.compact-header .top-logo,.brand-logo.top-logo{width:120px!important;min-width:120px!important;max-width:120px!important;}
  .browser-bar.compact-header .browser-title{width:66px!important;min-width:66px!important;max-width:66px!important;font-size:13px!important;}
  .browser-bar.compact-header .header-actions{gap:7px!important;}
  .browser-bar.compact-header .portal-action-btn,.browser-bar.compact-header .portal-logout-btn,.portal-action-btn,.portal-logout-btn{font-size:11px!important;padding:0 3px!important;}
  .tabs[role="tablist"]{gap:9px!important;padding-left:16px!important;padding-right:16px!important;}
  .tabs[role="tablist"] .tab-btn{font-size:11px!important;}
}