/* V4 UI foundation: retain V3 design system, constrain mobile hero. No data changes. */
@media(max-width:760px){
  .page[data-view="dashboard"] .welcome{
    display:flex!important;flex-direction:row!important;align-items:center!important;
    min-height:0!important;max-height:205px;overflow:hidden;
    padding:16px!important;gap:8px!important;
  }
  .page[data-view="dashboard"] .welcome>div:first-child{flex:1;min-width:0}
  .page[data-view="dashboard"] .welcome h1{font-size:clamp(17px,5vw,24px)!important;line-height:1.12!important;letter-spacing:-.5px!important}
  .page[data-view="dashboard"] .welcome p{font-size:11px!important;line-height:1.4!important}
  .page[data-view="dashboard"] .welcome .eyebrow{font-size:9px!important}
  .page[data-view="dashboard"] .welcome-art{display:flex!important;flex:0 0 31%!important;width:31%!important;max-width:130px!important;max-height:152px!important;min-height:0!important;margin:0!important;align-self:center}
  .page[data-view="dashboard"] .stat{min-height:112px!important;padding:12px!important}
  .page[data-view="dashboard"] .stat-number{font-size:25px!important}
  .page[data-view="dashboard"] .quick{min-height:76px!important;padding:11px!important}
  .page[data-view="dashboard"] .bottom-note{display:none}
}