/* R9.8 applicant-only page; scoped to avoid regression in desktop panels. */
body[data-page="public"]{--bg:#090f1b;--card:#152132;--text:#ecf3fa;--muted:#b2c2d4;--edge:#425469;--gold:#ecc66e;margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,'Segoe UI',sans-serif;min-height:100vh}
body[data-page="public"].light{--bg:#f3f6fa;--card:#fff;--text:#122239;--muted:#4b5b6e;--edge:#a7b8c9;--gold:#ac7420}
#sgiPublic{box-sizing:border-box;max-width:680px;padding:18px 16px 80px;margin:auto}
#sgiPublic h1{margin:12px 0 8px;font-size:clamp(22px,5vw,30px)}#sgiPublic h2{font-size:19px;margin:4px 0 14px}
#sgiPublic .card{border:1px solid var(--edge);border-radius:16px;background:var(--card);padding:18px;margin:14px 0}
#sgiPublic label{display:block;font-weight:650;margin:12px 0 3px}
#sgiPublic input,#sgiPublic textarea,#sgiPublic select{width:100%;box-sizing:border-box;background:var(--bg);color:var(--text);border:1px solid var(--edge);border-radius:9px;padding:12px;font:inherit;min-height:44px}
#sgiPublic textarea{min-height:108px;resize:vertical}
#sgiPublic button,#sgiPublic .button{padding:12px 18px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--edge);border-radius:10px;background:var(--card);color:var(--text);font:inherit;text-decoration:none;cursor:pointer}
#sgiPublic button.primary{background:#e6bd61;color:#121923;font-weight:750;border-color:#e6bd61}
#sgiPublic button:disabled{opacity:.55;cursor:not-allowed}
#sgiPublic nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px}#sgiPublic nav a{color:var(--text)}
#sgiPublic .muted{color:var(--muted)}#sgiPublic .err{color:#ff9b8b}#sgiPublic .good{color:#9be3ac}#sgiPublic .hidden{display:none!important}
#sgiPublic .qr-detail{border-left:4px solid var(--gold);padding:10px 12px;margin-top:12px;background:var(--bg);border-radius:4px}
#sgiPublic .scan-video{width:100%;max-height:360px;border-radius:12px;background:#000;object-fit:cover}
#sgiPublic .results article{border-bottom:1px solid var(--edge);padding:12px 0}
#sgiPublic .results article:last-child{border:0}


/* R9.9.2: applicant visual parity with the approved R9.6.1 mobile screens.
   The public form and its behaviours are deliberately untouched. */
body[data-page="public"] {
 --sgi-public-bg: radial-gradient(ellipse at top right,#12283f 0,transparent 55%),#080f1d;
 --sgi-public-surface: #0d1b2c;
 --sgi-public-field: #0a1728;
 --sgi-public-ink: #e6eef8;
 --sgi-public-muted: #b2c2d4;
 --sgi-public-line: #344b63;
 --sgi-public-link: #a0e6ff;
 background:var(--sgi-public-bg);
 color:var(--sgi-public-ink);
 font: 14px/1.55 Manrope,system-ui,sans-serif;
}
body[data-page="public"].light {
 --sgi-public-bg:#f3f5f8;
 --sgi-public-surface:#fff;
 --sgi-public-field:#fff;
 --sgi-public-ink:#1b2430;
 --sgi-public-muted:#526579;
 --sgi-public-line:#cfd6df;
 --sgi-public-link:#1d3557;
}
#sgiPublic { max-width:480px; padding:16px 16px 44px; }
#sgiPublic nav {
 display:flex; align-items:center; flex-wrap:wrap; gap:10px 14px;
 padding:0 0 14px; margin-bottom:16px;
 border-bottom:1px solid var(--sgi-public-line);
}
#sgiPublic nav a { color:var(--sgi-public-link); font-size:13px; font-weight:700; text-decoration:none; }
#sgiPublic nav a:hover { text-decoration:underline; }
#sgiPublic nav button#pubTheme {
 padding:8px 10px; min-height:38px; margin-left:auto;
 border:1px solid var(--sgi-public-line); background:var(--sgi-public-surface);
 color:var(--sgi-public-ink); border-radius:10px; font:600 12px/1.4 Manrope,sans-serif;
}
#sgiPublic > h1 {font:500 19px/1.35 Unbounded,Manrope,sans-serif; letter-spacing:0; margin:0 0 5px; color:var(--sgi-public-ink);}
#sgiPublic > .muted {font-size:12px; margin:0 0 16px;}
#sgiPublic .muted {color:var(--sgi-public-muted);}
#sgiPublic .card {
 border:1px solid var(--sgi-public-line);
 border-radius:20px;
 background:linear-gradient(155deg,#10283c,var(--sgi-public-surface) 80%);
 padding:22px; margin:0 0 14px;
 box-shadow:0 10px 36px rgba(0,0,0,.2);
}
body[data-page="public"].light #sgiPublic .card {background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.13);}
#sgiPublic h2 {margin:0 0 15px; font:500 19px/1.35 Unbounded,Manrope,sans-serif; color:#f5d78e;}
body[data-page="public"].light #sgiPublic h2 {color:#1d3557;}
#sgiPublic label {font-size:13px; font-weight:650; color:var(--sgi-public-ink); margin:14px 0 5px;}
#sgiPublic input,#sgiPublic textarea,#sgiPublic select {
 width:100%;box-sizing:border-box;
 padding:13px 14px; min-height:49px;
 border:1px solid var(--sgi-public-line); border-radius:12px;
 background:var(--sgi-public-field); color:var(--sgi-public-ink);
 font:16px/1.4 Manrope,system-ui,sans-serif;
}
#sgiPublic input:focus-visible,#sgiPublic textarea:focus-visible,#sgiPublic select:focus-visible {
 outline:2px solid var(--sgi-public-link);outline-offset:1px;
}
#sgiPublic input[readonly] {opacity:.85;cursor:default;}
#sgiPublic textarea{min-height:108px;line-height:1.55;}
#sgiPublic button:not(#pubTheme) {
 min-height:48px;padding:12px 15px;border-radius:12px;
 border:1px solid var(--sgi-public-line);
 background:var(--sgi-public-surface);
 color:var(--sgi-public-ink);
 font:650 14px/1.45 Manrope,system-ui,sans-serif;
}
#sgiPublic button.primary {background:#e7c36d;color:#171c24;border-color:#d3ab54;font-size:16px;font-weight:700;}
body[data-page="public"].light #sgiPublic button.primary {background:#1d3557;color:#fff;border-color:#1d3557;}
#sgiPublic #pubForm > button.primary {width:100%;margin-top:18px;}
#sgiPublic button:disabled {opacity:.55;cursor:not-allowed;}
#sgiPublic .qr-detail {
 border-left:3px solid #e7c36d;
 border-radius:8px;
 padding:12px; margin:14px 0;
 background:var(--sgi-public-field); color:var(--sgi-public-ink);
 font-size:13px;
}
#sgiPublic #pubForm > label:has(input[type="checkbox"]) {
 display:flex;align-items:center;gap:11px;
 padding:14px;margin-top:16px;
 border-radius:14px;border:1px solid var(--sgi-public-line);
 background:var(--sgi-public-field);font-size:15px;
}
#sgiPublic #pubForm input[type="checkbox"] {width:20px;min-width:20px;height:20px;min-height:20px;margin:0;accent-color:#e7c36d;}
#sgiPublic .results article {border:1px solid var(--sgi-public-line);border-radius:12px;background:var(--sgi-public-field);padding:14px;margin:10px 0;overflow-wrap:anywhere;}
#sgiPublic .results article:last-child {border:1px solid var(--sgi-public-line);}
#sgiPublic #pubFind button.primary {display:block;width:100%;margin-top:16px;}
#sgiPublic .good {color:#9be3ac;}
body[data-page="public"].light #sgiPublic .good {color:#146a37;}
@media(max-width:420px){
 #sgiPublic{padding:14px 12px 36px;}
 #sgiPublic .card{padding:18px 16px;}
 #sgiPublic nav{gap:10px;}
 #sgiPublic nav a{font-size:12px;}
}