/* SBM ONE v187: one balanced utility row on wide screens, an intentional
   two-row layout only on small screens. No controls are hidden or clipped. */
.one-app{grid-template-rows:62px 46px 44px minmax(0,1fr)}
.one-app.one-single-page{grid-template-rows:62px 46px minmax(0,1fr)}
.one-app-header{display:grid;grid-template-columns:minmax(195px,1fr) minmax(180px,1fr) minmax(0,auto);grid-template-rows:minmax(0,1fr);align-items:center;gap:10px;padding:6px 16px;min-width:0}
.one-app-brand{grid-column:1;grid-row:1;align-self:center;gap:9px;min-width:0}
.one-app-brand img{display:block;width:42px;height:40px;flex:0 0 auto}
.one-app-brand b{font-size:18px;line-height:1.1;white-space:nowrap}
.one-app-brand small{display:block;font-size:10px;margin-top:3px}
.one-app-current{grid-column:2;grid-row:1;align-self:center;min-width:0;max-width:100%}
.one-app-current b{font-size:15px}
.one-app-current span{font-size:10px}
.one-app-user{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:7px;min-width:0;max-width:100%}
.one-app-user .one-site-search,.one-app-user .one-offline-ready,.one-app-user .one-connection,.one-account-menu,.one-theme-switch{flex:0 0 auto}
.one-app-user .one-site-search{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:6px 11px;white-space:nowrap;font-size:12px}
.one-app-user .one-offline-ready{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 10px;border-radius:8px;font-size:11px;white-space:nowrap}
.one-app-user .one-connection{margin:0;max-width:46px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.one-app-user #appUser{max-width:115px;min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis}
.one-app-user .one-theme-switch{flex-wrap:nowrap;gap:1px;padding:3px;border-radius:9px}
.one-app-user .one-theme-switch button{min-height:30px;min-width:43px;font-size:11px;padding:5px 7px}
.one-account-menu summary{min-height:36px;display:flex;align-items:center;justify-content:center;font-size:12px;padding:5px 9px}
.one-primary-nav{justify-content:stretch;gap:4px;overflow-x:auto}
.one-primary-nav button{flex:1 0 auto;min-width:max-content;min-height:34px;font-size:12px;white-space:nowrap;padding:6px 11px}
.one-secondary-nav{gap:6px;justify-content:flex-start;overflow-x:auto}
.one-secondary-nav button{flex:0 0 auto;min-height:31px;font-size:11px}
@media screen and (max-width:1510px){
  .one-app-header{grid-template-columns:minmax(175px,1fr) minmax(0,auto)}
  .one-app-current{display:none}
  .one-app-user{grid-column:2;grid-row:1}
  .one-app-user #appUser{max-width:105px}
}
@media screen and (max-width:1100px){
  .one-app{grid-template-rows:62px 52px 52px minmax(0,1fr)}
  .one-app.one-single-page{grid-template-rows:62px 52px minmax(0,1fr)}
  .one-app-header{grid-template-columns:minmax(160px,1fr) minmax(0,auto);grid-template-rows:minmax(0,1fr);gap:8px;padding:6px 12px}
  .one-app-user #appUser{display:none!important}
  .one-app-user .one-connection{margin:0}
  .one-app-brand img{width:38px;height:36px}
  .one-app-user .one-site-search,.one-app-user .one-offline-ready,.one-account-menu summary{min-height:38px}
  .one-app-user .one-theme-switch button{min-height:34px}
  /* Keep the already-established section/page dropdowns on tablets. */
  .one-primary-nav,.one-secondary-nav{overflow:visible;justify-content:stretch}
  .one-primary-nav>button,.one-secondary-nav>button{display:none}
  .one-nav-picker{display:flex;min-width:0}
}
@media screen and (max-width:720px){
  .one-app{grid-template-rows:91px 43px 41px minmax(0,1fr)}
  .one-app.one-single-page{grid-template-rows:91px 43px minmax(0,1fr)}
  .one-app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:36px 37px;gap:6px 8px;padding:5px 9px}
  .one-app-brand{grid-column:1;grid-row:1;min-width:0}
  .one-app-brand img{display:block;width:32px;height:32px}
  .one-app-brand b{font-size:16px}
  .one-app-brand small{display:block;font-size:9px;margin-top:1px}
  .one-app-user{display:contents}
  .one-account-menu{grid-column:2;grid-row:1;justify-self:end}
  .one-account-menu summary{min-height:33px;padding:4px 9px;font-size:11px}
  .one-app-user .one-site-search{grid-column:1;grid-row:2;justify-self:start;min-height:34px;margin:0;font-size:11px;padding:5px 12px}
  .one-app-user .one-offline-ready{grid-column:1;grid-row:2;justify-self:center;min-height:34px;font-size:10px;padding:5px 9px}
  .one-theme-switch{grid-column:2;grid-row:2;justify-self:end}
  .one-app-user .one-theme-switch button{min-height:28px;min-width:40px;font-size:10px;padding:4px 6px}
  .one-app-user .one-connection,.one-app-user #appUser{display:none!important}
  .one-primary-nav,.one-secondary-nav{padding:4px 7px}
}
@media screen and (max-width:385px){
  .one-app-header{padding:5px 6px;gap:5px}
  .one-app-brand b{font-size:15px}
  .one-app-brand img{width:28px;height:30px}
  .one-app-user .one-site-search{padding:5px 8px}
  .one-app-user .one-offline-ready{padding:5px 6px}
  .one-app-user .one-offline-ready::after{content:none}
  .one-app-user .one-offline-ready{font-size:9px}
  .one-app-user .one-theme-switch button{min-width:34px;padding:4px 5px}
}