/* Site-wide controls (owner, Oct 13). Loaded on every layout, just before phone-layout. */

/* ============================== Page loading bar ============================== */
/* A thin blue bar across the top while the next page loads (root.tsx NavProgress), so a click always shows it was heard. */
.aw-nav-progress{position:fixed;top:0;left:0;right:0;z-index:2147483000;height:3px;pointer-events:none;background:#0b5cf2;box-shadow:0 0 8px #0b5cf273;transform:scaleX(0);transform-origin:0 50%;opacity:0;transition:opacity .2s}
.aw-nav-progress.is-on{opacity:1;animation:aw-nav-progress 14s cubic-bezier(.08,.8,.2,1) forwards}
@keyframes aw-nav-progress{from{transform:scaleX(.06)}to{transform:scaleX(.94)}}
@media(prefers-reduced-motion:reduce){.aw-nav-progress.is-on{animation:none;transform:scaleX(.7)}}

/* ============================== Dropdowns (components/choice-picker.tsx) ============================== */
/* The same white list on every device, in place of the device's own menu. */
html[data-aw-theme] body .aw-pick{position:relative;display:block;min-width:0}
html[data-aw-theme] body .aw-pick>input{width:100%;padding-right:42px!important}
html[data-aw-theme] body .aw-pick-toggle{position:absolute;top:0;right:0;bottom:0;display:grid;place-items:center;width:42px;min-height:0!important;margin:0;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:var(--ref-muted,#687180)!important;cursor:pointer}
html[data-aw-theme] body .aw-pick.is-open .aw-pick-toggle svg,html[data-aw-theme] body .aw-pick.is-open .aw-pick-button svg{transform:rotate(180deg)}
html[data-aw-theme] body .aw-pick svg{transition:transform .15s}
html[data-aw-theme] body .aw-pick-button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:48px;margin:0;padding:11px 14px 11px 12px;border:1px solid var(--sq-line,#e2e5ea)!important;border-radius:7px;background:var(--sq-surface,#fff)!important;box-shadow:none!important;color:var(--sq-ink,#171717)!important;font:inherit;font-weight:600;text-align:left;cursor:pointer}
html[data-aw-theme] body .aw-pick-button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-aw-theme] body .aw-pick-button.is-empty>span{color:var(--ref-muted,#687180);font-weight:400}
html[data-aw-theme] body .aw-pick-button>svg{flex:none;color:var(--ref-muted,#687180)}
html[data-aw-theme] body .aw-pick-button[aria-invalid=true]{border-color:#c0352b!important}
html[data-aw-theme] body .aw-pick-list{position:absolute;z-index:80;top:calc(100% + 6px);left:0;right:0;max-height:min(312px,46vh);margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;list-style:none;border:1px solid #dfe5ee;border-radius:10px;background:#fff;box-shadow:0 14px 34px #10182726,0 2px 6px #1018270f;color-scheme:light}
html[data-aw-theme] body .aw-pick-list>li{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;margin:0;padding:8px 10px;border-radius:7px;color:#171d27;font:500 15px/1.3 'Source Sans 3',system-ui,sans-serif;text-align:left;cursor:pointer}
html[data-aw-theme] body .aw-pick-list>li>small{flex:none;color:#687180;font:650 12px/1 'Source Sans 3',system-ui,sans-serif;letter-spacing:.04em}
html[data-aw-theme] body .aw-pick-list>li[data-active]{background:#edf2f9}
html[data-aw-theme] body .aw-pick-list>li[aria-selected=true]{color:#0b5cf2;font-weight:700}
html[data-aw-theme] body .aw-pick-list>li[aria-selected=true]>small{color:#0b5cf2}
html[data-aw-theme] body .aw-pick-list>li.aw-pick-none{color:#687180;cursor:default}
/* A field holding a dropdown (a label above it, like the form's other fields). */
html[data-aw-theme] body .native-form .aw-pick-field{display:grid;gap:7px;min-width:0;font-size:14px;font-weight:600}
html[data-aw-theme] body .native-form .aw-pick-field>label{display:block}
html[data-aw-theme] body .native-form .aw-pick-field>.native-error{margin:0}
@media(max-width:600px){
 html[data-aw-theme] body .aw-auth-shell .aw-pick-button{min-height:52px;border-radius:10px;font-size:16px}
 html[data-aw-theme] body .aw-pick-list>li{min-height:44px;font-size:16px}
}

/* ============================== Check your email (components/auth-page.tsx, after sign-up) ============================== */
html[data-aw-theme] body .aw-auth-description strong{color:var(--ref-ink,#141a24);font-weight:700;overflow-wrap:anywhere}
html[data-aw-theme] body .aw-check-email{display:grid;gap:18px;margin:6px 0 0}
html[data-aw-theme] body .aw-check-email-steps{display:grid;gap:10px;margin:0;padding:18px 20px 18px 40px;border:1px solid var(--ref-line,#e3e7ec);border-radius:12px;background:var(--ref-soft,#f5f7fa);color:var(--ref-ink,#141a24);font-size:15px;line-height:1.5}
html[data-aw-theme] body .aw-check-email-steps li::marker{color:#0b5cf2;font-weight:700}
html[data-aw-theme] body .aw-check-email-wait{display:flex;align-items:center;gap:10px;margin:0;color:var(--ref-ink,#141a24);font-size:15px;font-weight:600}
html[data-aw-theme] body .aw-check-email-spin{flex:none;width:18px;height:18px;border:2.5px solid #0b5cf233;border-top-color:#0b5cf2;border-radius:50%;animation:aw-check-email-spin .8s linear infinite}
@keyframes aw-check-email-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html[data-aw-theme] body .aw-check-email-spin{animation-duration:2.4s}}
html[data-aw-theme] body .aw-check-email-help{margin:0;color:var(--ref-muted,#687180);font-size:14px;line-height:1.55}
html[data-aw-theme] body .aw-check-email-help a{color:var(--ref-link,#1a5fd6)!important;font-weight:600}

/* The dashboard license rows (Public profile > Licensing): room for a state's full name, and a list wide enough to read. */
html[data-aw-theme] body .aw-ws-license{grid-template-columns:minmax(150px,.9fr) minmax(0,1fr) minmax(0,1.2fr) auto}
html[data-aw-theme] body .aw-ws-license .aw-pick-list{right:auto;min-width:240px}
@media(max-width:640px){html[data-aw-theme] body .aw-ws-license{grid-template-columns:minmax(130px,.8fr) minmax(0,1fr) auto}}