.rec-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:12px;max-width:100%;scrollbar-width:thin}
.rec-tabs button{flex-shrink:0;white-space:nowrap}
.rec-tabs [aria-current=page]{background:#6d28d9;color:white;border-color:#6d28d9}
.rec-kpi{border-top:3px solid #8392a8}
.rec-kpi.rec-open{border-top-color:#7c3aed}
.rec-kpi.rec-new{border-top-color:#e9a117}
.rec-kpi.rec-hold{border-top-color:#5963ba}
.rec-kpi.rec-pending{border-top-color:#17a9d6}
.rec-kpi.rec-shortlisted{border-top-color:#22a565}
.cv-status.rec-open,.cv-status.rec-shortlisted{background:#e5f6ec;color:#187741}
.cv-status.rec-new,.cv-status.rec-on_hold{background:#fff3d4;color:#815800}
.cv-status.rec-hold{background:#eef0fc;color:#48549c}
.cv-status.rec-under_review{background:#e1f5fd;color:#006a91}
.cv-status.rec-draft,.cv-status.rec-closed,.cv-status.rec-cancelled,.cv-status.rec-not_suitable,.cv-status.rec-withdrawn{background:#eef1f5;color:#546174}
.rec-dialog label{display:grid;gap:7px;margin-block:9px}
.rec-dialog input,.rec-dialog select,.rec-dialog textarea{box-sizing:border-box;width:100%;min-width:0;max-width:100%;font:inherit;padding:10px;border:1px solid #dbe2ef;border-radius:10px;background:white;color:#182747;min-height:44px}
.rec-dialog textarea{resize:vertical}
.rec-dialog footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-bottom:8px}
.rec-dialog h2,.rec-dialog h3,.rec-dialog dd,.rec-dialog p{overflow-wrap:anywhere}
.rec-dialog .cv-dialog-body{overscroll-behavior:contain}
body.rec-dialog-open{overflow:hidden}
.rec-skill-grid,.rec-skill-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-block:16px}
.rec-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf0f6}
.rec-picker-row>div{min-width:0;overflow-wrap:anywhere}
.rec-picker-row bdi,.rec-table bdi,.rec-table small{display:block}
.rec-table td{overflow-wrap:anywhere}
.rec-error{padding:12px;border:1px solid #ffd6dd;background:#fff1f3;color:#a3203a;border-radius:10px;overflow-wrap:anywhere}
.rec-candidate-apps{grid-column:1/-1;min-width:0;max-width:100%}
.rec-linked{min-width:0;max-width:100%}
.rec-dialog .cv-info{margin-block:12px}
.rec-field-help{display:block;color:#64748b;font-size:13px;font-weight:400;line-height:1.6;margin-top:4px}
.rec-dialog{max-height:calc(100dvh - 24px)}
@media(max-width:600px){
 .rec-skill-grid,.rec-skill-comparison{grid-template-columns:minmax(0,1fr)}
 .rec-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);margin:auto;padding:0}
 .rec-dialog>header{gap:8px;padding:12px}
 .rec-dialog .cv-dialog-body{padding:14px}
 .rec-dialog>header h2{font-size:20px}
 .rec-dialog .cv-info>div{grid-template-columns:minmax(0,1fr)}
 .rec-dialog .cv-info dd{margin:0}
 .rec-dialog footer .cv-button{flex:1;min-height:44px}
 .rec-tabs{margin-bottom:6px}
 .rec-table td .cv-button{max-width:100%;white-space:normal}
}
.rec-interview-panel{margin-block-start:24px;border-block-start:1px solid #e8edf5;padding-block-start:16px;min-width:0}
.rec-interview-card,.rec-decision{padding:16px;margin-block:12px;border:1px solid #e6ecf3;border-radius:14px;background:#fbfcfe;overflow-wrap:anywhere}
.rec-interview-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.rec-interview-card p,.rec-decision p{line-height:1.65}
.rec-interview-card summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#5c33a2}
.rec-interview-card h4{margin-block:12px 4px}
.rec-hired{padding:14px;border-radius:12px;background:#e8f6ee;color:#176640}
.rec-suitable,.rec-accepted,.rec-hired.cv-status{background:#e8f6ee;color:#176640}
.rec-interviewed{background:#e5f4fb;color:#166b90}
.rec-reserve,.rec-another_interview{background:#eef0fc;color:#48549c}
.rec-rejected{background:#fbecee;color:#a22e41}
.rec-conversion-notice{grid-column:1/-1;padding:16px;background:#f3f5fc;border:1px solid #dce2f4;border-radius:12px;margin-block:12px;overflow-wrap:anywhere}
.rec-conversion-notice label{display:flex;gap:10px;align-items:center;min-height:44px}
.rec-conversion-notice input[type=checkbox]{width:20px;height:20px;flex:none}
@media(max-width:600px){.rec-interview-card,.rec-decision{padding:12px}.rec-interview-panel .cv-actions{flex-wrap:wrap}.rec-interview-form footer,.rec-final-form footer{flex-wrap:wrap}}
