/* Shared header; mobile sticky uses TASK736 document scroll ownership. */
html body .app-header {
  display:grid!important; grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center; gap:12px 8px!important; width:100%!important; min-width:0!important;
  height:auto!important; min-height:0!important; padding:calc(12px + env(safe-area-inset-top,0px)) 12px 12px!important;
  position:sticky!important; top:0!important; overflow:visible!important;
  background:linear-gradient(125deg,#0849a5,#03245b)!important;
  border-radius:0 0 22px 22px; backdrop-filter:none!important; -webkit-backdrop-filter:none!important;
}
html body .app-header .header-left {min-width:0; grid-column:1; grid-row:1;}
html body .app-header .app-brand {display:flex!important; align-items:center; gap:7px!important; min-width:0;}
html body .app-header .brand-logo {width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;margin:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;overflow:visible;transform:none!important;}
html body .app-header .brand-logo img {width:100%;height:100%;display:block;object-fit:contain;border:0;box-shadow:none;transform:none;}
html body .app-header .brand-copy {display:block!important;min-width:0;}
html body .app-header .brand-name {font-size:18px!important;font-weight:900!important;line-height:1.1;letter-spacing:0;white-space:nowrap;color:white!important;}
html body .app-header .brand-tagline {display:block!important;font-size:9px!important;line-height:1.4;letter-spacing:.2px;white-space:nowrap;color:#c4dfff!important;margin-top:2px;}
html body .app-header .header-right {z-index:2;grid-column:2;grid-row:1;display:flex!important;justify-content:flex-end!important;position:relative;min-width:0;width:100%;gap:0!important;}
html body .app-header .user-pill {display:inline-flex!important;flex:0 1 auto!important;align-items:center;width:auto!important;max-width:100%;min-width:0;min-height:44px;padding:7px 9px!important;gap:6px!important;border:1px solid #4287d8!important;border-radius:18px!important;background:#03265c!important;cursor:pointer;color:white;font:inherit;}
html body .app-header .user-avatar {display:grid;place-items:center;flex:0 0 26px;width:26px!important;height:26px!important;min-width:26px!important;border-radius:50%;background:linear-gradient(135deg,#27c6ff,#0758f4);}
html body .app-header .user-info {display:block!important;flex:0 1 auto!important;min-width:0;overflow:hidden;}
html body .app-header .user-name {display:block;font-size:12px!important;line-height:18px;white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;color:white!important;}
html body .app-header .user-role {display:none!important;}
html body .app-header .account-chevron {flex:0 0 auto;}
html body .app-header .account-menu {position:absolute;right:0;top:calc(100% + 8px);z-index:20;min-width:148px;padding:6px;border:1px solid #4287d8;border-radius:14px;background:#03265c;box-shadow:0 12px 28px #00163566;}
html body .app-header .account-menu[hidden] {display:none!important;}
html body .app-header .account-menu .account-menu-item {position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:44px!important;padding:10px 16px!important;clip-path:none!important;overflow:visible!important;color:white;background:transparent;border:0;border-radius:8px;text-align:right;text-decoration:none;cursor:pointer;box-shadow:none;transform:none;transition:none;}
html body .app-header :is(.user-pill,.account-menu-item,.atosy-main-nav-button):focus-visible {outline:2px solid #85e6ff;outline-offset:2px;}
html body .app-header .account-menu .account-menu-item:is(:hover,:active,:focus-visible) {background:transparent;box-shadow:none;transform:none;text-decoration:none;}
html body .app-header .account-menu .account-menu-label {display:inline-block;}
@keyframes atosy-account-text-bounce {
  0%,100% {transform:translateY(0);}
  45% {transform:translateY(-2px);}
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
 html body .app-header .account-menu .account-menu-item:hover .account-menu-label {animation:atosy-account-text-bounce 200ms cubic-bezier(.22,.61,.36,1) 1;}
}
html body .app-header > .top-navigation {grid-column:1/-1;grid-row:2;z-index:1!important;position:relative!important;top:auto!important;display:flex!important;align-items:center;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0;overflow:visible!important;margin:0!important;padding:4px!important;gap:6px!important;border:1px solid #397bc5!important;border-radius:28px!important;background:#03285f!important;backdrop-filter:none!important;}
html body .app-header .atosy-main-nav-button {display:flex!important;align-items:center;justify-content:center;flex:1 1 auto!important;min-width:0!important;min-height:44px!important;padding:8px 12px!important;gap:5px!important;font-size:12px!important;white-space:nowrap!important;border:0!important;border-radius:9999px!important;align-self:stretch;width:auto!important;max-width:none!important;margin:0!important;background-clip:border-box;color:#c9dfff!important;background:transparent!important;}
/* TASK739C: independent, symmetric capsules in every interaction state. */
/* TASK738: one owner for every top-level state, based on TASK737 Dashboard. */
html body .app-header {--nav-active:linear-gradient(120deg,#1dc8ef,#1154ff);--nav-ring:inset 0 0 0 1px #64caff;}
html body .app-header .atosy-main-nav-button {box-shadow:none;transform:none;transition:none!important;line-height:20px;font-weight:750;}
html body .app-header .atosy-main-nav-button:hover:not(.is-active):not(:disabled),
html body .app-header .atosy-main-nav-button.atosy-svoa-preview:not(.is-active) {background:rgba(72,135,235,.22)!important;box-shadow:inset 0 0 0 1px rgba(154,196,255,.25);}
html body .app-header .atosy-main-nav-button.is-active {background:var(--nav-active)!important;box-shadow:var(--nav-ring);color:white!important;}
html body .app-header .atosy-main-nav-button:active:not(:disabled) {filter:brightness(1.12);}
html body .app-header .atosy-main-nav-button:disabled {opacity:.45;cursor:not-allowed;}
html body .app-header .atosy-main-nav-icon {display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;line-height:1;flex:0 0 20px;}
html body .app-header .atosy-main-nav-icon {font-size:17px!important;}
@media(min-width:1024px) {
 html body .app-header {grid-template-columns:minmax(210px,1fr) minmax(320px,auto) minmax(160px,1fr)!important;padding:16px 3%!important;gap:20px!important;}
 html body .app-header > .top-navigation {grid-column:2;grid-row:1;gap:8px!important;}
 html body .app-header .header-right {grid-column:3;}
 html body .app-header .brand-name {font-size:22px!important;line-height:20.9px;}
 html body .app-header .brand-tagline {font-size:11px!important;letter-spacing:.35px;margin-top:4px;}
 html body .app-header .brand-logo {width:42px!important;height:42px!important;min-width:42px!important;}
 html body .app-header .atosy-main-nav-button {font-size:14px!important;padding-inline:18px!important;}
}

@media(max-width:767px) {
 html body .app-header {position:sticky!important;top:0!important;}
}

/* TASK739: geometric chevron, independent of font baseline. */
html body .app-header .atosy-nav-chevron {display:block;flex:0 0 12px;width:12px;height:12px;position:static;transform:none;}