.staff-application-entry{display:grid;gap:7px;margin-top:22px;padding:16px;border:1px solid var(--stroke);border-radius:14px;background:var(--surface)}
.staff-application-entry strong{font-size:13px}.staff-application-entry span{color:var(--text-muted);font-size:12px;line-height:1.6}
.staff-application-entry .text-button{width:fit-content;padding:0;color:var(--accent);font-size:12px}
.staff-application-portal-link{margin:14px 16px 18px;padding:10px;border:1px solid var(--stroke);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}
.staff-application-view{--text-muted:var(--muted);--border:var(--stroke);width:min(100% - 36px,1000px);margin:0 auto;padding:32px 0 72px;color:#edf8fb}
.staff-application-view[hidden],.staff-application-view [hidden]{display:none!important}
.staff-application-back{margin-bottom:22px;padding:8px 12px;border:1px solid rgba(104,220,239,.18);border-radius:9px;background:#10232d;color:#edf8fb;font:inherit;font-size:12px;cursor:pointer}
.staff-application-hero{max-width:820px;margin:0 auto 40px;text-align:center}
.job-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#23d9ed;font-size:10px;font-weight:800;letter-spacing:.14em}
.job-eyebrow i,.sync-stamp>span{width:7px;height:7px;border-radius:50%;background:#5be0a1;box-shadow:0 0 13px #5be0a1}
.staff-application-hero h1{margin:18px 0 12px;color:#edf8fb;font-size:clamp(36px,7vw,64px);line-height:1.05;letter-spacing:-.05em}
.staff-application-hero h1 span{color:#23d9ed}.staff-application-hero>p{max-width:650px;margin:0 auto;color:var(--text-muted);font-size:14px;line-height:1.8}
.staff-application-view .volunteer-banner{display:flex;align-items:center;gap:13px;width:min(100%,560px);margin:22px auto;padding:14px 16px;border:1px solid rgba(255,198,93,.25);border-radius:13px;background:rgba(255,186,79,.05);text-align:left}
.staff-application-view .volunteer-banner>span{display:grid;width:38px;height:38px;flex:none;place-items:center;border:1px solid rgba(255,198,93,.3);border-radius:12px;color:#ffc65d;font-size:21px}
.staff-application-view .volunteer-banner strong,.staff-application-view .volunteer-banner small{display:block}.staff-application-view .volunteer-banner strong{color:#ffcf79;font-size:13px}.staff-application-view .volunteer-banner small{margin-top:4px;color:var(--text-muted);font-size:11px;line-height:1.6}
.staff-application-view .job-primary,.staff-application-view .job-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 18px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
.staff-application-view .job-primary{background:linear-gradient(110deg,#21cfe7,#56e5d7);color:#031319}.staff-application-view .job-secondary{border-color:rgba(104,220,239,.18);background:#10232d;color:#edf8fb}
.staff-application-view button:disabled{opacity:.55;cursor:wait}
.staff-application-view .job-privacy-note{margin-top:12px!important;font-size:10px!important}
.staff-application-view .job-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}
.staff-application-view .job-info-card,.staff-application-view .job-panel{border:1px solid rgba(104,220,239,.15);border-radius:16px;background:linear-gradient(150deg,rgba(16,35,45,.95),rgba(10,22,29,.96));box-shadow:0 14px 40px rgba(0,0,0,.14)}
.staff-application-view .job-info-card{min-height:145px;padding:18px}
.staff-application-view .info-number{color:#23d9ed;font:700 10px ui-monospace,monospace;letter-spacing:.12em}
.staff-application-view .job-info-card h2{margin:12px 0 7px;color:#edf8fb;font-size:14px}
.staff-application-view .job-info-card p{margin:0;color:var(--text-muted);font-size:11px;line-height:1.7}
.staff-application-view .job-panel{margin-top:16px;padding:clamp(17px,4vw,30px)}
.staff-application-view .policy-panel{border-color:rgba(255,198,93,.2)}
.staff-application-view .policy-panel ul{display:grid;gap:9px;margin:0;padding-left:20px;color:var(--text-muted);font-size:11px;line-height:1.75}
.staff-application-view .policy-panel li::marker{color:#ffc65d}
.staff-application-view .policy-panel>p{margin:14px 0 0;padding:11px 13px;border:1px solid rgba(35,217,237,.16);border-radius:10px;background:rgba(35,217,237,.04);color:var(--text-muted);font-size:10px;line-height:1.7}
.staff-application-view .panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:19px}
.staff-application-view .panel-heading h2,.staff-application-view .success-panel h2{margin:7px 0 0;color:#edf8fb;font-size:20px}
.staff-application-view .status-pill{padding:7px 11px;border:1px solid rgba(104,220,239,.15);border-radius:999px;background:rgba(35,217,237,.06);color:var(--text-muted);font-size:10px;font-weight:750;white-space:nowrap}
.staff-application-view .status-pill.is-pass{border-color:rgba(91,224,161,.28);background:rgba(91,224,161,.08);color:#5be0a1}
.staff-application-view .status-pill.is-fail{border-color:rgba(255,135,145,.24);background:rgba(255,135,145,.07);color:#ff8791}
.staff-application-view .eligibility-user{margin:-6px 0 14px;color:var(--text-muted);font-size:11px}
.staff-application-view .eligibility-user strong{color:#edf8fb}
.staff-application-view .eligibility-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.staff-application-view .eligibility-check{display:flex;align-items:center;gap:10px;min-height:50px;padding:9px 11px;border:1px solid rgba(104,220,239,.15);border-radius:10px;background:rgba(5,15,20,.44);color:#edf8fb;font-size:11px}
.staff-application-view .eligibility-check i{display:grid;width:22px;height:22px;flex:none;place-items:center;border-radius:50%;background:rgba(255,135,145,.11);color:#ff8791;font-style:normal}
.staff-application-view .eligibility-check.is-pass i{background:rgba(91,224,161,.11);color:#5be0a1}
.staff-application-view .eligibility-check.is-review{border-color:rgba(255,198,93,.22)}
.staff-application-view .eligibility-check.is-review i{background:rgba(255,198,93,.12);color:#ffcf79}
.staff-application-view .eligibility-check small{display:block;margin-top:3px;color:var(--text-muted);font-size:9px}
.staff-application-view .job-message,.staff-application-view .form-error,.staff-application-view .page-error{margin:13px 0 0;color:var(--text-muted);font-size:11px;line-height:1.7}
.staff-application-view .job-message.is-error,.staff-application-view .form-error,.staff-application-view .page-error{color:#ff8791}
.staff-application-view .job-panel-actions,.staff-application-view .form-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px;margin-top:16px}
.staff-application-view .existing-application{margin-top:14px;padding:13px;border:1px solid rgba(35,217,237,.2);border-radius:10px;background:rgba(35,217,237,.05);color:var(--text-muted);font-size:11px;line-height:1.8}
.staff-application-view .existing-application code,.staff-application-view .success-panel code{font-family:ui-monospace,monospace;color:#23d9ed}
.staff-application-view .progress-track{height:5px;overflow:hidden;border-radius:99px;background:#142a34}
.staff-application-view .progress-track span{display:block;width:33.333%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#23d9ed,#68ebd6);transition:width .25s}
.staff-application-view .round-description{margin:-6px 0 18px;color:var(--text-muted);font-size:11px;line-height:1.7}
.staff-application-view .round-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.staff-application-view .job-field{display:grid;gap:7px;color:#edf8fb;font-size:11px}
.staff-application-view .job-field.is-wide{grid-column:1/-1}
.staff-application-view .job-field small{color:var(--text-muted);font-size:9px;line-height:1.6}
.staff-application-view .job-field textarea,.staff-application-view .job-field select{width:100%;min-height:105px;padding:11px;border:1px solid rgba(104,220,239,.15);border-radius:10px;outline:none;background:#08141b;color:#edf8fb;font:inherit;font-size:11px;line-height:1.7;resize:vertical}
.staff-application-view .job-field select{min-height:44px;resize:none;color-scheme:dark;cursor:pointer}
.staff-application-view .job-field textarea:focus,.staff-application-view .job-field select:focus{border-color:#23d9ed;box-shadow:0 0 0 3px rgba(35,217,237,.1)}
.staff-application-view .job-field textarea::placeholder{color:#667d87}
.staff-application-view .job-field .field-error{color:#ff8791;font-size:10px;font-style:normal}
.staff-application-view .job-field textarea.is-invalid,.staff-application-view .job-field select.is-invalid{border-color:#ff8791}
.staff-application-view .consent-fields{display:grid;gap:10px;margin-top:18px;padding:15px;border:1px solid rgba(255,198,93,.19);border-radius:12px;background:rgba(255,198,93,.035)}
.staff-application-view .consent-intro strong{color:#edf8fb;font-size:12px}
.staff-application-view .consent-intro p{margin:5px 0;color:var(--text-muted);font-size:10px;line-height:1.6}
.staff-application-view .consent-fields label{display:flex;align-items:flex-start;gap:9px;color:var(--text-muted);font-size:10px;line-height:1.7}
.staff-application-view .consent-fields input{width:15px;height:15px;flex:none;margin-top:1px;accent-color:#23d9ed}
.staff-application-view .form-actions{justify-content:space-between}
.staff-application-view .application-id-note{margin:14px 0 0;color:var(--text-muted);font-size:9px}
.staff-application-view .success-panel{text-align:center}
.staff-application-view .success-panel>p{max-width:560px;margin:10px auto 16px;color:var(--text-muted);font-size:11px;line-height:1.8}
.staff-application-view .success-mark{display:grid;width:54px;height:54px;margin:4px auto 18px;place-items:center;border:1px solid rgba(91,224,161,.25);border-radius:17px;background:rgba(91,224,161,.1);color:#5be0a1;font-size:25px}
.staff-application-view .success-panel code{display:block;width:fit-content;margin:16px auto;padding:10px 13px;border:1px solid rgba(35,217,237,.18);border-radius:9px;background:rgba(35,217,237,.05);overflow-wrap:anywhere}
.staff-application-view .sync-stamp{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px auto;color:#5be0a1;text-align:left}
.staff-application-view .sync-stamp>span{flex:none}
.staff-application-view .sync-stamp strong,.staff-application-view .sync-stamp small{display:block}
.staff-application-view .sync-stamp strong{font-size:10px}
.staff-application-view .sync-stamp small{margin-top:4px;color:var(--text-muted);font-size:9px}
@media(max-width:700px){.staff-application-view{width:min(100% - 26px,1000px);padding:22px 0 48px}.staff-application-view .job-info-grid,.staff-application-view .eligibility-checks,.staff-application-view .round-fields{grid-template-columns:1fr}.staff-application-view .job-field.is-wide{grid-column:auto}.staff-application-view .panel-heading{align-items:flex-start;flex-direction:column}.staff-application-view .job-info-card{min-height:0}}
