/* MSI UX V8.2 — header alignment and local view refinement only. */

/* Global authenticated header: one clean row, larger official logo, consistent alignment. */
.top-navigation{min-height:76px!important}
.top-navigation-main{width:min(100%,1480px)!important;min-height:76px!important;height:76px!important;padding:0 30px!important;gap:34px!important;align-items:center!important}
.top-brand-button{min-height:70px!important;min-width:220px!important;padding:4px 0!important;align-items:center!important}
.top-brand-logo{width:214px!important;height:58px!important;object-fit:contain!important;object-position:left center!important}
.top-nav-links{height:76px!important;align-items:stretch!important}
.top-nav-links button{height:76px!important;min-height:76px!important;padding:0 14px!important;font-size:14.5px!important;line-height:1!important;align-items:center!important}
.top-nav-links button::after{bottom:0!important}
.top-nav-logout{margin-left:12px!important}
.top-context-strip{display:none!important}

/* Profile plan header: integrated with the card instead of floating labels. */
.assistant-plan-summary{align-items:flex-end!important;gap:24px!important;padding-bottom:18px!important;margin-bottom:16px!important;border-bottom:1px solid #e7edf4!important}
.assistant-plan-inline{display:flex!important;align-items:baseline!important;gap:7px!important;margin:0 0 7px!important;color:#173b70!important}
.assistant-plan-inline span{font-size:15px!important;line-height:1.2!important;font-weight:700!important;color:#64748b!important}
.assistant-plan-inline strong{font-size:20px!important;line-height:1.15!important;font-weight:790!important;letter-spacing:-.018em!important;color:#0f2748!important}
.assistant-plan-summary>div>p{margin:0!important;color:#64748b!important}
.assistant-config-head{padding:0 16px 8px!important}
.assistant-config-row{min-height:58px!important}

/* Conversation: one aligned action row; discovery remains first and primary. */
.conversation-capability-cta{display:none!important}
.conversation-quick-actions-unified{display:flex!important;align-items:center!important;gap:9px!important;flex-wrap:wrap!important;margin:14px 0 14px!important;padding:0!important}
.conversation-quick-actions-unified .native-suggestion{min-height:42px!important;margin:0!important}
.conversation-primary-action{order:-1!important;border-color:#c8d9ec!important;background:#f7fbff!important;color:#123f76!important;font-weight:760!important}
.conversation-primary-action .native-suggestion-icon{background:#eaf3fd!important;color:#1e5b99!important}

@media(max-width:1180px) and (min-width:961px){
  .top-navigation-main{padding:0 18px!important;gap:18px!important}
  .top-brand-button{min-width:180px!important}
  .top-brand-logo{width:178px!important;height:52px!important}
  .top-nav-links button{padding:0 9px!important;font-size:12.8px!important}
}

@media(max-width:960px){
  .top-navigation{min-height:64px!important}
  .top-navigation-main{height:auto!important;min-height:64px!important;padding:0 14px!important;gap:12px!important;align-items:center!important}
  .top-brand-button{min-height:58px!important;min-width:0!important}
  .top-brand-logo{width:168px!important;height:48px!important}
  .top-nav-links{height:auto!important}
  .top-nav-links button{height:44px!important;min-height:44px!important}
  .conversation-quick-actions-unified{gap:8px!important}
}

@media(max-width:560px){
  .top-navigation-main{padding:0 10px!important}
  .top-brand-logo{width:154px!important;height:44px!important}
  .conversation-quick-actions-unified{display:grid!important;grid-template-columns:1fr!important;width:100%!important}
  .conversation-quick-actions-unified .native-suggestion{width:100%!important;justify-content:flex-start!important}
  .assistant-plan-summary{align-items:flex-start!important;gap:12px!important}
}

@media(prefers-reduced-motion:reduce){.top-navigation *{transition:none!important}}