.wrapper{--app-header-sticky-offset: 5.75rem}.app-header{--app-header-border: var(--cui-border-color, #d8dbe0);--app-header-ink: #f4f7fb;--app-header-muted: #e4f5ff;--app-header-accent: #fff;isolation:isolate;border-bottom:1px solid rgba(255,255,255,.08);color:var(--app-header-ink);background:#009df8;box-shadow:0 .3rem 1rem #004a7538;backdrop-filter:saturate(150%) blur(12px);transition:box-shadow .2s ease}.app-header.shadow-sm{box-shadow:0 .5rem 1.35rem #004a754d!important}.app-header>.app-header__main{display:flex;min-height:3.75rem;align-items:center;gap:.75rem;background:linear-gradient(105deg,#0088d8,#009df8 58%,#007fc9)}.app-header__main--with-breadcrumb{border-bottom:1px solid rgba(255,255,255,.08)}.app-header__menu{display:inline-grid;width:2.25rem;height:2.25rem;flex:0 0 2.25rem;margin-inline-start:-.55rem;padding:0;place-items:center;border-radius:.5rem;color:var(--app-header-ink);box-shadow:inset 0 0 0 1px transparent;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}.app-header__menu:hover,.app-header__menu:focus-visible{color:var(--app-header-accent);background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff1f;outline:none}.app-header__brand{min-width:0}.app-header__brand-link{display:inline-flex;min-width:0;align-items:center;gap:.65rem;color:var(--app-header-ink);text-decoration:none}.app-header__brand-mark{display:inline-grid;width:2.15rem;height:2.15rem;flex:0 0 2.15rem;place-items:center;border-radius:.55rem;color:#fff;border:1px solid rgba(255,255,255,.28);background:#00416938;box-shadow:0 .25rem .65rem #00416933;font-size:.9rem}.app-header__brand-copy,.app-header__user-copy,.app-header__dropdown-copy{display:flex;min-width:0;flex-direction:column}.app-header__brand-name{overflow:hidden;max-width:min(34vw,28rem);color:var(--app-header-ink);font-size:1.2rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-header__brand-meta{overflow:hidden;color:var(--app-header-muted);font-size:.7rem;font-weight:500;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-header__logo{display:block;width:8rem;max-height:3rem;opacity:.94}.app-header__actions{display:flex;align-items:center;gap:.65rem;margin-inline-start:auto}.app-header__environment{display:inline-flex;align-items:center;gap:.35rem;padding:.28rem .55rem;border:1px solid rgba(251,191,36,.3);border-radius:999px;color:#fcd98d;background:#f59e0b1f;font-size:.64rem;font-weight:700;letter-spacing:.025em}.app-header__environment-dot{width:.4rem;height:.4rem;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 3px #f59e0b24}.app-header__user{display:flex;align-items:center;gap:.6rem;padding:.3rem .4rem .3rem .65rem;border-radius:.65rem;color:var(--app-header-ink);box-shadow:inset 0 0 0 1px transparent;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease}.app-header__user:hover,.app-header__user:focus-visible,.app-header__user[aria-expanded=true]{color:var(--app-header-ink);background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff1f;outline:none}.app-header__user-copy{align-items:flex-end}.app-header__user-name{overflow:hidden;max-width:13rem;font-size:.78rem;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-header__user-role{overflow:hidden;max-width:13rem;color:var(--app-header-muted);font-size:.66rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-header__avatar{display:inline-grid;width:2.1rem;height:2.1rem;flex:0 0 2.1rem;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#e5f3ff;background:#00416938;font-size:.68rem;font-weight:800;letter-spacing:.025em}.app-header__chevron{color:var(--app-header-muted);font-size:.62rem;transition:transform .15s ease}.app-header__user[aria-expanded=true] .app-header__chevron{transform:rotate(180deg)}.app-header__dropdown{--app-user-menu-ink: #fff;--app-user-menu-color: #edf8fd;--app-user-menu-muted: #c9e6f3;--app-user-menu-accent: #b8e7ff;--cui-dropdown-link-color: var(--app-user-menu-color);--cui-dropdown-link-hover-color: var(--app-user-menu-ink);--cui-dropdown-link-hover-bg: rgba(255, 255, 255, .1);--cui-dropdown-link-active-color: var(--app-user-menu-ink);--cui-dropdown-link-active-bg: rgba(255, 255, 255, .18);width:min(18rem,100vw - 2rem);margin-top:.45rem!important;padding:0 0 .35rem;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:.75rem;color:var(--app-user-menu-color);background:linear-gradient(90deg,#007fc9,#0072b5);box-shadow:0 .85rem 2.25rem #0041654d}.app-header__dropdown-profile{display:flex;align-items:center;gap:.7rem;padding:.85rem 1rem;border-bottom:1px solid rgba(255,255,255,.18);background:#0044692e}.app-header__dropdown .app-header__avatar{border-color:#fff6;color:var(--app-user-menu-ink);background:#ffffff26}.app-header__dropdown-copy strong,.app-header__dropdown-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header__dropdown-copy strong{color:var(--app-user-menu-ink);font-size:.8rem}.app-header__dropdown-copy small{color:var(--app-user-menu-muted);font-size:.68rem}.app-header__dropdown .dropdown-header{padding:.7rem 1rem .35rem;color:var(--app-user-menu-muted);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-header__dropdown .dropdown-item{display:flex;min-height:2.45rem;align-items:center;margin:0 .35rem;padding:.55rem .65rem;border-radius:.45rem;color:var(--app-user-menu-color);font-weight:500;transition:color .15s ease,background-color .15s ease}.app-header__dropdown .dropdown-item .icon{width:1.15rem;flex:0 0 1.15rem;color:var(--app-user-menu-muted);text-align:center;transition:color .15s ease}.app-header__dropdown .dropdown-item:hover,.app-header__dropdown .dropdown-item:focus-visible{color:var(--app-user-menu-ink);background:#ffffff1a;outline:none}.app-header__dropdown .dropdown-item:hover .icon,.app-header__dropdown .dropdown-item:focus-visible .icon{color:var(--app-user-menu-accent)}.app-header__dropdown .dropdown-item:active{color:var(--app-user-menu-ink);background:#ffffff2e}.app-header__dropdown .dropdown-divider{margin:.35rem .75rem;border-color:#ffffff2e}.app-header__dropdown .app-header__logout{color:#ffe1e4}.app-header__dropdown .app-header__logout .icon{color:#ffc2c8}.app-header__dropdown .app-header__logout:hover,.app-header__dropdown .app-header__logout:focus-visible{color:#fff;background:#84122338}.app-header__dropdown .app-header__logout:hover .icon,.app-header__dropdown .app-header__logout:focus-visible .icon{color:#ffe1e4}.app-header__breadcrumb{display:flex;min-height:2rem;align-items:center;overflow-x:auto;background:linear-gradient(90deg,#007fc9,#0072b5);scrollbar-width:none}.app-header__breadcrumb::-webkit-scrollbar{display:none}.app-header__breadcrumb nav{min-width:max-content}.app-header__breadcrumb .breadcrumb{color:var(--app-header-muted);font-size:.7rem;font-weight:500}.app-header__breadcrumb .breadcrumb-item a{color:var(--app-header-accent);text-decoration:underline}.app-header__breadcrumb .breadcrumb-item.active{color:var(--app-header-ink);font-weight:650}.app-header__breadcrumb .breadcrumb-item+.breadcrumb-item:before{color:#ffffff61}@media (max-width: 767.98px){.wrapper{--app-header-sticky-offset: 5.5rem}.app-header>.app-header__main{min-height:3.5rem}.app-header__brand-name{max-width:38vw}.app-header__brand-meta,.app-header__user-copy,.app-header__chevron,.app-header__environment-label{display:none}.app-header__user{padding:.25rem}}@media (max-width: 575.98px){.app-header>.app-header__main,.app-header__breadcrumb{padding-inline:.85rem!important}.app-header>.app-header__main{gap:.45rem}.app-header__menu{margin-inline-start:-.35rem}.app-header__brand-mark{display:none}.app-header__brand-name{max-width:43vw;font-size:.95rem}.app-header__logo{width:6.75rem}.app-header__actions{gap:.35rem}.app-header__environment{padding:.25rem .4rem;font-size:.58rem}}
