/* ── Employer-specific additions on top of dashboard.css ── */

/* Auth split layout */
.as{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;}
.al{background:var(--dk);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;}
.ar{background:var(--nv);display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto;}
.ab2{width:100%;max-width:400px;}

/* Feature list (auth left panel) */
.feat{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px;}
.fi{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;}

/* Small action buttons */
.ab{padding:5px 11px;border-radius:7px;font-size:11px;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .2s;border:1px solid transparent;font-weight:500;}
.ab-t{background:rgba(2,195,154,.1);border-color:rgba(2,195,154,.25);color:var(--tl2);}
.ab-t:hover{background:rgba(2,195,154,.18);}
.ab-o{background:rgba(255,107,53,.1);border-color:rgba(255,107,53,.25);color:var(--or);}
.ab-o:hover{background:rgba(255,107,53,.18);}
.ab-d{background:rgba(255,255,255,.04);border-color:transparent;color:var(--gy2);cursor:default !important;}

/* Chips (filter tabs) */
.chip{padding:6px 16px;border-radius:100px;font-size:12px;cursor:pointer;border:1px solid rgba(255,255,255,.1);background:transparent;color:var(--gy);font-family:'DM Sans',sans-serif;transition:all .2s;white-space:nowrap;}
.chip:hover{border-color:rgba(2,195,154,.35);color:var(--wh);}
.chip.on{background:rgba(2,195,154,.12);border-color:rgba(2,195,154,.45);color:var(--tl2);font-weight:500;}

/* Status pills (standalone — no conflict with .sp spinner) */
.sp-n,.sp-s,.sp-r{font-size:10px;padding:3px 9px;border-radius:100px;font-weight:500;display:inline-block;}
.sp-n{background:rgba(2,195,154,.09);color:var(--tl2);}
.sp-s{background:rgba(245,200,66,.1);color:var(--am);}
.sp-r{background:rgba(224,90,90,.08);color:var(--rd);}

/* AI result box */
.ai-box{background:rgba(2,195,154,.05);border:1px solid rgba(2,195,154,.2);border-radius:14px;padding:1.25rem;margin-top:1rem;font-size:13px;line-height:1.75;color:var(--of);}
.ai-box.err{background:rgba(224,90,90,.06);border-color:rgba(224,90,90,.25);color:var(--rd);}
.ai-sp{display:inline-block;width:13px;height:13px;border:2px solid rgba(2,195,154,.3);border-top-color:var(--tl2);border-radius:50%;animation:rot .7s linear infinite;vertical-align:middle;margin-left:4px;}

/* Select dropdown (dark theme) */
select.inp{background-color:#0F2235;color:#F0F6FF;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238BA4BC'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:10px;padding-right:32px;}
select.inp option{background:#0B1829;color:#F0F6FF;}
select.inp option:checked{background:#02C39A;color:#000;}

/* Responsive */
@media(max-width:768px){
  .mob-hdr{display:flex !important;}
  .db-shell>.sb{display:none !important;}
  .dbm{padding:1rem !important;}
  .mets{grid-template-columns:1fr 1fr !important;}
  .g2,.g3{grid-template-columns:1fr !important;}
  .as{grid-template-columns:1fr !important;}
  .al{display:none !important;}
}