/*
 * Passport's crawl gap pages (design audit 2026-10-08: reset, register sent, sign-in, activation failed, volunteer,
 * pickup). The shared vocabulary (.mlcs-gap, .mlcs-g-panel, .mlcs-g-btn, .mlcs-g-status, .mlcs-g-rows ...) is the
 * crawl gate's, in ML Coming Soon 1.3.37 event-surfaces.css. This file adds only what Passport's pages use beyond it.
 */
body.mlcs-event-surface .mlcs-gap.mlcp-g-col-form{max-width:560px;margin-inline:auto}
body.mlcs-event-surface .mlcs-gap h1.mlcs-g-h1{text-wrap:balance}
body.mlcs-event-surface .mlcs-gap.mlcp-g-col-form h1.mlcs-g-h1{font-size:clamp(36px,3.4vw,48px)}
body.mlcs-event-surface .mlcs-gap h1.mlcs-g-h1 em{font-style:normal;color:var(--g-red,#b9253b)}
body.mlcs-event-surface .mlcs-gap :is(p,li){text-wrap:pretty}
body.mlcs-event-surface .mlcs-gap .mlcp-g-center{text-align:center}

/* Information notice: the gate's status box in pine instead of red (8.84:1). */
body.mlcs-event-surface .mlcs-gap .mlcs-g-status.mlcp-g-status--info{background:#edf3e9;border-color:#71917d;color:var(--g-pine,#194b37)}

/* Kicker and the date label on the volunteer and pickup cards. */
body.mlcs-event-surface .mlcs-gap p.mlcp-g-kick{font:800 14px/1.5 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--g-red,#b9253b)}
body.mlcs-event-surface .mlcs-gap p.mlcp-g-date{font:800 34px/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.02em;margin-top:6px}

/* "What your Passport does" on the pine aside (register sent). */
body.mlcs-event-surface .mlcs-gap .mlcp-g-sent .mlcs-g-panel--pine h2.mlcs-g-label{color:var(--g-gold,#efc568)}
body.mlcs-event-surface .mlcs-gap ul.mlcp-g-ticks{list-style:none;margin:16px 0 0;padding:0}
body.mlcs-event-surface .mlcs-gap .mlcp-g-ticks li{display:flex;gap:12px;padding:11px 0;margin:0;border-bottom:1px solid #fff1d426;line-height:1.5}
body.mlcs-event-surface .mlcs-gap .mlcp-g-ticks li:last-child{border-bottom:0}
/* Icons::arrow() sizes itself to 1em. */
body.mlcs-event-surface .mlcs-gap .mlcp-g-ticks svg{font-size:16px;margin-top:4px;color:var(--g-lime,#dfff73)}
body.mlcs-event-surface .mlcs-gap .mlcp-g-ticks b{display:block}

/* The resend form: the gate's field, with the 3:1 input border from the polish spec. */
body.mlcs-event-surface .mlcs-gap .mlcp-g-resend .mlcs-g-field input{border-color:#8f8462}
body.mlcs-event-surface .mlcs-gap .mlcp-g-resend .mlcs-g-field input:focus-visible{outline:3px solid #1d5fd1;outline-offset:2px}

/* Sign-in and reset (p03c, p09c): sentence-case labels and button to match checkout; UsersWP keeps its form. */
body.mlcs-event-surface:is(.mlcp-crawl-auth--login,.mlcp-crawl-auth--reset) .uwp_form label:not(.form-check-label){font:700 17px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-transform:none}
body.mlcs-event-surface .mlcp-g-uwp.mlcp-g-col-form{max-width:560px;margin:22px auto 0}
/* UsersWP's card as the gap panel: paper, a 1px line and 12px corners; fields with the 3:1 border. */
/* AccountStates::sentence_case() drops UsersWP's border-0 and text-uppercase utilities, so no !important here. */
body.mlcs-event-surface .mlcp-g-uwp .uwp_page>.row>.card{width:100%;max-width:none;margin:0;background:#fffaf0;border:1px solid #d8caa4;border-radius:12px;box-shadow:0 2px 5px #194b3708}
body.mlcs-event-surface .mlcp-g-uwp .uwp_page>.row>.card>.card-body{padding:32px 34px}
body.mlcs-event-surface .mlcp-g-uwp .uwp_form :is(input.form-control,.input-group-text){background:#fffdf7;border-color:#8f8462}
body.mlcs-event-surface .mlcp-g-uwp .uwp_form input.form-control{min-height:56px}
body.mlcs-event-surface .mlcp-g-uwp .uwp-footer-links{justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-top:18px}
body.mlcs-event-surface .mlcp-g-uwp .uwp-footer-links a{min-height:44px;font:700 17px/1.3 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;color:var(--g-pine,#194b37);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;border:0}
body.mlcs-event-surface .mlcp-g-uwp .form-check-label{font-size:17px;color:var(--g-pine,#194b37)}
body.mlcs-event-surface .mlcs-gap.mlcp-g-col-form p.mlcs-g-lede{font-size:17px;margin-top:12px}
@media (max-width:640px){body.mlcs-event-surface .mlcp-g-uwp .uwp_page>.row>.card>.card-body{padding:24px 20px}}
body.mlcs-event-surface .mlcp-g-uwp + .mlcs-gap{margin-top:0}

@media (max-width:760px){
 body.mlcs-event-surface .mlcs-gap p.mlcp-g-date{font-size:28px}
}