/* MSI UX V8.3 — brand legibility, home refinement and title hierarchy.
   Layout/visual layer only. Official MSI identity and business logic remain untouched. */

/* Header brand: official asset only, enlarged inside the current topbar height. */
.top-navigation-main{gap:22px!important}
.top-brand-button{width:250px!important;min-width:250px!important;height:76px!important;min-height:76px!important;padding:0!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;outline:none!important}
.top-brand-button:hover{background:transparent!important;box-shadow:none!important;transform:none!important}
.top-brand-button:focus-visible{outline:2px solid #b8cce2!important;outline-offset:-3px!important;border-radius:8px!important}
.top-brand-logo{width:250px!important;height:68px!important;max-width:none!important;object-fit:contain!important;object-position:left center!important;transform:scale(2.10)!important;transform-origin:left center!important;filter:none!important;opacity:1!important}

/* Home owns content only; brand belongs exclusively to the topbar. */
.home-brand-lockup,.home-brand-logo{display:none!important}
.home-page{padding-top:38px!important}
.home-hero{padding-top:0!important}

/* Global page title hierarchy: stronger eyebrow, calmer page title. */
.topnav-shell .page>.eyebrow,.topnav-shell .chat-page>header .eyebrow{font-size:13.5px!important;line-height:1.2!important;letter-spacing:.115em!important;font-weight:820!important;color:#50647c!important;margin-bottom:10px!important}
.topnav-shell .page>h1,.topnav-shell .chat-page>header h1{font-size:clamp(31px,2.8vw,40px)!important;line-height:1.06!important;letter-spacing:-.025em!important}
.home-welcome-title>span{font-size:clamp(21px,1.8vw,25px)!important;line-height:1.22!important;font-weight:660!important;color:#5e7085!important}
.home-welcome-title>strong{font-size:clamp(36px,3.1vw,44px)!important;line-height:1.03!important;letter-spacing:-.028em!important}
.home-hero .lead{font-size:clamp(19px,1.75vw,24px)!important}

/* Section titles on Home: compact, editorial and aligned with the new navigation language. */
.home-page .section-heading{margin-bottom:12px!important;align-items:flex-end!important}
.home-page .section-heading .eyebrow{font-size:12.5px!important;letter-spacing:.11em!important;color:#6c7f95!important;margin-bottom:6px!important}
.home-page .section-heading h2{font-size:22px!important;line-height:1.14!important;letter-spacing:-.018em!important;color:#17314f!important}

/* Recent conversations: lighter work-resumption cards, less CTA-like. */
.home-recent-section{margin-top:24px!important}
.home-recent-section .capability-grid{gap:12px!important}
.home-recent-card{min-height:112px!important;padding:16px 17px!important;border-radius:16px!important;background:linear-gradient(180deg,#ffffff 0%,#f8fbfe 100%)!important;border:1px solid #dce6f0!important;box-shadow:0 5px 16px rgba(27,55,87,.035)!important;gap:6px!important}
.home-recent-card:hover{background:#f7fbff!important;border-color:#c8d8e8!important;box-shadow:0 8px 20px rgba(27,55,87,.065)!important;transform:translateY(-1px)!important}
.home-recent-card .capability-icon{display:none!important}
.home-recent-card strong{font-size:15.5px!important;line-height:1.28!important;color:#17314f!important}
.home-recent-card>span:not(.capability-icon){font-size:12px!important;line-height:1.4!important;color:#718399!important}
.home-recent-card em{font-size:11.5px!important;color:#476d95!important;font-weight:730!important}

/* Capability discovery: same elegant language, softer blue-grey surfaces and restrained icon treatment. */
.home-skills-section{margin-top:28px!important}
.home-skills-section .capability-grid{gap:12px!important}
.home-skill-card{min-height:126px!important;padding:16px 17px!important;border-radius:16px!important;background:#fbfcfe!important;border:1px solid #e0e7ef!important;box-shadow:none!important;gap:7px!important}
.home-skill-card:hover{background:#f6f9fc!important;border-color:#cad8e6!important;box-shadow:0 8px 20px rgba(27,55,87,.055)!important;transform:translateY(-1px)!important}
.home-skill-card .capability-icon{width:30px!important;height:30px!important;border-radius:10px!important;background:#edf4fa!important;color:#3f6f9e!important;font-size:14px!important}
.home-skill-card strong{font-size:15px!important;line-height:1.25!important;color:#1c3551!important}
.home-skill-card>span:not(.capability-icon){font-size:12.2px!important;line-height:1.42!important;color:#687b90!important}
.home-skill-card em{font-size:11.5px!important;color:#52779d!important;font-weight:720!important}

/* Profile / multi-assistant: clear plan hierarchy, discoverable add flow, compact scalable list. */
.assistant-plan-inline{display:flex!important;align-items:baseline!important;gap:6px!important;line-height:1.2!important}
.assistant-plan-inline span,.assistant-plan-inline strong{font-size:15px!important;line-height:1.2!important}
.assistant-plan-inline span{font-weight:680!important;color:#53677e!important}
.assistant-plan-inline strong{font-weight:800!important;color:#17314f!important}
.assistant-plan-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important;margin-top:14px!important}
.assistant-plan-add{min-height:40px!important;padding:0 14px!important;border-radius:11px!important}
.assistant-plan-limit{font-size:12.5px!important;color:#6d8095!important;font-weight:620!important}
.assistant-config-table{max-height:332px!important;overflow:auto!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important}
.assistant-config-head{position:sticky!important;top:0!important;z-index:2!important;background:#fff!important}
.assistant-config-row{min-height:54px!important}

@media(max-width:1240px) and (min-width:961px){
  .top-brand-button{width:225px!important;min-width:225px!important}
  .top-brand-logo{width:225px!important;height:68px!important;transform:scale(1.95)!important}
  .top-navigation-main{gap:14px!important}
  .top-nav-links button{padding-left:8px!important;padding-right:8px!important;font-size:12.6px!important}
}

@media(max-width:960px){
  .top-brand-button{width:198px!important;min-width:198px!important;height:64px!important;min-height:64px!important}
  .top-brand-logo{width:198px!important;height:60px!important;transform:scale(1.80)!important}
  .home-page{padding-top:28px!important}
  .topnav-shell .page>h1,.topnav-shell .chat-page>header h1{font-size:clamp(30px,5vw,37px)!important}
}

@media(max-width:760px){
  .home-recent-section .capability-grid,.home-skills-section .capability-grid{grid-template-columns:1fr!important}
  .home-recent-card,.home-skill-card{min-height:104px!important}
  .home-welcome-title>span{font-size:19px!important}
  .home-welcome-title>strong{font-size:clamp(32px,9vw,39px)!important}
  .assistant-config-table{max-height:286px!important}
  .assistant-plan-actions{align-items:flex-start!important;flex-direction:column!important}
}

@media(max-width:560px){
  .top-brand-button{width:170px!important;min-width:170px!important}
  .top-brand-logo{width:170px!important;height:56px!important;transform:scale(1.65)!important}
  .topnav-shell .page>.eyebrow,.topnav-shell .chat-page>header .eyebrow{font-size:12.5px!important}
  .topnav-shell .page>h1,.topnav-shell .chat-page>header h1{font-size:30px!important}
}

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