/* V118 - Ajuste estetico header/logo y acciones superiores.
   Solo estetica: conserva ids, data-tab, botones y eventos. */
:root{--v118-navy:#062b5f;--v118-blue:#006fc9;--v118-red:#df2335;--v118-line:#d7e7f8;}
.browser-bar.compact-header{
  min-height:68px!important;
  padding:10px 22px!important;
  gap:14px!important;
  overflow:visible!important;
}
.browser-bar.compact-header .header-left{
  width:auto!important;min-width:250px!important;flex:0 0 auto!important;height:56px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;overflow:visible!important;
}
.browser-bar.compact-header .top-logo,.brand-logo.top-logo{
  content:url('../assets/aviacargoexpress-avion-clean-v72.png')!important;
  width:128px!important;min-width:128px!important;max-width:128px!important;height:56px!important;max-height:56px!important;
  object-fit:contain!important;object-position:center center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
  filter:drop-shadow(0 8px 13px rgba(6,43,95,.10))!important;
}
.browser-bar.compact-header .browser-title{
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;
  width:auto!important;min-width:78px!important;max-width:none!important;margin:0 2px 0 0!important;padding:0!important;
  line-height:1.02!important;letter-spacing:-.02em!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
.browser-bar.compact-header .browser-title span{display:block!important;font-size:15px!important;font-weight:950!important;line-height:1.02!important;}
.browser-bar.compact-header .browser-title span:first-child{color:var(--v118-navy)!important;}
.browser-bar.compact-header .browser-title span:last-child{color:var(--v118-red)!important;}
.browser-bar.compact-header .operational-review-mini-alert{margin-left:2px!important;}
.browser-bar.compact-header .header-actions{flex:1 1 auto!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;flex-wrap:nowrap!important;overflow:visible!important;}
/* Acciones superiores como texto moderno, sin ovalos grandes. */
.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 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--v118-navy)!important;font-size:12px!important;font-weight:900!important;text-decoration:none!important;border-bottom:2px solid transparent!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;justify-content:center!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{color:var(--v118-blue)!important;border-bottom-color:var(--v118-blue)!important;background:transparent!important;transform:none!important;box-shadow:none!important;}
.browser-bar.compact-header .portal-user-chip{height:30px!important;min-height:30px!important;border-radius:8px!important;padding:0 8px!important;font-size:11px!important;background:#fff!important;border:1px solid var(--v118-line)!important;box-shadow:none!important;max-width:190px!important;}
/* Navegacion inferior sin ovalos; una linea cuando el ancho lo permite. */
.tabs[role="tablist"]{gap:14px!important;padding:8px 20px!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 1px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important;font-weight:900!important;color:var(--v118-navy)!important;white-space:nowrap!important;border-bottom:2px solid transparent!important;}
.tabs[role="tablist"] .tab-btn:hover{background:transparent!important;color:var(--v118-blue)!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(--v118-blue)!important;border-bottom-color:var(--v118-blue)!important;}
.tabs[role="tablist"] .tab-btn.active::after,.tabs[role="tablist"] .tab-btn[aria-selected="true"]::after{display:none!important;}
/* Estandar de logos del portal: sin circulos, sin recortes; siempre contener imagen completa. */
img.brand-logo,img.top-logo,img[src*="aviacargoexpress"],img[src*="v106-logo"]{object-fit:contain!important;object-position:center center!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}
@media(max-width:1240px){
  .browser-bar.compact-header{padding-left:16px!important;padding-right:16px!important;gap:10px!important;}
  .browser-bar.compact-header .header-left{min-width:220px!important;gap:8px!important;}
  .browser-bar.compact-header .top-logo,.brand-logo.top-logo{width:116px!important;min-width:116px!important;max-width:116px!important;height:50px!important;}
  .browser-bar.compact-header .browser-title span{font-size:13px!important;}
  .browser-bar.compact-header .header-actions{gap:8px!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;}
  .tabs[role="tablist"]{gap:9px!important;padding-left:16px!important;padding-right:16px!important;}
  .tabs[role="tablist"] .tab-btn{font-size:11px!important;}
}