/* Oameni: candidați, observații profesionale, evaluarea anuală, încetări și exit interview */

/* jurnalul observațiilor (ca în macheta HR: carduri cu eticheta POZITIVĂ / NEGATIVĂ / NEUTRĂ) */
.obs-list { display: flex; flex-direction: column; gap: 8px; }
.obs-it { border: 1px solid var(--border); border-left: 4px solid var(--border-strong); border-radius: var(--radius-sm); background: var(--bg-soft); padding: 7px 10px; min-width: 0; }
.obs-it.k-pozitiv { border-left-color: var(--green); }
.obs-it.k-negativ { border-left-color: var(--red); }
.obs-it.click { cursor: pointer; }
.obs-it.click:hover { border-color: var(--border-strong); background: #fff; }
.obs-top { display: flex; align-items: center; gap: 4px 8px; flex-wrap: wrap; font-size: 12.5px; min-width: 0; }
.obs-top .plink { font-size: 12.5px; }
.obs-text { margin-top: 3px; font-size: 13px; white-space: pre-wrap; overflow-wrap: anywhere; }
.clamp2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: anywhere; }
.pre { white-space: pre-wrap; overflow-wrap: anywhere; }

/* sumarul automat al evaluării */
.evsum { display: grid; grid-template-columns: minmax(0, 1fr) auto; margin: 0 0 6px; font-size: 13px; }
.evsum dt, .evsum dd { padding: 5px 0; border-bottom: 1px solid var(--border-soft); }
.evsum dt { color: var(--text-weak); }
.evsum dd { margin: 0; text-align: right; font-weight: 700; padding-left: 10px; }
.wide-btn { width: 100%; justify-content: center; margin-top: 10px; }
.evprog { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; }
.evprog .prog .bar { height: 8px; }

/* notele 1–5 */
.score { display: inline-flex; gap: 4px; flex: none; }
.score button { width: 30px; height: 28px; border: 1px solid var(--border-strong); border-radius: 6px; background: #fff; font-weight: 700; font-size: 13px; cursor: pointer; color: var(--text-weak); padding: 0; }
.score button:hover:not(:disabled) { border-color: var(--text-faint); color: var(--text); }
.score button:disabled { cursor: default; }
.score button.on { color: #fff; }
.score button.on.s1 { background: var(--red); border-color: var(--red); }
.score button.on.s2 { background: var(--orange); border-color: var(--orange); }
.score button.on.s3 { background: #d39b2a; border-color: #d39b2a; }
.score button.on.s4 { background: var(--blue); border-color: var(--blue); }
.score button.on.s5 { background: var(--green); border-color: var(--green); }
.crit { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 5px 10px; align-items: center; padding: 7px 0; border-bottom: 1px solid var(--border-soft); font-size: 13px; }
.crit .crit-note { grid-column: 1 / -1; }
.crit .inp.sm, .ck .inp.sm { width: 100%; padding: 0 8px; }
.ck .nowrap-row .inp.sm { width: 90px; }

/* dialogul de încetare: calculul în timp real */
.planbox { display: flex; flex-direction: column; gap: 8px; }
.planbox .notice ul, .hint-box ul { margin: 4px 0 0; }
.hints { margin: 4px 0 0; padding-left: 18px; font-size: 12.5px; color: var(--text-weak); }
.hints li { margin: 2px 0; }
details.hint-box summary { cursor: pointer; }

/* lista de predare */
.cklist { display: flex; flex-direction: column; }
.ck { display: flex; gap: 9px; align-items: flex-start; padding: 7px 0; border-bottom: 1px solid var(--border-soft); font-size: 13px; }
.ck:last-child { border-bottom: 0; }
.ck > input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--green); margin-top: 1px; flex: none; cursor: pointer; }
.ck .ck-b { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 3px; }
.ck .ck-b small { color: var(--text-weak); font-size: 12px; }
.ck.done > .ck-b > b { color: var(--green-text); }
.docs-list > div { padding: 7px 0; }
.nowrap-row { flex-wrap: nowrap; gap: 4px; }

/* exit interview */
.exit-ratings { display: flex; flex-direction: column; gap: 4px; }
.exit-ratings > div { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-size: 13px; min-width: 0; }
.exit-ratings > div > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.exit-rehire { display: flex; justify-content: space-between; gap: 10px; margin-top: 10px; padding: 8px 10px; border-radius: var(--radius-sm); background: var(--bg-soft); border: 1px solid var(--border-soft); font-size: 13px; }
.exit-link { display: block; margin-top: 10px; padding: 9px 12px; border-radius: var(--radius-sm); background: var(--brand-soft); border: 1px solid #f4c9bd; color: var(--brand-dark); font-size: 13px; font-weight: 600; }

/* indicatori: bare orizontale și bare stivuite, doar CSS */
.tbars { display: flex; flex-direction: column; gap: 6px; }
.tbars > div { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 2fr) 42px; gap: 8px; align-items: center; font-size: 12.5px; }
.tbars .bar { height: 10px; border-radius: 99px; background: var(--border-soft); overflow: hidden; }
.tbars .bar i { display: block; height: 100%; background: var(--brand); opacity: .82; border-radius: 99px; }
.tbars b { text-align: right; }
.stack-bar { display: flex; height: 14px; border-radius: 99px; overflow: hidden; background: var(--border-soft); }
.stack-bar i { display: block; height: 100%; }
.sb-g { background: var(--green); } .sb-n { background: #c4ccd5; } .sb-r { background: var(--red); }
.legend { display: flex; gap: 6px 14px; flex-wrap: wrap; font-size: 12px; color: var(--text-weak); margin-top: 6px; }
.legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 4px; vertical-align: -1px; }
.mbars { height: 104px; }
.mbars span { font-size: 9.5px; }
.stats-grid { align-items: start; }
.stats-grid .card { min-width: 0; }

@media (max-width: 760px) {
  .tbars > div { grid-template-columns: minmax(0, 1fr) 80px 34px; }
  .crit { grid-template-columns: minmax(0, 1fr); }
  .exit-ratings > div { flex-wrap: wrap; }
}
@media print {
  .page-head .ph-act, .toolbar, .tabs, .wide-btn, .crit-note:placeholder-shown { display: none !important; }
  .cols, .cols-1-1 { grid-template-columns: minmax(0, 1fr) !important; }
}