/* Compact web-only management header; dashboard tiles intentionally unchanged. */
#appView > .toolbar {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:24px;
  padding-bottom:20px;
  margin-bottom:30px;
}
.toolbar-intro { min-width:0; }
.toolbar-intro #mainTitle { font-size:30px; line-height:1.2; letter-spacing:-.025em; margin:5px 0 10px; font-weight:700; }
.toolbar-intro #welcome { font-size:14px; line-height:1.5; margin:0; color:#627a90; }
#appView > .toolbar :is(button,summary) { font-family:"Open Sans",Arial,sans-serif; font-weight:600; }
#appView > .toolbar .main-actions {
  grid-column:1 / -1;
  display:flex;
  width:100%;
  max-width:none;
  gap:6px;
  justify-content:flex-start;
  align-items:center;
  flex-wrap:wrap;
  padding:10px;
  border:1px solid #e0e9f1;
  border-radius:9px;
  background:#f6f9fc;
}
#appView .main-actions > button, #appView .main-actions > .nav-menu > summary {
  min-width:0;
  min-height:40px;
  padding:10px 14px;
  border-radius:6px;
  background:transparent;
  color:#365873;
  font-size:13px;
  line-height:20px;
  white-space:nowrap;
}
#appView .main-actions > button:hover, #appView .main-actions > .nav-menu > summary:hover { background:#e8f0f7; }
#appView .main-actions > button.active, #appView .main-actions > .nav-menu.active > summary, #appView .main-actions > .nav-menu[open] > summary { background:#075399; color:#fff; }
#appView > .toolbar > .account-menu { justify-self:end; max-width:300px; }
#appView > .toolbar > .account-menu > summary { min-width:0; min-height:42px; font-size:13px; padding:10px 14px; border:1px solid #dae5ef; border-radius:7px; background:#fff; gap:14px; }
#accountMenuLabel { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#appView .account-menu-popover { width:280px; max-width:calc(100vw - 64px); }
.account-roles { font-size:12px; color:#627a90; padding:8px 12px 14px; margin:0 0 5px; line-height:1.65; border-bottom:1px solid #e4ebf2; }
#appView .toolbar :is(.nav-menu-popover,.account-menu-popover) button { font-size:13px; border-radius:6px; }
#appView .toolbar :focus-visible { outline:2px solid #0870c9; outline-offset:3px; }
@media(max-width:760px) {
  #appView > .toolbar { grid-template-columns:minmax(0,1fr); gap:16px; }
  #appView > .toolbar > .account-menu { grid-row:2; justify-self:start; max-width:100%; }
  #appView > .toolbar .main-actions { grid-row:3; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; padding:6px; }
  #appView .main-actions > :is(button,.nav-menu) { min-width:0; }
  #appView .main-actions > button, #appView .main-actions > .nav-menu > summary { white-space:normal; text-align:left; padding:9px 10px; }
  #appView .nav-menu-popover { width:max-content; max-width:calc(100vw - 80px); min-width:160px; }
  #appView .main-actions > .nav-menu:nth-child(even) .nav-menu-popover { left:auto; right:0; }
  .toolbar-intro #mainTitle { font-size:26px; }
}