@import url('../assets/css/public.css');
:root{--ink:#142c32;--muted:#56696d;--green:#075e55;--line:#dce5e1;--paper:#f6f8f5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,sans-serif}header{max-width:1200px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:850;letter-spacing:2px;color:var(--green);text-decoration:none}.brand span{display:block;font-size:9px;letter-spacing:2.2px}a{color:var(--green)}main{max-width:1152px;margin:auto;padding:12px 24px 48px}.hero{padding:42px 0 36px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.8px;color:var(--green)}h1{font-size:clamp(32px,5vw,60px);line-height:1.12;letter-spacing:-2px;margin:18px 0}h1 span{color:var(--green)}.hero>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:17px}.pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pills span,.badge{background:#e7f0e9;color:var(--green);border-radius:30px;padding:5px 12px;font-size:12px;font-weight:700}.roles{display:flex;gap:8px;flex-wrap:wrap;padding:22px 0}.roles a{padding:9px 16px;text-decoration:none;border:1px solid var(--line);border-radius:8px;background:white}.roles a[aria-current=page]{background:var(--green);color:white;border-color:var(--green)}button{cursor:pointer;border:1px solid var(--green);border-radius:8px;background:var(--green);color:white;padding:10px 17px;font:inherit;font-size:14px;font-weight:650}button:hover{filter:brightness(1.12)}button:disabled{cursor:wait;opacity:.5}.secondary{background:white;color:var(--green);border-color:var(--line)}.panel,.job{background:white;border:1px solid var(--line);border-radius:14px;padding:24px;margin:16px 0}.panel h2{font-size:22px;margin:5px 0}.panel p{color:var(--muted)}.section-head,.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:22px 0}.section-head h2{margin:0;font-size:28px}.section-head .eyebrow{margin-bottom:5px}.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.job{margin:0}.job h3{font-size:21px;line-height:1.3;margin:14px 0 8px}.job .company{color:var(--muted);margin:0 0 12px}.pay{font-size:29px;font-weight:800;letter-spacing:-1px;margin:16px 0 0}.pay small{font-size:12px;font-weight:500;letter-spacing:0;display:block;color:var(--muted)}dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}dt{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}dd{margin:3px 0 0;font-size:14px;overflow-wrap:anywhere}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.note{font-size:13px;color:var(--muted);padding:20px 0}.pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.check{display:flex;align-items:flex-start;gap:10px;margin:20px 0}.check input{width:auto;margin-top:6px}#preference-form>a{margin-left:14px;font-size:13px}dialog{border:1px solid var(--line);border-radius:16px;max-width:840px;width:calc(100% - 28px);max-height:90vh;padding:26px;color:var(--ink)}dialog::backdrop{background:#102b3280}.dialog-heading{margin:0}.dialog-heading h2{margin:0}dialog>form>p{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}label{font-size:13px;font-weight:650;display:block}input,select,textarea{display:block;width:100%;padding:10px;border:1px solid #b7cac3;border-radius:7px;background:white;color:var(--ink);font:inherit;margin-top:5px}.wide{grid-column:1/-1}.form-actions{border-top:1px solid var(--line);padding-top:18px;text-align:right}.error{color:#a32626!important}.application{border-top:1px solid var(--line);padding:20px 0}.application h3{margin:0;font-size:17px}.application p{margin:7px 0;font-size:14px}#message:empty{display:none}[hidden]{display:none!important}:focus-visible{outline:3px solid #e4b548;outline-offset:3px}@media(max-width:650px){header{padding:18px}header>a:last-child{font-size:12px}main{padding:6px 18px 30px}.hero{padding-top:20px}h1{letter-spacing:-1px}.jobs,.grid{grid-template-columns:1fr}.wide{grid-column:auto}.section-head{align-items:flex-start;flex-direction:column}.panel,.job{padding:20px}.roles a{font-size:13px;padding:8px 12px}dialog{padding:18px}.roles{gap:6px}#preference-form>a{display:block;margin:12px 0 0}}

.availability-options,.pool-controls{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.availability-options .check{margin:12px 0}.pool-controls label{min-width:220px}#availability-form>label{max-width:480px}#availability-status{font-weight:650}.job dd{font-variant-numeric:tabular-nums}
/* Compact operational workspace */
body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.5}header{padding:18px 24px;border-bottom:1px solid var(--line);max-width:none;background:#fff}header .brand{margin-right:auto}main{max-width:1240px;padding-top:0}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:28px 0 20px;border:0}.hero h1{font-size:clamp(25px,3vw,36px);line-height:1.2;letter-spacing:-.8px;margin:6px 0 10px}.hero>div>p:last-child{max-width:760px;color:var(--muted);margin:0}.hero .eyebrow{margin:0}.portal-back{flex:none;font-size:13px;padding-top:8px}.workspace-switch{font-size:13px;margin:0 0 14px}.workspace-switch summary{cursor:pointer;color:var(--muted)}.roles{padding:12px 0}.workflow-guide{padding:12px 16px;border:1px solid #d4e5df;background:#eaf3ef;border-radius:10px;margin-bottom:20px;font-size:13px;color:var(--green)}.workflow-guide p{margin:0}.workspace-nav{display:flex;gap:6px;overflow:auto;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:20px}.workspace-nav button{flex:none;white-space:nowrap;border-radius:8px;font-size:14px;padding:11px 18px}.workspace-nav button[aria-current=page]{color:#fff;background:var(--green);border-color:var(--green)}button,input,select,textarea{font-family:inherit}button{font-weight:650}.section-head{margin:0 0 16px}.section-head h2{font-size:24px}.section-head .eyebrow{margin:0 0 4px}.list-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}.list-tools .note{padding:0;flex:1;min-width:200px}.list-tools label{min-width:180px}.list-tools select{margin-top:3px}.jobs{gap:16px}.panel{margin:0 0 20px;padding:22px}.panel>p{max-width:900px}.jobs>.panel{grid-column:1/-1}.job{padding:22px}.job h3{margin:10px 0 5px;font-size:22px}.job .pay{font-size:28px;margin-top:12px}.job dl{padding:14px 0;margin:12px 0;border-top:1px solid var(--line);gap:12px}.job .actions{padding-top:14px;border-top:1px solid var(--line)}.job .actions>button:first-child,.job .actions>a{flex:1;text-align:center}.job .actions>a{padding:10px 15px;border:1px solid var(--green);background:var(--green);color:white;border-radius:8px;text-decoration:none;font-weight:650}.empty-state{padding:28px!important;color:var(--muted);background:#fff;border:1px dashed #bfd0c9;border-radius:10px}.application{border:1px solid var(--line);border-radius:10px;padding:18px;margin:12px 0}.application .actions{margin-top:14px}.excel-export-toolbar{justify-content:flex-end;margin:10px 0 14px!important}.excel-export-toolbar button{padding:6px 11px!important;font-size:12px!important}.excel-export-toolbar small{font-size:11px}#preference-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}#preference-form a{margin:0;align-self:center}#availability-form{max-width:620px}#message:not(:empty){padding:12px 16px;border-radius:8px;background:#edf3f9;border:1px solid #d6e2ee}#message.error{background:#fff0ef;border-color:#e6b9b5}dialog .dialog-heading{position:sticky;top:-26px;background:#fff;z-index:2;padding:12px 0;border-bottom:1px solid var(--line)}input[readonly]{background:#edf3f0;color:#315950}.shift-extra{margin:12px 0;border-top:1px solid var(--line);padding-top:12px}.shift-extra summary{cursor:pointer;color:var(--green);font-weight:650;font-size:13px}
@media(max-width:700px){.hero{flex-direction:column;gap:10px;padding:20px 0 14px}.portal-back{padding:0}.workspace-nav button{padding:10px 12px;font-size:13px}.workflow-guide{font-size:12px}.list-tools .note{order:3;flex-basis:100%}.list-tools label{flex:1}.section-head h2{font-size:22px}#preference-form{grid-template-columns:1fr}.panel,.job{padding:18px}.excel-export-toolbar{justify-content:flex-start}.excel-export-toolbar small{width:100%}dialog .dialog-heading{top:-18px}}

.form-section{min-width:0;border:1px solid var(--line);border-radius:10px;padding:16px;margin:18px 0}.form-section legend{font-weight:750;font-size:15px;padding:0 8px;color:var(--green)}.form-section .grid{margin-top:0}

/* Match the main portals and keep access prompts separate from work lists. */
:root{--ink:#172b47;--muted:#64748b;--green:#1769aa;--line:#dce5ef;--paper:#edf2f8}
.hero{padding:30px;margin:24px 0;background:linear-gradient(135deg,#102447,#173d70);border:0;border-radius:20px;color:#fff}
.hero h1{font-size:clamp(28px,3.2vw,42px);letter-spacing:-.035em;color:#fff}
.hero .eyebrow{color:#90c9ff}.hero #workspace-description{color:#d2dff0;max-width:760px;line-height:1.7}
.hero .portal-back{flex:none;display:inline-flex;align-items:center;min-height:42px;padding:10px 14px;border:1px solid #ffffff40;border-radius:10px;color:#fff;text-decoration:none;background:#ffffff0a}
.workspace-nav{padding:8px;background:#fff;border:1px solid var(--line);border-radius:13px;gap:8px}
.workspace-nav button{border-radius:9px;min-height:44px}.workspace-nav button[aria-current=page]{background:#1769aa;border-color:#1769aa;color:#fff}
.workflow-guide{background:#f8fbff;border-color:#d7e5f4;color:#365778;border-radius:12px}
.panel,.job{border-radius:16px;box-shadow:0 5px 20px #10244705}
#access{padding:32px;max-width:780px;margin:28px auto;border-top:3px solid #9dc4e8}#access h2{color:#102447;font-size:25px}#access>p{max-width:660px;line-height:1.8}
.access-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 10px}.access-actions a{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;font-weight:700;text-decoration:none;font-size:13px}.access-primary{background:#1769aa;color:#fff}.access-secondary{border:1px solid #cddcec;background:#fff;color:#174f82}
button,input,select,textarea{border-radius:10px}button{min-height:44px}.list-tools{background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px}
@media(max-width:650px){.hero{padding:24px 20px;margin-top:16px}.hero .portal-back{align-self:flex-start}.access-actions{flex-direction:column}#access{padding:24px}.workspace-nav button{flex:1 1 140px}}
