.equiply-employer-ats { --ats-ink:#16342e; --ats-muted:#62736f; --ats-line:#dce6e2; --ats-green:#176b55; color:var(--ats-ink); font:15px/1.45 "DM Sans",system-ui,sans-serif; min-width:0; }
.ats-shell { display:grid; grid-template-columns:220px minmax(0,1fr); min-height:680px; background:#f6f8f7; }
.ats-rail { background:#fff; border-right:1px solid var(--ats-line); padding:24px 14px; }
.ats-brand { display:grid; gap:2px; padding:0 10px 22px; }.ats-brand span,.ats-header p,.ats-eyebrow { color:var(--ats-muted); font-size:12px; margin:0; text-transform:uppercase; letter-spacing:.06em; }.ats-brand strong { font-size:20px; }
.ats-rail ul { display:grid; gap:4px; list-style:none; margin:0; padding:0; }.ats-rail button,.ats-view-switch button { background:transparent; border:1px solid transparent; border-radius:8px; color:inherit; cursor:pointer; min-height:42px; padding:9px 12px; text-align:left; width:100%; }.ats-rail button[aria-current="page"],.ats-rail button:hover { background:#edf4f1; color:var(--ats-green); }
.ats-main { min-width:0; padding:28px; }.ats-header { align-items:end; display:flex; justify-content:space-between; margin-bottom:22px; }.ats-header h1 { font-size:30px; margin:3px 0 0; }.ats-view-switch { display:flex; gap:4px; }.ats-view-switch button { border-color:var(--ats-line); width:auto; }.ats-view-switch button[aria-pressed="true"] { background:var(--ats-ink); color:#fff; }
.ats-cards { display:grid; gap:12px; }.ats-card,.ats-candidate,.ats-metrics>div { background:#fff; border:1px solid var(--ats-line); border-radius:12px; padding:16px; box-shadow:0 2px 8px rgba(22,52,46,.05); }.ats-card { align-items:center; display:flex; justify-content:space-between; gap:16px; }.ats-card h2,.ats-column h2 { font-size:17px; margin:3px 0; }.ats-card p { margin:4px 0; }.ats-card button,.ats-move button,.ats-state button { background:var(--ats-green); border:0; border-radius:7px; color:#fff; cursor:pointer; padding:9px 12px; }
.ats-board { display:grid; gap:12px; grid-auto-columns:minmax(230px,1fr); grid-auto-flow:column; overflow-x:auto; padding-bottom:10px; }.ats-column { background:#edf2f0; border-radius:12px; padding:12px; }.ats-column>p { color:var(--ats-muted); margin:0 0 10px; }.ats-candidate { display:grid; gap:7px; margin-top:8px; }.ats-candidate:focus { outline:3px solid #8ab7aa; outline-offset:2px; }.ats-candidate span { color:var(--ats-muted); }.ats-move { display:flex; gap:6px; }.ats-move button { flex:1; font-size:12px; }
.ats-metrics { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; margin:0; }.ats-metrics dt { color:var(--ats-muted); }.ats-metrics dd { font-size:28px; font-weight:700; margin:5px 0; }.ats-metrics p { color:var(--ats-muted); margin:0; }.ats-state { align-items:center; background:#fff; border:1px solid var(--ats-line); border-radius:12px; display:flex; flex-direction:column; gap:14px; justify-content:center; min-height:220px; padding:24px; text-align:center; }.ats-state-error { border-color:#dca8a8; }.ats-state-permission { background:#f5f2ea; }
.ats-header-actions,.ats-card-actions{align-items:center;display:flex;gap:8px}.ats-primary{background:var(--ats-green);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:10px 14px}.ats-context{display:flex;flex-wrap:wrap;gap:8px 18px;margin:9px 0 0}.ats-context div{display:grid}.ats-context dt{color:var(--ats-muted);font-size:12px}.ats-context dd{margin:0}.ats-dialog{border:1px solid var(--ats-line);border-radius:14px;max-height:90vh;max-width:560px;padding:0;width:calc(100% - 24px)}.ats-dialog::backdrop{background:rgba(9,25,21,.45)}.ats-dialog form,.ats-inline-form{display:grid;gap:13px;padding:20px}.ats-dialog header,.ats-dialog footer{align-items:center;display:flex;gap:10px;justify-content:space-between}.ats-dialog h2,.ats-inline-form h2{margin:0}.ats-dialog label,.ats-inline-form label{display:grid;font-weight:600;gap:5px}.ats-dialog input,.ats-dialog select,.ats-dialog textarea,.ats-inline-form input,.ats-inline-form textarea{border:1px solid #aebdb8;border-radius:7px;font:inherit;padding:9px}.ats-dialog textarea,.ats-inline-form textarea{min-height:100px;resize:vertical}.ats-dialog footer{justify-content:flex-end}.ats-inline-form,.ats-onboarding{background:#fff;border:1px solid var(--ats-line);border-radius:12px;margin-bottom:15px}.ats-inline-form{grid-template-columns:repeat(2,minmax(0,1fr))}.ats-inline-form h2,.ats-inline-form label:last-of-type{grid-column:1/-1}.ats-inline-form button{justify-self:start}.ats-onboarding{padding:18px}.ats-onboarding progress{max-width:420px;width:100%}
.ats-candidate-tools{align-items:end;background:#fff;border:1px solid var(--ats-line);border-radius:12px;display:grid;gap:10px;grid-template-columns:2fr repeat(3,1fr) auto auto auto;margin-bottom:10px;padding:12px}.ats-candidate-tools label{display:grid;font-weight:600;gap:4px}.ats-candidate-tools input,.ats-candidate-tools select{border:1px solid #aebdb8;border-radius:7px;font:inherit;min-width:0;padding:8px}.ats-candidate-tools button,.ats-saved-views button{border:1px solid var(--ats-line);border-radius:7px;cursor:pointer;padding:9px}.ats-saved-views{display:flex;gap:7px;margin-bottom:12px;overflow-x:auto}.ats-select{align-items:center;display:flex;font-size:12px;gap:5px}.ats-select span{position:absolute;clip:rect(0 0 0 0);clip-path:inset(50%)}
@media (max-width:700px) { .ats-shell { display:block; min-height:0; }.ats-rail { border-bottom:1px solid var(--ats-line); border-right:0; padding:12px; }.ats-brand { padding:0 4px 10px; }.ats-rail ul { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-bottom:4px; }.ats-rail li { min-width:0 }.ats-rail button{text-align:center}.ats-main { padding:18px 12px; }.ats-header { align-items:flex-start; gap:12px; }.ats-header h1 { font-size:24px; }.ats-card { align-items:stretch; flex-direction:column; }.ats-board { grid-auto-columns:minmax(252px,86vw); }.ats-candidate-tools{grid-template-columns:1fr 1fr}.ats-candidate-tools>*{min-width:0} }
@media (max-width:360px) { .ats-main { padding:14px 8px; }.ats-header,.ats-header-actions { align-items:stretch;display:grid; }.ats-view-switch { width:100%; }.ats-view-switch button { flex:1; }.ats-board { grid-auto-columns:calc(100vw - 32px); }.ats-inline-form{grid-template-columns:1fr}.ats-inline-form>*{grid-column:1!important} }