@font-face{font-family:'Albert Sans';src:url('/fonts/AlbertSans-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Playfair Display';src:url('/fonts/PlayfairDisplay-VariableFont_wght.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{
  --green-900:#0B3D34; --green-700:#163C2D; --green-600:#1E4F3A; --green-500:#245C44; --green-400:#389B8B;
  --green-300:#6EB9A0; --green-100:#E9F2ED; --green-050:#F2F7F4;
  --ink:#1A2B24; --ink-2:#334540; --muted:#6A7770; --muted-2:#9BA8A1;
  --line:#DDE5E0; --line-2:#EAEFEC; --bg:#F4F7F5; --paper:#E9EAE3; --card:#fff;
  --gold:#C9A24B; --gold-500:#D4B568; --gold-100:#F7ECCB; --gold-grad:linear-gradient(180deg,#E2C271 0%,#CCAB51 100%);
  --ok:#198754; --ok-100:#DCF3E4; --bad:#B92D2D; --bad-100:#FDE7E7; --warn:#C77700; --warn-100:#FEF3D6; --info:#2881C4;
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --sh-sm:0 1px 4px rgba(30,79,58,.06),0 2px 12px rgba(30,79,58,.04);
  --sh-md:0 4px 12px rgba(30,79,58,.10),0 8px 32px rgba(30,79,58,.06);
  --sh-lg:0 20px 60px rgba(11,61,52,.18);
  --font:'Albert Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font:15px/1.5 var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
a{color:var(--green-400);text-decoration:none}
a:hover{text-decoration:underline}
.red{color:var(--bad)} .nw{white-space:nowrap} .spacer{flex:1}
.eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}

/* header + hero (dark forest) */
.k-top{background:rgba(7,30,23,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:0;z-index:40;backdrop-filter:blur(14px)}
.k-top__row{max-width:1720px;margin:0 auto;padding:12px 22px;display:flex;align-items:center;gap:18px}
.k-logo{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none!important}
.k-logo__mark{width:32px;height:32px;flex:0 0 32px}
.k-logo__name{font-weight:800;font-size:16px;letter-spacing:.14em;line-height:1}
.k-logo__sub{display:block;font-size:9.5px;font-weight:500;color:rgba(255,255,255,.55);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
.k-conn{font-size:12.5px;padding:5px 12px;border-radius:var(--r-pill);background:rgba(255,255,255,.07);color:rgba(255,255,255,.8);display:inline-flex;align-items:center;gap:7px}
.k-conn:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted-2)}
.k-conn.on:before{background:#4CC38A;box-shadow:0 0 0 3px rgba(76,195,138,.18)}
.k-conn.off:before{background:#E0566A}
.k-hero{background:linear-gradient(180deg,rgba(7,30,23,.97) 0%,#0B3D34 100%);color:#fff}
.k-hero__row{max-width:1720px;margin:0 auto;padding:6px 22px 20px;display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}
.k-hero h1{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.1;margin:4px 0 0;letter-spacing:.005em}
.k-hero .eyebrow{color:var(--gold-500)}
.k-stats{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
.k-stat{min-width:120px;padding:10px 14px;border-radius:var(--r-md);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.k-stat b{display:block;font-size:22px;line-height:1.1;font-weight:700;background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.k-stat span{font-size:11.5px;color:rgba(255,255,255,.62)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;font:600 13.5px/1.2 var(--font);border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;text-decoration:none!important;transition:background .15s,border-color .15s,transform .15s,box-shadow .15s}
.btn:hover{border-color:var(--ink);background:var(--green-050)}
.btn:disabled{opacity:.5;cursor:default;transform:none}
.btn.green{background:linear-gradient(180deg,var(--green-500) 0%,var(--green-700) 100%);color:#fff;border-color:transparent;box-shadow:0 6px 18px rgba(30,79,58,.24)}
.btn.green:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(30,79,58,.34)}
.btn.gold{background:var(--gold-grad);color:var(--ink);border-color:transparent;box-shadow:0 6px 18px rgba(201,162,75,.26)}
.btn.gold:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(201,162,75,.38)}
.btn.bad{color:var(--bad);border-color:#EBC3C3;background:#fff}
.btn.bad:hover{background:var(--bad-100);border-color:var(--bad)}
.btn.ghost-l{background:transparent;color:#fff;border-color:rgba(255,255,255,.24)}
.btn.ghost-l:hover{background:rgba(255,255,255,.07);border-color:#fff}
.btn.sm{padding:5px 10px;font-size:12.5px;border-radius:8px}
.btn.wide{width:100%;margin-top:8px}
.linkbtn{background:none;border:none;padding:0;font:inherit;color:var(--green-400);cursor:pointer}
.linkbtn:hover{text-decoration:underline}
select,input[type=text],input[type=number],input[type=password],textarea{font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;padding:7px 10px;outline:none;transition:border-color .15s,box-shadow .15s}
select:focus,input:focus,textarea:focus{border-color:var(--green-400);box-shadow:0 0 0 3px rgba(56,155,139,.14)}
textarea{width:100%;min-height:84px;resize:vertical;line-height:1.45}
input[type=checkbox]{accent-color:var(--green-500);width:15px;height:15px}

/* layout */
.wrap{max-width:1720px;margin:0 auto;padding:18px 22px 30px}
.grid{display:grid;grid-template-columns:250px minmax(390px,1fr) minmax(0,1.3fr);gap:14px;align-items:start}
@media(max-width:1280px){.grid{grid-template-columns:220px 1fr}.pane-d{grid-column:1/-1}}
@media(max-width:800px){.grid{grid-template-columns:1fr}.k-stats{margin-left:0}}
.pane{background:var(--card);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}
.pane-h{padding:13px 14px 10px;display:flex;align-items:center;gap:8px}
.scroll{max-height:calc(100vh - 300px);overflow:auto}
.empty{color:var(--muted);padding:28px 18px;text-align:center}
.hint{font-size:12.5px;color:var(--muted)}
.hint.pad{padding:10px 14px}
.card{background:#fff;border:1px solid var(--line-2);border-radius:var(--r-lg);padding:16px;margin-bottom:14px;box-shadow:var(--sh-sm)}

/* vacancies */
.vac{padding:11px 14px 11px 12px;cursor:pointer;border-left:3px solid transparent;border-top:1px solid var(--line-2);display:flex;gap:8px;align-items:flex-start}
.vac:hover{background:var(--green-050)}
.vac.sel{background:var(--green-050);border-left-color:var(--gold)}
.vac__b{flex:1;min-width:0}
.vac b{display:block;font-size:13.5px;line-height:1.3;font-weight:600}
.vac span.m{font-size:12px;color:var(--muted)}
.vac .gear{border:none;background:none;cursor:pointer;color:var(--muted);font-size:15px;padding:0 2px;line-height:1}
.vac .gear:hover{color:var(--green-600)}
.rchip{display:inline-block;margin-top:5px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-pill)}
.rchip.preview{color:var(--green-400);border:1px dashed var(--green-300)}
.rchip.live{background:var(--gold-grad);color:var(--ink)}

/* funnel tabs + toolbar */
.tabs{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px 10px}
.tab{padding:5px 11px;border-radius:var(--r-pill);background:var(--green-050);border:1px solid var(--line-2);cursor:pointer;font:500 12.5px var(--font);color:var(--ink-2)}
.tab b{font-weight:700;color:var(--ink)}
.tab:hover{border-color:var(--green-300)}
.tab.sel{background:var(--green-600);border-color:var(--green-600);color:#fff}
.tab.sel b{color:var(--gold-500)}
.toolbar{display:flex;gap:10px;align-items:center;padding:8px 14px;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2);font-size:13px;color:var(--muted);flex-wrap:wrap;background:#FBFCFB}
.toolbar select{padding:4px 8px;font-size:13px}
.ftoggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;user-select:none;font-size:13px;color:var(--ink-2)}

/* responses */
.n{display:flex;gap:11px;padding:12px 14px;border-bottom:1px solid var(--line-2);cursor:pointer;transition:background .12s}
.n:hover{background:#FAFCFB}
.n.new{background:#FFFCF4}
.n.cur,.n.cur:hover{background:var(--green-100);box-shadow:inset 4px 0 0 var(--green-600),inset 0 0 0 1px var(--green-300)}
.n.cur .who{color:var(--green-900)}
.n-b{flex:1;min-width:0}
.ava{width:44px;height:44px;border-radius:50%;background:var(--green-100);flex:0 0 44px;object-fit:cover;border:1px solid var(--line-2)}
.ava.lg{width:64px;height:64px;flex-basis:64px}
.who{font-weight:600;font-size:14.5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.meta{font-size:12.5px;color:var(--muted)}
.meta.sm{font-size:12px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold)}
.stab{font-size:11px;padding:2px 8px;border-radius:var(--r-pill);font-weight:600;white-space:nowrap;background:var(--line-2);color:var(--muted)}
.stab.st-ok{background:var(--ok-100);color:var(--ok)}
.stab.st-mid{background:var(--warn-100);color:var(--warn)}
.stab.st-bad{background:var(--bad-100);color:var(--bad)}
.cover{margin:7px 0 2px;padding:7px 11px;border-left:3px solid var(--gold);background:#FBF8EF;border-radius:0 8px 8px 0;font-size:13px;color:var(--ink-2)}
.cover.clip{max-height:56px;overflow:hidden;position:relative}
.cover.clip:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(rgba(251,248,239,0),#FBF8EF)}
.auto{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;padding:3px 9px;border-radius:var(--r-pill);border:1px dashed var(--line)}
.auto.reject{color:var(--bad);border-color:#E7B9B9}
.auto.invite{color:var(--ok);border-color:#A9D9BC}
.auto.q{border-style:solid;background:var(--gold-100);border-color:#E9D29A;color:#6B5215}
.auto .linkbtn{font-size:12px}

/* timeline */
.tl{display:flex;height:22px;border-radius:6px;overflow:hidden;margin:8px 0 3px;background:var(--line-2)}
.tl.tl-c{height:7px;margin:7px 0 5px;border-radius:4px}
.tl .seg{display:flex;align-items:center;justify-content:center;overflow:hidden}
.tl .seg span{font-size:10.5px;font-weight:600;color:#fff;white-space:nowrap;padding:0 4px}
.seg-red{background:var(--bad)} .seg-orange{background:var(--warn)} .seg-blue{background:var(--green-400)} .seg-green{background:var(--green-500)}
.seg-gap{background:repeating-linear-gradient(45deg,#E1E7E3,#E1E7E3 4px,#F2F5F3 4px,#F2F5F3 8px)}
.tl-ax{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}
.lg-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:8px}
.lg-legend .sw{width:13px;height:9px;border-radius:3px;display:inline-block;margin-left:8px}

/* metrics */
.mx{display:grid;grid-template-columns:repeat(auto-fit,minmax(122px,1fr));gap:8px;margin:14px 0}
.mx-c{background:var(--green-050);border:1px solid var(--line-2);border-radius:var(--r-md);padding:10px 12px}
.mx-v{font-size:17px;font-weight:700;line-height:1.2;color:var(--green-900)}
.mx-k{font-size:11.5px;color:var(--muted);margin-top:2px}

/* candidate */
.pane-d{display:flex;flex-direction:column;min-height:340px}
.d-head{display:flex;gap:14px;padding:16px;align-items:flex-start;background:linear-gradient(180deg,#F7FAF8 0%,#fff 100%);border-bottom:1px solid var(--line-2)}
.d-head h2{font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.15;margin:0 0 4px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.cont{display:inline-flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.cont a{font-weight:600}
.d-tabs{display:flex;gap:4px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--line-2)}
.tab2{padding:6px 13px;border-radius:8px;border:1px solid transparent;background:none;cursor:pointer;font:600 13px var(--font);color:var(--muted)}
.tab2:hover{color:var(--ink)}
.tab2.sel{background:var(--green-100);color:var(--green-900)}
.d-body{padding:16px;overflow:auto;max-height:calc(100vh - 430px);flex:1}
.d-foot{padding:11px 14px;border-top:1px solid var(--line-2);display:flex;gap:8px;flex-wrap:wrap;align-items:center;background:#FBFCFB}
.sect{margin:0 0 18px}
.sect h3{font-size:10.5px;margin:0 0 9px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.kv{display:grid;grid-template-columns:150px 1fr;gap:6px 12px;font-size:13.5px}
.kv>div:nth-child(odd){color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{background:var(--green-100);color:var(--green-900);border-radius:var(--r-pill);padding:3px 10px;font-size:12.5px}
.txt{font-size:13.5px}
.row{padding:4px 0;font-size:13.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.job{border-left:2px solid var(--green-100);padding:0 0 12px 12px;margin-bottom:4px}
.job-h{display:flex;gap:9px;align-items:flex-start}
.job-h img{width:28px;height:28px;border-radius:6px;object-fit:contain;background:#fff;border:1px solid var(--line-2)}
.job-d{font-size:13px;margin-top:5px;color:var(--ink-2)}
.job-d ul{margin:4px 0;padding-left:18px}
.jobs-t{width:100%;border-collapse:collapse;font-size:13px;margin-top:6px}
.jobs-t th{text-align:left;color:var(--muted);font-weight:600;font-size:11.5px;padding:6px;border-bottom:1px solid var(--line)}
.jobs-t td{padding:7px 6px;border-bottom:1px solid var(--line-2);vertical-align:top}
.jobs-t tr.shortjob td{color:var(--bad)}
.now{font-size:11px;background:var(--ok-100);color:var(--ok);border-radius:var(--r-pill);padding:1px 7px}

/* chat */
.chat{display:flex;flex-direction:column;gap:7px;max-height:42vh;overflow:auto;padding:2px 4px 2px 0}
.msg{padding:9px 13px;border-radius:14px;max-width:84%;font-size:14px}
.msg.emp{background:var(--green-600);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.msg.emp .t{color:rgba(255,255,255,.65)}
.msg.app{background:var(--green-050);border:1px solid var(--line-2);align-self:flex-start;border-bottom-left-radius:4px}
.msg .t{font-size:11px;color:var(--muted);margin-top:4px}
.chat-in{margin-top:12px;border-top:1px solid var(--line-2);padding-top:12px}
.tpls{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}
.tpl{font-size:12.5px;padding:3px 11px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--line);cursor:pointer}
.tpl:hover{border-color:var(--green-400);color:var(--green-600)}
.row-btn{display:flex;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}

/* rules drawer */
dialog{border:none;padding:0;color:var(--ink)}
dialog::backdrop{background:rgba(7,30,23,.45);backdrop-filter:blur(2px)}
dialog.drawer{margin:0 0 0 auto;height:100vh;max-height:100vh;width:min(780px,100vw);border-radius:18px 0 0 18px;box-shadow:var(--sh-lg);display:flex;flex-direction:column}
dialog.drawer:not([open]){display:none}
dialog.modal{border-radius:18px;width:min(640px,94vw);box-shadow:var(--sh-lg)}
.dr-h{background:linear-gradient(180deg,#0E2C22 0%,#0B3D34 100%);color:#fff;padding:18px 22px 16px;display:flex;gap:12px;align-items:flex-start}
.dr-h .eyebrow{color:var(--gold-500)}
.dr-h h2{font-family:var(--serif);font-weight:600;font-size:22px;margin:3px 0 0;line-height:1.15}
.dr-x{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:10px;width:34px;height:34px;cursor:pointer;font-size:16px}
.dr-b{padding:18px 22px;overflow:auto;flex:1}
.dr-f{padding:12px 22px;border-top:1px solid var(--line-2);display:flex;gap:10px;align-items:center;background:#FBFCFB;flex-wrap:wrap}
.seg3{display:inline-flex;background:var(--green-050);border:1px solid var(--line);border-radius:12px;padding:3px;gap:3px}
.seg3 button{border:none;background:none;padding:7px 14px;border-radius:9px;font:600 13px var(--font);color:var(--muted);cursor:pointer}
.seg3 button.sel{background:#fff;color:var(--ink);box-shadow:var(--sh-sm)}
.seg3 button.sel[data-mode=live]{background:var(--gold-grad)}
.seg3 button.sel[data-mode=preview]{color:var(--green-600)}
.modehint{font-size:12.5px;color:var(--muted);margin:8px 0 2px}
.rblock{border:1px solid var(--line-2);border-radius:var(--r-lg);margin:14px 0;overflow:hidden}
.rblock__h{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#FBFCFB;border-bottom:1px solid var(--line-2)}
.rblock__h b{font-size:14.5px}
.rblock__h .sub{font-size:12.5px;color:var(--muted)}
.rblock.off .rblock__b{opacity:.45;pointer-events:none}
.rblock__b{padding:6px 14px 12px}
.rrow{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px dashed var(--line-2);font-size:13.5px;flex-wrap:wrap}
.rrow:last-child{border-bottom:none}
.rrow label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.rrow .lbl{min-width:210px;color:var(--ink-2)}
.rrow input[type=text]{flex:1;min-width:180px}
.rrow input.num{width:96px}
.rrow textarea{margin-top:4px}
.switch{position:relative;width:38px;height:22px;flex:0 0 38px}
.switch input{opacity:0;width:0;height:0}
.switch span{position:absolute;inset:0;background:#CBD5D0;border-radius:22px;transition:.2s;cursor:pointer}
.switch span:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.switch input:checked+span{background:var(--green-500)}
.switch input:checked+span:before{transform:translateX(16px)}
.pv{margin-top:6px}
.pv-sum{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 10px}
.pv-sum span{font-size:12.5px;padding:4px 10px;border-radius:var(--r-pill);background:var(--green-050);border:1px solid var(--line-2)}
.pv-sum .r{color:var(--bad)} .pv-sum .i{color:var(--ok)}
.pv-t{width:100%;border-collapse:collapse;font-size:13px}
.pv-t td{padding:6px 6px;border-bottom:1px solid var(--line-2);vertical-align:top}
.dec{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:6px;white-space:nowrap}
.dec.reject{background:var(--bad-100);color:var(--bad)} .dec.invite{background:var(--ok-100);color:var(--ok)} .dec.none{background:var(--line-2);color:var(--muted)}
.jr{display:flex;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-2);font-size:13px;align-items:baseline}
.jr .tm{color:var(--muted);font-size:12px;min-width:92px}
.jr .st{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.st-done{color:var(--ok)} .st-queued{color:#8A6A12} .st-skipped,.st-cancelled{color:var(--muted)} .st-error{color:var(--bad)} .st-postponed{color:var(--info)}
.warnbox{background:var(--warn-100);border:1px solid #F1D79A;color:#6B4A00;border-radius:var(--r-md);padding:10px 12px;font-size:13px;margin:10px 0}

/* login */
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% 0%,#15503F 0%,#0B3D34 45%,#07231A 100%)}
.login{width:min(400px,92vw);background:#fff;border-radius:20px;padding:30px;box-shadow:var(--sh-lg)}
.login .k-logo{color:var(--green-900)}
.login .k-logo__mark rect[fill]{fill:var(--green-600)}
.login .k-logo__mark [stroke]{stroke:var(--green-600)}
.login .k-logo__sub{color:var(--muted)}
.login h1{font-family:var(--serif);font-weight:600;font-size:24px;margin:22px 0 4px}
.login input{width:100%;padding:11px 13px}
.err{color:var(--bad);font-size:13.5px;margin-top:8px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(10px);background:var(--green-900);color:#fff;padding:11px 18px;border-radius:12px;font-size:14px;opacity:0;transition:.25s;pointer-events:none;z-index:99;box-shadow:var(--sh-md)}
.toast.show{opacity:1;transform:translateX(-50%)}

/* ============ view switch (header) ============ */
.k-nav{display:inline-flex;gap:4px;margin-left:6px}
.k-nav button{background:transparent;border:1px solid transparent;color:rgba(255,255,255,.72);font:600 13.5px var(--font);padding:7px 14px;border-radius:9px;cursor:pointer}
.k-nav button:hover{color:#fff;background:rgba(255,255,255,.06)}
.k-nav button.sel{color:var(--ink);background:var(--gold-grad)}

/* ============ «Найм» ============ */
.h-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px}
.h-month{display:flex;align-items:center;gap:8px}
.h-month b{font-family:var(--serif);font-size:21px;font-weight:600;min-width:180px;text-align:center}
.h-top{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(290px,1fr);gap:14px;align-items:start}
@media(max-width:1100px){.h-top{grid-template-columns:1fr}}
.h-cal-pane{padding:12px}
.h-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.h-dow{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:2px 6px}
.h-day{min-height:98px;border:1px solid var(--line-2);border-radius:10px;padding:5px 6px;background:#fff;display:flex;flex-direction:column;gap:4px;min-width:0}
.h-day.out{background:#FAFBFA;opacity:.5}
.h-day.today{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.h-day.we .h-dn{color:var(--bad)}
.h-day.can-add:hover{border-color:var(--green-300);cursor:copy}
.h-dn{font-size:12px;font-weight:700;color:var(--muted);display:flex;justify-content:space-between}
.h-dn .wd{display:none;font-weight:600}
.chip-ev{display:block;font-size:11.5px;line-height:1.3;padding:3px 6px;border-radius:6px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid;min-width:0}
.chip-ev.planned{background:#E8F3EF;border-color:var(--green-400);color:var(--green-900)}
.chip-ev.done{background:var(--ok-100);border-color:var(--ok);color:#0E5A37}
.chip-ev.noshow{background:var(--warn-100);border-color:var(--warn);color:#6B4A00}
.chip-ev.canceled{background:#F1F2F1;border-color:#B8C0BC;color:#7B8580;text-decoration:line-through}
.chip-ev b{font-weight:700}
.chip-ev .vd{font-weight:800;margin-left:3px}
.vd.fit{color:var(--ok)} .vd.maybe{color:var(--warn)} .vd.unfit{color:var(--bad)}
.h-legend{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11.5px;color:var(--muted);margin-top:10px}
.ev-dot{width:11px;height:10px;border-radius:3px;display:inline-block;margin-left:8px;border-left:3px solid}
.ev-dot.planned{background:#E8F3EF;border-color:var(--green-400)} .ev-dot.done{background:var(--ok-100);border-color:var(--ok)}
.ev-dot.noshow{background:var(--warn-100);border-color:var(--warn)} .ev-dot.canceled{background:#F1F2F1;border-color:#B8C0BC}

.h-up{max-height:560px;overflow:auto}
.up{display:flex;gap:12px;padding:10px 14px;border-top:1px solid var(--line-2);cursor:pointer;align-items:flex-start}
.up:hover{background:var(--green-050)}
.up-t{min-width:66px;text-align:center;padding-top:2px}
.up-t b{display:block;font-size:17px;line-height:1.1;color:var(--green-900)}
.up-t span{font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}
.up-t span.tdy{color:#8A6A12}
.up-b{flex:1;min-width:0}
.up-b .nm{font-weight:600;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.up-b a{font-weight:600}

.vchip,.schip{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap;display:inline-block}
.vchip.fit{background:var(--ok-100);color:var(--ok)} .vchip.maybe{background:var(--warn-100);color:var(--warn)}
.vchip.unfit{background:var(--bad-100);color:var(--bad)} .vchip.none{background:var(--line-2);color:var(--muted);font-weight:600}
.schip{background:var(--green-100);color:var(--green-900)}
.schip.new{background:#EAF2FB;color:var(--info)} .schip.reject,.schip.noshow{background:var(--bad-100);color:var(--bad)}
.schip.offer{background:var(--gold-grad);color:var(--ink)} .schip.hired{background:var(--gold-100);color:#6B5215}

.h-board-pane{margin-top:14px}
.h-board-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;flex-wrap:wrap;border-bottom:1px solid var(--line-2)}
.h-board-bar input{width:220px}
.h-filters{display:flex;gap:6px;flex-wrap:wrap}
.brow{display:grid;grid-template-columns:minmax(200px,1.7fr) 170px 120px 170px 80px;gap:12px;align-items:center;padding:10px 14px;border-top:1px solid var(--line-2);cursor:pointer;font-size:13.5px}
.brow:hover{background:var(--green-050)}
.brow .nm b{font-weight:600}
.brow .nm .meta{display:block}
.brow.head{cursor:default;background:#FBFCFB;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.brow.head:hover{background:#FBFCFB}
@media(max-width:780px){.brow{grid-template-columns:1fr auto}.brow .c3,.brow .c4,.brow .c5{display:none}.brow.head{display:none}}

/* candidate card drawer */
.cd-sect{margin:0 0 18px}
.cd-sect>h3{font-size:10.5px;margin:0 0 9px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px}
.cd-offer{background:#FBF8EF;border:1px solid #EFDFAE;border-left:4px solid var(--gold);border-radius:12px;padding:12px 14px;margin-bottom:16px}
.cd-offer .eyebrow{color:#8A6A12}
.cd-offer .txt{white-space:pre-wrap;margin-top:5px;font-size:14px}
.cd-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.vbtns{display:inline-flex;gap:6px;flex-wrap:wrap}
.vbtn{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 13px;font:600 12.5px var(--font);cursor:pointer;color:var(--ink)}
.vbtn:hover{border-color:var(--ink)}
.vbtn.fit.sel{background:var(--ok);border-color:var(--ok);color:#fff}
.vbtn.maybe.sel{background:var(--warn);border-color:var(--warn);color:#fff}
.vbtn.unfit.sel{background:var(--bad);border-color:var(--bad);color:#fff}
.evl{border:1px solid var(--line-2);border-radius:12px;padding:10px 12px;margin-bottom:8px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.evl .when{font-weight:700;min-width:160px}
.evl.canceled .when{text-decoration:line-through;color:var(--muted)}
.evl input[type=datetime-local]{padding:5px 8px}
.evl select{padding:5px 8px}
.evl .hist{flex-basis:100%;font-size:11.5px;color:var(--muted)}
.feed{display:flex;flex-direction:column;gap:7px}
.fmsg{padding:9px 13px;border-radius:14px;max-width:86%;font-size:14px;white-space:normal}
.fmsg.emp{background:var(--green-600);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}
.fmsg.app{background:var(--green-050);border:1px solid var(--line-2);align-self:flex-start;border-bottom-left-radius:4px}
.fmsg.star{box-shadow:0 0 0 2px var(--gold)}
.fmsg .t{font-size:11px;opacity:.72;margin-top:4px;display:flex;gap:8px;align-items:center}
.fmsg .st{background:none;border:none;cursor:pointer;font-size:15px;padding:0;color:inherit;opacity:.5;line-height:1}
.fmsg.star .st,.fmsg .st:hover{opacity:1;color:var(--gold)}
.fnote{align-self:stretch;background:#FFFBEA;border:1px dashed #E7CF7E;border-radius:12px;padding:8px 12px;font-size:13.5px;white-space:pre-wrap}
.fnote.rop{background:#EEF4FB;border-color:#A9C4E4}
.fnote.pin{border-style:solid;border-left-width:4px}
.fnote .t{font-size:11px;color:var(--muted);margin-top:4px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;white-space:normal}
.imp .fmsg,.imp .fnote{max-width:100%;margin-bottom:6px}
.hist{font-size:12px;color:var(--muted)}
.hist div{padding:3px 0;border-bottom:1px dashed var(--line-2)}
details.cd-hist summary{cursor:pointer;font-size:12.5px;color:var(--muted)}

/* calculator */
.calc-in{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:6px}
.calc-in input{font-size:18px;font-weight:700;width:230px}
.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.cc{border:1px solid var(--line-2);border-radius:14px;padding:12px 14px;background:#fff}
.cc.best{border-color:var(--gold);box-shadow:0 0 0 2px rgba(201,162,75,.28)}
.cc h4{margin:0;font-size:13.5px}
.cc .hint{min-height:30px}
.cc .sum{font-size:22px;font-weight:800;color:var(--green-900);margin:6px 0 2px}
.cc .exp{font-size:12px;color:var(--muted);min-height:32px}
.cc .fot{margin-top:8px;padding-top:7px;border-top:1px dashed var(--line);font-size:12.5px;font-weight:700;color:var(--ok)}
.cc .fot.neg{color:var(--bad)}
.cc .rates{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}
.cc .rates button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:2px 7px;font:600 12px var(--font);cursor:pointer}
.cc .rates button.sel{background:var(--green-600);color:#fff;border-color:var(--green-600)}
.fotline{font-size:13px;color:var(--muted);margin:4px 0 12px}

/* motivation (md-lite) */
.md h3{font-family:var(--serif);font-weight:600;font-size:19px;margin:16px 0 6px}
.md h4{font-size:14.5px;margin:14px 0 6px}
.md p{margin:6px 0}
.md ul{margin:6px 0;padding-left:20px}
.md table{border-collapse:collapse;width:100%;font-size:13px;margin:8px 0}
.md td,.md th{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.md th{background:var(--green-050)}

/* forms in modals */
dialog.modal.wide{width:min(880px,96vw)}
.frm{display:grid;grid-template-columns:160px 1fr;gap:10px 12px;align-items:center}
.frm>label{font-size:13px;color:var(--muted)}
.frm input,.frm select,.frm textarea{width:100%}
.frm .full{grid-column:1/-1}
@media(max-width:640px){.frm{grid-template-columns:1fr}}
.copybox{display:flex;gap:8px;align-items:center;margin:8px 0}
.copybox input{flex:1;font-family:ui-monospace,Consolas,monospace;font-size:12px}
.mono{font-family:ui-monospace,Consolas,monospace;font-size:12.5px}

/* phones: calendar becomes an agenda list */
@media(max-width:700px){
  .h-cal{grid-template-columns:1fr}
  .h-dow,.h-day.out,.h-day.empty-m{display:none}
  .h-day{min-height:0}
  .h-dn .wd{display:inline}
  .h-dn>span:first-child{display:none}
  .h-month b{min-width:0;font-size:17px}
  .k-nav button{padding:6px 10px}
  .k-hero__row{padding-bottom:14px}
  .k-stats{display:none}
}

/* v12: vacancy accordion with funnel, message badges, rules state */
.vac{display:block;padding:0}
.vac__h{display:flex;gap:8px;align-items:flex-start;padding:11px 14px 11px 12px}
.vac.open .vac__h{padding-bottom:6px}
.funnel{display:flex;flex-direction:column;gap:2px;padding:0 10px 10px 12px}
.fn{display:flex;align-items:center;gap:8px;border:none;background:none;text-align:left;padding:6px 8px;border-radius:8px;font:500 13px var(--font);color:var(--ink-2);cursor:pointer}
.fn span{flex:1}
.fn b{font-weight:700;color:var(--muted);font-size:12.5px}
.fn i{font-style:normal;background:var(--gold);color:var(--ink);border-radius:999px;font-size:11px;font-weight:700;padding:0 6px;line-height:17px}
.fn:hover{background:#fff}
.fn.sel{background:var(--green-600);color:#fff}
.fn.sel b{color:var(--gold-500)}
.rchip.none{color:var(--muted);border:1px dashed var(--line)}
.msgdot{color:var(--info)}
.newmsg{font-size:11px;font-weight:700;color:#fff;background:var(--info);border-radius:999px;padding:2px 8px}
.modestate{font-size:12.5px;color:var(--ink-2);background:var(--green-050);border:1px solid var(--line-2);border-radius:10px;padding:8px 10px;margin-top:8px}
.rrow input.num{flex:0 0 90px;width:90px;min-width:0}

/* availability & slots */
.slots{display:flex;flex-wrap:wrap;gap:6px}
.slot{border:1px solid var(--green-300);background:#fff;color:var(--green-900);border-radius:8px;padding:5px 10px;font:600 13px var(--font);cursor:pointer}
.slot:hover{background:var(--green-050)}
.slot.sel{background:var(--green-600);border-color:var(--green-600);color:#fff}
.slot.busy{border-color:var(--line);color:var(--muted-2);background:repeating-linear-gradient(45deg,#F4F6F5,#F4F6F5 4px,#fff 4px,#fff 8px);text-decoration:line-through}
.wd{display:inline-flex;align-items:center;gap:3px;font-size:13px;margin-right:6px}
#dlgAvail .row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0}
#dlgAvail input[type=time]{width:110px}

/* dashboard in the right pane */
.dash{display:flex;flex-direction:column}
.dash-sec{border-bottom:1px solid var(--line-2)}
.dash-h{display:flex;align-items:center;gap:8px;padding:13px 14px 8px}
.dash-list{max-height:34vh;overflow:auto}
.dash-it{display:flex;gap:10px;align-items:center;padding:9px 14px;border-top:1px solid var(--line-2);cursor:pointer}
.dash-it:hover{background:var(--green-050)}
.week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:4px 14px 12px}
.wk{border:1px solid var(--line-2);border-radius:10px;padding:6px 4px;text-align:center;background:#fff}
.wk span{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;font-weight:700}
.wk b{display:block;font-size:17px;color:var(--green-900)}
.wk i{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--gold);min-height:15px}
.wk.today{border-color:var(--gold)}
.wk.has{background:var(--green-050)}

/* week of hourly slots */
.seg3.sm button{padding:4px 10px;font-size:12.5px}
.h-week{overflow-x:auto}
.wg{display:grid;gap:4px;min-width:640px}
.wg-h{text-align:center;padding:4px 0;border-radius:8px}
.wg-h span{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--muted)}
.wg-h b{font-size:17px;color:var(--green-900)}
.wg-h.today{background:var(--gold-100)}
.wg-h.we span,.wg-h.we b{color:var(--bad)}
.wg-t{font-size:12px;color:var(--muted);text-align:right;padding:8px 6px 0 0;font-weight:600}
.wg-c{min-height:40px;border-radius:8px;border:1px solid var(--line-2);padding:3px;display:flex;flex-direction:column;gap:3px;min-width:0}
.wg-c.fr{background:#fff;border-color:#CFE5DB}
.wg-c.fr.add{cursor:pointer;align-items:center;justify-content:center}
.wg-c.fr.add i{font-style:normal;font-weight:700;color:var(--green-300);opacity:0;transition:opacity .12s}
.wg-c.fr.add:hover{background:var(--green-050);border-color:var(--green-400)}
.wg-c.fr.add:hover i{opacity:1}
.wg-c.no,.wg-c.off{background:repeating-linear-gradient(45deg,#F2F5F3,#F2F5F3 5px,#fff 5px,#fff 10px)}
.wg-c.off{border-style:dashed;opacity:.6}
.wg-c.no small{font-size:10.5px;color:var(--muted);line-height:1.2;overflow:hidden}
.wg-c.bk{background:#F2F8F5;border-color:var(--green-300)}
.sw-fr,.sw-no{display:inline-block;width:13px;height:10px;border-radius:3px;margin:0 3px 0 10px;border:1px solid #CFE5DB;background:#fff;vertical-align:middle}
.sw-no{background:repeating-linear-gradient(45deg,#E6EBE8,#E6EBE8 3px,#fff 3px,#fff 6px);border-color:var(--line-2)}

/* hiring summary across vacancies */
.h-sum-pane{margin-bottom:14px}
.sum-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;padding:12px 14px 4px}
.sum-t-wrap{overflow-x:auto;padding:0 14px}
.sum-t td,.sum-t th{text-align:center}
.sum-t td:first-child,.sum-t th:first-child{text-align:left}
.sum-t tr[data-vid]{cursor:pointer}
.sum-t tr[data-vid]:hover td{background:var(--green-050)}
.sum-t tr.cur td{background:var(--gold-100)}
.sum-t tr.arch td{color:var(--muted)}
/* «Команда» — owner's view of a manager's work */
.t-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px}
.t-bar select{max-width:280px}
.t-vac{font-size:13px;color:var(--ink-2);margin:0 2px 8px}
.t-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-bottom:14px}
.t-tiles .mx-c.warn{background:var(--warn-100);border-color:#F1D79A}
.t-grid{display:grid;grid-template-columns:minmax(380px,1fr) minmax(0,1.25fr);gap:14px;align-items:start}
.t-row{display:flex;gap:10px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line-2);cursor:pointer}
.t-row:hover{background:var(--green-050)}
.t-row.cur{background:var(--gold-100)}
.t-time{flex:0 0 92px;font-size:12px;color:var(--muted);padding-top:2px}
.t-snip{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.t-by{font-size:11px;font-weight:600;border-radius:999px;padding:2px 8px;background:#EEF1EF;color:var(--ink-2)}
.t-by.cabinet{background:var(--green-100);color:var(--green-900)}
.t-by.auto{background:var(--gold-100);color:#6B5313}
.t-by.applicant{background:#EAF2FA;color:#1F5F8F}
.t-k{font-size:11px;font-weight:700;border-radius:6px;padding:1px 7px;background:#EEF1EF;color:var(--ink-2)}
.t-k.invite{background:var(--ok-100);color:#0E5A37}
.t-k.reject{background:var(--bad-100);color:var(--bad)}
.t-k.applicant{background:#EAF2FA;color:#1F5F8F}
.msg .t-k{margin-right:4px}
.t-wait{font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--warn-100);color:#6B4A00}
.t-wait.late{background:var(--bad-100);color:var(--bad)}
.t-th{padding:14px 16px 10px;border-bottom:1px solid var(--line-2)}
.t-chat{max-height:calc(100vh - 330px);padding:12px 14px}
#tThread .warnbox{margin:12px 14px 0}
.t-note{margin:12px 2px 0}
@media (max-width:900px){.t-grid{grid-template-columns:1fr}.t-time{flex-basis:70px}}

/* mass stage change */
.bulk{padding:10px 14px;border-bottom:1px solid var(--line-2);background:var(--gold-100);display:flex;flex-direction:column;gap:8px}
.bk-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px}
.bulk select{padding:6px 8px;font-size:13px;max-width:100%}
.bulk textarea{width:100%;min-height:86px;font:13.5px var(--font);padding:8px 10px;border:1px solid var(--line);border-radius:10px;resize:vertical;box-sizing:border-box}
.bk-prog{height:6px;border-radius:99px;background:#fff;overflow:hidden}
.bk-prog i{display:block;height:100%;background:var(--green-500);transition:width .3s}
.n-cb{flex:0 0 auto;width:18px;height:18px;margin-top:13px;accent-color:var(--green-600);pointer-events:none}
.n.pick{background:var(--gold-100)}
/* auto-consider + templates editor */
.pv-sum .c{color:#6B5313}
.dec.consider{background:var(--gold-100);color:#6B5313}
.tpl-pick{margin-left:6px;padding:2px 6px;font-size:12px;max-width:200px}
.tpl.tpl-ed{background:#fff;border-style:dashed;color:var(--green-600)}
.tpl-it{border:1px solid var(--line-2);border-radius:12px;padding:10px;margin-bottom:10px;background:var(--green-050)}
.tpl-it .row{display:flex;gap:6px;align-items:center;margin-bottom:6px}
.tpl-it .tpl-n{flex:1;font-weight:600}
.tpl-it textarea{width:100%;min-height:90px;box-sizing:border-box}
[hidden]{display:none!important}