/* Final candidate workspace based on the approved desktop/tablet/mobile reference. */
body.hiring-mode{background:#f4f8ff}
body.hiring-mode .hiring-screen{display:block;max-width:none}
body.hiring-mode .hiring-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:0 0 14px!important}
body.hiring-mode .hiring-head h1{margin:0!important;color:#07142d!important;font-size:24px!important;letter-spacing:-.035em!important}
body.hiring-mode .hiring-head p{margin:5px 0 0!important;color:#73819a!important;font-size:12px!important}
body.hiring-mode .hiring-actions{display:flex!important;align-items:center!important;margin:0!important}
body.hiring-mode .hiring-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0 0 14px!important}
body.hiring-mode .hire-kpi{min-height:92px!important;grid-template-columns:42px minmax(0,1fr)!important;gap:12px!important;padding:14px 16px!important;border:1px solid #e5edf8!important;border-radius:12px!important;box-shadow:0 5px 18px rgba(42,71,118,.05)!important}
body.hiring-mode .hire-kpi>i{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:10px!important;font-size:17px!important}
body.hiring-mode .hire-kpi strong{font-size:23px!important;line-height:1.1!important}
body.hiring-mode .hire-kpi em,body.hiring-mode .hire-kpi .kpi-spark{display:none!important}
body.hiring-mode .hire-kpi small{margin-top:3px!important;font-size:10px!important}
body.hiring-mode .funnel-analytics{display:block!important;margin:0 0 18px!important}
body.hiring-mode .candidates-panel{overflow:visible;border:1px solid #e5edf8;border-radius:16px;box-shadow:0 10px 34px rgba(42,71,118,.08)}
body.hiring-mode .candidates-panel .panel-top{padding:20px 20px 12px;align-items:center}
body.hiring-mode .candidates-panel .panel-top h2{font-size:21px;letter-spacing:-.035em;color:#07142d}
body.hiring-mode .candidates-panel .panel-actions{display:none!important}
body.hiring-mode .candidates-panel .panel-top>[data-refresh-hiring-dialogs]{display:none!important}
body.hiring-mode .hiring-filter-card{padding:0 20px 14px!important}
body.hiring-mode .candidates-filters{display:flex!important;align-items:center!important;gap:10px!important;width:100%;flex-wrap:nowrap!important}
body.hiring-mode .filter-box{min-width:150px!important;height:40px!important}
body.hiring-mode .filter-box--single,body.hiring-mode .filter-box--period{min-width:150px!important}
body.hiring-mode .filter-box--wide{min-width:180px!important}
body.hiring-mode .filter-box__select,body.hiring-mode .filter-box__button{height:40px!important;border-color:#dce5f2!important;border-radius:8px!important;background-color:#fff!important;font-size:12px!important}
body.hiring-mode .filter-search-result{flex:0 0 auto;margin-left:auto;white-space:nowrap;color:#075ee8!important;font-size:12px!important}
body.hiring-mode .candidates-workspace{display:block;border-top:1px solid #edf2f8;position:relative}
body.hiring-mode .candidates-list-region{min-width:0;border:0}
body.hiring-mode .table-scroll{overflow-x:auto!important;border:0;background:#fff}
body.hiring-mode .candidates-table{width:100%!important;min-width:860px!important;table-layout:fixed!important;border-collapse:collapse!important;background:#fff}
body.hiring-mode .candidates-table .col-candidate{width:22%!important}
body.hiring-mode .candidates-table .col-status{width:12%!important}
body.hiring-mode .candidates-table .col-vacancy{width:18%!important}
body.hiring-mode .candidates-table .col-date{width:11%!important}
body.hiring-mode .candidates-table .col-message{width:20%!important}
body.hiring-mode .candidates-table .col-responsible{width:13%!important}
body.hiring-mode .candidates-table .col-menu{width:44px!important}
body.hiring-mode .candidates-table th,body.hiring-mode .candidates-table td{height:auto!important;padding:10px 12px!important;border-bottom:1px solid #edf2f7!important;vertical-align:middle!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis}
body.hiring-mode .candidates-table th{height:36px!important;background:#f8faff!important;color:#8190aa!important;font-size:11px!important;font-weight:600!important}
body.hiring-mode .candidates-table tbody tr{height:58px!important;cursor:pointer;transition:background .15s ease,box-shadow .15s ease}
body.hiring-mode .candidates-table tbody tr:hover td{background:#f8fbff!important}
body.hiring-mode .candidates-table tbody tr.is-selected td{background:#eaf3ff!important}
body.hiring-mode .candidates-table tbody tr.is-selected{box-shadow:inset 3px 0 0 #1265ef}
body.hiring-mode .candidate-cell,body.hiring-mode .cell{min-height:0!important;line-height:1.3!important}
body.hiring-mode .candidate-name-cell{display:flex!important;align-items:center!important;gap:10px!important;white-space:normal!important}
body.hiring-mode .candidate-name-stack{display:flex;min-width:0;flex-direction:column;gap:2px}
body.hiring-mode .candidate-name{overflow:hidden;text-overflow:ellipsis;color:#08152e;font-size:12px;font-weight:800;white-space:nowrap}
body.hiring-mode .candidate-name-stack small{color:#60708d;font-size:10px;font-weight:600}
body.hiring-mode .candidate-data-warning{display:none!important}
body.hiring-mode .initials.avatar{width:34px!important;height:34px!important;border-radius:50%!important;background:#e8f2ff!important;color:#1265ef!important;font-size:11px!important}
body.hiring-mode .status-cell-wrap{align-items:flex-start!important}
body.hiring-mode .vacancy-cell{display:block!important;color:#263754!important;font-size:11px!important;line-height:1.35!important;white-space:normal!important}
body.hiring-mode .status-badge{padding:4px 9px!important;font-size:10px!important}
body.hiring-mode .status-dot{width:7px!important;height:7px!important}
body.hiring-mode .status-wait-chip{display:none!important}
body.hiring-mode .date-cell{font-size:11px!important;color:#33415d!important;white-space:normal!important}
body.hiring-mode .message-cell{display:-webkit-box!important;overflow:hidden!important;color:#22314c!important;font-size:11px!important;line-height:1.35!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal!important}
body.hiring-mode .responsible-value{font-size:11px!important;color:#263754!important;white-space:normal!important}
.candidate-row-menu{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:#345071;font-size:20px;line-height:1;cursor:pointer}
.candidate-row-menu:hover,.candidate-row-menu:focus-visible{background:#e4efff;color:#075ee8;outline:0}
body.hiring-mode .hiring-pagination{padding:10px 16px 14px}
.candidate-preview-region[hidden]{display:none!important}
.candidate-preview-region{position:fixed;z-index:2500;top:50%;right:20px;bottom:auto;width:min(390px,calc(100vw - 40px));height:min(80vh,820px);min-height:500px;transform:translateY(-50%);overflow:hidden;border:1px solid #e4ebf5;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(19,43,78,.24)}
.candidate-preview-card{display:flex;height:100%;min-height:0;flex-direction:column;padding:16px;color:#0b1831}
.candidate-preview-card>header{display:grid;grid-template-columns:46px minmax(0,1fr) 32px;align-items:center;gap:11px;flex:0 0 auto}
.candidate-preview-card h2{margin:0;color:#08152e;font-size:15px;line-height:1.25}
.candidate-preview-card header p{margin:4px 0 0;color:#4d5f7d;font-size:11px}
.candidate-preview-initials{width:46px!important;height:46px!important;border-radius:50%!important;font-size:13px!important}
.candidate-preview-close{width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:#30415f;font-size:22px;line-height:1;cursor:pointer}
.candidate-preview-close:hover,.candidate-preview-close:focus-visible{background:#edf3fb;outline:0}
.candidate-preview-contact-actions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0 12px;flex:0 0 auto}
.candidate-preview-contact-actions span,.candidate-preview-contact-actions button{display:grid;height:38px;place-items:center;border:1px solid #edf2f8;border-radius:8px;background:#f7faff;color:#0862ec;font-size:15px;font-weight:800}
.candidate-preview-contact-actions button{cursor:pointer}
.candidate-preview-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;padding:10px;border-radius:10px;background:#f6f9fd;flex:0 0 auto}
.candidate-preview-card dl div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:7px;padding:6px;border:0}
.candidate-preview-card dt{color:#71809a;font-size:10px}
.candidate-preview-card dd{min-width:0;margin:0;color:#182944;font-size:10px;font-weight:700;line-height:1.35}
.candidate-preview-card dl .candidate-preview-stage-editor{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px;padding:0}.candidate-preview-stage-editor select{max-width:155px;min-height:28px;border:1px solid #cbd5e1;border-radius:7px;background:#fff;font-size:11px}.candidate-preview-stage-editor button{min-height:28px;border:0;border-radius:7px;background:#1762e8;color:#fff;font-size:10px;font-weight:700;cursor:pointer}.candidate-preview-stage-editor button:disabled{opacity:.55;cursor:wait}
.candidate-preview-conversation{display:flex;min-height:0;flex:1;flex-direction:column;margin-top:14px}
.candidate-preview-conversation-head{display:flex;align-items:center;justify-content:space-between;padding:0 2px 9px}
.candidate-preview-conversation-head b{font-size:13px}.candidate-preview-conversation-head b span{color:#516681}
.candidate-preview-conversation-head button{border:0;background:transparent;color:#075ee8;font-size:11px;font-weight:700;cursor:pointer}
.candidate-preview-thread{min-height:120px;flex:1;overflow-y:auto;padding:4px 6px 8px;background:#f9fbfe;scrollbar-width:thin}
.candidate-preview-thread article{font-size:10px!important;padding:9px 10px!important;margin:7px 0!important;border-radius:11px!important;box-shadow:none!important}
.candidate-preview-thread article small{font-size:9px!important;margin-bottom:4px!important}
.candidate-preview-thread-state{display:grid;min-height:120px;place-items:center;color:#71809a;font-size:11px;text-align:center}
.candidate-preview-thread-state.is-error{color:#b42318}
.candidate-preview-compose{height:40px;margin-top:9px;border:0;border-radius:8px;background:#0d66ed;color:#fff;font-size:12px;font-weight:800;cursor:pointer;flex:0 0 auto}
.candidate-preview-compose:hover,.candidate-preview-compose:focus-visible{background:#0753c7;outline:3px solid rgba(13,102,237,.18)}
@media(max-width:1180px){body.hiring-mode .main{padding:16px!important}body.hiring-mode .candidates-table{min-width:1000px!important}body.hiring-mode .filter-box{min-width:132px!important}body.hiring-mode .filter-box--wide{min-width:155px!important}.candidate-preview-region{right:14px;width:min(370px,calc(100vw - 28px));height:min(82vh,780px);min-height:460px}}
@media(max-width:720px){body.hiring-mode .main{padding:8px!important}body.hiring-mode .candidates-panel{border-radius:12px}body.hiring-mode .candidates-panel .panel-top{padding:14px 12px 9px 54px}body.hiring-mode .candidates-panel .panel-top h2{font-size:18px}body.hiring-mode #hiringControls{height:auto!important;min-height:0!important;padding:0 12px 10px!important}body.hiring-mode .candidates-filters{display:grid!important;height:auto!important;min-height:0!important;grid-template-columns:1fr 42px!important;gap:8px!important}body.hiring-mode #hiringControls .candidates-filters>.filter-box{display:none!important}body.hiring-mode .hiring-search-wrap{grid-column:1;min-width:0;width:100%}body.hiring-mode .filter-search-result{grid-column:2;display:grid!important;width:42px!important;height:40px!important;place-items:center;margin:0!important;border:1px solid #dce5f2;border-radius:8px}body.hiring-mode .filter-search-result span{display:none!important}body.hiring-mode .filter-search-result svg{width:18px!important;height:18px!important}body.hiring-mode .candidates-table{width:100%!important;min-width:0!important;font-size:10px!important}body.hiring-mode .candidates-table th:nth-child(1),body.hiring-mode .candidates-table td:nth-child(1),body.hiring-mode .candidates-table th:nth-child(4),body.hiring-mode .candidates-table td:nth-child(4),body.hiring-mode .candidates-table th:nth-child(6),body.hiring-mode .candidates-table td:nth-child(6),body.hiring-mode .candidates-table th:nth-child(7),body.hiring-mode .candidates-table td:nth-child(7),body.hiring-mode .candidates-table th:nth-child(8),body.hiring-mode .candidates-table td:nth-child(8){display:none!important}body.hiring-mode .candidates-table .col-select,body.hiring-mode .candidates-table .col-vacancy,body.hiring-mode .candidates-table .col-message,body.hiring-mode .candidates-table .col-responsible,body.hiring-mode .candidates-table .col-menu{display:none!important}body.hiring-mode .candidates-table .col-candidate{width:56%!important}body.hiring-mode .candidates-table .col-status{width:25%!important}body.hiring-mode .candidates-table .col-date{width:19%!important}body.hiring-mode .candidates-table th,body.hiring-mode .candidates-table td{padding:8px 6px!important}body.hiring-mode .candidate-name{font-size:10px}body.hiring-mode .candidate-name-stack small{font-size:9px!important}body.hiring-mode .initials.avatar{width:30px!important;height:30px!important}body.hiring-mode .status-badge{padding:3px 6px!important;font-size:8px!important}body.hiring-mode .hiring-pagination{font-size:10px;padding:9px}.candidate-preview-region{inset:0;width:100%;border:0;border-radius:0;transform:none;height:100dvh;min-height:0}.candidate-preview-card{padding:14px 12px}.candidate-preview-card dl{grid-template-columns:1fr}.candidate-preview-card dl div{grid-template-columns:78px minmax(0,1fr)}}
@media(max-width:720px){body.hiring-mode #hiringControls .candidates-filters{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;gap:8px!important;height:44px!important}body.hiring-mode #hiringControls .hiring-search-wrap{flex:1 1 0!important;width:auto!important;min-width:0!important;height:44px!important}body.hiring-mode #hiringControls .filter-search-result{display:grid!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:40px!important;padding:0!important;margin:0!important;place-items:center!important;border:1px solid #dce5f2!important;border-radius:8px!important}body.hiring-mode #hiringControls .filter-search-result__icon{width:18px!important;height:18px!important}body.hiring-mode #hiringControls .filter-search-result span,body.hiring-mode #hiringControls .filter-search-result small{display:none!important}}
@media(max-width:720px){body.hiring-mode #screenRoot .hire-panel.candidates-panel .panel-top{padding:18px 12px 12px 54px!important}}
/* Match the approved preview layout: compact, centered, with an aligned detail list and composer. */
body.hiring-mode .candidate-preview-region{top:50%!important;right:20px!important;bottom:auto!important;width:min(390px,calc(100vw - 40px))!important;height:min(80vh,820px)!important;min-height:500px!important;transform:translateY(-50%)!important}
body.hiring-mode .candidate-preview-card{padding:14px!important}
body.hiring-mode .candidate-preview-card>header{grid-template-columns:42px minmax(0,1fr) auto 24px!important;gap:9px!important}
body.hiring-mode .candidate-preview-initials{width:42px!important;height:42px!important}
body.hiring-mode .candidate-preview-identity{min-width:0}
body.hiring-mode .candidate-preview-identity h2{display:flex;align-items:center;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px!important}
body.hiring-mode .candidate-preview-identity h2 i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#20c997}
body.hiring-mode .candidate-preview-identity p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px!important}
body.hiring-mode .candidate-preview-open{height:34px;padding:0 10px;border:0;border-radius:7px;background:#075ee8;color:#fff;font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}
body.hiring-mode .candidate-preview-close{width:24px!important;height:28px!important;font-size:18px!important}
body.hiring-mode .candidate-preview-contact-actions{gap:7px;margin:10px 0!important}
body.hiring-mode .candidate-preview-contact-actions button{height:34px;border:0;background:#f1f6fd;color:#0862ec;font-size:15px}
body.hiring-mode .candidate-preview-card dl{grid-template-columns:minmax(0,1fr)!important;gap:0;margin:0!important;padding:8px 12px!important;border:1px solid #edf2f8;background:#f8faff}
body.hiring-mode .candidate-preview-card dl div{grid-template-columns:88px minmax(0,1fr)!important;align-items:center;gap:8px!important;min-height:26px;padding:3px 0!important;border-bottom:1px solid #edf1f7!important}
body.hiring-mode .candidate-preview-card dl div:last-child{border-bottom:0!important}
body.hiring-mode .candidate-preview-card dt{font-size:10px!important}
body.hiring-mode .candidate-preview-card dd{font-size:10px!important;font-weight:600!important}
body.hiring-mode .candidate-preview-conversation{margin-top:10px!important}
body.hiring-mode .candidate-preview-conversation-head{padding-bottom:6px!important}
body.hiring-mode .candidate-preview-conversation-head b{font-size:12px!important}
body.hiring-mode .candidate-preview-thread{min-height:80px!important;padding:2px 4px 6px!important;background:#fff!important}
body.hiring-mode .candidate-preview-thread article{max-width:92%;padding:7px 9px!important;margin:5px 0!important;border-radius:10px!important;font-size:10px!important}
body.hiring-mode .candidate-preview-compose{display:flex;align-items:center;gap:7px;height:38px;flex:0 0 38px;margin-top:7px;padding:4px;border:1px solid #e1e9f4;border-radius:8px;background:#fff;cursor:pointer}
body.hiring-mode .candidate-preview-compose>span{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:#f2f6fc;color:#7487a4;font-size:17px}
body.hiring-mode .candidate-preview-compose input{width:0;min-width:0;height:28px;flex:1;border:0;outline:0;color:#8493aa;font-size:10px;pointer-events:none}
body.hiring-mode .candidate-preview-compose>button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;background:#075ee8;color:#fff;font-size:15px;cursor:pointer}
body.hiring-mode .funnel-analytics{padding:18px 20px!important}
body.hiring-mode .funnel-analytics__body{min-height:170px!important;gap:18px!important}
body.hiring-mode .funnel-steps{grid-template-columns:repeat(4,minmax(150px,1fr))!important}
body.hiring-mode .funnel-step{min-height:170px!important;padding:22px 34px 20px 20px!important}
body.hiring-mode .funnel-step__top{gap:14px!important;margin-bottom:17px!important}
body.hiring-mode .funnel-step__icon{flex-basis:40px!important;width:40px!important;height:40px!important}
body.hiring-mode .funnel-step__value{font-size:30px!important}
body.hiring-mode .conversion-card{min-height:170px!important}
body.hiring-mode .conversion-ring{width:130px!important;height:130px!important}
body.hiring-mode .funnel-analytics__footer{margin-top:16px!important;font-size:11px!important}
@media(max-width:720px){body.hiring-mode .hiring-head{display:block!important;margin:0 0 10px!important;padding-left:46px!important}body.hiring-mode .hiring-head h1{font-size:20px!important}body.hiring-mode .hiring-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:10px!important}body.hiring-mode .hire-kpi{min-height:76px!important;grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important;padding:10px!important}body.hiring-mode .hire-kpi>i{width:30px!important;height:30px!important;font-size:14px!important}body.hiring-mode .hire-kpi strong{font-size:19px!important}body.hiring-mode .hire-kpi span{font-size:10px!important}body.hiring-mode .hire-kpi small{display:none!important}.candidate-preview-region{inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;transform:none!important}.candidate-preview-card>header{grid-template-columns:42px minmax(0,1fr) 24px!important}.candidate-preview-open{grid-column:2;grid-row:2;justify-self:start;margin-top:8px}.candidate-preview-close{grid-column:3;grid-row:1}.candidate-preview-contact-actions{grid-template-columns:repeat(5,minmax(0,1fr))!important}body.hiring-mode .funnel-analytics{margin-bottom:12px!important;padding:18px 14px!important}.candidate-preview-card dl div{grid-template-columns:78px minmax(0,1fr)!important}body.hiring-mode .funnel-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}body.hiring-mode .funnel-step,body.hiring-mode .funnel-step--first,body.hiring-mode .funnel-step--last{min-height:132px!important;padding:14px!important;clip-path:none!important;border-radius:12px!important}body.hiring-mode .funnel-step__top{gap:8px!important;margin-bottom:12px!important}body.hiring-mode .funnel-step__icon{flex-basis:32px!important;width:32px!important;height:32px!important}body.hiring-mode .funnel-step__icon svg{width:18px!important;height:18px!important}body.hiring-mode .funnel-step__name{font-size:11px!important}body.hiring-mode .funnel-step__value{font-size:24px!important}body.hiring-mode .conversion-card{min-height:130px!important}body.hiring-mode .conversion-ring{width:110px!important;height:110px!important}}
/* Keep preview typography consistent and let the candidate details and messages share one scale. */
body.hiring-mode .candidate-preview-contact-actions{display:none!important}
body.hiring-mode .candidate-preview-card,body.hiring-mode .candidate-preview-card *{font-family:inherit!important}
body.hiring-mode .candidate-preview-card dl dt,body.hiring-mode .candidate-preview-card dl dd,body.hiring-mode .candidate-preview-card dl dd *,body.hiring-mode .candidate-preview-thread,body.hiring-mode .candidate-preview-thread article,body.hiring-mode .candidate-preview-thread article *{font-size:10px!important;line-height:1.4!important}
body.hiring-mode .candidate-preview-card dl .hire-tag{font-size:10px!important;line-height:1.2!important}
body.hiring-mode .candidate-preview-open{font-size:10px!important}

/* Candidate workspace: compact hero and table layout aligned with the supplied reference. */
body.hiring-mode .hiring-screen{
  display:grid!important;grid-template-columns:296px minmax(0,1fr)!important;
  grid-template-areas:"head head" "kpis funnel" "candidates candidates" "pagination pagination";
  gap:10px!important;padding:12px!important;border:1px solid #e6edf8;border-radius:18px;
  background:radial-gradient(ellipse 35% 62% at 14% 10%,rgba(208,186,255,.36),transparent 72%),
    radial-gradient(ellipse 28% 55% at 36% 6%,rgba(197,230,255,.5),transparent 72%),
    radial-gradient(ellipse 22% 54% at 52% 12%,rgba(255,218,198,.36),transparent 72%),#f8fbff;
  box-shadow:0 12px 30px rgba(35,64,112,.08)
}
body.hiring-mode .hiring-head{grid-area:head;display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0!important;padding:0 8px 1px!important}
body.hiring-mode .hiring-head h1{margin:0 0 3px!important;font-size:19px!important;line-height:1.15!important;letter-spacing:-.035em!important}
body.hiring-mode .hiring-head p{font-size:10px!important;font-weight:500!important;color:#566985!important}
body.hiring-mode .hiring-actions{margin:0!important}
body.hiring-mode .hiring-range-button{display:flex;align-items:center;gap:8px;height:31px;padding:0 10px;border:1px solid #e2eaf5;border-radius:9px;background:rgba(255,255,255,.78);color:#344663;font-size:10px;font-weight:600;cursor:pointer}
body.hiring-mode .hiring-range-button b{font-size:12px;color:#70809a}
body.hiring-mode .hiring-kpis{grid-area:kpis;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:120px 50px!important;gap:7px!important;margin:0!important;align-items:center}
body.hiring-mode .hire-kpi{min-width:0!important;min-height:0!important;padding:8px!important;border:1px solid rgba(226,234,246,.9)!important;border-radius:13px!important;background:rgba(255,255,255,.82)!important;box-shadow:0 5px 15px rgba(27,55,97,.055)!important;transition:none!important}
body.hiring-mode .hire-kpi:hover{transform:none!important}
body.hiring-mode .hire-kpi:after,body.hiring-mode .hire-kpi .kpi-spark{display:none!important}
body.hiring-mode .hire-kpi.blue{grid-column:1/-1;justify-self:center;width:120px;height:120px;display:flex!important;position:relative;flex-direction:column;align-items:center;justify-content:center;padding:15px!important;border-radius:50%!important;border:7px solid rgba(230,239,255,.85)!important;background:radial-gradient(circle,#fff 56%,#f8fbff 100%)!important;box-shadow:0 8px 22px rgba(36,83,157,.11),inset 0 0 0 1px #e8eff9!important}
body.hiring-mode .hire-kpi.blue>i{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:24px!important;height:24px!important;font-size:12px!important;background:#e5efff!important}
body.hiring-mode .hire-kpi.blue>div{display:flex;flex-direction:column;align-items:center;margin-top:13px;text-align:center}
body.hiring-mode .hire-kpi.blue strong{order:1;margin:0 0 3px!important;font-size:23px!important;letter-spacing:-.045em!important}
body.hiring-mode .hire-kpi.blue span{order:2;margin:0!important;font-size:9px!important;font-weight:600!important;color:#526681!important;white-space:normal!important}
body.hiring-mode .hire-kpi.blue em{order:3;margin:7px 0 0!important;padding:3px 7px;border-radius:20px;background:#e8fff4;color:#0b9e72;font-size:9px!important;font-weight:800!important}
body.hiring-mode .hire-kpi.blue small{display:none!important}
body.hiring-mode .hire-kpi:not(.blue){display:grid!important;grid-template-columns:26px minmax(0,1fr)!important;grid-template-rows:auto auto;align-content:center;gap:2px 6px!important;padding:5px!important;min-height:50px!important}
body.hiring-mode .hire-kpi:not(.blue)>i{grid-row:1/3;align-self:center;width:25px!important;height:25px!important;font-size:12px!important}
body.hiring-mode .hire-kpi:not(.blue)>div{min-width:0}
body.hiring-mode .hire-kpi:not(.blue) span{margin:0 0 2px!important;font-size:8px!important;font-weight:700!important;line-height:1.1!important;white-space:normal!important}
body.hiring-mode .hire-kpi:not(.blue) strong{margin:0!important;font-size:13px!important;letter-spacing:-.02em!important}
body.hiring-mode .hire-kpi:not(.blue) em,body.hiring-mode .hire-kpi:not(.blue) small{display:none!important}
body.hiring-mode .funnel-analytics{grid-area:funnel;min-width:0;padding:9px 14px!important;border:1px solid #e8eef8!important;border-radius:14px!important;background:rgba(255,255,255,.87)!important;box-shadow:0 6px 17px rgba(27,55,97,.06)!important}
body.hiring-mode .analytics-title-row{align-items:center!important;gap:8px!important}
body.hiring-mode .analytics-title-row h2{margin:0!important;font-size:12px!important;letter-spacing:-.01em!important}
body.hiring-mode .analytics-title-row h2 i{display:none!important}
body.hiring-mode .analytics-title-row h2 span,body.hiring-mode .analytics-title-row p{display:none!important}
body.hiring-mode .analytics-toggle{height:27px!important;padding:0 10px!important;border:0!important;background:#f5f8fd!important;color:#3970bd!important;font-size:9px!important;box-shadow:none!important}
body.hiring-mode .analytics-toggle:after{content:' →'!important;margin-left:3px!important}
body.hiring-mode .funnel-analytics.collapsed{padding-bottom:12px!important}
body.hiring-mode .analytics-body{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;margin-top:9px!important}
body.hiring-mode .analytics-card{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:center;gap:2px 7px;min-height:60px!important;padding:7px!important;border:0!important;border-radius:11px!important;background:#fff!important;box-shadow:0 2px 8px rgba(26,49,87,.05)!important}
body.hiring-mode .analytics-card:before,body.hiring-mode .analytics-card svg{display:none!important}
body.hiring-mode .analytics-card>span{grid-column:2;grid-row:1;margin:0;font-size:9px!important;font-weight:600!important;line-height:1.1!important;white-space:normal}
body.hiring-mode .analytics-card>span:before{grid-column:1;grid-row:1/3;width:27px!important;height:27px!important;display:grid!important;place-items:center;box-shadow:none!important;border-radius:50%;color:#fff;font-size:13px;font-weight:800}
body.hiring-mode .analytics-card.blue>span:before{content:'✉';background:#dceaff;color:#2769e8}
body.hiring-mode .analytics-card.violet>span:before{content:'♟';background:#eee4ff;color:#8745da}
body.hiring-mode .analytics-card.orange>span:before{content:'▣';background:#e8f0ff;color:#2769e8}
body.hiring-mode .analytics-card.green>span:before{content:'×';background:#fff0e3;color:#ef7432;font-size:18px}
body.hiring-mode .analytics-card>strong{grid-column:2;grid-row:2;margin:0!important;font-size:16px!important;line-height:1!important}
body.hiring-mode .analytics-card>small{grid-column:2;grid-row:3;margin:2px 0 0;font-size:8px!important;font-weight:600!important}
body.hiring-mode .analytics-card.conversion{display:flex;grid-column:1/-1;min-height:42px!important;justify-content:space-between;padding:5px 10px!important;background:linear-gradient(90deg,#fff,#f7faff)!important}
body.hiring-mode .analytics-card.conversion>span{font-size:10px!important;font-weight:700!important}
body.hiring-mode .analytics-card.conversion>span:before{display:none!important}
body.hiring-mode .conversion-wrap{display:flex;align-items:center;gap:8px;margin:0!important}
body.hiring-mode .conversion-ring{width:35px!important;height:35px!important;flex:0 0 35px}
body.hiring-mode .conversion-ring svg{width:35px!important;height:35px!important}
body.hiring-mode .conversion-ring circle{stroke-width:12}
body.hiring-mode .conversion-ring b{font-size:9px!important}
body.hiring-mode .conversion-wrap p{display:flex;align-items:center;gap:8px}
body.hiring-mode .conversion-wrap em{font-size:9px!important}
body.hiring-mode .conversion-wrap small{margin:0!important;font-size:8px!important}
body.hiring-mode .candidates-panel{grid-area:candidates;border-radius:13px!important;box-shadow:0 5px 16px rgba(24,47,82,.055)!important}
body.hiring-mode .candidates-panel .panel-top{padding:12px 16px 7px!important}
body.hiring-mode .candidates-panel .panel-top h2{font-size:14px!important}
body.hiring-mode .hiring-pagination{grid-area:pagination}
body.hiring-mode .candidates-table .col-candidate{width:21%!important}
body.hiring-mode .candidates-table .col-status{width:10%!important}
body.hiring-mode .candidates-table .col-vacancy{width:16%!important}
body.hiring-mode .candidates-table .col-message{width:27%!important}
body.hiring-mode .candidates-table .col-date{width:12%!important}
body.hiring-mode .candidates-table .col-responsible{width:14%!important}
body.hiring-mode .candidates-table .col-menu{width:44px!important}
body.hiring-mode .candidates-table th.status-column,body.hiring-mode .candidates-table td.status-column{padding-left:8px!important;padding-right:6px!important;text-align:left!important}
body.hiring-mode .candidates-table .status-badge{max-width:100%;padding:4px 6px!important;font-size:9px!important;text-align:left!important}
body.hiring-mode .candidates-table .status-cell-wrap{align-items:flex-start!important}
body.hiring-mode .candidates-table .status-dot{width:6px!important;height:6px!important;margin-top:2px}
body.hiring-mode .candidates-filters{align-items:center!important}
body.hiring-mode .hiring-search-wrap{height:40px!important;align-self:center!important}
body.hiring-mode #hiringSearchInput{height:40px!important;box-sizing:border-box!important;align-self:center!important}
.candidate-row-context-menu{position:fixed;z-index:2147483646;min-width:138px;padding:5px;border:1px solid #e2eaf5;border-radius:10px;background:#fff;box-shadow:0 12px 34px rgba(20,43,79,.2);animation:candidateMenuIn .12s ease-out}
.candidate-row-context-menu button{display:block;width:100%;min-height:34px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#182b47;text-align:left;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer}
.candidate-row-context-menu button:hover,.candidate-row-context-menu button:focus-visible{outline:0;background:#edf4ff;color:#075ee8}
@keyframes candidateMenuIn{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
body.hiring-mode .candidate-name-cell .initials.avatar{position:relative;flex:0 0 34px}
body.hiring-mode .candidate-live-row.is-bulk-selected .candidate-name-cell .initials.avatar{background:#e9edf4!important;color:transparent!important}
body.hiring-mode .candidate-live-row.is-bulk-selected .candidate-name-cell .initials.avatar img{opacity:.38}
body.hiring-mode .candidate-live-row.is-bulk-selected .candidate-name-cell .initials.avatar:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;border-radius:inherit;background:rgba(220,229,241,.34);color:#0969ed;font-size:18px;font-weight:900;text-shadow:0 1px #fff;pointer-events:none}
body.hiring-mode .candidate-live-row.is-bulk-selected .candidate-name-cell .initials.avatar:not(.has-photo){background:rgba(218,227,241,.78)!important}
body.hiring-mode .candidate-live-row.is-bulk-selected .candidate-name-cell .initials.avatar:not(.has-photo){font-size:0!important}
body.hiring-mode .candidate-live-row.is-bulk-selected td{background:#f4f8ff!important}
body.hiring-mode .candidate-live-row.is-bulk-selected{box-shadow:inset 3px 0 0 #1265ef}
@media(max-width:980px){body.hiring-mode .hiring-screen{grid-template-columns:250px minmax(0,1fr)!important;padding:10px!important}body.hiring-mode .hiring-kpis{grid-template-rows:148px 72px!important}body.hiring-mode .hire-kpi.blue{width:148px;height:148px}body.hiring-mode .analytics-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.hiring-mode .analytics-card.conversion{grid-column:1/-1}}

/* Compact candidate preview: one clean detail list, square status/source tags, no redundant action strip. */
@media (min-width:721px){
  body.hiring-mode .candidate-preview-region{
    top:50%!important;right:20px!important;bottom:auto!important;
    width:min(330px,calc(100vw - 36px))!important;height:min(78vh,700px)!important;
    min-height:420px!important;transform:translateY(-50%)!important;
    border-radius:14px!important;box-shadow:0 18px 52px rgba(19,43,78,.2)!important;
  }
  body.hiring-mode .candidate-preview-card{padding:12px!important;gap:0!important}
  body.hiring-mode .candidate-preview-card>header{grid-template-columns:34px minmax(0,1fr) auto 24px!important;gap:8px!important;margin-bottom:10px!important}
  body.hiring-mode .candidate-preview-initials{width:34px!important;height:34px!important;font-size:11px!important}
  body.hiring-mode .candidate-preview-identity h2{font-size:12px!important;line-height:1.25!important}
  body.hiring-mode .candidate-preview-identity p{margin-top:3px!important;font-size:9px!important}
  body.hiring-mode .candidate-preview-open{height:28px!important;padding:0 8px!important;font-size:9px!important}
  body.hiring-mode .candidate-preview-close{width:24px!important;height:26px!important;font-size:18px!important}
  body.hiring-mode .candidate-preview-card dl{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;
    margin:0!important;padding:6px 9px!important;border:1px solid #edf2f8!important;
    border-radius:9px!important;background:#f8faff!important;
  }
  body.hiring-mode .candidate-preview-card dl div{
    display:grid!important;grid-template-columns:78px minmax(0,1fr)!important;align-items:center!important;
    gap:8px!important;padding:5px 2px!important;border-bottom:1px solid #e9eef5!important;
  }
  body.hiring-mode .candidate-preview-card dl div:last-child{border-bottom:0!important}
  body.hiring-mode .candidate-preview-card dl dt,
  body.hiring-mode .candidate-preview-card dl dd{font-size:10px!important;line-height:1.3!important}
  body.hiring-mode .candidate-preview-card dl dt{color:#71809a!important}
  body.hiring-mode .candidate-preview-card dl dd{font-weight:600!important;color:#182944!important}
  body.hiring-mode .candidate-preview-square-badge{
    display:inline-block!important;max-width:100%!important;padding:3px 6px!important;
    border:1px solid transparent!important;border-radius:4px!important;font-size:9px!important;
    line-height:1.2!important;font-weight:700!important;white-space:normal!important;
  }
  body.hiring-mode .candidate-preview-square-badge.stage-new{background:#eef1f6!important;color:#5f6f8c!important}
  body.hiring-mode .candidate-preview-square-badge.stage-bot{background:#e8f0ff!important;color:#1749c8!important}
  body.hiring-mode .candidate-preview-square-badge.stage-manager{background:#f0e7ff!important;color:#6b3ec8!important}
  body.hiring-mode .candidate-preview-square-badge.stage-interview{background:#dff6f2!important;color:#0f8a7e!important}
  body.hiring-mode .candidate-preview-square-badge.stage-hired{background:#e7f7ec!important;color:#157a3a!important}
  body.hiring-mode .candidate-preview-square-badge.stage-ignored{background:#eef1f6!important;color:#71809a!important}
  body.hiring-mode .candidate-preview-square-badge.stage-fired,
  body.hiring-mode .candidate-preview-square-badge.stage-rejected{background:#fdeaea!important;color:#bd3434!important}
  body.hiring-mode .candidate-preview-square-badge.source-avito{background:#eaf1ff!important;color:#1749c8!important}
  body.hiring-mode .candidate-preview-square-badge.source-telegram{background:#e4f6ff!important;color:#08749c!important}
  body.hiring-mode .candidate-preview-conversation{margin-top:10px!important}
  body.hiring-mode .candidate-preview-conversation-head{padding:0 1px 6px!important}
  body.hiring-mode .candidate-preview-conversation-head b{font-size:11px!important}
  body.hiring-mode .candidate-preview-conversation-head button{font-size:9px!important}
  body.hiring-mode .candidate-preview-thread{min-height:70px!important;padding:3px 4px 6px!important}
  body.hiring-mode .candidate-preview-thread article{margin:5px 0!important;padding:7px 8px!important;border-radius:8px!important;font-size:9px!important}
  body.hiring-mode .candidate-preview-thread article small{font-size:8px!important}
  body.hiring-mode .candidate-preview-compose{display:flex!important;align-items:center!important;gap:8px!important;height:34px!important;margin-top:7px!important;padding:0 8px!important;border:1px solid #dfe8f5!important;border-radius:7px!important;background:#fff!important;color:#687a97!important}
  body.hiring-mode .candidate-preview-compose input{flex:1!important;min-width:0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;font-size:9px!important}
  body.hiring-mode .candidate-preview-compose button{width:24px!important;height:24px!important;border:0!important;border-radius:5px!important;background:#0d66ed!important;color:#fff!important;font-size:12px!important;cursor:pointer}
}
@media(max-width:720px){body.hiring-mode .hiring-screen{display:flex!important;flex-direction:column!important;gap:8px!important;padding:8px!important}body.hiring-mode .hiring-head{padding:2px 4px 4px!important}body.hiring-mode .hiring-head h1{font-size:18px!important}body.hiring-mode .hiring-head p{max-width:230px;font-size:9px!important}body.hiring-mode .hiring-range-button{height:29px;padding:0 7px;font-size:8px!important}body.hiring-mode .hiring-kpis{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:136px 66px!important;gap:6px!important}body.hiring-mode .hire-kpi.blue{width:136px;height:136px}body.hiring-mode .hire-kpi:not(.blue){padding:5px!important;grid-template-columns:22px minmax(0,1fr)!important;gap:2px 4px!important}body.hiring-mode .hire-kpi:not(.blue)>i{width:21px!important;height:21px!important;font-size:10px!important}body.hiring-mode .hire-kpi:not(.blue) span{font-size:7px!important}body.hiring-mode .hire-kpi:not(.blue) strong{font-size:11px!important}body.hiring-mode .funnel-analytics{padding:10px!important}body.hiring-mode .analytics-body{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.hiring-mode .analytics-card{min-height:62px!important}body.hiring-mode .analytics-card.conversion{grid-column:1/-1;min-height:45px!important}body.hiring-mode .candidates-table th:nth-child(1),body.hiring-mode .candidates-table td:nth-child(1),body.hiring-mode .candidates-table th:nth-child(5),body.hiring-mode .candidates-table td:nth-child(5),body.hiring-mode .candidates-table th:nth-child(7),body.hiring-mode .candidates-table td:nth-child(7),body.hiring-mode .candidates-table th:nth-child(8),body.hiring-mode .candidates-table td:nth-child(8){display:none!important}body.hiring-mode .candidates-table th:nth-child(6),body.hiring-mode .candidates-table td:nth-child(6){display:table-cell!important}body.hiring-mode .candidates-table .col-select,body.hiring-mode .candidates-table .col-vacancy,body.hiring-mode .candidates-table .col-responsible,body.hiring-mode .candidates-table .col-menu{display:none!important}body.hiring-mode .candidates-table .col-candidate{width:53%!important}body.hiring-mode .candidates-table .col-status{width:27%!important}body.hiring-mode .candidates-table .col-date{width:20%!important}body.hiring-mode .candidates-table th,body.hiring-mode .candidates-table td{padding:7px 5px!important}body.hiring-mode .candidate-name{font-size:9px!important}body.hiring-mode .candidate-name-stack small{font-size:8px!important}body.hiring-mode .initials.avatar{width:28px!important;height:28px!important;flex-basis:28px!important}body.hiring-mode .candidate-live-row.is-bulk-selected .candidate-name-cell .initials.avatar:after{font-size:15px!important}.candidate-preview-region{inset:0!important;width:100%!important;height:100dvh!important;min-height:0!important;border-radius:0!important;transform:none!important}}