.hr-page,.hr-settings-page{padding-block:24px 48px;color:#183951}
.hr-page b,.hr-page strong,.hr-settings-page b,.hr-settings-page strong{font-weight:500}
.hr-page h1,.hr-settings-page h1{font-size:clamp(1.45rem,2vw,2rem);font-weight:500}
.hr-page h2,.hr-settings-page h2{font-size:1.13rem;font-weight:500;margin:.18rem 0 .35rem}
.hr-page h3,.hr-settings-page h3{font-size:1rem;font-weight:500}
.hr-page p,.hr-settings-page p{line-height:1.55}
.hr-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #d9e4ea;margin:14px 0 22px;padding:0 0 10px}
.hr-tabs button,.hr-settings-page .settings-tabs button{border:1px solid #d7e3e9;border-radius:12px;background:#fff;color:#28465c;padding:10px 14px;font:inherit;font-size:.83rem;cursor:pointer;min-height:42px}
.hr-tabs button.active,.hr-settings-page .settings-tabs button.active{background:#143e5b;color:#fff;border-color:#143e5b}
.hr-tabs button:hover:not(.active),.hr-settings-page .settings-tabs button:hover:not(.active){border-color:#6d91a8;background:#eef5f9}
.hr-notes-layout{display:grid;grid-template-columns:minmax(270px,350px) minmax(0,1fr);gap:20px;align-items:start}
.hr-calendar{padding:18px!important}
.hr-calendar-head,.hr-section-head,.hr-card-top,.hr-card-actions,.hr-form-actions,.hr-pages{display:flex;justify-content:space-between;gap:12px;align-items:center}
.hr-section-head{align-items:flex-start;margin-bottom:16px}
.hr-section-head p{margin:0;color:#5e7484;font-size:.83rem}
.hr-calendar-controls{display:flex;gap:6px}
.hr-calendar-controls button{min-width:40px}
.hr-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:14px}
.hr-calendar-weekday,.hr-calendar-empty,.hr-calendar-day{min-height:40px;display:grid;place-items:center;font-size:.79rem}
.hr-calendar-weekday{color:#607c8b;font-weight:500}
.hr-calendar-day{position:relative;border:1px solid transparent;border-radius:11px;background:#f3f7fa;color:#1a405a;cursor:pointer;font:inherit}
.hr-calendar-day:hover,.hr-calendar-day:focus-visible{border-color:#4c82a2;outline:none}
.hr-calendar-day.selected{background:#143e5b;color:#fff}
.hr-calendar-day.has-event i{position:absolute;right:2px;top:2px;display:grid;place-items:center;min-width:15px;height:15px;border-radius:50%;background:#d8893a;color:#fff;font-size:.56rem;font-style:normal}
.hr-day-panel{min-width:0}
.hr-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hr-interview-card,.hr-empty,.hr-offer-row,.hr-template-preview,.hr-offer-preview{border:1px solid #d9e5eb;border-radius:16px;background:#fff}
.hr-interview-card{padding:16px;min-width:0;box-shadow:0 6px 20px rgba(27,64,84,.04)}
.hr-interview-card h3{margin:12px 0 2px}
.hr-card-top time,.hr-position,.hr-offer-row small{font-size:.75rem;color:#667f8d}
.hr-notes-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;color:#36556a;min-height:44px;max-height:230px;overflow:auto}
.hr-card-actions{justify-content:flex-end;border-top:1px solid #edf2f5;padding-top:10px}
.hr-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#eaf2f6;color:#285572;font-size:.72rem;white-space:nowrap}
.hr-badge.completed,.hr-badge.sent{background:#e5f3eb;color:#176544}
.hr-badge.cancelled,.hr-badge.failed{background:#fae8e8;color:#9b3535}
.hr-badge.sending{background:#fff2db;color:#855407}
.hr-empty{padding:24px;color:#5e7484;grid-column:1/-1}
.hr-empty.hr-error{color:#9b3535}
.hr-form-card,.hr-offers-list,.hr-template-layout>.panel,.hr-mail-layout>.panel{padding:20px!important}
.hr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hr-page input,.hr-page select,.hr-page textarea,.hr-settings-page input,.hr-settings-page select{width:100%;min-width:0}
.hr-page textarea,.hr-settings-page textarea{resize:vertical}
.hr-form-actions{justify-content:flex-end;flex-wrap:wrap}
.hr-offer-preview{padding:16px;background:#f7fafc;min-height:80px;white-space:pre-line;overflow-wrap:anywhere}
.hr-offer-preview img,.hr-template-preview img{display:block;max-width:160px;max-height:76px;object-fit:contain;margin-bottom:14px}
.hr-form-result,.hr-test-result{font-size:.82rem;color:#31576b}
.hr-offer-rows{display:grid;gap:8px}
.hr-offer-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px}
.hr-offer-row>div{min-width:0}.hr-offer-row b,.hr-offer-row strong,.hr-offer-row small{display:block;overflow-wrap:anywhere}
.hr-offer-row b,.hr-offer-row strong{font-size:.83rem;font-weight:500}
.hr-pages{justify-content:center;margin-top:14px}
.hr-template-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:16px;align-items:start}
.hr-template-preview{white-space:pre-wrap;overflow-wrap:anywhere;position:sticky;top:18px}
.hr-template-preview>div{background:#f4f8fa;padding:14px;border-radius:12px}
.hr-offer-document{display:block;width:100%;height:min(70vh,700px);border:1px solid #d5e1e8;border-radius:12px;background:white}
.hr-mail-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px;align-items:start;margin-top:16px}
.hr-checkbox{display:flex!important;align-items:center;gap:8px;font-size:.82rem}
.hr-checkbox input{width:auto}
.hr-settings-page .settings-tabs{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.hr-notes-layout,.hr-template-layout,.hr-mail-layout{grid-template-columns:1fr}.hr-template-preview{position:static}}
@media(max-width:620px){.hr-page,.hr-settings-page{padding-block:14px 34px}.hr-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.hr-tabs button{font-size:.76rem;padding:8px}.hr-card-grid,.hr-form-grid{grid-template-columns:1fr}.hr-section-head{flex-wrap:wrap}.hr-offer-row{grid-template-columns:minmax(0,1fr) auto}.hr-offer-row>div:nth-child(2){grid-column:1}.hr-offer-row>.hr-badge{grid-column:2;grid-row:1}.hr-offer-row>button{grid-column:2;grid-row:2}.hr-form-actions>*{flex:1 1 130px}}