/* Shared SRT interaction layer. Content remains opaque; glass belongs to controls. */
:root{--srt-motion-fast:160ms;--srt-motion-enter:320ms;--srt-spring:cubic-bezier(.2,.8,.2,1);--srt-glass:rgba(12,36,58,.88)}
.srt-brand{display:flex!important;align-items:center;gap:18px;min-width:0;flex-shrink:0;text-decoration:none;color:#fff}
.srt-brand>img{display:block;width:136px!important;height:88px!important;max-width:none!important;object-fit:contain;flex:0 0 auto;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.srt-brand>span{display:grid;gap:4px;min-width:0;font:700 16px/1.4 "Poppins",sans-serif;color:#fff}
.srt-brand small{font:600 12px/1.4 "Mulish",sans-serif;color:#bad6e3}
.auth-customer .auth-brand-top,.employee-auth .auth-brand-top{position:relative!important;inset:auto!important;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:0 0 40px!important;min-height:88px;width:100%;flex-shrink:0}
.employee-auth .auth-brand,.auth-customer .auth-hero{display:flex!important;flex-direction:column;isolation:isolate}
.employee-auth .auth-brand-copy,.auth-customer .hero-copy{position:relative!important;inset:auto!important;margin:0!important;flex:1;display:flex;flex-direction:column;justify-content:center}
.auth-brand-copy h1,.hero-copy h1{line-height:1.08!important;margin:14px 0 22px!important}
.auth-panel-brand{display:none!important}
.auth-card{animation:srt-enter var(--srt-motion-enter) var(--srt-spring) both}
.auth-hero::before,.employee-auth .auth-brand::before{pointer-events:none;animation:srt-light 16s ease-in-out 2 alternate}
@keyframes srt-light{from{opacity:.45;translate:0 0}to{opacity:.8;translate:12px -10px}}
@keyframes srt-enter{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes srt-panel{from{opacity:0;translate:18px 0}to{opacity:1;translate:0 0}}
@keyframes srt-sheet{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes srt-notice{from{opacity:0;scale:.985}to{opacity:1;scale:1}}
@keyframes srt-shimmer{to{background-position:-200% 0}}
.auth-submit,.primary-button,.secondary-button,.button,.request-account-card,.shipping-select-trigger,.portal-control{transition:scale var(--srt-motion-fast) var(--srt-spring),box-shadow var(--srt-motion-fast),background var(--srt-motion-fast)!important}
:is(.auth-submit,.primary-button,.secondary-button,.button,.request-account-card,.portal-control):active:not(:disabled){scale:.98}
.field-shell{transition:border-color 160ms,box-shadow 160ms!important}
.recovery-dialog[open],.portal-calendar[open],.portal-dialog[open],.app-dialog[open]{animation:srt-enter 240ms var(--srt-spring)}
.recovery-dialog::backdrop,.portal-dialog::backdrop,.app-dialog::backdrop{background:rgba(5,22,38,.48);backdrop-filter:blur(6px)}
.portal-options:popover-open,.shipping-select-list:not([hidden]),.profile-menu:not([hidden]){animation:srt-enter 160ms var(--srt-spring)}
.auth-error:not([hidden]),.signup-message:not([hidden]),.delivery-form-error,.portal-toast:not([hidden]),.toast{animation:srt-notice 200ms var(--srt-spring)}
.portal-header,.topbar{backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.portal-shell>.portal-header{background:var(--srt-glass)!important}
.portal-brand img{width:100px!important;height:64px!important;object-fit:contain}
.portal-brand{gap:18px!important}.portal-brand span{padding-left:18px}
.brand-block{display:grid!important;grid-template-columns:92px minmax(0,1fr)!important;gap:12px!important;position:relative;padding:22px 14px 42px!important;min-height:142px}
.brand-logo-wrap{width:92px!important;height:66px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
.brand-logo-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;background:transparent!important;mix-blend-mode:normal!important}
.brand-block>div:nth-child(2){min-width:0}.brand-block strong{font-size:14px!important;line-height:1.4}.brand-block span{font-size:11px!important;line-height:1.5}
.brand-block .sidebar-toggle{position:absolute;right:16px;bottom:7px;min-width:32px;min-height:32px}
.srt-mobile-brand{display:none}
.srt-motion-nav{position:relative;isolation:isolate}
.srt-nav-track{position:absolute;pointer-events:none;border:1px solid #ffffff26;border-radius:14px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14;transition:translate 280ms var(--srt-spring),width 280ms var(--srt-spring),height 280ms var(--srt-spring);z-index:-1}
.srt-motion-nav .active{background:transparent!important}
.kpi-card[data-route-link]{font:inherit;text-align:left;color:inherit;cursor:pointer;transition:translate 180ms var(--srt-spring),box-shadow 180ms}
.kpi-card[data-route-link]:hover{translate:0 -2px;box-shadow:0 12px 30px #071c311c}.kpi-card[data-route-link]:focus-visible{outline:3px solid #00889c;outline-offset:3px}.srt-card-link{display:block;margin-top:12px;color:#08768a;font-size:12px;font-weight:700}
.srt-detail-sheet[open]{position:fixed;inset:16px 16px 16px auto;margin:0;width:min(640px,calc(100vw - 32px));max-width:640px;max-height:calc(100dvh - 32px);height:calc(100dvh - 32px);border-radius:24px;animation:srt-panel 280ms var(--srt-spring)}
.approval-flow [aria-current=step]{border-color:#24bed1!important;box-shadow:inset 3px 0 #24bed1,0 8px 22px #071c3114}.approval-flow [data-complete=true]>span{background:#b8dc52!important;color:#102c22!important}
.srt-form-progress{height:3px;background:#dce8ec;border-radius:10px;overflow:hidden;margin-bottom:18px}.srt-form-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#078fa9,#7758e8);transition:width 260ms var(--srt-spring)}
.srt-skeleton{height:80px;border-radius:18px;margin:16px 0;background:linear-gradient(90deg,#e5edf2 25%,#f7fafc 50%,#e5edf2 75%);background-size:200% 100%;animation:srt-shimmer 1.4s ease-in-out 3}
@media(min-width:901px){body.sidebar-minimized .brand-block{grid-template-columns:1fr!important;padding:14px 8px 38px!important;min-height:116px}body.sidebar-minimized .brand-logo-wrap{width:58px!important;height:54px!important}body.sidebar-minimized .brand-block .sidebar-toggle{right:20px}}
@media(max-width:900px){.srt-brand>img{width:108px!important;height:72px!important}.srt-brand{gap:14px}.srt-brand>span{font-size:14px}.srt-brand small{font-size:11px}.auth-customer .auth-hero,.employee-auth .auth-brand{min-height:0!important;padding:24px 22px 56px!important}.auth-customer .auth-brand-top,.employee-auth .auth-brand-top{margin-bottom:30px!important;min-height:72px}.auth-customer .hero-copy,.employee-auth .auth-brand-copy{margin:0!important}.auth-panel{margin-top:-20px!important}.portal-brand img{width:86px!important;height:56px!important}}
@media(max-width:900px){.srt-mobile-brand{display:flex;align-items:center;flex:0 0 auto}.srt-mobile-brand img{width:72px;height:48px;object-fit:contain}.sidebar:not(.open) .brand-block{visibility:hidden}.sidebar.open .brand-block{visibility:visible}}
@media(max-width:640px){.srt-brand{gap:10px}.srt-brand>span{font-size:13px}.srt-brand>img{width:104px!important;height:72px!important}.auth-entry-link{padding-inline:12px!important}.auth-customer .auth-brand-top{gap:12px}.srt-detail-sheet[open]{inset:auto 0 0;margin:0;width:100%;max-width:none;height:88dvh;max-height:88dvh;border-radius:24px 24px 0 0;animation:srt-sheet 280ms var(--srt-spring)}.topbar{gap:8px!important;padding-inline:10px!important}.srt-mobile-brand img{width:58px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.kpi-card[data-route-link]:hover{translate:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.portal-shell>.portal-header,.mobile-nav{background:#0c243a!important;backdrop-filter:none!important}.topbar,.auth-card,.recovery-dialog,.portal-options{background:#fff!important;backdrop-filter:none!important}}
@media print{.srt-mobile-brand,.srt-nav-track{display:none!important}.srt-detail-sheet[open]{position:static;width:100%;height:auto;max-height:none}}

body.sidebar-is-open .srt-mobile-brand{visibility:hidden}.brand-block .sidebar-toggle{top:auto!important}.delivery-progress span b{transition:background 220ms,border-color 220ms}.progress-step.done::before{animation:srt-notice 280ms var(--srt-spring)}
/* Keep every line of hero copy on a readable dark surface at all heights. */
.auth-customer .auth-hero,.employee-auth .auth-brand{background:linear-gradient(145deg,#071c31,#0b304f)!important;border-radius:0 0 36px 0}
@media(max-width:900px){.topbar .global-search{min-width:0;flex:1;width:auto}.topbar .topbar-actions{flex:0 0 auto;gap:4px}.topbar .mobile-menu{flex:0 0 36px}.auth-customer .auth-hero,.employee-auth .auth-brand{border-radius:0 0 28px 28px}}