/* QHSA Job Board Portal UI (Sky-Blue Theme) */
.qhsa-portal{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f8fafc;border-radius:14px;padding:22px;box-shadow:0 12px 30px rgba(2,6,23,.10);margin:18px auto;max-width:1200px;border:1px solid #e5e7eb;}
.qhsa-portal h2{margin:0 0 6px;color:#0f172a;font-size:1.85rem}
.qhsa-portal p{margin:0 0 14px;color:#475569}
.qhsa-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}
.qhsa-tab{border:none;background:#e5e7eb;color:#0f172a;padding:8px 14px;border-radius:999px;font-weight:700;font-size:.88rem;cursor:pointer;white-space:nowrap;}
.qhsa-tab:hover{background:#dbe2ea}
.qhsa-tab.active{background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#fff;box-shadow:0 6px 14px rgba(56,189,248,.35)}
.qhsa-panel-wrap{background:#fff;border-radius:14px;padding:18px;border:1px solid #e5e7eb}
.qhsa-panel{display:block}
.qhsa-hidden{display:none!important}
.qhsa-alert{border-radius:12px;padding:10px 12px;margin:10px 0;font-weight:700}
.qhsa-alert.success{background:#ecfeff;border:1px solid #38bdf8;color:#0c4a6e}
.qhsa-alert.error{background:#fef2f2;border:1px solid #ef4444;color:#7f1d1d}
.qhsa-btn{border:none;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#60a5fa);color:#fff;box-shadow:0 6px 14px rgba(56,189,248,.28);}
.qhsa-btn-secondary{border:none;border-radius:999px;padding:10px 18px;font-weight:800;background:#e5e7eb;color:#0f172a;cursor:pointer;}
.qhsa-help{color:#64748b;font-size:.92rem}
.qhsa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:10px}
.qhsa-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;padding:12px}
.qhsa-card h4{margin:0 0 6px;color:#0f172a}
.qhsa-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.qhsa-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#ecfeff;border:1px solid #38bdf8;color:#0c4a6e;font-weight:800;font-size:.8rem}
.qhsa-form{max-width:900px}
.qhsa-row{display:flex;flex-direction:column;gap:6px;margin:10px 0}
.qhsa-row label{font-weight:900;color:#0f172a}
.qhsa-row input,.qhsa-row textarea,.qhsa-row select{border:1px solid #e5e7eb;border-radius:12px;padding:10px;font-size:1rem;background:#fff}
@media(max-width:640px){.qhsa-tabs{overflow-x:auto;white-space:nowrap}.qhsa-tab{flex:0 0 auto}}