@media(max-width:1180px){.topbar{padding-inline:16px}.search{min-width:180px}.prefs select{max-width:145px}main{padding-inline:20px}}
@media(max-width:900px){.sidebar{width:min(284px,86vw);box-shadow:18px 0 45px rgba(7,23,54,.28)}.sidebar:before{width:min(284px,86vw)}.nav-collapsed .sidebar{width:min(284px,86vw)}.nav-collapsed .sidebar>nav .nav-link>span:last-child,.nav-collapsed .brand>div{display:block}.nav-collapsed .brand{justify-content:flex-start}.workspace,.nav-collapsed .workspace{margin:0!important}.topbar{min-height:64px;padding:9px 11px}.search{min-width:130px;flex:1;max-width:none}.prefs{order:3;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.prefs select{width:100%;max-width:none}.user-chip{margin-inline-start:auto}main{padding:18px 14px 28px}.page-head{align-items:flex-start;flex-direction:column}.page-head>div:last-child:empty{display:none}.hp-login-shell{width:min(720px,calc(100vw - 28px));grid-template-columns:1fr;min-height:0}.hp-login-brand{padding:28px 30px;min-height:230px}.hp-login-brand-copy{margin:28px 0 8px}.hp-login-brand h2{font-size:28px}.hp-login-brand p{margin-bottom:0}.hp-login-brand-foot{display:none}.hp-login-panel{padding:38px 34px}}
@media(max-width:620px){.topbar{gap:7px}.search{order:2;width:calc(100% - 50px);flex-basis:calc(100% - 50px)}.user-chip,.logout{order:1}.user-chip{margin-inline-start:auto}.prefs{order:4}.prefs select{font-size:11px}.page-head h1{font-size:22px}.card{padding:14px}.hp-login-shell{width:100%;min-height:100vh;border:0;border-radius:0}.hp-login-brand{min-height:180px;padding:24px}.hp-login-brand-copy{display:none}.hp-login-panel{padding:32px 24px}.hp-login-form h1{font-size:27px}}
@media(max-width:430px){.prefs{grid-template-columns:1fr}.search{min-width:0}.logout button{padding-inline:9px}.user-chip{max-width:145px;overflow:hidden;text-overflow:ellipsis}.hp-login-panel{padding:28px 18px}}

/* UI Batch 1 REV2 — compact preference controls at laptop widths */
@media(max-width:1280px) and (min-width:901px){
  .topbar{padding-inline:14px;gap:7px}
  .search{min-width:180px;max-width:240px}
  .prefs select{max-width:108px;font-size:11px}
  #ux-language{min-width:88px}#ux-calendar{min-width:102px}#ux-nav{min-width:100px}
  .user-chip{max-width:132px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:900px){
  .brand small{max-width:190px}
  .prefs{flex-wrap:initial}
  .prefs select{height:38px;min-height:38px;max-width:none}
}