:root{
  --sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--display:var(--sans);
  /* Text (green-tinted neutrals, darkest to lightest) */
  --ink:#17251e;
  --text-heading:#26392d;
  --text-strong:#34463a;
  --text-body:#425148;
  --text-medium:#536158;
  --muted:#66736b;
  --text-subtle:#748178;
  --soft:#89958e;
  --text-faint:#a3ada5;
  /* Brand */
  --green:#315f4a;
  --green-deep:#274f3c;
  --green-2:#40765c;
  --green-mid:#4f8060;
  --green-text:#477250;
  --green-ink:#48604d;
  --green-muted:#52755d;
  --green-soft:#62816b;
  --green-line:#86a68d;
  --green-hover:#a9bdaa;
  --green-focus:#6d9275;
  --green-selected:#4f8265;
  --lime:#d2f37a;
  --lime-hover:#c3e869;
  /* Surfaces */
  --surface:#ffffff;
  --bg-page:#f8f8f8;
  --tint:#edf4ee;
  --mint-strong:#d8e8d9;
  --forest:#22372a;
  /* Borders and lines */
  --border-subtle:#edf1ed;
  --line:#e2e9e4;
  --border-strong:#cbd7ce;
  /* Danger */
  --red:#b94841;
  --red-hover:#9d3933;
  --red-text:#a14c41;
  --red-dark:#7d453f;
  --red-muted:#7f5751;
  --red-soft:#c66c62;
  --red-bg:#fff0ed;
  --red-border:#eed6d1;
  --red-border-strong:#d58b83;
  /* Warning */
  --amber-text:#936c2e;
  --amber-dark:#785b2b;
  --amber:#c19b53;
  --amber-muted:#806b50;
  --amber-icon:#ab7843;
  --amber-bg:#fff3dc;
  --warm-bg:#fbf3ea;
  --amber-border:#ebdcc2;
  /* Draft / neutral status */
  --slate-text:#647789;
  --slate:#8395a5;
  /* Flow editor node types */
  --node-single:#7668ae;
  --node-single-bg:#f1effa;
  /* Applicant board stages */
  --stage-default:#9ba89d;
  --stage-new:#7594ba;
  --stage-approved:#6d9a74;
  --stage-screening:#c08a5a;
  --stage-interview:#5a8fbf;
  --stage-ai-interview:#5b54c7;
  --stage-offer:#b0689a;
  --stage-withdrawn:#8a8f99;
  --stage-hired:#3f8f5a;
  --stage-team-fit:#8271b3;
  --stage-skill-fit:#4e8da2;
  /* Status dots */
  --ai-lilac:#ddd5f8;
  --ai-ink:#3a1f7a;
  --positive-bg:#e1f0e3;
  --positive-text:#2c6a41;
  --status-ok:#85b36d;
  --published-dot:#4f865d;
  /* Translucent: focus rings, shadows, overlays */
  --ring-soft:rgba(83,133,94,.1);
  --ring:rgba(91,138,108,.26);
  --ring-slate:rgba(131,149,165,.14);
  --shadow-xs:rgba(28,47,36,.04);
  --shadow-sm:rgba(29,50,35,.08);
  --shadow-md:rgba(28,56,36,.14);
  --shadow-lg:rgba(18,36,25,.25);
  --overlay:rgba(16,29,21,.47);
  --overlay-strong:rgba(16,29,21,.56);
  --glass-strong:rgba(255,255,255,.91);
  --glass:rgba(255,255,255,.7);
  --glass-soft:rgba(255,255,255,.56);
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--sans);color:var(--ink);background:var(--bg-page);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--ring);outline-offset:2px}::selection{background:var(--mint-strong);color:var(--ink)}
#app{min-height:100vh}.app-shell{min-height:100vh}.topbar{height:70px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,54px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font:800 20px var(--display);letter-spacing:-.8px}.brand-mark{width:31px;height:31px;border-radius:10px;background:var(--green);display:grid;place-items:center;color:var(--lime);font-size:18px;line-height:1}.brand-sub{font-size:12px;color:var(--text-subtle);font-weight:500;letter-spacing:0;margin-left:3px}.top-actions{display:flex;align-items:center;gap:10px}.status-pill{display:inline-flex;align-items:center;gap:7px;background:var(--bg-page);border:1px solid var(--line);padding:7px 11px;border-radius:999px;color:var(--text-medium);font-size:12px}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--status-ok)}.btn{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:9px;padding:10px 15px;font-weight:600;transition:background .16s,border .16s,transform .16s}.btn:hover{background:var(--bg-page);border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--green);border-color:var(--green);color:white}.btn-primary:hover{background:var(--green-deep);border-color:var(--green-deep)}.btn-lime{background:var(--lime);border-color:var(--lime);color:var(--text-heading)}.btn-lime:hover{background:var(--lime-hover)}.btn-quiet{border-color:transparent;background:transparent;color:var(--text-medium)}.btn-danger{color:var(--red)}.btn-sm{padding:7px 10px;font-size:12px}.icon-btn{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:8px;background:white;color:var(--muted)}.icon-btn:hover{background:var(--bg-page)}.eyebrow{font-size:11px;color:var(--text-subtle);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.muted{color:var(--muted)}
/* Dashboard */
.dashboard{max-width:1210px;margin:0 auto;padding:58px 30px 80px}.dash-greeting{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:33px}.dash-greeting h1{font:700 clamp(32px,4vw,45px)/1.12 var(--display);letter-spacing:-1.6px;margin:8px 0 9px}.dash-greeting p{margin:0;color:var(--muted);font-size:15px}.dash-action{display:flex;gap:10px;align-items:center}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:38px}.stat{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:17px 19px;display:flex;align-items:center;gap:15px}.stat-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--tint);color:var(--green)}.stat strong{display:block;font:700 20px var(--display);letter-spacing:-.4px}.stat span{font-size:12px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 13px}.section-heading h2{font:700 18px var(--display);letter-spacing:-.4px;margin:0}.flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.flow-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .18s,border-color .18s;cursor:pointer}.flow-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}.flow-card-preview{height:120px;background-color:var(--tint);background-image:radial-gradient(var(--mint-strong) .8px,transparent .8px);background-size:13px 13px;position:relative;overflow:hidden}.mini-node{position:absolute;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--surface);width:100px;box-shadow:0 3px 9px var(--shadow-xs)}.mini-node:before{content:'';position:absolute;width:6px;height:6px;border:1.5px solid var(--green-line);border-radius:50%;background:white;left:-4px;top:14px}.mini-node:after{content:'';position:absolute;right:-4px;top:14px;width:6px;height:6px;border:1.5px solid var(--green-line);border-radius:50%;background:white}.mini-node i{display:block;height:4px;width:46px;background:var(--mint-strong);border-radius:2px;margin:9px 0 0 12px}.mini-node b{display:block;height:3px;width:62px;background:var(--tint);border-radius:2px;margin:5px 0 0 12px}.mini-wire{position:absolute;height:1px;background:var(--green-hover);transform-origin:left center}.flow-card-body{padding:16px 17px 14px}.flow-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.draft-tag{font-size:11px;color:var(--green-soft);display:inline-flex;align-items:center;gap:6px}.flow-card h3{font:700 17px/1.3 var(--display);margin:0 0 5px;letter-spacing:-.3px}.flow-company{color:var(--muted);font-size:13px}.flow-card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);margin-top:15px;padding-top:12px;color:var(--text-subtle);font-size:11px}.flow-count{display:flex;align-items:center;gap:5px}.empty-state{padding:60px 20px;text-align:center;border:1px dashed var(--border-strong);border-radius:12px;background:var(--bg-page)}.empty-state .brand-mark{margin:auto}.empty-state h3{font:700 20px var(--display);margin:14px 0 5px}.empty-state p{color:var(--muted);margin:0 0 18px}
/* Editor */
.editor-top{background:var(--surface);border-bottom:1px solid var(--line);padding:12px clamp(18px,3vw,38px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 14px}.crumbs{display:flex;align-items:center;gap:10px;min-width:0}.crumb-back{flex:0 0 auto}.crumb-link:hover{color:var(--green)}.crumb-title{font:700 15px var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;max-width:100%}.save-indicator{display:flex;align-items:center;gap:6px;color:var(--text-subtle);font-size:11px;padding-right:6px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:calc(100vh - 126px);min-height:610px}.workspace{position:relative;overflow:auto;background:var(--bg-page);background-image:radial-gradient(var(--mint-strong) .9px,transparent .9px);background-size:20px 20px}.canvas-toolbar{position:sticky;top:12px;margin:14px 16px -48px;z-index:10;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.canvas-toolbar>*{pointer-events:auto}.canvas-label{background:var(--glass-strong);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:12px;font-weight:600;color:var(--muted);backdrop-filter:blur(8px)}.canvas-hint{font-size:11px;font-weight:500;color:var(--soft)}.canvas-stage{width:1840px;height:1080px;position:relative}.wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.edge-path{fill:none;stroke:var(--green-hover);stroke-width:2;pointer-events:none}.edge-hit{fill:none;stroke:transparent;stroke-width:18;pointer-events:stroke;cursor:pointer}.edge-path.is-hover{stroke:var(--red-soft);stroke-width:3}.edge-dash{stroke-dasharray:5 6;stroke:var(--green-focus)}.node{position:absolute;width:244px;min-height:126px;border:1px solid var(--line);border-radius:11px;background:var(--surface);box-shadow:0 5px 14px var(--shadow-xs);z-index:2;transition:border-color .16s,box-shadow .16s;user-select:none}.node:hover{border-color:var(--green-hover);box-shadow:0 7px 18px var(--shadow-sm)}.node.selected{border-color:var(--green-selected);box-shadow:0 0 0 3px var(--ring-soft),0 7px 18px var(--shadow-sm)}.node.fixed{background:var(--bg-page);border-color:var(--green-hover)}.node.end-node{width:196px;min-height:98px;background:var(--bg-page)}.node-head{height:39px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 12px;gap:8px;cursor:grab}.node.fixed .node-head{cursor:default}.node-head:active{cursor:grabbing}.type-icon{width:21px;height:21px;border-radius:6px;display:grid;place-items:center;background:var(--tint);color:var(--green-text);font-size:12px;font-weight:700}.node.singleChoice .type-icon{background:var(--node-single-bg);color:var(--node-single)}.node.multiChoice .type-icon{background:var(--warm-bg);color:var(--amber-icon)}.node.end-node .type-icon{background:var(--tint);color:var(--green-2)}.node-type{font-size:10px;font-weight:700;color:var(--text-subtle);flex:1}.node-badge{font-size:9px;color:var(--green-muted);background:var(--tint);padding:3px 6px;border-radius:99px}.node-remove{border:0;background:transparent;color:var(--text-faint);padding:3px;font-size:16px;line-height:1}.node-remove:hover{color:var(--red)}.node-body{padding:11px 13px 12px;position:relative}.node-title{font-size:12px;line-height:1.45;font-weight:600;margin:0 0 9px;min-height:18px;color:var(--text-heading)}.node-detail{font-size:10px;color:var(--soft)}.node-rows{display:grid;gap:4px}.node-option{position:relative;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border-subtle);background:var(--bg-page);border-radius:5px;padding:4px 7px;font-size:9px;color:var(--muted);min-height:21px}.node-option .port{right:-21px}.node-ports{position:absolute;top:0;bottom:0;right:0;width:0}.port{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--green-focus);background:var(--surface);border-radius:50%;z-index:4;cursor:crosshair}.port:hover,.port.connecting{background:var(--lime);border-color:var(--green-2);transform:translateY(-50%) scale(1.18)}.target-port{position:absolute;top:50%;left:-6px;transform:translateY(-50%);width:12px;height:12px;border:2px solid var(--green-line);background:var(--surface);border-radius:50%;z-index:4}.node.fixed .port{border-color:var(--green-selected)}.node.end-node .node-ports{display:none}.node.end-node .node-body{padding-bottom:14px}.inspector{background:var(--surface);border-left:1px solid var(--line);overflow-y:auto;padding:21px 20px 28px}.inspector-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.inspector-title h2{font:700 16px var(--display);margin:0}.inspector-kicker{font-size:10px;color:var(--text-subtle);text-transform:uppercase;font-weight:700;letter-spacing:.08em}.field-group{margin-bottom:15px}.field-group label,.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-body);margin-bottom:6px}.text-input,.text-area,.select-input{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 11px;color:var(--ink);background:var(--surface);transition:border .15s}.text-input:focus,.text-area:focus,.select-input:focus{border-color:var(--green-focus);outline:none;box-shadow:0 0 0 3px var(--ring-soft)}.text-area{min-height:84px;resize:vertical;line-height:1.5}.inspector-divider{border:0;border-top:1px solid var(--border-subtle);margin:20px 0}.section-small{font-size:12px;color:var(--text-subtle);font-weight:700;margin:17px 0 10px}.locked-field,.toggle-field{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid var(--border-subtle);font-size:12px;color:var(--text-body)}.locked-field small{color:var(--soft);margin-left:auto;font-size:10px}.check{accent-color:var(--green);width:15px;height:15px;margin:0}.toggle-field .check{margin-left:auto}.option-edit{display:grid;grid-template-columns:1fr 29px;gap:6px;margin-bottom:7px}.option-edit input{min-width:0}.add-option{border:0;background:transparent;color:var(--green);padding:7px 0;font-size:11px;font-weight:600}.inspector-note{background:var(--bg-page);border-radius:7px;padding:10px 11px;color:var(--muted);font-size:11px;line-height:1.5}.inspector-empty{border:1px dashed var(--line);border-radius:9px;padding:20px;color:var(--text-subtle);text-align:center;font-size:12px;line-height:1.5}.end-select{margin-top:10px}.connection-help{font-size:11px;line-height:1.5;color:var(--text-subtle);margin:10px 0 0}.canvas-add{position:fixed;bottom:24px;left:calc((100vw - 340px)/2);translate:-50% 0;transition:none;z-index:12;display:flex;align-items:center;gap:7px;box-shadow:0 6px 20px var(--shadow-md);border-radius:10px;padding:11px 16px}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,14px);opacity:0;pointer-events:none;background:var(--forest);color:white;padding:11px 16px;border-radius:9px;font-size:12px;z-index:100;transition:all .2s;box-shadow:0 5px 20px var(--shadow-md)}.toast.show{opacity:1;transform:translate(-50%,0)}.canvas-status{position:fixed;bottom:80px;left:calc((100vw - 340px)/2);transform:translateX(-50%);z-index:11;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:10px;color:var(--text-subtle);max-width:90vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}
/* Modals */
.modal-backdrop{position:fixed;inset:0;background:var(--overlay);backdrop-filter:blur(4px);z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:min(100%,490px);max-height:90vh;overflow:auto;background:var(--surface);border-radius:14px;border:1px solid var(--glass);box-shadow:0 24px 80px var(--shadow-lg);padding:25px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal h2{font:700 22px/1.2 var(--display);letter-spacing:-.6px;margin:0 0 6px}.modal p{color:var(--muted);line-height:1.55;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.modal-x{border:0;background:transparent;color:var(--text-subtle);font-size:22px;padding:0 4px}.publish-link{font-size:11px;line-height:1.5;word-break:break-all;background:var(--bg-page);border:1px solid var(--line);border-radius:8px;padding:11px;color:var(--green-ink)}.type-picker{display:grid;grid-template-columns:1fr 1fr;gap:9px}.type-choice{padding:13px 12px;text-align:left;border:1px solid var(--line);border-radius:9px;background:var(--surface)}.type-choice:hover{border-color:var(--green-line);background:var(--bg-page)}.type-choice strong{display:block;font-size:12px;margin-bottom:4px}.type-choice span{display:block;color:var(--text-subtle);font-size:10px;line-height:1.4}
/* Candidate landing + questions */
.candidate-app{min-height:100vh;background:var(--bg-page)}.candidate-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,72px);border-bottom:1px solid var(--line);background:var(--surface)}.candidate-header .brand{font-size:19px}.candidate-header-note{font-size:12px;color:var(--text-subtle)}.candidate-landing{max-width:1150px;margin:0 auto;padding:58px 28px 70px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(350px,.76fr);gap:clamp(48px,8vw,112px);align-items:start}.job-copy{padding:15px 0}.company-lockup{display:flex;align-items:center;gap:12px;margin-bottom:36px}.company-avatar{width:43px;height:43px;border-radius:12px;background:var(--green);color:var(--lime);display:grid;place-items:center;font:700 17px var(--display)}.company-label{font-size:20px;font-weight:700}.job-kicker{color:var(--green-soft);font-size:12px;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:14px}.job-kicker:before{content:'';width:20px;height:1px;background:var(--green-line)}.job-title{font:700 clamp(34px,4.2vw,52px)/1.08 var(--display);letter-spacing:-2px;margin:0 0 18px;max-width:550px}.job-description{white-space:pre-line;color:var(--muted);font-size:15px;line-height:1.8;max-width:570px}.job-meta{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 34px}.meta-chip{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:11px;background:var(--surface)}.job-about{border-top:1px solid var(--line);padding-top:22px;max-width:550px}.job-about h2{font:700 17px var(--display);margin:0 0 8px}.job-about p{color:var(--text-subtle);font-size:12px;line-height:1.7;margin:0}.candidate-form-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:25px 25px 23px}.candidate-form-card h2{font:700 20px var(--display);letter-spacing:-.5px;margin:0 0 5px}.form-intro{font-size:12px;color:var(--text-subtle);margin:0 0 19px}.candidate-field{margin-bottom:14px}.candidate-field label{display:block;font-size:11px;font-weight:600;color:var(--text-strong);margin-bottom:6px}.candidate-field input,.candidate-field textarea,.candidate-field select{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px 11px;color:var(--text-heading);background:var(--surface)}.candidate-field input::placeholder{color:var(--text-faint)}.candidate-field input:focus,.candidate-field textarea:focus,.candidate-field select:focus{outline:0;border-color:var(--green-focus);box-shadow:0 0 0 3px var(--ring-soft)}.file-input{padding:8px!important;font-size:11px}.candidate-apply{width:100%;display:flex;justify-content:center;align-items:center;gap:9px;margin-top:4px;padding:12px}.privacy-note{font-size:10px;line-height:1.45;color:var(--soft);text-align:center;margin:12px 4px 0}.candidate-footer{text-align:center;padding:0 20px 24px;color:var(--text-faint);font-size:10px}.question-screen{min-height:100vh;background:var(--surface);display:flex;flex-direction:column}.question-top{height:70px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.question-main{width:min(100% - 40px,700px);margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;padding:56px 0 76px}.question-progress{font-size:11px;color:var(--soft);margin-bottom:28px;display:flex;align-items:center;gap:10px}.progress-track{height:3px;flex:1;background:var(--tint);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--green-mid);border-radius:4px;transition:width .3s}.question-heading{font:700 clamp(28px,4.2vw,42px)/1.2 var(--display);letter-spacing:-1.3px;margin:0 0 25px;max-width:650px}.answer-area{display:grid;gap:9px;max-width:640px}.answer-option{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:9px;padding:14px 15px;color:var(--text-body);cursor:pointer;transition:border .15s,background .15s}.answer-option:hover{border-color:var(--green-hover);background:var(--bg-page)}.answer-option:has(input:checked){border-color:var(--green-selected);background:var(--bg-page)}.answer-option input{accent-color:var(--green);width:16px;height:16px}.answer-option span{font-size:13px}.answer-text{min-height:150px;resize:vertical;width:100%;border:1px solid var(--line);border-radius:8px;padding:14px;line-height:1.6}.question-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.question-footnote{font-size:10px;color:var(--text-faint);margin-top:36px}.interstitial-screen,.completion-screen,.invalid-screen{min-height:100vh;background:var(--surface);display:flex;align-items:center;justify-content:center;padding:28px}.interstitial-content,.completion-content,.invalid-content{text-align:center;max-width:550px}.interstitial-mark,.completion-mark,.invalid-mark{width:52px;height:52px;margin:0 auto 25px;background:var(--tint);color:var(--green-text);border-radius:16px;display:grid;place-items:center;font-size:23px}.interstitial-content h1,.completion-content h1,.invalid-content h1{font:700 clamp(28px,4vw,40px)/1.2 var(--display);letter-spacing:-1px;margin:0 0 14px}.interstitial-content p,.completion-content p,.invalid-content p{font-size:15px;line-height:1.7;color:var(--text-subtle);margin:0 auto 25px;max-width:500px}.disqualified .completion-mark{background:var(--warm-bg);color:var(--amber-icon)}.invalid-mark{background:var(--red-bg);color:var(--red-text)}.prototype-note{background:var(--bg-page);padding:11px;border-radius:7px;color:var(--text-subtle);font-size:10px;line-height:1.5;margin-top:17px}
.preview-overlay{position:fixed;inset:0;background:var(--overlay-strong);z-index:70;display:flex;align-items:stretch;justify-content:center;padding:20px}.preview-window{background:var(--bg-page);width:min(100%,1200px);border-radius:14px;overflow:auto;position:relative;box-shadow:0 24px 80px var(--shadow-lg)}.preview-close{position:fixed;right:calc((100vw - min(100vw - 40px,1200px))/2 + 12px);top:33px;z-index:75;background:white;border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-size:11px;font-weight:600}.preview-window .candidate-header{padding-left:28px;padding-right:28px}.preview-window .candidate-landing{padding-top:35px}.preview-window .question-top{padding-left:28px;padding-right:28px}
@media(max-width:1050px){.editor-layout{grid-template-columns:minmax(0,1fr) 300px}.inspector{padding:18px 15px}.node{width:220px}.canvas-add,.canvas-status{left:calc((100vw - 300px)/2)}.candidate-landing{gap:40px}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar{height:62px;padding:0 16px}.brand-sub,.status-pill,.save-indicator{display:none}.dashboard{padding:36px 17px 55px}.dash-greeting{align-items:flex-start;flex-direction:column}.dash-greeting h1{font-size:34px}.dash-action{width:100%}.dash-action .btn{flex:1}.dash-stats{grid-template-columns:1fr;gap:9px}.stat{padding:12px 14px}.stat-icon{width:35px;height:35px}.flow-grid{grid-template-columns:1fr}.editor-top{padding:10px 13px}.crumb-title{max-width:130px;font-size:13px}.editor-actions{gap:5px}.editor-actions .btn{padding:8px 9px;font-size:11px}.editor-layout{display:flex;flex-direction:column;height:auto;min-height:calc(100vh - 110px)}.workspace{height:60vh;min-height:410px;order:1}.inspector{height:auto;max-height:none;border-left:0;border-top:1px solid var(--line);order:2;padding:17px 17px 24px}.canvas-toolbar{margin:10px 10px -48px}.canvas-stage{height:850px}.canvas-add{position:fixed;bottom:16px;left:auto;right:14px;translate:none}.canvas-status{bottom:20px;left:14px;transform:none;max-width:calc(100vw - 150px)}.candidate-header{height:60px;padding:0 17px}.candidate-header-note{font-size:10px}.candidate-landing{display:flex;flex-direction:column;gap:27px;padding:33px 17px 42px}.job-copy{padding:0}.company-lockup{margin-bottom:25px}.job-title{font-size:37px;letter-spacing:-1.4px}.job-description{font-size:14px;line-height:1.7}.job-meta{margin:18px 0 20px}.job-about{display:none}.candidate-form-card{width:100%;padding:21px 18px}.candidate-footer{padding-bottom:19px}.question-top{height:60px;padding:0 17px}.question-main{padding:50px 0 60px}.question-heading{font-size:30px}.preview-overlay{padding:0}.preview-window{border-radius:0}.preview-close{position:fixed;right:10px;top:12px}.preview-window .candidate-header{padding-left:15px;padding-right:15px}.preview-window .candidate-header-note{display:none}.preview-window .candidate-landing{padding-top:28px}.modal{padding:20px}.editor-actions #preview-btn{display:none}}
@media(max-width:390px){.editor-actions .btn#publish-btn{font-size:10px;padding:8px}.editor-actions #preview-btn{display:none}.crumb-title{max-width:102px}.type-picker{grid-template-columns:1fr}.candidate-form-card{padding:18px 15px}}

/* Authenticated workspace entry */
.auth-screen{min-height:100vh;background:linear-gradient(135deg,var(--bg-page) 0%,var(--tint) 55%,var(--bg-page) 100%);display:grid;grid-template-columns:minmax(280px,1fr) minmax(340px,.78fr);align-items:stretch}.auth-story{padding:clamp(30px,7vw,100px);display:flex;flex-direction:column;justify-content:space-between}.auth-story-main{max-width:560px;margin:auto 0}.auth-story h1{font:700 clamp(39px,5.5vw,67px)/1.03 var(--display);letter-spacing:-2.8px;margin:20px 0 19px}.auth-story p{font-size:16px;line-height:1.75;color:var(--muted);max-width:490px}.auth-feature-list{display:grid;gap:14px;margin-top:35px;color:var(--text-body)}.auth-feature{display:flex;align-items:center;gap:11px;font-size:13px}.auth-feature span{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--mint-strong);color:var(--green-text)}.auth-card-wrap{background:var(--surface);display:grid;place-items:center;padding:34px}.auth-card{width:min(100%,405px)}.auth-card h2{font:700 28px/1.15 var(--display);letter-spacing:-.8px;margin:8px 0}.auth-card-intro{color:var(--text-subtle);line-height:1.55;font-size:13px;margin:0 0 25px}.auth-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tab{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 12px;color:var(--text-subtle);font-size:12px;font-weight:600;margin-bottom:-1px}.auth-tab.active{border-color:var(--green-2);color:var(--green)}.auth-error{display:none;background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text);border-radius:7px;padding:10px 11px;font-size:12px;line-height:1.45;margin-bottom:15px}.auth-error.show{display:block}.auth-success{background:var(--tint);border:1px solid var(--line);color:var(--green-text);border-radius:7px;padding:11px 12px;font-size:12px;line-height:1.55;margin-bottom:15px}.auth-submit{width:100%;margin-top:3px;padding:12px}.auth-legal{font-size:10px;line-height:1.6;color:var(--soft);text-align:center;margin-top:16px}.auth-user{font-size:12px;color:var(--muted);max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-screen{min-height:100vh;display:grid;place-items:center;background:var(--bg-page)}.loading-card{display:flex;align-items:center;gap:13px;color:var(--muted);font-size:13px}.loading-card .brand-mark{animation:mark-pulse 1.3s ease-in-out infinite alternate}@keyframes mark-pulse{to{transform:rotate(40deg);opacity:.6}}.workspace-name{font-size:12px;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;margin-left:3px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.auth-screen{grid-template-columns:1fr;min-height:100vh}.auth-story{padding:24px 19px 15px}.auth-story-main{margin:35px 0 12px}.auth-story h1{font-size:38px;letter-spacing:-1.5px;margin:13px 0 10px}.auth-story p{font-size:13px;line-height:1.55;margin:0}.auth-feature-list{display:none}.auth-card-wrap{padding:25px 19px 38px;align-items:start}.auth-card{max-width:440px}.workspace-name,.auth-user{display:none}}

.published-tag{font-size:11px;color:var(--green-text);display:inline-flex;align-items:center;gap:6px;background:var(--tint);border:1px solid var(--line);border-radius:999px;padding:4px 8px}.published-tag .status-dot{background:var(--published-dot);box-shadow:0 0 0 3px var(--ring-soft)}
.draft-tag{color:var(--slate-text)}.draft-tag .status-dot{background:var(--slate);box-shadow:0 0 0 3px var(--ring-slate)}

/* Workspace navigation and applicant review */
.workspace-body{display:flex;min-height:calc(100vh - 70px);align-items:stretch}.app-sidebar{width:220px;flex:0 0 220px;padding:26px 16px;border-right:1px solid var(--line);background:var(--surface);display:flex;flex-direction:column;gap:7px}.sidebar-caption{padding:0 11px 12px;color:var(--soft);font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.sidebar-link{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);text-decoration:none;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.sidebar-link:hover{background:var(--bg-page);color:var(--green)}.sidebar-link.active{background:var(--tint);border-color:var(--line);color:var(--green)}.sidebar-icon{width:18px;height:18px;display:grid;place-items:center;font-size:16px}.workspace-body>.dashboard{flex:1;width:100%;max-width:1320px;margin:0 auto;padding:45px clamp(22px,3.3vw,52px) 72px}.editor-main{min-width:0;flex:1;display:flex;flex-direction:column}.editor-main .editor-top{padding-left:clamp(16px,2vw,28px);padding-right:clamp(16px,2vw,28px)}.editor-main .editor-layout{min-height:calc(100vh - 208px)}.applicants-page{flex:1;min-width:0;padding:42px clamp(18px,3vw,44px) 64px}.applicants-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:27px}.applicants-heading h1{font:700 clamp(30px,3.5vw,40px)/1.1 var(--display);letter-spacing:-1.3px;margin:7px 0 8px}.applicants-heading p{margin:0;color:var(--muted);font-size:14px}.applicants-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.applicants-filter,.applicants-search{height:39px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 12px;color:var(--text-strong);font:500 12px var(--sans);outline:none}.applicants-filter:focus,.applicants-search:focus{border-color:var(--green-hover);box-shadow:0 0 0 3px var(--ring-soft)}.applicants-filter{min-width:190px}.applicants-search{width:min(230px,48vw)}.kanban-summary{display:flex;align-items:center;gap:8px;margin:0 0 15px;color:var(--text-subtle);font-size:11px}.kanban-summary strong{color:var(--text-body);font-weight:650}.kanban-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:13px;align-items:stretch;grid-auto-rows:max-content;align-content:start;overflow-x:auto;padding:0 0 12px}.kanban-column{min-width:0}.kanban-column.drag-over .kanban-column-head,.kanban-column.drag-over .kanban-column-body{background:var(--tint);border-color:var(--green-hover)}/* The column is a transparent, full-height holder (drop target, and the range in which its title stays stuck). The visible box is the title (top) plus the body (the cards): together they look like the old column, and the body ends with the last card. */
.kanban-column-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:14px 14px 12px;background:var(--surface);border:1px solid var(--border-subtle);border-bottom-width:0;border-radius:11px 11px 0 0}
.kanban-column-body{min-height:322px;padding:0 12px 12px;background:var(--surface);border:1px solid var(--border-subtle);border-top-width:0;border-radius:0 0 11px 11px}
/* Once the body has scrolled away only the title is left: it becomes a whole rounded box (class set by builder.js). */
.kanban-column.is-title-only .kanban-column-head{border-bottom-width:1px;border-radius:11px}.kanban-column-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--text-body)}.kanban-count{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:7px;background:var(--surface);color:var(--text-subtle);border:1px solid var(--border-subtle);font-size:10px}.stage-dot{width:8px;height:8px;border-radius:50%;background:var(--stage-default)}.stage-new{background:var(--stage-new)}.stage-failed{background:var(--red-soft)}.stage-promising{background:var(--amber)}.stage-approved{background:var(--stage-approved)}
.stage-screening{background:var(--stage-screening)}
.stage-ai-interview{background:var(--stage-ai-interview)}
.stage-interview{background:var(--stage-interview)}
.stage-offer{background:var(--stage-offer)}
.stage-withdrawn{background:var(--stage-withdrawn)}
.stage-custom{background:var(--stage-default)}
.flow-card.is-damaged{border-color:var(--red-border);background:var(--red-bg);cursor:pointer}
.flow-card.is-damaged:hover{border-color:var(--red)}
.damaged-tag{display:inline-flex;align-items:center;gap:6px;color:var(--red-text);font-size:12px;font-weight:700}
.damaged-tag .status-dot{background:var(--red)}
.flow-damaged-note{margin:10px 0 0;color:var(--red-text);font-size:13px;font-weight:600}
.stage-hired{background:var(--stage-hired)}.applicant-list{display:flex;flex-direction:column;gap:9px}.applicant-card{position:relative;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 5px var(--shadow-xs);cursor:grab;transition:border-color .15s,box-shadow .15s,transform .15s}.applicant-card:hover{border-color:var(--green-hover);box-shadow:0 5px 16px var(--shadow-sm);transform:translateY(-1px)}.applicant-card:active{cursor:grabbing}.applicant-card.dragging{opacity:.45}
/* Where a dragged card will land: a green line in the gap above or below the card under the pointer. */
.applicant-card.drop-before::before,.applicant-card.drop-after::after{content:"";position:absolute;left:2px;right:2px;height:3px;border-radius:2px;background:var(--green);pointer-events:none}
.applicant-card.drop-before::before{top:-7px}
.applicant-card.drop-after::after{bottom:-7px}.applicant-card-name{font-size:12px;font-weight:700;color:var(--text-heading);margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applicant-card-email{font-size:10px;color:var(--text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applicant-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border-subtle);padding-top:9px;margin-top:10px;color:var(--soft);font-size:9px}.resume-chip{display:inline-flex;align-items:center;gap:5px;color:var(--green-muted);font-weight:650}.board-empty{padding:20px 10px;text-align:center;color:var(--soft);font-size:11px;border:1px dashed var(--line);border-radius:8px;background:var(--glass-soft)}.applicants-empty{margin-top:30px;padding:50px 24px;border:1px dashed var(--line);border-radius:12px;background:var(--bg-page);text-align:center}.applicants-empty h2{font:700 22px var(--display);letter-spacing:-.5px;margin:10px 0 7px}.applicants-empty p{max-width:440px;margin:0 auto 18px;color:var(--muted);font-size:13px;line-height:1.6}.applicant-detail-modal{width:min(100%,680px)}.applicant-detail-head{align-items:center}.applicant-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:14px;display:grid;place-items:center;background:var(--tint);color:var(--green);font:700 17px var(--sans)}.applicant-detail-title{display:flex;align-items:center;gap:12px;min-width:0}.applicant-detail-title h2{margin-bottom:4px}.applicant-detail-title .muted{font-size:12px}.applicant-detail-section{padding:15px 0;border-top:1px solid var(--border-subtle)}.applicant-detail-section h3{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin:0 0 11px}.applicant-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}.applicant-info-item span{display:block;color:var(--soft);font-size:10px;margin-bottom:4px}.applicant-info-item strong,.applicant-info-item a{display:block;color:var(--text-strong);font-size:12px;font-weight:550;overflow-wrap:anywhere}.applicant-answer{padding:10px 12px;margin:0 0 8px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-page)}.applicant-answer strong{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;font-weight:650}.applicant-answer p{margin:0;color:var(--text-strong);font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.applicant-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.applicant-status-select{height:37px;min-width:155px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 10px;color:var(--text-strong);font-size:12px}.applicant-resume-button{display:inline-flex;align-items:center;gap:8px}.applicant-privacy-note{margin-top:8px!important;padding:11px 12px;background:var(--bg-page);border:1px solid var(--border-subtle);border-radius:8px;color:var(--text-subtle)!important;font-size:10px!important;line-height:1.55!important}.danger-confirm{padding:13px 14px;margin-top:10px;background:var(--surface);border:1px solid var(--red-border);border-radius:9px;color:var(--red-muted);font-size:12px;line-height:1.55}.danger-confirm strong{color:var(--red-text)}.candidate-privacy-copy{margin:16px 0;padding:12px 13px;background:var(--bg-page);border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:10px;line-height:1.55}.candidate-privacy-copy>strong{display:block;margin-bottom:5px;color:var(--text-body);font-size:11px}.candidate-privacy-copy p{margin:0}.privacy-consent{display:flex;align-items:flex-start;gap:8px;margin-top:10px;color:var(--text-body);font-size:10px;line-height:1.5;cursor:pointer}.privacy-consent input{margin:2px 0 0;accent-color:var(--green)}.candidate-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.resume-selected-note{margin:7px 0 0;color:var(--green-muted);font-size:10px}.submitting-mark{animation:resume-spin 1.4s linear infinite}@keyframes resume-spin{to{transform:rotate(360deg)}}.submission-error-mark{background:var(--red-bg)!important;color:var(--red)!important}
@media(max-width:1100px){.app-sidebar{width:188px;flex-basis:188px}.kanban-board{grid-template-columns:repeat(4,minmax(225px,1fr))}.editor-actions{gap:6px}.editor-actions .btn{padding:9px 10px;font-size:11px}}
@media(max-width:760px){.workspace-body{display:block}.app-sidebar{width:auto;min-height:0;padding:8px 14px;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;gap:6px;overflow:auto}.sidebar-caption{display:none}.sidebar-link{white-space:nowrap;padding:8px 11px}.app-sidebar .sidebar-link:first-of-type{margin-left:auto}.workspace-body>.dashboard,.applicants-page{padding:28px 16px 48px}.applicants-heading{align-items:flex-start;flex-direction:column}.applicants-tools{width:100%}.applicants-filter{flex:1;min-width:160px}.applicants-search{flex:1;min-width:120px}.kanban-board{grid-template-columns:repeat(4,minmax(245px,80vw));margin-right:-16px;padding-right:16px}.editor-main .editor-top{align-items:flex-start;flex-direction:column;padding-top:10px;padding-bottom:10px}.editor-actions{width:100%;overflow-x:auto;justify-content:flex-start}.applicant-info-grid{grid-template-columns:1fr}.applicant-detail-modal{padding:19px}.applicant-detail-actions{align-items:stretch;flex-direction:column}.applicant-detail-actions .btn,.applicant-status-select{width:100%}}
@media(max-width:480px){.sidebar-link{font-size:11px}.applicants-heading h1{font-size:31px}.applicant-card{padding:10px}.candidate-privacy-copy{font-size:9px}.applicant-detail-title h2{font-size:18px}}

/* Keep editor actions centered over the canvas after adding the workspace rail. */
@media(min-width:761px){.canvas-add,.canvas-status{left:calc((100vw - 120px)/2)}}
@media(max-width:760px){.editor-main .editor-layout{grid-template-columns:minmax(0,1fr);height:calc(100vh - 220px);min-height:520px}.canvas-add,.canvas-status{left:50%;max-width:calc(100vw - 28px)}.inspector{border-left:0;border-top:1px solid var(--line)}}

/* Private PDF resume preview */
.applicant-resume-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.applicant-resume-preview{margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg-page)}.applicant-resume-preview.is-hidden{display:none}.applicant-resume-preview-head{min-height:42px;padding:7px 10px 7px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-page);border-bottom:1px solid var(--line);color:var(--text-medium);font-size:11px;font-weight:650}.applicant-resume-preview iframe{display:block;width:100%;height:min(70vh,760px);min-height:360px;border:0;background:var(--tint)}@media(max-width:760px){.applicant-resume-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.applicant-resume-preview iframe{height:65vh;min-height:320px}}

/* Full-screen applicant review with a dedicated resume pane */
.applicant-review-backdrop{padding:0;align-items:stretch;justify-content:stretch;background:var(--overlay);backdrop-filter:blur(3px)}
.applicant-review-shell{width:100%;max-width:none;height:100vh;height:100dvh;max-height:none;padding:0;border:0;border-radius:0;overflow:hidden;box-shadow:none}
.applicant-review-layout{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);width:100%;height:100%;background:var(--surface)}
.applicant-review-left{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface);border-right:1px solid var(--line)}
.applicant-review-left .applicant-detail-head{flex:0 0 auto;margin:0;padding:24px clamp(20px,3vw,38px) 17px;border-bottom:1px solid var(--border-subtle)}
.applicant-review-left .applicant-detail-title h2{font-size:21px}
.applicant-review-content{flex:1;min-height:0;overflow-y:auto;padding:0 clamp(20px,3vw,38px) 32px}
.applicant-review-content .applicant-detail-section:first-child{padding-top:18px}
.applicant-review-content .applicant-detail-actions{justify-content:space-between;align-items:flex-end}
.applicant-review-content .applicant-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.applicant-resume-actions{display:flex;gap:8px;flex-wrap:wrap}
.applicant-review-right{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;min-width:0;min-height:0;overflow:hidden;background:var(--tint)}
.applicant-preview-empty{width:min(100%,420px);margin:auto;padding:34px;text-align:center}
.applicant-preview-icon{width:48px;height:48px;margin:0 auto 16px;border-radius:14px;display:grid;place-items:center;background:var(--mint-strong);color:var(--green);font-size:22px}
.applicant-preview-empty h3{margin:0 0 8px;font:700 17px var(--display);color:var(--text-strong)}
.applicant-preview-empty p{margin:0;color:var(--text-subtle);font-size:12px;line-height:1.65}
.applicant-preview-empty.is-hidden{display:none}
.applicant-review-right .applicant-resume-preview{position:absolute;inset:0;display:flex;flex-direction:column;min-width:0;min-height:0;margin:0;border:0;border-radius:0;background:var(--tint)}
.applicant-review-right .applicant-resume-preview.is-hidden{display:none}
.applicant-review-right .applicant-resume-preview-head{flex:0 0 auto;min-height:62px;padding:10px 18px 10px 22px;background:var(--surface)}
.applicant-resume-preview-head>div{display:flex;flex-direction:column;min-width:0;gap:3px}
.applicant-resume-preview-head strong{max-width:min(55vw,620px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-strong);font-size:12px}
.applicant-review-right .applicant-resume-preview iframe{flex:1;min-height:0;width:100%;height:auto;border:0;background:var(--tint)}
@media(max-width:760px){
  .applicant-review-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,46dvh) minmax(0,54dvh)}
  .applicant-review-left{border-right:0;border-bottom:1px solid var(--line)}
  .applicant-review-left .applicant-detail-head{padding:14px 16px 12px}
  .applicant-review-left .applicant-detail-title h2{font-size:17px}
  .applicant-review-content{padding:0 16px 20px}
  .applicant-review-content .applicant-info-grid{grid-template-columns:1fr 1fr}
  .applicant-review-content .applicant-detail-actions{align-items:flex-start;flex-direction:column}
  .applicant-resume-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
  .applicant-resume-actions .btn,.applicant-status-select{width:100%}
  .applicant-preview-empty{padding:18px}
  .applicant-review-right .applicant-resume-preview-head{min-height:50px;padding:7px 10px}
  .applicant-resume-preview-head strong{max-width:55vw}
}

/* Drag-to-pan flow canvas */
.workspace{cursor:grab;touch-action:none;overscroll-behavior:contain}
.workspace.is-panning{cursor:grabbing;user-select:none}
.workspace.is-panning *{user-select:none}
.workspace .node{cursor:default}
.workspace .node-head{cursor:grab}
.workspace .node-head:active{cursor:grabbing}

/* Paid-plan checkout */
.modal:has(.checkout-form),.modal:has(.subscription-plan){width:min(100%,560px)}.subscription-plan{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--bg-page);border-radius:10px;padding:15px 16px;margin:0 0 13px}.subscription-plan strong,.subscription-plan span{display:block}.subscription-plan strong{font:700 14px var(--display);margin-bottom:4px}.subscription-plan div span{font-size:11px;color:var(--text-subtle)}.plan-check{width:27px;height:27px;display:grid!important;place-items:center;border-radius:50%;background:var(--mint-strong);color:var(--green-text);font-weight:700}.subscription-note{font-size:11px!important;line-height:1.55!important;margin:0 0 16px!important}.checkout-form{border:1px solid var(--line);border-radius:9px;padding:14px;min-height:90px;background:var(--surface)}.subscription-setup-note,.subscription-error{font-size:12px;line-height:1.55;border-radius:8px;padding:12px 13px;margin-top:15px}.subscription-setup-note{background:var(--bg-page);border:1px solid var(--line);color:var(--muted)}.subscription-error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text)}.subscription-error[hidden]{display:none}
@media(max-width:760px){.top-actions{gap:6px}.top-actions .btn-lime{padding:7px 8px;font-size:10px}.top-actions .status-pill{display:none}.modal:has(.checkout-form),.modal:has(.subscription-plan){width:100%}.checkout-form{padding:8px}}

/* Dedicated subscription page */
.subscription-page{min-height:100vh;background:var(--bg-page);color:var(--ink)}.subscription-topbar{height:70px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;background:var(--surface);border-bottom:1px solid var(--line)}.subscription-topbar-left,.subscription-identity{display:flex;align-items:center;gap:20px}.subscription-back{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.subscription-back:hover{background:var(--bg-page);color:var(--green)}.subscription-identity{gap:13px;color:var(--text-subtle);font-size:12px}.subscription-layout{width:min(1160px,calc(100% - 48px));margin:44px auto 72px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.84fr);gap:clamp(36px,6vw,82px);align-items:start}.subscription-story{padding:22px 0}.subscription-eyebrow{display:flex;align-items:center;gap:9px;color:var(--green-soft);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.subscription-eyebrow-dot{width:8px;height:8px;border-radius:50%;background:var(--status-ok);box-shadow:0 0 0 4px var(--mint-strong)}.subscription-story h1{max-width:650px;margin:24px 0 15px;font:700 clamp(34px,4.2vw,52px)/1.06 var(--display);letter-spacing:-2px;color:var(--text-heading)}.subscription-lead{max-width:600px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}.subscription-benefits{display:grid;gap:19px;margin:33px 0 28px}.subscription-benefit{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;align-items:start}.subscription-benefit>span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--tint);color:var(--green-text);font-size:10px;font-weight:700}.subscription-benefit strong{display:block;margin:1px 0 4px;color:var(--text-strong);font-size:13px}.subscription-benefit p{margin:0;color:var(--text-subtle);font-size:12px;line-height:1.55}.subscription-price-card{max-width:560px;padding:17px 19px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 5px 18px var(--shadow-xs)}.subscription-price-label{display:block;margin-bottom:5px;color:var(--text-subtle);font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.subscription-price{display:flex;align-items:baseline;gap:8px}.subscription-price strong{font:700 25px var(--display);letter-spacing:-.7px;color:var(--green-deep)}.subscription-price>span{color:var(--text-subtle);font-size:12px}.subscription-recurring{float:right;margin-top:-30px;color:var(--muted);font-size:10px}.subscription-price-card>p{margin:9px 0 0;color:var(--soft);font-size:10px;line-height:1.5}.subscription-test-note{display:flex;align-items:center;gap:9px;margin-top:14px;color:var(--text-subtle);font-size:10px}.subscription-test-note span{padding:4px 7px;border-radius:5px;background:var(--amber-bg);color:var(--amber-text);font-size:9px;font-weight:800;letter-spacing:.06em}.subscription-trust{max-width:540px;margin:15px 0 0;color:var(--soft);font-size:10px;line-height:1.55}.subscription-checkout-panel{padding:27px 27px 20px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 16px 44px var(--shadow-sm)}.checkout-panel-heading{margin-bottom:21px}.checkout-panel-kicker{color:var(--green-soft);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.checkout-panel-heading h2{margin:8px 0 5px;color:var(--text-heading);font:700 24px/1.2 var(--display);letter-spacing:-.7px}.checkout-panel-heading p{margin:0;color:var(--text-subtle);font-size:12px;line-height:1.55}.subscription-checkout-form{min-height:220px}.subscription-checkout-form:empty{min-height:0}.checkout-status{padding:18px 15px;border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-page);color:var(--text-subtle);font-size:12px}.checkout-status[hidden]{display:none}.subscription-setup-note,.subscription-error{font-size:12px;line-height:1.55;border-radius:8px;padding:12px 13px;margin-top:15px}.subscription-setup-note{background:var(--bg-page);border:1px solid var(--line);color:var(--muted)}.subscription-error{background:var(--red-bg);border:1px solid var(--red-border);color:var(--red-text)}.subscription-error[hidden]{display:none}.checkout-panel-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:15px;border-top:1px solid var(--border-subtle);color:var(--soft);font-size:10px}.checkout-panel-footer button[hidden]{display:none}
@media(max-width:900px){.subscription-layout{grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:30px}.subscription-story h1{font-size:39px}.subscription-checkout-panel{padding:23px 20px 18px}}
@media(max-width:760px){.subscription-topbar{height:62px;padding:0 15px}.subscription-topbar-left{gap:8px}.subscription-back{padding:7px 6px;font-size:11px}.subscription-topbar .brand{gap:7px;font-size:17px}.subscription-topbar .brand-mark{width:27px;height:27px}.subscription-identity>span{display:none}.subscription-layout{width:min(100% - 30px,540px);margin:19px auto 38px;grid-template-columns:1fr;gap:20px}.subscription-story{padding:8px 2px 0}.subscription-story h1{font-size:35px;letter-spacing:-1.35px;margin:17px 0 11px}.subscription-lead{font-size:13px;line-height:1.65}.subscription-benefits{gap:14px;margin:23px 0 19px}.subscription-benefit p{font-size:11px}.subscription-price-card{padding:14px 15px}.subscription-checkout-panel{padding:21px 16px 17px;border-radius:12px}.checkout-panel-heading{margin-bottom:15px}.checkout-panel-heading h2{font-size:21px}.subscription-checkout-form{min-height:180px}}


/* My Plan and future billing management */
.my-plan-page{flex:1;min-width:0;max-width:1080px;margin:0 auto;padding:48px clamp(20px,4vw,56px) 72px}.my-plan-heading{margin-bottom:27px}.my-plan-heading h1{font:700 clamp(30px,3.5vw,40px)/1.1 var(--display);letter-spacing:-1.3px;margin:8px 0}.my-plan-heading p{margin:0;color:var(--muted);font-size:14px}.plan-overview-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px var(--shadow-xs)}.plan-overview-card.is-premium{border-color:var(--line);background:linear-gradient(115deg,var(--surface) 35%,var(--bg-page) 100%)}.plan-overview-copy h2{font:700 25px var(--display);letter-spacing:-.6px;margin:11px 0 4px}.plan-overview-copy p{margin:0;color:var(--muted);font-size:13px}.plan-state-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:650;background:var(--bg-page)}.plan-state-chip.is-premium{color:var(--green);background:var(--tint);border-color:var(--line)}.plan-state-chip.is-free{background:var(--bg-page)}.plan-overview-price{text-align:right;white-space:nowrap}.plan-overview-price strong{display:block;font-size:20px;color:var(--ink)}.plan-overview-price span{font-size:12px;color:var(--muted)}.plan-benefit-strip,.plan-free-note{display:flex;align-items:flex-start;gap:13px;margin-top:15px;padding:17px 19px;background:var(--tint);border:1px solid var(--line);border-radius:11px}.plan-benefit-icon,.plan-free-mark{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;border-radius:9px;background:var(--mint-strong);color:var(--green);font-weight:750}.plan-free-mark{font-size:16px;background:var(--green);color:var(--lime)}.plan-benefit-strip strong,.plan-free-note strong{display:block;font-size:12px;color:var(--green-ink);margin:1px 0 4px}.plan-benefit-strip p,.plan-free-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.plan-management-card{margin-top:24px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.plan-section-heading{margin-bottom:8px}.plan-section-heading h2{font:700 18px var(--display);margin:6px 0}.plan-section-heading p{margin:0;color:var(--muted);font-size:12px}.plan-action-list{margin-top:8px}.plan-action-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.plan-action-copy strong{display:block;margin-bottom:4px;color:var(--text-strong);font-size:12px}.plan-action-copy span{display:block;color:var(--text-subtle);font-size:11px;line-height:1.45}.plan-placeholder{min-width:114px;background:var(--bg-page);color:var(--text-subtle);font-size:11px;cursor:not-allowed!important;opacity:.85}.plan-placeholder:disabled{transform:none;border-color:var(--line)}.plan-cancel-row .plan-action-copy strong{color:var(--red-muted)}.plan-placeholder-note{margin:14px 0 0;color:var(--soft);font-size:10px;line-height:1.55}.plan-free-note{margin-top:16px;background:var(--bg-page);border-color:var(--border-subtle)}.plan-free-note strong{color:var(--text-body)}.plan-free-note p{max-width:650px}.my-plan-page #my-plan-upgrade{flex-shrink:0}
@media(max-width:760px){.my-plan-page{padding:28px 16px 48px}.plan-overview-card{align-items:flex-start;flex-direction:column;padding:20px}.plan-overview-price{text-align:left}.plan-action-row{align-items:flex-start;flex-direction:column}.plan-placeholder{width:100%}.plan-management-card{padding:19px 17px}}

.premium-benefits-card{margin-top:22px;padding:25px 27px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 5px 18px var(--shadow-xs)}.premium-benefits-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px}.premium-benefits-mark{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:10px;background:var(--tint);color:var(--green);font-size:18px}.premium-benefits-heading h2{max-width:680px;margin:6px 0 6px;font:700 19px/1.3 var(--display);letter-spacing:-.3px}.premium-benefits-heading p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.premium-benefits-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px;padding:0;margin:0 0 22px;list-style:none}.premium-benefits-list li{display:flex;align-items:flex-start;gap:11px;padding:15px 0;border-top:1px solid var(--border-subtle)}.premium-benefits-list li>span{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:7px;background:var(--tint);color:var(--green);font-size:13px;font-weight:750}.premium-benefits-list strong{display:block;margin:1px 0 4px;color:var(--text-strong);font-size:12px}.premium-benefits-list p{margin:0;color:var(--text-subtle);font-size:11px;line-height:1.5}.premium-benefits-card>.btn{min-width:175px}
@media(max-width:760px){.premium-benefits-card{padding:20px 17px}.premium-benefits-list{grid-template-columns:1fr;gap:0}.premium-benefits-heading h2{font-size:17px}}

.applicant-empty-icon{width:42px;height:42px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--tint);color:var(--green)}.applicant-empty-icon svg{width:20px;height:20px}

.danger-confirm{margin-top:16px;padding:15px 16px;border:1px solid var(--red-border);border-radius:10px;background:var(--surface);color:var(--red-muted);font-size:12px;line-height:1.65}.danger-confirm strong{display:block;margin-bottom:4px;color:var(--red-dark)}.btn-danger:disabled{cursor:not-allowed;opacity:.7;background:var(--bg-page);border-color:var(--red-border)}.cancellation-error{margin-top:14px}.plan-keep-row .plan-action-copy strong{color:var(--green)}.renewal-confirm{margin-top:16px;padding:15px 16px;border:1px solid var(--line);border-radius:10px;background:var(--bg-page);color:var(--text-medium);font-size:12px;line-height:1.65}.renewal-confirm strong{display:block;margin-bottom:4px;color:var(--green)}

.plan-card-summary{display:block;margin-top:6px;color:var(--green-ink);font-size:11px;font-weight:650;line-height:1.45}.plan-card-summary.is-unavailable{color:var(--soft);font-weight:500}

.payment-history-panel{margin:0 0 8px;padding:7px 0 16px;border-bottom:1px solid var(--border-subtle)}.payment-history-panel[hidden]{display:none}.payment-history-message{margin:8px 0;color:var(--text-subtle);font-size:12px;line-height:1.5}.payment-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 8px;border-top:1px solid var(--border-subtle)}.payment-history-main strong,.payment-history-total strong{display:block;color:var(--text-strong);font-size:12px}.payment-history-main span,.payment-history-total>span{display:block;margin-top:4px;color:var(--text-subtle);font-size:10px}.payment-history-total{text-align:right;white-space:nowrap}.payment-status{display:inline-flex!important;width:max-content;align-items:center;border-radius:999px;padding:3px 7px;font-size:9px!important;font-weight:700;line-height:1.25!important}.payment-status.is-paid{background:var(--tint);color:var(--green-text)}.payment-status.is-open{background:var(--amber-bg);color:var(--amber-text)}.payment-status.is-draft{background:var(--bg-page);color:var(--text-subtle)}.payment-status.is-void,.payment-status.is-uncollectible{background:var(--red-bg);color:var(--red-muted)}.payment-history-links{display:flex;justify-content:flex-end;gap:11px;white-space:nowrap}.payment-history-links a{color:var(--green-text);font-size:10px;font-weight:700;text-decoration:none}.payment-history-links a:hover{text-decoration:underline}.payment-history-no-link{color:var(--text-faint);font-size:10px}.payment-history-more-wrap{display:flex;justify-content:center;padding:15px 0 2px}.payment-history-more-wrap[hidden]{display:none}.payment-history-more-wrap .btn{min-width:160px;font-size:11px}.payment-history-standalone{margin-top:22px}
@media(max-width:600px){.payment-history-item{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:13px 3px}.payment-history-links{grid-column:1/-1;justify-content:flex-start;padding-bottom:2px}.payment-history-total{text-align:right}}

/* My Team */
.my-team-page{max-width:1040px;width:100%;margin:0 auto;padding:48px 28px 70px}.my-team-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.my-team-heading h1{font:700 clamp(30px,4vw,42px)/1.1 var(--display);letter-spacing:-1.2px;margin:8px 0}.my-team-heading p,.team-card-heading p{color:var(--muted);font-size:13px;line-height:1.55;margin:0}.team-seat-count{min-width:120px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:13px 16px;text-align:center}.team-seat-count strong{display:block;font:700 22px var(--display)}.team-seat-count strong span{font-size:15px;color:var(--soft)}.team-seat-count small{font-size:10px;color:var(--muted)}.team-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:22px;margin-bottom:15px}.team-card-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:17px}.team-card-heading h2{font:700 17px var(--display);margin:0 0 5px}.team-card-heading p{font-size:12px}.team-card form .field-group{max-width:520px;margin-bottom:13px}.team-permission-label{font-size:12px;font-weight:650;color:var(--text-body);margin-bottom:9px}.team-permission-label small{display:block;font-size:10px;color:var(--soft);font-weight:500;margin-top:3px}.team-permission-grid{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 13px}.team-permission-grid label{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid var(--line);background:var(--bg-page);border-radius:8px;font-size:11px;color:var(--text-medium);cursor:pointer}.team-permission-grid input{accent-color:var(--green);margin:0;width:14px;height:14px}.team-person{border-top:1px solid var(--border-subtle);padding:16px 0 12px}.team-person:first-of-type{border-top:0;padding-top:0}.team-person-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.team-person-heading strong,.team-invite-item strong{display:block;font-size:12px;overflow-wrap:anywhere}.team-person-heading span,.team-invite-item span{display:block;color:var(--soft);font-size:10px;margin-top:4px;line-height:1.45}.team-owner-badge{flex-shrink:0;border:1px solid var(--line);background:var(--bg-page);border-radius:99px;padding:6px 9px;color:var(--green-muted)!important;font-size:10px!important;margin:0!important}.team-permission-summary{font-size:11px;color:var(--text-subtle);margin:8px 0 0}.team-save-status{display:block;color:var(--text-subtle);font-size:10px;min-height:14px}.team-invitation-list{display:grid;gap:0}.team-invite-item{border-top:1px solid var(--border-subtle);padding:14px 0 10px}.team-invite-item:first-child{border-top:0;padding-top:0}.team-invite-item .team-person-heading{align-items:flex-start}.team-notice,.team-empty-state{border:1px solid var(--line);border-radius:12px;background:var(--bg-page);padding:20px 22px;margin-bottom:16px}.team-notice strong{font-size:13px}.team-notice p,.team-empty-state p{color:var(--text-subtle);font-size:12px;line-height:1.65;margin:6px 0 12px}.team-notice.is-paused{border-color:var(--amber-border);background:var(--bg-page)}.team-inline-notice{border:1px solid var(--amber-border);background:var(--bg-page);border-radius:8px;color:var(--amber-muted);font-size:11px;line-height:1.55;padding:11px 13px}.team-form-error{font-size:11px;color:var(--red);margin:10px 0 0}.team-empty-copy{font-size:12px;color:var(--soft);margin:8px 0}.team-leave-wrap{display:flex;justify-content:flex-end;padding:5px 0 22px}.team-empty-state{max-width:640px;margin:80px auto;text-align:center;padding:38px 28px}.team-empty-state h1{font:700 28px var(--display);margin:8px 0}.team-empty-state p{margin-bottom:18px}.team-empty-state .btn{margin:auto}
@media(max-width:900px){.my-team-page{padding:35px 20px 60px}.my-team-heading{align-items:flex-start}.team-card{padding:18px}}
@media(max-width:620px){.my-team-page{padding:28px 14px 48px}.my-team-heading{display:block}.team-seat-count{display:inline-block;margin-top:15px}.team-card{padding:16px}.team-person-heading{align-items:flex-start}.team-permission-grid{gap:6px}.team-permission-grid label{padding:7px 9px}.team-invite-item .team-person-heading{gap:9px}.team-empty-state{margin:38px 14px;padding:29px 20px}}

/* My Team loading skeleton */
.team-skeleton{height:12px;border-radius:7px;background:linear-gradient(90deg,var(--tint) 20%,var(--bg-page) 38%,var(--tint) 56%);background-size:220% 100%;animation:team-skeleton-shimmer 1.25s ease-in-out infinite}.team-skeleton-seat{width:126px;height:64px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(90deg,var(--bg-page) 20%,var(--bg-page) 38%,var(--bg-page) 56%);background-size:220% 100%}.team-loading-card{pointer-events:none}.team-skeleton-title{width:145px;height:17px;margin-bottom:12px}.team-skeleton-copy{width:min(62%,360px);height:10px;margin-bottom:18px}.team-skeleton-field{width:min(72%,520px);height:39px;margin-bottom:13px}.team-skeleton-button{width:154px;height:35px}.team-skeleton-person{height:45px;margin-top:13px;border-top:1px solid var(--border-subtle);padding-top:13px;background:linear-gradient(90deg,transparent 0 0)}.team-skeleton-person:before,.team-skeleton-person:after{content:'';display:block;height:10px;border-radius:6px;background:var(--tint);width:min(44%,300px)}.team-skeleton-person:after{width:min(68%,450px);height:8px;margin-top:8px;background:var(--bg-page)}.team-skeleton-person.short{width:82%}.team-loading-status{color:var(--muted);font-size:12px;margin:0;text-align:center}.team-skeleton-seat,.team-loading-card .team-skeleton{overflow:hidden}@keyframes team-skeleton-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.team-skeleton{animation:none;background:var(--tint)}}

/* Keep workspace navigation visible while page content scrolls. */
@media(min-width:761px){.workspace-body{align-items:flex-start}.app-sidebar{position:sticky;top:70px;align-self:flex-start;height:calc(100vh - 70px);max-height:calc(100vh - 70px);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}}
/* On phones the topbar is 62px tall, so the menu sticks exactly below it (no gap where scrolling content shows through). */
@media(max-width:760px){.app-sidebar{position:sticky;top:62px;z-index:25}}
.app-shell.is-creating-flow .app-sidebar{display:none}


/* Settings */
.settings-page{width:min(100%,920px);margin:0 auto;padding:54px 50px 72px}.settings-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.settings-heading h1{font:700 34px var(--display);letter-spacing:-1px;margin:6px 0}.settings-heading p{font-size:12px;color:var(--muted);margin:0}.settings-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:20px 22px;margin-bottom:14px}.settings-card-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-card-heading h2{font:700 16px var(--display);margin:0 0 5px}.settings-card-heading p{font-size:11px;color:var(--muted);line-height:1.6;margin:0}.settings-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:17px}.settings-info-item{border:1px solid var(--border-subtle);border-radius:9px;background:var(--bg-page);padding:13px 14px;min-width:0}.settings-info-item>span{display:block;color:var(--text-subtle);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:7px}.settings-info-item strong{display:block;color:var(--ink);font-size:13px;overflow-wrap:anywhere}.settings-info-item small{display:block;color:var(--soft);font-size:10px;margin-top:5px}.settings-session-card .btn,.settings-danger-card>.btn{flex-shrink:0}.settings-danger-card{border-color:var(--red-border);background:var(--surface)}.settings-danger-card .settings-card-heading{margin-bottom:16px}.settings-danger-card h2{color:var(--red)}.settings-account-delete-card .btn{flex-shrink:0}.settings-delete-confirmation{margin:18px 0 8px}.settings-delete-confirmation label{display:block;font-size:11px;color:var(--text-medium);margin-bottom:8px}.settings-delete-error{color:var(--red);font-size:11px;line-height:1.5;margin:8px 0}.settings-delete-error[hidden]{display:none}
@media(max-width:900px){.settings-page{padding:35px 20px 60px}}
@media(max-width:620px){.settings-page{padding:28px 14px 48px}.settings-heading{display:block}.settings-info-grid{grid-template-columns:1fr}.settings-card{padding:16px}.settings-card-heading{align-items:flex-start;flex-direction:column}.settings-session-card .btn,.settings-danger-card>.btn,.settings-account-delete-card .btn{width:100%}}


/* Account deletion */
.account-delete-modal .modal-head>div{min-width:0}.account-delete-modal .modal-head{gap:16px}.account-delete-modal .modal-head p+p{margin-top:10px}.account-delete-email{font-size:12px;overflow-wrap:anywhere}.account-delete-warning{background:var(--red-bg);border:1px solid var(--red-border);border-radius:8px;padding:11px 12px;margin:0 0 17px;color:var(--red-dark);font-size:12px;line-height:1.5}.account-delete-warning strong{display:block;margin-bottom:2px}.account-delete-error{color:var(--red-hover);background:var(--red-bg);border:1px solid var(--red-border);border-radius:7px;padding:9px 11px;font-size:12px;line-height:1.45;margin:0}.account-delete-modal .modal-actions{flex-wrap:wrap}.account-delete-modal .modal-actions .btn-danger{background:var(--red);color:var(--surface);border-color:var(--red)}.account-delete-modal .modal-actions .btn-danger:hover{background:var(--red-hover);border-color:var(--red-hover)}.account-delete-modal .modal-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed}


/* Password recovery */
.auth-forgot-link{display:block;margin:-9px 0 15px auto;padding:0;border:0;background:transparent;color:var(--green);font-size:12px;font-weight:600;cursor:pointer}
.auth-forgot-link:hover{text-decoration:underline}
.auth-forgot-link:focus-visible{outline:2px solid var(--green-line);outline-offset:3px;border-radius:2px}


/* Candidate completion actions */
.completion-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.completion-actions .btn{min-width:128px}
@media(max-width:480px){.completion-actions{width:100%}.completion-actions .btn{flex:1}}


/* Republish saved flow edits without changing the public link */
#publish-changes-slot:empty{display:none}
#publish-changes-slot:not(:empty){display:flex;align-items:center;flex:0 1 auto}
.unpublished-changes{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 7px 5px 10px;border:1px solid var(--amber-border);border-radius:9px;background:var(--bg-page);color:var(--amber-dark);font-size:10px;line-height:1.35}
.unpublished-changes span{max-width:210px}
.unpublished-changes .btn{flex-shrink:0}
.unpublished-changes .btn:disabled{cursor:wait;opacity:.7}
@media(max-width:620px){.unpublished-changes{width:100%;max-width:100%}.unpublished-changes span{max-width:none}.save-indicator{min-height:34px}}

#canvas-status:empty{display:none}

.numeric-only-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;margin:4px 0 12px;border-bottom:1px solid var(--line);color:var(--ink);font-size:12px;font-weight:600}
.numeric-only-switch{position:relative;display:inline-flex;flex:none;width:38px;height:22px;border-radius:999px}
.numeric-only-switch input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.numeric-only-track{width:38px;height:22px;border-radius:999px;background:var(--mint-strong);transition:background .18s ease}
.numeric-only-track::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:0 1px 2px var(--shadow-sm);transition:transform .18s ease}
.numeric-only-switch input:checked+.numeric-only-track{background:var(--green)}
.numeric-only-switch input:checked+.numeric-only-track::after{transform:translateX(16px)}
.numeric-only-switch input:focus-visible+.numeric-only-track{outline:2px solid var(--green);outline-offset:3px}
.answer-text[data-numeric-only=true]{min-height:0;height:54px;resize:none}


/* Optional Team Fit and Skill Fit applicant stages */
.applicant-stage-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--text-strong);font-size:12px;font-weight:600;cursor:pointer}
.stage-options{display:flex;flex-direction:column;margin:6px 0 4px;border-top:1px solid var(--line)}
.stage-option{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line);cursor:pointer;color:var(--text-strong);font-size:14px;font-weight:600}
.stage-option.is-locked{cursor:not-allowed}
.stage-option-name{display:inline-flex;align-items:center;gap:9px}
.stage-drag{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:0;background:none;color:var(--muted);font-size:16px;line-height:1;cursor:grab;border-radius:5px}
.stage-drag.is-fixed{cursor:default;visibility:hidden}
.stage-drag:hover{color:var(--text-strong)}
.stage-drag:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.stage-option.is-dragging{opacity:.45}
.stage-option.drop-before{box-shadow:0 -2px 0 0 var(--green)}
.stage-option.drop-after{box-shadow:0 2px 0 0 var(--green)}
.stage-modal-actions{justify-content:space-between;align-items:center}
.stage-reset{padding:0;border:0;background:none;color:var(--muted);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.stage-reset:hover:not(:disabled){color:var(--text-strong);text-decoration:underline}
.stage-reset:disabled{opacity:.45;cursor:default}
.stage-reset:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}
.stage-tools{display:inline-flex;gap:2px;margin-left:auto;margin-right:12px}
.stage-tool{width:26px;height:26px;padding:0;border:0;background:none;border-radius:6px;color:var(--muted);font-size:14px;line-height:1;cursor:pointer}
.stage-tool:hover:not(:disabled){background:var(--tint);color:var(--text-strong)}
.stage-tool:disabled{opacity:.35;cursor:not-allowed}
.stage-tool:focus-visible{outline:2px solid var(--green);outline-offset:1px}
.stage-rename-input{width:100%;min-width:90px;height:30px;padding:3px 8px;font-size:14px}
.stage-option.is-renaming .stage-option-name{flex:1;min-width:0}
.stage-option.is-renaming .stage-name{flex:1;min-width:0;display:block}
.stage-option.is-renaming .stage-tools{margin-left:0;flex:none;gap:6px}
.stage-option.is-renaming .stage-tools .btn{height:30px;padding:0 10px}
.stage-create{display:flex;gap:8px;margin-top:14px}
.stage-create .text-input{flex:1;min-width:0;height:36px}
.stage-create-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.stage-create-row .stage-create-hint,.stage-create-row .stage-new-link{margin-top:0}
.stage-new-link{display:inline-block;white-space:nowrap;margin-top:14px;padding:0;border:0;background:none;color:var(--green);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.stage-new-link:hover{text-decoration:underline}
.stage-new-link:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:3px}
.stage-create-hint{margin-top:6px;color:var(--muted);font-size:12px}
.stage-error{min-height:18px;margin-top:6px;color:var(--red);font-size:13px}
.stage-options{max-height:min(48vh,440px);overflow:auto}
.stage-option input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--green)}
.stage-option input[type=checkbox]:disabled{cursor:not-allowed;opacity:.7}
.applicant-stage-toggle input{width:15px;height:15px;margin:0;accent-color:var(--green)}
.applicant-stage-toggle input:disabled{cursor:not-allowed;opacity:.7}
.applicant-stage-toggle-control input:disabled{pointer-events:none}
.applicant-stage-toggle-control[title]{cursor:not-allowed}
.stage-team-fit{background:var(--stage-team-fit)}
.stage-skill-fit{background:var(--stage-skill-fit)}


/* Workspace company profiles */
.companies-page{width:min(100% - 64px,1240px);margin:0 auto;padding:46px 0 70px}
.companies-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}
.companies-heading h1{font:700 clamp(34px,4vw,46px)/1.05 var(--display);letter-spacing:-1.8px;margin:8px 0}
.companies-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.companies-heading-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.companies-count{color:var(--muted);font-size:12px;font-weight:600}
.companies-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.company-card{height:260px;min-width:0;padding:21px;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px var(--shadow-xs)}
.company-card-heading{display:flex;align-items:center;gap:13px;margin-bottom:17px}
.company-card-logo{width:46px;height:46px;flex:0 0 46px;object-fit:contain;border-radius:11px;background:var(--bg-page);border:1px solid var(--line)}
.company-card-logo-fallback{display:grid;place-items:center;background:var(--green);color:var(--lime);font:700 15px var(--display)}
.company-card-heading div{min-width:0}
.company-card h2{font:700 16px/1.3 var(--display);margin:0 0 3px;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.company-card-heading div>span{font-size:11px;color:var(--muted)}
.company-card>p{white-space:pre-line;color:var(--muted);font-size:12px;line-height:1.6;margin:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.companies-empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;border:1px dashed var(--line);border-radius:13px;background:var(--surface)}
.companies-empty h2{font:700 20px var(--display);margin:13px 0 7px}
.companies-empty p{max-width:430px;color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 19px}
.company-logo-upload{padding:9px}
.text-input.locked-input:disabled{background:var(--bg-page);color:var(--muted);-webkit-text-fill-color:var(--muted);cursor:not-allowed;opacity:1}
.company-color-row{display:flex;align-items:center;gap:10px}
.company-color-input{-webkit-appearance:none;appearance:none;width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}
.company-color-input::-webkit-color-swatch-wrapper{padding:3px}
.company-color-input::-webkit-color-swatch{border:none;border-radius:7px}
.company-color-input::-moz-color-swatch{border:none;border-radius:7px}
.company-color-hex{font:600 13px var(--sans);color:var(--text-strong);min-width:62px}
.company-link-btn{border:0;background:none;padding:4px 2px;font:600 12px var(--sans);color:var(--green);cursor:pointer;border-radius:6px}
.company-link-btn:hover{text-decoration:underline}
.company-link-btn[hidden]{display:none}
.company-link-btn:focus-visible{outline:2px solid var(--green-focus);outline-offset:2px}
/* Company form (new and edit): a wider modal, a "Branding" panel for logo and colour, a roomy description */
.modal:has(.company-form){width:min(100%,560px);max-height:94vh;padding-bottom:20px}
.company-form .modal-head,.modal:has(.company-form) .modal-head{margin-bottom:14px}
.company-form .field-group{max-width:none}
.company-brand-title{font:700 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}
.company-brand-title .muted{text-transform:none;letter-spacing:0;font-weight:500}
.company-brand{border:1px solid var(--line);border-radius:12px;background:var(--bg-page);margin:0 0 16px}
.company-brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px}
.company-brand-row+.company-brand-row{border-top:1px solid var(--line)}
.company-brand-label{min-width:0;flex:1}
.company-brand-label strong{display:block;font-size:13px;font-weight:600;color:var(--text-strong)}
.company-brand-label small{display:block;margin-top:2px;font-size:11px;line-height:1.45;color:var(--muted)}
.company-brand-control{flex:0 0 auto;min-height:48px;justify-content:center;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:58%}
.company-logo-picker{position:relative;display:flex;align-items:center;gap:10px;min-width:0}
.company-logo-picker[hidden]{display:none}
.company-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.company-file-input:focus-visible+.company-file-btn{outline:2px solid var(--green-focus);outline-offset:2px}
.company-file-btn{cursor:pointer;white-space:nowrap}
.company-logo-picker.has-file .company-file-btn{display:none}
.company-description-field .text-area{min-height:140px}
.company-form .modal-actions{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}
@media(max-width:520px){.company-brand-row{flex-direction:column;align-items:flex-start}.company-brand-control{max-width:none;align-items:flex-start}}
.field-help{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:6px}
.field-help.is-warning{color:var(--amber-text)}
/* Job editor on a computer: the board and the details fill what is left under the header (whatever its height, one line or two), so the page itself never scrolls just because the header is a little taller than a fixed number. On a window too short for the board (520px) the page scrolls as before. */
@media(min-width:761px){.editor-main{height:calc(100vh - 70px)}.editor-main .editor-layout{flex:1 1 auto;height:auto;min-height:520px;grid-template-rows:minmax(0,1fr)}}
.company-form-error:not(.show){display:none}
/* Public job page header: the Pathway mark, then (only when the company has a logo) a thin divider and that logo. */
.candidate-header-brands{display:flex;align-items:center;gap:16px;min-width:0}
.candidate-header-divider{width:1px;height:28px;background:var(--line);flex:0 0 auto}
.candidate-header-logo{height:36px;width:auto;max-width:160px;object-fit:contain}
@media(max-width:760px){.candidate-header-brands{gap:12px}.candidate-header-logo{height:30px;max-width:110px}}
.company-details{max-width:570px;margin:27px 0 29px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.company-details h2{font:700 19px/1.3 var(--display);letter-spacing:-.3px;margin:0 0 9px;color:var(--ink)}
.company-details p{white-space:pre-line;color:var(--muted);font-size:13px;line-height:1.75;margin:0}
@media(max-width:900px){.companies-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.companies-page{width:min(100% - 34px,600px);padding:30px 0 48px}.companies-heading{align-items:flex-start;flex-direction:column;gap:17px}.companies-heading-actions{width:100%;justify-content:space-between}.companies-grid{grid-template-columns:1fr}.company-details{margin:23px 0;padding:18px 0}}


/* Company profile edit and removal controls */
.company-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-subtle)}
.company-logo-current,.company-logo-chosen{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0;color:var(--muted);font-size:11px}
.company-logo-current[hidden],.company-logo-chosen[hidden],.company-logo-removal-pending[hidden]{display:none}
.company-logo-current img,.company-logo-chosen img{width:48px;height:48px;object-fit:contain;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.company-logo-remove{color:var(--red);border-color:transparent;background:transparent}
.company-logo-remove:hover{color:var(--red);background:var(--red-bg);border-color:var(--red-border)}
.company-logo-removal-pending{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin:0;color:var(--muted);font-size:11px}
.company-edit-actions .company-delete-from-edit{margin-right:auto;border-color:transparent}
.company-edit-actions .company-delete-from-edit:hover{color:var(--red);background:var(--red-bg);border-color:var(--red-border)}
.company-delete-flow-list{max-height:130px;overflow:auto;margin:10px 0 0;padding-left:22px;color:var(--muted);font-size:12px;line-height:1.7}
.company-delete-flow-list li{overflow-wrap:anywhere}
.company-card-actions .btn-danger{border-color:var(--red-border)}
.company-card-actions .btn-danger:hover{color:var(--surface)}
@media(max-width:760px){.company-card-actions{justify-content:flex-start}}

/* Mobile apply page: job details, then the form, then company details; the Apply button jumps to the form. */
.mobile-apply-cta{display:none}
@media(max-width:760px){.candidate-landing{gap:0}.job-copy{display:contents}.company-lockup{order:1;margin-bottom:18px}.mobile-apply-cta{display:inline-flex;justify-content:center;align-items:center;gap:8px;order:2;width:100%;margin-bottom:26px}.job-kicker{order:3}.job-title{order:4}.job-description{order:5}.job-meta{order:6}.candidate-form-card{order:7;margin-top:6px;scroll-margin-top:14px}.company-details{order:8;margin:26px 0 0}.job-about{order:9}}
/* Applicant board: Failed is a narrow, collapsible column on the left. */
.kanban-board.failed-board{grid-template-columns:132px repeat(var(--other-stages,3),minmax(240px,1fr))}
.kanban-board.failed-board.failed-open{grid-template-columns:minmax(240px,1fr) repeat(var(--other-stages,3),minmax(240px,1fr))}
.failed-column .failed-toggle{width:100%;justify-content:center;margin-bottom:10px}
.failed-actions{display:flex;gap:8px;margin-bottom:10px}
.failed-actions .btn{flex:1;justify-content:center;white-space:nowrap}
.failed-actions .failed-toggle{margin-bottom:0}
.failed-clear{color:var(--red);border-color:var(--red-soft)}
.failed-clear:hover{background:var(--red-bg)}
.failed-drop{min-height:265px;display:grid;place-items:center;border:1.5px dashed var(--red-border-strong);border-radius:9px;color:var(--red);font:700 12px var(--display)}
.failed-column.drag-over .failed-drop{background:var(--red-bg)}
@media(max-width:1100px){.kanban-board.failed-board{grid-template-columns:120px repeat(var(--other-stages,3),minmax(225px,1fr))}.kanban-board.failed-board.failed-open{grid-template-columns:minmax(225px,1fr) repeat(var(--other-stages,3),minmax(225px,1fr))}}
@media(max-width:760px){.kanban-board.failed-board{grid-template-columns:120px repeat(var(--other-stages,3),minmax(245px,80vw))}.kanban-board.failed-board.failed-open{grid-template-columns:minmax(245px,80vw) repeat(var(--other-stages,3),minmax(245px,80vw))}}
.save-failed{color:var(--red)}
.captcha-box{display:flex;justify-content:center;margin-top:18px}.captcha-box:empty{display:none}
.applicant-card-tags{display:flex;align-items:center;gap:6px;min-width:0}
.repeat-badge{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:20px;height:20px;padding:0 7px;border:1px solid var(--mint-strong);border-radius:999px;background:var(--tint);color:var(--green-text);font-size:10px;font-weight:700;line-height:1;white-space:nowrap}.applicant-card.has-repeat .applicant-card-name{padding-right:44px}
.kanban-summary-extra{color:var(--soft)}
.applicant-tabs{display:flex;gap:4px;flex:0 0 auto;padding:0 clamp(16px,3vw,38px);border-bottom:1px solid var(--border-subtle);overflow-x:auto}
.applicant-tab{flex:0 0 auto;padding:10px 13px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-subtle);font:650 12px var(--sans);cursor:pointer}
.applicant-tab:hover{color:var(--green)}
.applicant-tab[aria-selected="true"]{color:var(--text-heading);border-bottom-color:var(--green)}
.applicant-stage-note{display:block;margin-top:5px;color:var(--text-subtle);font-size:10px;font-weight:400}
/* Multi-select used for the job's responsible people */
.multi-select{position:relative}.multi-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;cursor:pointer}.multi-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-select-caret{display:flex;color:var(--text-subtle);flex-shrink:0;transition:transform .15s}
.multi-select-trigger[aria-expanded="true"] .multi-select-caret{transform:rotate(180deg)}.multi-select-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px var(--shadow-md);padding:6px;max-height:240px;overflow-y:auto}.multi-select-menu[hidden]{display:none}.multi-select .multi-select-option{display:flex;align-items:center;gap:9px;padding:8px;margin:0;border-radius:6px;font-size:12px;font-weight:500;color:var(--text-body);cursor:pointer}.multi-select .multi-select-option:hover{background:var(--tint)}.multi-select-option span{min-width:0;overflow:hidden;text-overflow:ellipsis}.multi-select-option small{margin-left:auto;color:var(--soft);font-size:10px}
/* In-app notifications bell */
.notif{position:relative}.notif-btn{position:relative;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-body);cursor:pointer}.notif-btn:hover{border-color:var(--green-hover);color:var(--green)}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:var(--red);color:var(--surface);font-size:10px;font-weight:700;line-height:17px;text-align:center}.notif-badge[hidden]{display:none}.notif-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:320px;max-width:calc(100vw - 32px);max-height:380px;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px var(--shadow-md);padding:6px}.notif-menu[hidden]{display:none}
.notif-footer{position:sticky;bottom:-6px;margin:6px -6px -6px;padding:6px;border-top:1px solid var(--border-subtle);background:var(--surface);border-radius:0 0 10px 10px}
.notif-see-all{display:block;width:100%;padding:8px 10px;border:0;border-radius:7px;background:none;color:var(--green);font:600 12px var(--sans);text-align:center;cursor:pointer}
.notif-see-all:hover{background:var(--tint)}
.notif-see-all:focus-visible{outline:2px solid var(--green-focus);outline-offset:-2px}.notif-item{display:flex;flex-direction:column;gap:3px;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;text-align:left;cursor:pointer;color:var(--text-body)}.notif-item:hover{background:var(--tint)}.notif-text{font-size:12px;line-height:1.45}.notif-sub{font-size:11px;color:var(--text-subtle)}.notif-empty{padding:16px 12px;font-size:12px;color:var(--text-subtle);text-align:center}
/* Decorative flow drawing on the dashboard cards */
.mini-svg{position:absolute;inset:0;width:100%;height:100%}.mini-svg .mn{fill:var(--surface);stroke:var(--line);stroke-width:1}.mini-svg .mb{fill:var(--mint-strong)}.mini-svg .ms{fill:var(--tint)}.mini-svg .mp{fill:var(--surface);stroke:var(--green-line);stroke-width:1.5}.mini-svg .mw{fill:none;stroke:var(--green-hover);stroke-width:1.2}
/* Dashboard filters */
.flow-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.flow-filters .text-input{flex:1 1 240px;min-width:0}.flow-filters .select-input{flex:0 1 220px;width:auto;min-width:160px}.flow-grid-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:34px 16px;border:1px dashed var(--line);border-radius:12px;color:var(--text-subtle);font-size:13px}.flow-grid-empty p{margin:0}
/* Search fields: the browser's clear (x) button, drawn in the app's red instead of the default blue */
input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-left:8px;cursor:pointer;background:var(--red);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6 6l12 12M18 6L6 18%27 stroke=%27currentColor%27 stroke-width=%273.5%27 stroke-linecap=%27round%27 fill=%27none%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6 6l12 12M18 6L6 18%27 stroke=%27currentColor%27 stroke-width=%273.5%27 stroke-linecap=%27round%27 fill=%27none%27/%3E%3C/svg%3E") center/contain no-repeat}
/* Select fields: own vector arrow with breathing room from the right border. Its stroke colour (%23748178) must equal --text-subtle: a data-URI image cannot use var(); a test keeps them in sync. */
select.select-input,select.applicants-filter,select.applicant-status-select{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%23748178%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}
/* Legal page (legal.html) and the links under the sign-in button */
.auth-legal a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.auth-legal a:hover{color:var(--green-hover)}
.legal-page{background:var(--bg-page);min-height:100vh}.legal-back{color:var(--text-subtle);font-size:13px;text-decoration:none}.legal-back:hover{color:var(--green)}
.legal-wrap{max-width:860px;margin:0 auto;padding:44px 24px 96px}.legal-hero h1{font:700 clamp(28px,5vw,40px)/1.15 var(--display);margin:6px 0 10px;color:var(--text-heading)}.legal-meta{margin:0;color:var(--text-subtle);font-size:13px}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:5;margin:26px 0 8px;padding:12px 0;background:var(--bg-page);border-bottom:1px solid var(--line)}.legal-nav a{padding:8px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--text-body);font-size:13px;font-weight:600;text-decoration:none}.legal-nav a:hover{border-color:var(--green-hover);color:var(--green)}
.legal article{padding-top:8px}.legal h2{font:700 26px/1.2 var(--display);margin:44px 0 10px;color:var(--text-heading);scroll-margin-top:76px}.legal h3{font:700 16px/1.35 var(--display);margin:30px 0 8px;color:var(--text-heading);scroll-margin-top:76px}
.legal p,.legal li{font-size:14.5px;line-height:1.7;color:var(--text-body)}.legal p{margin:0 0 12px}.legal ul,.legal ol{margin:0 0 14px;padding-left:22px}.legal li{margin-bottom:7px}.legal a{color:var(--green);text-underline-offset:2px}.legal-lead{font-size:15px!important}
.legal-summary{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:10px;padding:16px 20px;margin:18px 0 8px}.legal-summary strong{display:block;margin-bottom:8px;color:var(--text-heading);font-size:14px}.legal-summary ul{margin:0}.legal-summary li:last-child{margin-bottom:0}
.legal-caps{font-size:13px!important;line-height:1.65!important}.legal-todo{background:var(--warm-bg);color:var(--text-heading);padding:1px 5px;border-radius:4px;font-weight:600}
.legal-table-wrap{overflow-x:auto;margin:10px 0 16px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.legal table{width:100%;min-width:620px;border-collapse:collapse}.legal th,.legal td{padding:11px 14px;text-align:left;vertical-align:top;font-size:13px;line-height:1.55;color:var(--text-body);border-bottom:1px solid var(--border-subtle)}.legal thead th{background:var(--tint);color:var(--text-heading);font-weight:700}.legal tbody th{color:var(--text-heading);font-weight:700;width:20%}.legal tr:last-child th,.legal tr:last-child td{border-bottom:0}
.legal-list{padding-left:22px}.legal-footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--line)}.legal-footer p{font-size:13px}
@media(max-width:600px){.legal-wrap{padding:28px 16px 72px}.legal h2{font-size:22px}}
/* Sign-in screen: feature icons */
.auth-feature span svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* Sign-in screen: "How it works" and plans */
.auth-info{background:var(--surface);border-top:1px solid var(--line);padding:clamp(44px,8vw,96px) clamp(20px,6vw,100px)}.auth-info-inner{max-width:1040px;margin:0 auto}.auth-info h2{font:700 clamp(24px,4vw,34px)/1.15 var(--display);color:var(--text-heading);margin:6px 0 10px}.auth-info-lead{max-width:640px;margin:0 0 28px;font-size:15px;line-height:1.65;color:var(--muted)}.auth-info-plans-eyebrow{margin-top:clamp(48px,8vw,84px)}
.how-rows{list-style:none;margin:0;padding:0;display:grid;gap:clamp(30px,5vw,56px)}
.how-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,5vw,64px)}.how-row:nth-child(even) .how-copy{order:2}
.how-num{display:inline-block;padding:4px 11px;border-radius:99px;background:var(--tint);color:var(--green-text);font:700 11px var(--display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.how-copy h3{font:700 clamp(21px,3vw,27px)/1.2 var(--display);margin:0 0 10px;color:var(--text-heading)}.how-copy p{margin:0;max-width:460px;font-size:15px;line-height:1.7;color:var(--text-body)}
.how-art{background:linear-gradient(135deg,var(--tint),var(--bg-page));border:1px solid var(--line);border-radius:20px;padding:clamp(18px,3vw,30px);box-shadow:0 14px 34px var(--shadow-sm);min-height:230px;display:grid;align-items:center}.mk{display:grid;gap:0;width:100%;max-width:360px;margin:0 auto}.mk-center{place-items:center}
.mk-step{display:grid;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 14px;box-shadow:0 4px 12px var(--shadow-xs)}.mk-step strong{font:700 13px/1.35 var(--display);color:var(--text-heading)}.mk-step small{font-size:11px;color:var(--text-subtle)}.mk-fixed{border-color:var(--green-hover);background:var(--bg-page)}
.mk-tag{justify-self:start;padding:2px 8px;border-radius:99px;background:var(--tint);color:var(--green-text);font:700 9.5px var(--display);letter-spacing:.06em;text-transform:uppercase}.mk-line{display:block;width:2px;height:16px;margin:0 auto;background:var(--green-line)}.mk-add{margin-top:14px;padding:10px;border:1.5px dashed var(--green-line);border-radius:12px;text-align:center;font:700 12px var(--display);color:var(--green-text)}
.mk-split{display:grid;gap:12px;margin-top:16px}.mk-path{display:grid;grid-template-columns:auto 26px minmax(0,1fr);align-items:center;gap:8px}.mk-opt{padding:5px 12px;border-radius:99px;border:1px solid var(--green-line);background:var(--surface);font:700 12px var(--display);color:var(--text-heading)}.mk-arrow{display:block;height:2px;background:var(--green-line);position:relative}.mk-arrow:after{content:"";position:absolute;right:-1px;top:-3.5px;width:7px;height:7px;border-top:2px solid var(--green-line);border-right:2px solid var(--green-line);transform:rotate(45deg)}
.mk-ok{border-color:var(--green-line)}.mk-end{border-color:var(--red-soft)}.mk-end strong{color:var(--red-soft)}
.mk-phone{width:210px;display:grid;gap:10px;background:var(--surface);border:7px solid var(--forest);border-radius:28px;padding:20px 16px 18px;box-shadow:0 16px 30px var(--shadow-md)}.mk-phone small{font-size:10.5px;color:var(--text-subtle)}.mk-phone strong{font:700 14px/1.35 var(--display);color:var(--text-heading)}.mk-progress{height:5px;border-radius:99px;background:var(--mint-strong);overflow:hidden}.mk-progress i{display:block;width:50%;height:100%;border-radius:99px;background:var(--green)}
.mk-radio{display:flex;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;font-size:12.5px;color:var(--text-body)}.mk-radio b{width:14px;height:14px;border-radius:50%;border:2px solid var(--green-line);box-sizing:border-box}.mk-radio.is-on{border-color:var(--green);background:var(--tint)}.mk-radio.is-on b{border-color:var(--green);background:radial-gradient(var(--green) 0 3px,var(--surface) 3.5px)}.mk-btn{margin-top:2px;padding:10px;border-radius:10px;background:var(--green);color:var(--surface);text-align:center;font:700 12.5px var(--display)}
.mk-share{display:grid;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:0 6px 16px var(--shadow-xs)}.mk-share strong{font:700 16px var(--display);color:var(--text-heading)}.mk-share small{font-size:11.5px;color:var(--text-subtle)}.mk-status{justify-self:start;display:inline-flex;align-items:center;gap:7px;padding:4px 11px;border-radius:99px;background:var(--tint);color:var(--green-text);font:700 11px var(--display)}.mk-status i{width:7px;height:7px;border-radius:50%;background:var(--green)}
.mk-url{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 8px 8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-page)}.mk-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-body)}.mk-url b{flex:0 0 auto;padding:6px 11px;border-radius:8px;background:var(--green);color:var(--surface);font:700 11.5px var(--display)}
.mk-boardtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:700 13px var(--display);color:var(--text-heading)}.mk-bell{position:relative;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-body)}.mk-bell svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mk-bell b{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;border-radius:99px;background:var(--red);color:var(--surface);font:700 10px/16px var(--display);text-align:center}
.mk-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mk-col{display:grid;align-content:start;gap:7px;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.mk-col h4{margin:0 0 2px;font:700 10.5px var(--display);color:var(--text-subtle)}.mk-card{display:grid;gap:5px;padding:8px;border:1px solid var(--border-subtle);border-radius:8px;background:var(--bg-page)}.mk-card i{display:block;height:5px;border-radius:3px;background:var(--mint-strong)}.mk-card i+i{width:60%;background:var(--tint)}
@media(max-width:820px){.how-row{grid-template-columns:1fr}.how-row:nth-child(even) .how-copy{order:0}}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;max-width:820px}.plan-card{display:flex;flex-direction:column;background:var(--bg-page);border:1px solid var(--line);border-radius:16px;padding:26px 24px}.plan-card-premium{background:var(--surface);border:2px solid var(--green)}.plan-card h3{font:700 18px var(--display);margin:0 0 6px;color:var(--text-heading)}.plan-price{font:700 32px/1.1 var(--display);color:var(--text-heading)}.plan-price span{font:500 14px var(--sans);color:var(--text-subtle)}.plan-tagline{margin:8px 0 16px;font-size:14px;color:var(--muted)}.plan-features{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}.plan-features li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;line-height:1.5;color:var(--text-body)}.plan-features svg{flex:0 0 16px;width:16px;height:16px;margin-top:2px;fill:none;stroke:var(--green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.plan-features .plan-missing{color:var(--soft)}.plan-features .plan-missing svg{stroke:var(--soft)}.plan-cta{margin-top:auto;align-self:flex-start}.plan-note{margin:auto 0 0;font-size:12.5px;line-height:1.55;color:var(--text-subtle)}
/* Resume preview header: Download resume next to Close preview */
.applicant-resume-preview-head>.applicant-resume-preview-actions{flex:0 0 auto;flex-direction:row;align-items:center;gap:8px}
@media(max-width:760px){.applicant-resume-preview-head>.applicant-resume-preview-actions{gap:6px}.applicant-resume-preview-head strong{max-width:30vw}}
/* Applicant panel on phones: information only, bottom menu, preview takes the whole screen */
.applicant-mobile-bar{display:none}
@media(max-width:760px){
  .applicant-review-layout{grid-template-rows:minmax(0,1fr)}
  .applicant-review-left{border-bottom:0}
  .applicant-review-right{display:none}
  .applicant-review-layout.is-previewing .applicant-review-left{display:none}
  .applicant-review-layout.is-previewing .applicant-review-right{display:flex}
  .applicant-mobile-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:8px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface)}
  .applicant-mobile-bar .btn{width:100%;justify-content:center}
}
/* Applicant panel: company next to the job title, and the responsible people */
.applicant-responsible-item{grid-column:1/-1;position:relative}.applicant-responsible-trigger{display:block;padding:0;border:0;background:transparent;color:var(--text-strong);font:550 12px var(--sans);text-align:left;overflow-wrap:anywhere;cursor:pointer;text-decoration:underline dotted var(--soft);text-underline-offset:3px}.applicant-responsible-trigger:focus-visible{outline:2px solid var(--green-focus);outline-offset:2px;border-radius:3px}.applicant-tooltip{position:absolute;left:0;bottom:calc(100% + 4px);z-index:5;width:max-content;max-width:min(280px,80vw);padding:9px 12px;border-radius:8px;background:var(--forest);color:var(--surface);font-size:12px;line-height:1.5;box-shadow:0 8px 20px var(--shadow-md)}.applicant-tooltip[hidden]{display:none}
/* Resume preview drawn by pdf.js (phones) */
.applicant-pdf-pages{flex:1;min-height:0;overflow:auto;display:grid;gap:12px;justify-items:center;align-content:start;padding:12px;background:var(--tint);color:var(--text-subtle);font-size:13px;line-height:1.6;text-align:center}.applicant-pdf-pages[hidden]{display:none}.applicant-pdf-page{max-width:100%;background:var(--surface);box-shadow:0 4px 14px var(--shadow-md)}
.applicant-resume-preview iframe[hidden]{display:none!important}
/* Sign-up: first and last name side by side */
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row .field-group{min-width:0}
.multi-select-person{display:flex;flex-direction:column;min-width:0;flex:1}.multi-select-name{overflow:hidden;text-overflow:ellipsis}.multi-select-email{display:block;color:var(--text-subtle);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-person-heading .team-person-email{color:var(--text-subtle);overflow-wrap:anywhere}
.settings-profile-form{margin-top:4px}.settings-profile-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.settings-profile-status{font-size:12px;color:var(--text-subtle)}.settings-profile-status.is-ok{color:var(--green)}.settings-profile-status.is-error{color:var(--red)}
.multi-select-option .multi-select-email{margin-left:0;font-size:11px;color:var(--text-subtle)}.multi-select-option .multi-select-person{overflow:visible}
.settings-profile-name{margin:4px 0 0;font-size:15px;font-weight:600;color:var(--text-strong)}
.applicant-comments .comment-list{display:grid;gap:10px;margin:0 0 12px}.comment{display:block}.comment-meta{margin:0 2px 3px;text-align:right;font-size:10.5px;line-height:1.3;color:var(--text-faint)}.comment-body{margin:0;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--surface);font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-body)}.comment-empty{margin:0;font-size:12px;color:var(--text-subtle)}.comment-empty.is-error{color:var(--red)}.comment-form .text-area{min-height:72px}.comment-form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.comment-status{font-size:12px;color:var(--text-subtle)}.comment-status.is-error{color:var(--red)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.comment-delete{border:0;background:transparent;padding:0;font:inherit;color:var(--text-subtle);text-decoration:underline;cursor:pointer}.comment-delete:hover{color:var(--ink)}.comment-delete.is-danger{color:var(--red)}.comment-delete-confirm{color:var(--text-body)}
.comment-form{position:relative}.mention-menu{position:absolute;left:0;right:0;bottom:calc(100% + 4px);z-index:5;display:grid;max-height:220px;overflow:auto;border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 8px 22px var(--shadow-md);padding:4px}.mention-menu[hidden]{display:none}.mention-option{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;border:0;background:transparent;border-radius:6px;padding:7px 9px;font:inherit;font-size:13px;color:var(--text-body);text-align:left;cursor:pointer}.mention-option small{font-size:11px;color:var(--text-subtle)}.mention-option:hover,.mention-option.is-active{background:var(--tint)}.comment-mention{color:var(--green);font-weight:600}
.settings-legal-note{margin:4px 0 0;font-size:12px;color:var(--text-subtle)}.settings-legal-note a{color:var(--green);text-decoration:underline;text-underline-offset:2px}.settings-legal-note a:hover{color:var(--green-hover)}
.option-edit.has-autofail{grid-template-columns:minmax(0,1fr) auto 29px;align-items:center}.option-autofail{display:flex;align-items:center;gap:4px;margin:0;font-size:10.5px;font-weight:600;color:var(--text-subtle);white-space:nowrap;cursor:pointer}.option-autofail .check{width:13px;height:13px}.autofail-help{margin:4px 0 0}.autofail-below{margin-top:12px}.autofail-below input{max-width:140px}.node-autofail{margin-left:6px;font-size:8px;font-weight:700;color:var(--red);text-transform:uppercase;letter-spacing:.04em}
.applicant-autofail-note{margin:10px 0 0;padding:8px 10px;border-radius:8px;background:var(--bg-page);border:1px solid var(--line);font-size:12px;line-height:1.45;color:var(--text-body);overflow-wrap:anywhere}.applicant-autofail-note strong{color:var(--red)}
.settings-footer-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px;margin-top:4px}.settings-footer-row .settings-legal-note{margin:0}.settings-link-button{border:0;background:transparent;padding:0;font:inherit;font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.settings-link-button:hover{color:var(--green-hover)}.settings-link-button:disabled{color:var(--text-subtle);cursor:default;text-decoration:none}
.applicant-delete-row{margin:6px 0 18px;padding-top:14px;border-top:1px solid var(--border-subtle)}.applicant-delete-link{border:0;background:transparent;padding:0;font:inherit;font-size:12px;color:var(--red);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.applicant-delete-link:hover{filter:brightness(.85)}.applicant-delete-confirm{border:1px solid var(--line);border-radius:9px;padding:12px;background:var(--bg-page)}.applicant-delete-confirm p{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--text-body)}.applicant-delete-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.applicant-delete-status{font-size:12px;color:var(--text-subtle)}
.applicant-row-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.applicant-export-link{border:0;background:transparent;padding:0;font:inherit;font-size:12px;color:var(--green);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.applicant-export-link:hover{color:var(--green-hover)}.applicant-export-link:disabled{color:var(--text-subtle);cursor:default;text-decoration:none}
/* Reports page: aggregated hiring numbers (colours come only from the :root tokens). */
.reports-page,.diversity-page{flex:1;min-width:0;max-width:1180px;margin:0 auto;padding:42px clamp(18px,3vw,44px) 72px}
/* All notifications page */
.notifications-page{flex:1;min-width:0;max-width:820px;margin:0 auto;padding:42px clamp(18px,3vw,44px) 72px}
.notif-section{margin:0 0 26px}
.notif-section-title{display:inline;font:700 17px var(--display);letter-spacing:-.3px;color:var(--ink);margin:0}
.notif-section>.notif-section-title{display:block;margin:0 0 10px}
.notif-section-count{margin-left:6px;color:var(--muted);font:500 12px var(--sans);letter-spacing:0}
.notif-section-heading{margin:0;font:inherit;line-height:inherit}
.notif-section-toggle{display:flex;align-items:center;gap:8px;width:100%;margin:0 0 10px;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:var(--ink)}
.notif-section-toggle:focus-visible{outline:2px solid var(--green-focus);outline-offset:3px;border-radius:6px}
.notif-chevron{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:var(--text-subtle);transition:transform .15s,background .15s,color .15s}
.notif-section-toggle:hover .notif-chevron{background:var(--tint);color:var(--text-heading)}
.notif-chevron svg{display:block}
.notif-section-toggle[aria-expanded="true"] .notif-chevron{transform:rotate(90deg)}
.notif-list{display:flex;flex-direction:column;gap:8px}.notif-list[hidden]{display:none}
.notif-section-empty{margin:0;padding:14px 16px;border:1px dashed var(--line);border-radius:11px;color:var(--text-subtle);font-size:13px}
.notif-row{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:13px 16px;border:1px solid var(--line);border-radius:11px;background:var(--surface);text-align:left;cursor:pointer;box-shadow:0 1px 2px var(--shadow-xs);transition:border-color .15s,box-shadow .15s}
.notif-row:hover{border-color:var(--green-hover);box-shadow:0 4px 14px var(--shadow-sm)}
.notif-row:focus-visible{outline:2px solid var(--green-focus);outline-offset:2px}
.notif-row.is-unread{background:var(--tint);border-color:var(--mint-strong)}
.notif-row-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:var(--bg-page);color:var(--text-body);font:700 15px var(--sans)}
.notif-row-icon.is-candidates{background:var(--tint);color:var(--green)}
.notif-row-icon.is-mention{background:var(--amber-bg);color:var(--amber-text)}
.notif-row-icon.is-ai{background:var(--tint);color:var(--green-deep)}
.notif-row-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.notif-row .notif-text{font-size:13px;color:var(--ink);line-height:1.4}
.notif-row .notif-sub{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notif-row-time{flex:0 0 auto;font-size:11px;color:var(--text-subtle);white-space:nowrap}
.notif-unread-dot{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--green)}
@media(max-width:760px){.notifications-page{padding:28px 16px 48px}.notif-row{align-items:flex-start}.notif-row-time{order:3}}
.reports-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.reports-heading h1{font:700 clamp(30px,3.5vw,40px)/1.1 var(--display);letter-spacing:-1.3px;margin:7px 0 8px}
.reports-heading p{margin:0;color:var(--muted);font-size:14px;max-width:520px}
.reports-tools{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.rpt-seg-control{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surface)}
.rpt-seg-btn{border:0;background:transparent;padding:7px 12px;border-radius:7px;font:600 12px var(--sans);color:var(--muted);cursor:pointer;transition:background .15s,color .15s}
.rpt-seg-btn:hover{background:var(--bg-page);color:var(--ink)}
.rpt-seg-btn.is-active{background:var(--tint);color:var(--green)}
.rpt-seg-btn:focus-visible,.rpt-table tr[data-report-job]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
#reports-content{display:flex;flex-direction:column;gap:14px}
.rpt-summary{margin:0;color:var(--text-subtle);font-size:12px}
.rpt-summary strong{color:var(--text-strong)}
.rpt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.rpt-stat{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:17px 19px;display:flex;flex-direction:column;gap:5px;box-shadow:0 1px 2px var(--shadow-xs)}
.rpt-stat-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}
.rpt-stat-value{font:700 34px/1.05 var(--display);letter-spacing:-1px;color:var(--ink)}
.rpt-stat-caption{font-size:12px;color:var(--muted);line-height:1.4}
.rpt-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:20px 22px;box-shadow:0 1px 2px var(--shadow-xs)}
.rpt-card-head h2{font:700 18px var(--display);letter-spacing:-.4px;margin:0 0 3px;color:var(--ink)}
.rpt-card-head p{margin:0 0 4px;color:var(--muted);font-size:12px}
.rpt-card-head:has(#rpt-steps-version-slot){display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.rpt-version{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--muted);max-width:100%}
.rpt-version select{max-width:100%;min-width:0}
@media (max-width:640px){.rpt-version{width:100%}.rpt-version select{width:100%}}
.rpt-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.rpt-grid>.rpt-card{min-width:0}
.rpt-note{margin:10px 0 0;color:var(--text-subtle);font-size:11px}
.rpt-empty{margin:18px 0 6px;color:var(--muted);font-size:13px;line-height:1.5}
.rpt-chart{display:grid;grid-template-columns:30px 1fr;gap:8px;margin-top:14px}
.rpt-y{display:flex;flex-direction:column;justify-content:space-between;height:190px;font-size:10px;color:var(--soft);text-align:right;line-height:1}
.rpt-plot{position:relative;height:190px;border-bottom:1px solid var(--line);background:linear-gradient(var(--border-subtle),var(--border-subtle)) top/100% 1px no-repeat,linear-gradient(var(--border-subtle),var(--border-subtle)) center/100% 1px no-repeat}
.rpt-plot-empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--soft);font-size:12px;z-index:1;pointer-events:none}
.rpt-bars{position:absolute;inset:0;display:flex;align-items:stretch;gap:3px}
.rpt-bar{flex:1;min-width:2px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px 4px 0 0;overflow:hidden;transition:opacity .15s}
.rpt-bars:hover .rpt-bar{opacity:.55}
.rpt-bars .rpt-bar:hover{opacity:1}
.rpt-part-new{background:var(--green-mid)}
.rpt-part-repeat{background:var(--green-hover)}
.rpt-x{display:flex;justify-content:space-between;margin:7px 0 0 38px;font-size:10px;color:var(--soft)}
.rpt-legend{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 0 38px;font-size:11px;color:var(--text-subtle)}
.rpt-legend span{display:inline-flex;align-items:center;gap:6px}
.rpt-swatch{width:10px;height:10px;border-radius:3px;display:inline-block}
.rpt-funnel,.rpt-stages,.rpt-reasons{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.rpt-funnel-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;color:var(--text-strong);margin-bottom:6px}
.rpt-funnel-head strong{font:700 18px var(--display);color:var(--ink)}
.rpt-funnel-row small{display:block;margin-top:5px;font-size:11px;color:var(--soft)}
.rpt-track{display:block;height:8px;border-radius:99px;background:var(--tint);overflow:hidden}
.rpt-fill{display:block;height:100%;min-width:2px;border-radius:99px;background:var(--green-mid)}
.rpt-stages{gap:11px}
.rpt-stage{display:grid;grid-template-columns:10px minmax(70px,120px) 1fr 34px;align-items:center;gap:10px;font-size:13px;color:var(--text-strong)}
.rpt-stage strong,.rpt-reasons strong{text-align:right;font-weight:700;color:var(--ink)}
.rpt-stage .stage-dot{margin:0}
.rpt-lead-number{margin:14px 0 0;font-size:14px;color:var(--text-body);line-height:1.5}
.rpt-lead-number strong{font:700 22px var(--display);color:var(--ink)}
.rpt-reasons{gap:12px}
.rpt-reasons li{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(60px,1fr) 34px;align-items:center;gap:12px;font-size:12px;color:var(--text-body)}
.rpt-reason-text{overflow-wrap:anywhere;line-height:1.4}
.rpt-table-wrap{margin-top:14px;overflow-x:auto}
.rpt-table{width:100%;border-collapse:collapse;font-size:13px}
.rpt-table th,.rpt-table td{padding:12px 10px;text-align:right;border-bottom:1px solid var(--border-subtle);white-space:nowrap}
.rpt-table thead th{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--text-subtle);font-weight:700}
.rpt-table th:first-child,.rpt-table td:first-child{text-align:left;white-space:normal}
.rpt-table tbody tr{cursor:pointer;transition:background .15s}
.rpt-table tbody tr:hover{background:var(--bg-page)}
.rpt-table tbody tr:last-child th,.rpt-table tbody tr:last-child td{border-bottom:0}
.rpt-job-name{font-weight:400;display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.rpt-job-name strong{color:var(--ink);font-size:14px}
.rpt-job-name small{color:var(--soft);font-size:11px}
.rpt-foot{margin:4px 0 0;color:var(--soft);font-size:11px;line-height:1.55;max-width:720px}
@media(max-width:1000px){.rpt-stats{grid-template-columns:repeat(2,1fr)}.rpt-grid{grid-template-columns:1fr}}
@media(max-width:760px){
.reports-page{padding:28px 16px 48px}
.reports-heading{align-items:flex-start;flex-direction:column}
.reports-tools{width:100%;justify-content:flex-start}
.rpt-seg-control{width:100%}
.rpt-seg-btn{flex:1;padding:8px 4px}
.reports-tools .applicants-filter{flex:1;min-width:0}
.rpt-stats{gap:9px}
.rpt-stat{padding:13px 14px}
.rpt-stat-value{font-size:28px}
.rpt-card{padding:16px}
.rpt-chart{grid-template-columns:24px 1fr}
.rpt-x,.rpt-legend{margin-left:32px}
.rpt-stage{grid-template-columns:10px minmax(60px,96px) 1fr 30px;gap:8px}
.rpt-reasons li{grid-template-columns:1fr 30px}
.rpt-reasons .rpt-track{grid-column:1 / -1;grid-row:2}
.rpt-table thead{display:none}
.rpt-table,.rpt-table tbody,.rpt-table tr,.rpt-table th,.rpt-table td{display:block}
.rpt-table tbody tr{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px;padding:13px 0;border-bottom:1px solid var(--border-subtle)}
.rpt-table tbody tr:last-child{border-bottom:0}
.rpt-table th,.rpt-table td{border:0;padding:0;text-align:left}
.rpt-table th.rpt-job-name{display:flex;grid-column:1 / -1;margin-bottom:6px}
.rpt-table td::before{content:attr(data-label);display:block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--soft);margin-bottom:1px}
}
/* Reports: job chooser with search, paged jobs list, auto-fail groups. */
.rpt-picker{position:relative}
.rpt-picker-field{position:relative}
.rpt-picker-input{width:280px;max-width:100%;min-width:170px;padding-right:38px;background-image:none;text-overflow:ellipsis}
.rpt-picker-input[aria-expanded="true"] ~ .job-combobox-chevron{transform:translateY(-50%) rotate(180deg)}
.rpt-jobs-tools{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.rpt-more{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px}
.rpt-more .rpt-note{margin:0}
.rpt-af-group{margin-top:20px}
.rpt-af-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:7px;border-bottom:1px solid var(--border-subtle);font-size:13px;color:var(--ink)}
.rpt-af-head span{font-size:11px;color:var(--soft);white-space:nowrap}
.rpt-af-group .rpt-reasons{margin-top:12px}
@media(max-width:760px){
.reports-tools{position:relative}
.rpt-picker{position:static;flex:1;min-width:0}
.rpt-picker-input{max-width:none}
.reports-tools #report-company{flex:1;min-width:0}
.rpt-jobs-tools .applicants-search{flex:1;min-width:0;width:auto}
.rpt-jobs-tools .applicants-filter{flex:1;min-width:0}
}
/* Reports: where candidates drop off (inside a chosen job). */
.rpt-steps-head,.rpt-step{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(70px,1fr) 52px 74px;align-items:center;gap:4px 14px}
.rpt-steps-head{margin-top:14px;padding:0 0 6px;border-bottom:1px solid var(--border-subtle);font-size:10px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--soft)}
.rpt-steps-head span:nth-child(3),.rpt-steps-head span:nth-child(4){text-align:right}
.rpt-steps{list-style:none;margin:0;padding:0}
.rpt-step{padding:7px 0;border-bottom:1px solid var(--border-subtle)}
.rpt-step:last-child{border-bottom:0}
.rpt-step-name{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0;font-size:13px;color:var(--ink)}
.rpt-step-num{font-size:10px;letter-spacing:.06em;font-weight:700;color:var(--text-subtle)}
.rpt-step-label{flex:1 1 0;min-width:55%;font-weight:600;overflow-wrap:anywhere}
.rpt-step-name small{flex-basis:100%;font-size:11px;color:var(--soft);line-height:1.35}
.rpt-steps .rpt-track{height:5px}
.rpt-step-count{text-align:right;font-size:13px;font-weight:700;color:var(--ink)}
.rpt-left{text-align:right;font-size:12px;font-weight:600;color:var(--red-text);white-space:nowrap}
.rpt-left.is-top{color:var(--red);font-weight:700}
.rpt-left.is-none{color:var(--text-faint);font-weight:400}
.rpt-step-views .rpt-fill{background:var(--green-hover)}
.rpt-step-start .rpt-fill{background:var(--green-line)}
.rpt-step-submitted .rpt-fill{background:var(--green)}
@media(max-width:760px){
.rpt-steps-head,.rpt-step{grid-template-columns:minmax(0,1fr) 44px 66px;gap:5px 10px}
.rpt-steps-head span:nth-child(2){display:none}
.rpt-step .rpt-track{grid-column:1 / -1;grid-row:2}
.rpt-step .rpt-step-count{grid-row:1;grid-column:2}
.rpt-step .rpt-left{grid-row:1;grid-column:3}
}
.canvas-add:active{transform:none}
.node.connect-target{border-color:var(--green-selected);box-shadow:0 0 0 3px var(--ring-soft),0 7px 18px var(--shadow-sm)}
/* in the flow editor the notices sit above the "Add a step" button, not over it */
body:has(#canvas-stage) .toast{bottom:80px}
@media(min-width:761px){body:has(#canvas-stage) .toast{left:calc((100vw - 120px)/2)}}
.canvas-zoom{position:relative}.canvas-stage{transform-origin:0 0}
.edge-path,.edge-hit{vector-effect:non-scaling-stroke}
.canvas-zoom-controls{position:fixed;bottom:24px;left:calc((100vw - 120px)/2 + 72px);z-index:12;display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px var(--shadow-md);overflow:hidden}
.zoom-btn,.zoom-level{height:42px;border:0;background:transparent;color:var(--ink);font-weight:600;cursor:pointer}
.zoom-btn{width:40px;font-size:20px;line-height:1}.zoom-level{min-width:56px;font-size:12px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.zoom-btn:hover:not(:disabled),.zoom-level:hover{background:var(--bg-page)}.zoom-btn:disabled{opacity:.35;cursor:default}
@media(max-width:760px){.canvas-zoom-controls{left:auto;right:196px;bottom:16px}}
.candidate-field select{-webkit-appearance:none;appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%23748178%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;min-height:41px}
.candidate-pronouns-other{margin-top:8px}.candidate-pronouns-other[hidden]{display:none}
.candidate-field.combo{position:relative}
.combo-list{position:absolute;left:0;right:0;top:100%;margin:4px 0 0;padding:4px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px var(--shadow-md);max-height:260px;overflow:auto;z-index:20}
.combo-list[hidden]{display:none}
.combo-option,.combo-note{padding:8px 10px;border-radius:7px;font-size:13px;color:var(--text-heading);line-height:1.35}
.combo-option{cursor:pointer}.combo-option.is-active,.combo-option:hover{background:var(--tint)}.combo-option.is-custom{color:var(--green-text);font-weight:600}
.combo-note{color:var(--text-subtle);cursor:default}
.candidate-upload .upload-drop{position:relative}
.upload-native{position:absolute!important;inset:0;width:100%!important;height:100%!important;padding:0!important;margin:0;border:0!important;opacity:0;cursor:pointer;z-index:2;font-size:0!important}
.upload-box{display:flex;align-items:center;gap:13px;padding:14px 15px;border:1.5px dashed var(--border-strong);border-radius:10px;background:var(--bg-page);transition:border-color .16s,background .16s,box-shadow .16s}
.upload-drop:hover .upload-box,.upload-box.is-dragging{border-color:var(--green-focus);background:var(--tint)}
.upload-drop:focus-within .upload-box{border-color:var(--green-focus);box-shadow:0 0 0 3px var(--ring-soft)}
.upload-icon{flex:none;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--tint);color:var(--green-text)}
.upload-text{display:flex;flex-direction:column;gap:2px;min-width:0}
.upload-title{font-size:13px;font-weight:600;color:var(--text-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-drag{font-weight:500;color:var(--text-subtle)}
.upload-sub{font-size:11px;color:var(--text-subtle)}
.upload-box.has-file{border-style:solid;border-color:var(--green-hover);background:var(--surface)}
.upload-box.has-file .upload-icon{background:var(--green-text);color:var(--surface)}
@media (hover:none){.upload-drag{display:none}}
.toggle-field small{display:block;color:var(--soft);font-size:10px;font-weight:400;margin-top:1px}
.candidate-back{display:block;margin:12px auto 0;border:0;background:transparent;color:var(--text-subtle);font-size:12px;font-weight:600;cursor:pointer;padding:6px 10px}.candidate-back:hover{color:var(--green)}
.candidate-field[hidden]{display:none}
.phone-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8px}
.phone-country-wrap{position:relative}.phone-country-wrap[hidden]{display:none}
.phone-row:has(.phone-country-wrap[hidden]){grid-template-columns:1fr}
.phone-country-wrap .combo-list{min-width:min(300px,84vw)}
.country-picker{position:relative}
.country-picker-btn{width:100%;height:41px;display:flex;align-items:center;gap:6px;padding:0 38px 0 11px;border:1px solid var(--line);border-radius:7px;background-color:var(--surface);color:var(--text-heading);font:inherit;font-size:14px;text-align:left;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%23748178%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px;transition:border .15s}
.country-picker-btn:hover{border-color:var(--border-strong)}.country-picker-btn:focus-visible,.country-picker-btn[aria-expanded="true"]{outline:0;border-color:var(--green-focus);box-shadow:0 0 0 3px var(--ring-soft)}
.cp-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-code{flex:none;color:var(--text-subtle)}
.country-picker-panel{position:absolute;z-index:30;top:calc(100% + 4px);left:0;min-width:min(320px,86vw);padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px var(--shadow-md)}
.country-picker-panel[hidden]{display:none}
.country-picker-panel .country-picker-search{width:100%;height:38px;margin:0 0 6px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--text-heading);font:inherit;font-size:13px}
.country-picker-panel .country-picker-search:focus{outline:0;border-color:var(--green-focus);box-shadow:0 0 0 3px var(--ring-soft)}
.country-picker-list{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}
.combo-option.is-chosen{font-weight:600}
.diversity-page .rpt-grid{margin-top:14px}
.diversity-page .rpt-fill.is-muted{background:var(--soft)}
.diversity-page .rpt-summary{margin:0 0 4px}
.diversity-page .rpt-note{max-width:780px;line-height:1.5}
.diversity-notice{margin:0 0 14px}
.team-permission-hint{margin:10px 0 0;font-size:12px;color:var(--muted);line-height:1.45;max-width:560px}
@media (max-width:760px){.diversity-page .rpt-grid{grid-template-columns:1fr}}
.loading-card.is-error{flex-direction:column;gap:14px;text-align:center;max-width:420px;padding:28px 30px}
/* Header: workspace selector and user menu */
.ws-switch,.user-menu{position:relative}
.ws-switch-btn,.user-menu-btn{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 10px 0 7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s}
.ws-switch-btn:hover:not(:disabled),.user-menu-btn:hover{background:var(--bg-page);border-color:var(--border-strong)}
.ws-switch-btn[aria-expanded="true"],.user-menu-btn[aria-expanded="true"]{background:var(--tint);border-color:var(--green-soft)}
.ws-switch-btn:disabled{color:var(--muted);cursor:default;background:var(--bg-page)}
.ws-switch-btn:focus-visible,.user-menu-btn:focus-visible,.ws-option:focus-visible,.ws-new:focus-visible,.user-menu-item:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.ws-switch-mark,.user-menu-avatar{flex:none;width:24px;height:24px;border-radius:7px;background:var(--green);color:var(--lime);display:grid;place-items:center;font:700 10px var(--display);letter-spacing:.2px}
.ws-switch-btn:disabled .ws-switch-mark{background:var(--soft);color:var(--muted)}
.user-menu-avatar{border-radius:50%;background:var(--tint);color:var(--green)}
.ws-switch-name,.user-menu-btn .auth-user{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-menu-btn .auth-user{display:inline;font-size:13px;font-weight:600;color:var(--ink)}
.ws-chevron{flex:none;color:var(--muted);transition:transform .16s}
[aria-expanded="true"]>.ws-chevron{transform:rotate(180deg)}
.ws-switch-panel,.user-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:60;min-width:260px;max-width:min(360px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px var(--shadow-md);padding:6px}
.ws-switch-panel[hidden],.user-menu-panel[hidden]{display:none}
.user-menu-panel{min-width:210px}
.ws-switch-caption,.user-menu-email{padding:8px 10px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}
.user-menu-email{text-transform:none;letter-spacing:0;font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-option,.ws-new,.user-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:var(--text-body);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.ws-option:hover,.ws-new:hover,.user-menu-item:hover{background:var(--tint)}
.ws-option.is-current{background:var(--bg-page)}
.ws-option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ink)}
.ws-badge{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.03em;padding:2px 7px;border-radius:999px;border:1px solid var(--line);color:var(--text-medium);background:var(--surface)}
.ws-badge-premium{background:var(--lime);border-color:var(--lime);color:var(--text-heading)}
.ws-badge-current{background:var(--tint);border-color:var(--green-soft);color:var(--green)}
.ws-check{flex:none;color:var(--green)}
.ws-switch-sep{height:1px;background:var(--line);margin:6px 4px}
.ws-new{font-weight:600;color:var(--green)}
.ws-new-plus{width:24px;height:24px;border-radius:7px;border:1px dashed var(--green-soft);display:grid;place-items:center;font-size:16px;line-height:1}
@media(max-width:760px){.ws-switch-name,.user-menu-btn .auth-user{display:none}.ws-switch-btn,.user-menu-btn{padding:0 8px 0 7px;gap:6px}.ws-switch-btn:disabled .ws-switch-name{display:none}.ws-switch-panel,.user-menu-panel{position:fixed;left:16px;right:16px;top:76px;max-width:none}}
/* Settings: workspaces */
.settings-workspace-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column}
.settings-workspace-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.settings-workspace-row:first-child{border-top:0}
.settings-workspace-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.settings-workspace-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}
.settings-workspace-main small{color:var(--muted);font-size:12px}
.settings-workspace-tags{display:flex;flex-wrap:wrap;gap:6px}
.settings-workspace-actions{display:flex;gap:8px;flex:none}
.settings-workspace-empty{color:var(--muted);margin:8px 0 0}
.team-rename{margin-top:10px}
@media(max-width:560px){.settings-workspace-row{flex-wrap:wrap}.settings-workspace-actions{width:100%;justify-content:flex-end}}
.modal .workspace-limit-note{color:var(--red);font-weight:700;font-size:14px;line-height:1.5;margin:6px 0 4px}
/* Team permissions as a multiselect (same checkboxes, shown in a dropdown) */
.perm-multi{position:relative;margin:8px 0 13px;max-width:560px}
.perm-multi-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;text-align:left;transition:border-color .16s,background .16s}
.perm-multi-btn:hover{border-color:var(--border-strong);background:var(--bg-page)}
.perm-multi-btn[aria-expanded="true"]{border-color:var(--green-soft);background:var(--tint)}
.perm-multi-btn:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.perm-multi-summary{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.perm-chip{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:var(--tint);border:1px solid var(--line);color:var(--green);font-size:11.5px;font-weight:600}
.perm-none{color:var(--muted);font-size:12px}
.perm-multi-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:max(100%,260px);max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 30px var(--shadow-md);padding:6px;display:flex;flex-direction:column;gap:2px}
.perm-multi-panel[hidden]{display:none}
.perm-multi-panel label{display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:8px;background:transparent;font-size:13px;color:var(--text-body);cursor:pointer}
.perm-multi-panel label:hover{background:var(--tint)}
.perm-multi-panel input[type="checkbox"]{flex:none;accent-color:var(--green)}
.perm-multi-busy{margin:2px 4px 6px;padding:8px 10px;border-radius:8px;background:var(--tint);font-size:12.5px;font-weight:700;color:var(--green)}
.perm-multi-busy[hidden]{display:none}
.perm-multi.is-busy .perm-multi-btn{cursor:progress}
.perm-multi.is-busy .perm-multi-panel label{cursor:progress;opacity:.55}

/* AI Interview (Witcher): tag on the card, tab and panel in the candidate view, questions field of a job */
.applicant-card-ai{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid var(--border-subtle);color:var(--ai-ink);font-size:11px;font-weight:500}
.ai-tag-icon{display:inline-grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:50%;background:var(--ai-lilac);color:var(--ai-ink)}
.ai-tone-warn{color:var(--amber-text)}.ai-tone-warn .ai-tag-icon{background:var(--amber-bg);color:var(--amber-text)}
.ai-tone-muted{color:var(--text-subtle)}.ai-tone-muted .ai-tag-icon{background:var(--border-subtle);color:var(--text-subtle)}
.ai-impression{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto;width:22px;height:22px;border-radius:50%;line-height:0}.ai-impression svg{display:block}
/* the small-label rule of the candidate details (.applicant-info-item span) must not turn the badge into a block with a bottom margin */
.applicant-info-item .ai-impression{display:inline-flex;margin-bottom:0}
.applicant-info-item .ai-impression-line{display:inline-flex;align-items:center;gap:8px;margin-bottom:0}
.applicant-info-item .ai-impression-text{display:inline;margin-bottom:0;font-size:12px;font-weight:700}
.ai-impression-line.is-negative .ai-impression-text{color:var(--red)}
.ai-impression-line.is-positive .ai-impression-text{color:var(--positive-text)}
.ai-impression-line.is-mixed .ai-impression-text{color:var(--amber-text)}
.ai-impression.is-positive{background:var(--positive-bg);color:var(--positive-text)}
.ai-impression.is-negative{background:var(--red-bg);color:var(--red-text)}
.ai-impression.is-mixed{background:var(--amber-bg);color:var(--amber-text)}
.ai-impression.is-none{background:var(--border-subtle);color:var(--text-subtle)}
.applicant-right-bar{display:flex;align-items:stretch;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:58px;padding:0 14px 0 18px;background:var(--surface);border-bottom:1px solid var(--border-subtle)}
.applicant-right-tabs{display:flex;align-items:flex-end;gap:4px;min-width:0}
.applicant-right-close{align-self:center;flex:0 0 auto;cursor:pointer;line-height:1}
/* Wide screens: the close button lives in the right panel (where people look for it), so the left one is hidden. */
.applicant-review-left .applicant-detail-head .modal-x{display:none}
.applicant-right-body{position:relative;flex:1 1 auto;min-height:0;min-width:0;display:flex}
.applicant-right-pane{position:absolute;inset:0;display:flex;align-items:stretch;justify-content:stretch;min-width:0;min-height:0}
.applicant-right-pane.is-hidden{display:none}
.applicant-ai-panel{flex:1 1 auto;min-width:0;overflow-y:auto;background:var(--surface);padding:0 0 28px}
.applicant-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px clamp(16px,3vw,32px) 8px}
.applicant-ai-head h3{margin:4px 0 0;font:700 18px var(--display);color:var(--text-strong);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.applicant-ai-body{padding:6px clamp(16px,3vw,32px) 0;color:var(--text-body);font-size:13px;line-height:1.6}
.applicant-ai-body h4{margin:22px 0 8px;font:700 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-subtle)}
.applicant-ai-body p{margin:0 0 12px}
.applicant-ai-loading{padding:34px;color:var(--text-subtle);font-size:13px}
.applicant-ai-close{display:none}
.ai-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 4px}
.ai-confirm{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--text-strong)}
.btn-danger-ghost{color:var(--red-text);border-color:var(--red-border)}
.btn-danger-ghost:hover:not(:disabled){background:var(--red-bg);border-color:var(--red-border-strong)}
.ai-note{margin:12px 0;padding:11px 13px;border-radius:9px;background:var(--tint);color:var(--text-strong);font-size:12px;line-height:1.6}
.ai-column-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}.ai-column-note .ai-actions{margin:0}
.ai-note.is-working{background:var(--node-single-bg);color:var(--ai-ink)}
.ai-note.is-warn{background:var(--amber-bg);color:var(--amber-dark);border:1px solid var(--amber-border)}
.ai-evaluation{white-space:pre-wrap;padding:13px 15px;border:1px solid var(--line);border-radius:10px;background:var(--bg-page);color:var(--text-strong)}
.ai-conversation{display:flex;flex-direction:column;gap:10px}
.ai-msg{max-width:92%;padding:10px 13px;border-radius:12px;border:1px solid var(--line)}
.ai-msg p{margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.ai-msg-who{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-subtle)}
.ai-msg.is-ai{align-self:flex-start;background:var(--tint)}
.ai-msg.is-candidate{align-self:flex-end;background:var(--surface);border-color:var(--border-strong)}
.ai-msg .is-skipped{color:var(--text-subtle);font-style:italic}
.ai-questions{display:flex;flex-direction:column;gap:8px}
.ai-question-row{display:flex;align-items:center;gap:6px}
.ai-question-row .text-input{flex:1 1 auto;min-width:0}
.ai-question-row .icon-btn{flex:0 0 34px}
.ai-question-sparkles.is-working{cursor:progress;color:var(--green)}
.ai-question-sparkles.is-working svg{animation:ai-sparkle-pulse 1s ease-in-out infinite}
@keyframes ai-sparkle-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}
.ai-question-sparkles:disabled{opacity:1}
@media(max-width:760px){.applicant-ai-close{display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:42px;padding:0 20px;font-size:14px}.applicant-right-bar{padding:0 10px}.applicant-right-bar:not(.has-ai){display:none}.applicant-right-close{display:none}.applicant-review-left .applicant-detail-head .modal-x{display:block}}

/* Applicants board: on a computer screen the board is exactly as tall as the window, and it is the thing that scrolls, in both directions.
   So the horizontal scroll bar sits at the bottom edge of the window and the vertical one at its right edge, always in view, however
   many cards a column holds. (On phones the page keeps scrolling as before.) */
@media(min-width:761px){
  .workspace-body.is-board{height:calc(100vh - 70px);height:calc(100dvh - 70px);min-height:0;overflow:hidden}
  .workspace-body.is-board .applicants-page{display:flex;flex-direction:column;align-self:stretch;height:100%;min-height:0;padding-top:28px;padding-bottom:14px;overflow-y:auto}
  .workspace-body.is-board .applicants-heading{flex:0 0 auto;margin-bottom:16px}
  .workspace-body.is-board   .workspace-body.is-board #applicants-content{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .workspace-body.is-board .kanban-summary{flex:0 0 auto}
  .workspace-body.is-board .kanban-board{flex:1 1 auto;min-height:300px;overflow:auto;padding-bottom:0;scrollbar-color:var(--green-hover) var(--border-subtle)}
}
/* Free plan note above the applicants board (owner only) */
.applicants-free-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}

.reports-tools .btn-sm{height:39px;padding:0 14px;border-radius:8px;font-size:12px;font-weight:600}
/* Applicants toolbar: job filter, search, Refresh and Customize share one row and one height. */
.applicants-tools{flex-wrap:nowrap;align-items:center}
.applicants-tools .btn{height:39px;padding:0 16px;font-size:12px;white-space:nowrap;flex:0 0 auto}
.job-combobox{position:relative;flex:1 1 190px;min-width:160px}
.job-combobox .applicants-filter{width:100%;min-width:0;flex:none;text-overflow:ellipsis;padding-right:38px;background-image:none}
.job-combobox-chevron{position:absolute;top:50%;right:12px;display:flex;color:var(--text-subtle);transform:translateY(-50%);transition:transform .15s;pointer-events:none}
.job-combobox .applicants-filter[aria-expanded="true"] ~ .job-combobox-chevron{transform:translateY(-50%) rotate(180deg)}
.job-combobox-list{position:absolute;z-index:40;top:calc(100% + 6px);left:0;right:0;box-sizing:border-box;max-height:288px;overflow:auto;margin:0;padding:5px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px var(--shadow-lg)}
.job-combobox-list[hidden]{display:none}
.job-combobox-option{padding:9px 12px;border-radius:7px;font-size:12px;color:var(--text-strong);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.job-combobox-option.is-active{background:var(--tint)}
.job-combobox-option[aria-selected="true"]{font-weight:700}
.job-combobox-option small{display:block;overflow:hidden;text-overflow:ellipsis;margin-top:1px;font-weight:400;font-size:11px;color:var(--soft)}
.job-combobox-note,.job-combobox-empty{white-space:normal;padding:10px 12px;font-size:12px;color:var(--text-subtle)}
@media(max-width:760px){.applicants-tools{flex-wrap:wrap}.job-combobox{flex:1 1 100%}.applicants-tools .applicants-search{flex:1 1 140px}}

/* Searchable country and city fields get the same chevron as the Pronouns select, so they read as "pick from a list". */
.candidate-field.combo input[role="combobox"]{padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27%3E%3Cpath d=%27M1 1.5l5 5 5-5%27 fill=%27none%27 stroke=%27%23748178%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px 8px}
/* Undo offer after deleting a step in the job editor (shown only until the next action). */
.undo-bar{position:fixed;bottom:90px;left:calc((100vw - 340px) / 2);transform:translateX(-50%);z-index:101;display:flex;align-items:center;gap:12px;max-width:min(520px,92vw);padding:7px 8px 7px 14px;border-radius:9px;background:var(--forest);color:white;font-size:12px;line-height:1.4;box-shadow:0 5px 20px var(--shadow-md)}
.undo-bar button{flex:0 0 auto;padding:4px 12px;border:1px solid currentColor;border-radius:7px;background:transparent;color:white;font:700 12px var(--sans);cursor:pointer}
.undo-bar button:hover,.undo-bar button:focus-visible{background:var(--green);outline:none}
@media(max-width:760px){.undo-bar{left:50%;bottom:78px}}
/* Phone editor: the board and the details of a step are never on screen together. */
.mobile-details-bar{display:none}
@media(max-width:760px){
  .editor-layout.is-mobile-board .inspector{display:none}
  .editor-layout.is-mobile-board .workspace{height:calc(100dvh - 235px);min-height:340px}
  .editor-layout.is-mobile-details .workspace{display:none}
  .editor-main.is-mobile-details .canvas-add,.editor-main.is-mobile-details .canvas-zoom-controls,.editor-main.is-mobile-details .canvas-status{display:none}
  .editor-layout.is-mobile-details .inspector{border-top:0}
  .app-shell.is-mobile-details .topbar,.editor-main.is-mobile-details .editor-top{display:none}
  .editor-main .editor-layout.is-mobile-details{height:auto;min-height:100dvh}
  .mobile-details-bar{display:block;position:fixed;top:0;left:0;right:0;z-index:30;margin:0;padding:10px 17px;background:var(--surface);border-bottom:1px solid var(--line)}
  .editor-layout.is-mobile-details .inspector{padding-top:74px}
}
/* Job editor: Save / Revert under the AI interview questions (the lines are a draft until saved). */
.ai-questions-actions{display:flex;align-items:center;gap:8px;margin:12px 0 4px}
.ai-questions-actions .btn:disabled{opacity:.5;cursor:default}
.ai-questions-status{font-size:11px;color:var(--text-subtle)}
.ai-questions-actions .ai-questions-save{margin-left:auto}
.ai-questions-help{margin:0 0 10px}
/* The large window for the interview questions: one wide, wrapping box per question with its number, bigger text, roomier buttons. */
#ai-questions-modal{padding:4px 2px 2px}
#ai-questions-modal .ai-questions-help{font-size:13px;margin-bottom:16px}
#ai-questions-modal .ai-questions{gap:14px}
.ai-question-row.is-large{align-items:flex-start;gap:12px}
.ai-question-number{flex:0 0 30px;height:30px;margin-top:9px;border-radius:50%;background:var(--tint);color:var(--green);font:700 13px var(--display);display:flex;align-items:center;justify-content:center}
.ai-question-row.is-large .text-area{flex:1 1 auto;min-width:0;min-height:84px;font-size:15px;line-height:1.55;padding:12px 14px;resize:vertical}
.ai-question-row.is-large .icon-btn{flex:0 0 38px;height:38px;margin-top:6px}
#ai-questions-modal .add-option{margin-top:6px;font-size:13px}
#ai-questions-modal .ai-questions-actions{margin-top:18px;gap:12px}
#ai-questions-modal .ai-questions-status{font-size:12px}
#ai-questions-modal + .modal-actions{margin-top:20px;padding-top:18px;border-top:1px solid var(--border-subtle)}
#inspector .field-group.has-unsaved{outline:1px solid var(--amber-border);outline-offset:8px;border-radius:10px}
#inspector .field-group.has-unsaved .ai-questions-status{color:var(--amber-dark);font-weight:700}
/* Job description: a larger writing window (desktop only). */
.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}
.field-label-row label{margin:0}
.expand-btn{width:26px;height:26px;border-radius:7px}
.modal.modal-wide{width:min(100%,820px)}
.job-description-large{display:block;width:100%;min-height:min(60vh,520px);font-size:14px;line-height:1.65;resize:vertical}
@media(max-width:760px){.expand-btn{display:none}}
.settings-language-select{width:auto;min-width:230px;flex-shrink:0}.settings-language-card .settings-profile-status:empty{display:none}.settings-language-card .settings-profile-status{margin:10px 0 0}
@media(max-width:620px){.settings-language-select{width:100%;min-width:0}}
.auth-language{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;font-size:11px;color:var(--muted)}.auth-language .select-input{width:auto;min-width:190px;padding-top:6px;padding-bottom:6px;font-size:12px}

/* Header upgrade button: short label on phones (i18n phase 5) */
.upgrade-short{display:none}@media(max-width:760px){#upgrade-to-publish .upgrade-long{display:none}#upgrade-to-publish .upgrade-short{display:inline}}
.applicants-tools select.applicants-filter{flex:0 1 190px;width:auto;min-width:150px}@media(max-width:760px){.applicants-tools select.applicants-filter{flex:1 1 100%}}
/* magnifier at the right edge of the search fields (Dashboard and Applicants) */
#flow-search,input.applicants-search{padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23748178%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%277%27/%3E%3Cpath d=%27m20 20-3.5-3.5%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px}
/* Applicants: advanced filter (button with the number of filters and a clear button, and its window) */
.applicants-tools{flex-wrap:wrap;justify-content:flex-end}
.adv-filter-slot{display:inline-flex;flex:0 0 auto}
.adv-filter{display:inline-flex;align-items:stretch;height:39px;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.adv-filter-btn,.adv-filter-clear{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:var(--text-strong);cursor:pointer;font:600 12px var(--sans)}
.adv-filter-btn{padding:0 12px}.adv-filter-btn:hover,.adv-filter-clear:hover{background:var(--tint)}
.adv-filter.is-active{border-color:var(--green)}
.adv-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--green);color:white;font-size:11px;font-weight:700}
.adv-filter-clear{width:32px;border-left:1px solid var(--line);font-size:18px;line-height:1;color:var(--text-subtle)}
.modal:has(#adv-filter-modal){width:min(100%,600px)}
#adv-rows{display:flex;flex-direction:column;gap:12px}
.adv-row{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--bg-page)}
.adv-row-head{display:flex;gap:8px;align-items:center;margin-bottom:10px}.adv-row-head .select-input{flex:1;min-width:0}
.adv-remove{flex:0 0 auto;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text-subtle);font-size:18px;line-height:1;cursor:pointer}
.adv-remove:hover{background:var(--tint)}
.adv-options{display:flex;flex-direction:column;max-height:190px;overflow:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:4px}
.adv-option{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:6px;font-size:13px;color:var(--text-strong);cursor:pointer}.adv-option:hover{background:var(--tint)}
.adv-dates{display:flex;gap:10px}.adv-dates label{flex:1;display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted)}
.adv-empty{font-size:12px;color:var(--text-subtle)}
.adv-add{margin-top:12px}.adv-add:disabled{opacity:.5;cursor:default}
.adv-actions .adv-clear-all{margin-right:auto}
#adv-error{margin-top:12px}
@media(max-width:760px){.adv-dates{flex-direction:column}}
.adv-hint{padding:18px 14px;border:1px dashed var(--line);border-radius:10px;text-align:center;font-size:13px;color:var(--text-subtle)}
/* Candidate panel: Logs tab (timeline) */
.applicant-logs-panel{flex:1 1 auto;min-width:0;overflow-y:auto;background:var(--surface);padding:22px 26px 32px}
.applicant-logs-intro{margin:0 0 18px;font-size:12px;color:var(--text-subtle)}
.applicant-logs-empty{margin:0;font-size:13px;color:var(--text-subtle)}
.log-timeline{list-style:none;margin:0;padding:0}
.log-item{position:relative;display:flex;gap:13px;padding:0 0 20px}
.log-item::before{content:"";position:absolute;left:4px;top:14px;bottom:0;width:2px;background:var(--line)}
.log-item:last-child{padding-bottom:0}.log-item:last-child::before{display:none}
.log-dot{flex:0 0 auto;width:9px;height:9px;margin-top:5px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--surface)}
.log-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.log-body strong{font-size:13px;color:var(--text-strong)}
.log-detail{font-size:12px;color:var(--muted)}
.log-body time{font-size:11px;color:var(--text-subtle)}
/* Applicants: select mode (checkboxes on the cards and columns, action bar) */
.select-toggle.is-active{border-color:var(--green);background:var(--tint);color:var(--green-text)}
.applicant-card.is-selectable{cursor:pointer;user-select:none;padding-left:38px}
.applicant-card.is-selected{border-color:var(--green);box-shadow:0 0 0 2px var(--mint-strong)}
.select-box{position:absolute;top:12px;left:12px;width:16px;height:16px;border:1.5px solid var(--text-subtle);border-radius:4px;background:var(--surface)}
.applicant-card.is-selected .select-box{border-color:var(--green);background:var(--green)}
.applicant-card.is-selected .select-box::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid var(--surface);border-width:0 2px 2px 0;transform:rotate(45deg)}
.column-select{flex:0 0 auto;width:15px;height:15px;margin:0 2px 0 0;accent-color:var(--green);cursor:pointer}
.column-select:disabled{cursor:default}
.select-bar{position:fixed;z-index:60;bottom:22px;left:calc(50% + 110px);transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:10px 12px 10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:0 14px 40px var(--shadow-lg)}
.select-bar-count{font-size:13px;font-weight:700;color:var(--text-strong);white-space:nowrap}
.select-bar .select-bar-move{width:auto;min-width:150px;height:34px;padding-top:0;padding-bottom:0;font-size:12px}
.select-bar .btn{height:34px;white-space:nowrap}
.bulk-confirm-type{display:flex;flex-direction:column;gap:6px;margin-top:4px;font-size:13px;font-weight:600;color:var(--text-strong)}
.bulk-confirm-type .text-input{max-width:160px}
@media(max-width:760px){.select-bar{left:50%;bottom:14px;flex-wrap:wrap;justify-content:center}}
/* Plans: three cards (sign-up page and My Plan) */
.plan-grid-three{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1100px}
.plan-card-current{box-shadow:0 0 0 3px var(--mint-strong)}
.plan-current-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;background:var(--tint);color:var(--green-text);font:700 10px var(--sans);letter-spacing:.04em;text-transform:uppercase;vertical-align:middle}
.plan-card .plan-cta{margin-top:auto}
.my-plan-compare{margin-top:26px}.my-plan-compare h2{margin:0 0 4px}.my-plan-compare>p{margin:0 0 16px}
.plan-card-action{margin-top:auto}
.plan-card-action:disabled{opacity:.6;cursor:default}
.plan-change-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding:10px 20px;background:var(--amber-bg);border-bottom:1px solid var(--amber-border);color:var(--amber-dark);font-size:13px;line-height:1.45}.plan-change-banner strong{color:inherit}.plan-change-actions{display:flex;gap:8px;flex-wrap:wrap}
.downgrade-options{display:grid;gap:8px;margin:10px 0 14px}.downgrade-option{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer}.downgrade-option:has(input:checked){box-shadow:0 0 0 2px var(--mint-strong)}.downgrade-option small{display:block;color:var(--soft);font-size:12px}.downgrade-lead{margin:12px 0 0}

/* Security check (Cloudflare Turnstile) on the account screens: invisible unless Cloudflare asks for a human check. */
.auth-captcha { display: flex; justify-content: center; margin: 0 0 12px; }
.auth-captcha:empty { display: none; }