/* M7.0 application shell (sign-in and employer selection). QHB palette: Navy #00274E, Medium Blue #008CDB, Light Blue #9ADFFF,
   Electric Green #84F6A6, Light Grey #F0F2F1, Black #13111F; Tahoma/Verdana (brand fallbacks). The dashboards keep their own CSS. */
*{box-sizing:border-box}
body{margin:0;background:#F0F2F1;color:#13111F;font:15px/1.5 Tahoma,Verdana,sans-serif}
.banner{background:#13111F;color:#84F6A6;font-weight:700;font-size:12px;letter-spacing:.04em;text-transform:uppercase;padding:6px 16px}
.banner.demo{background:#7a4b00;color:#fff}
select{display:block;width:100%;margin-top:4px;padding:8px;border:1px solid #b9c6d1;border-radius:8px;font:15px Tahoma,Verdana,sans-serif}
header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border-bottom:1px solid #dfe6ec;padding:12px 16px}
header.top img{height:40px;width:auto}
header.top .who{font-size:13px;color:#425466}
main{max-width:980px;margin:0 auto;padding:24px 16px 48px}
h1{color:#00274E;font-size:26px;margin:0 0 6px}
.lede{color:#425466;margin:0 0 20px}
.card{background:#fff;border:1px solid #dfe6ec;border-radius:12px;padding:18px;margin:0 0 16px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.emp h2{font-size:18px;margin:0 0 4px;color:#00274E}
.emp .meta{font-size:13px;color:#425466;margin:0 0 10px}
.pill{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;background:#e8eef3;color:#00274E}
.pill.pending{background:#fdecc8;color:#7a4b00}.pill.ok{background:#D0F8BD;color:#0b4d1e}
.actions{display:flex;flex-wrap:wrap;gap:8px}
a.btn,button.btn{display:inline-block;border:0;border-radius:8px;padding:9px 14px;background:#00274E;color:#fff;font:700 14px Tahoma,Verdana,sans-serif;text-decoration:none;cursor:pointer}
a.btn.ghost{background:#fff;color:#00274E;border:1px solid #00274E}
form.login{max-width:380px}
label{display:block;font-weight:700;font-size:14px;margin:0 0 12px}
input[type=text],input[type=password]{display:block;width:100%;margin-top:4px;padding:9px 10px;border:1px solid #b9c6d1;border-radius:8px;font:15px Tahoma,Verdana,sans-serif}
.err{color:#9b1c1c;font-weight:700}
.fine{font-size:12px;color:#5b6b7a}
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #e3e9ee}
@media (max-width:640px){header.top img{height:32px}h1{font-size:22px}}