/* HR components. Same look as the rest of the CRM. */
.hr-bar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}
.hr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:.8rem;margin-bottom:1.2rem}
.hr-card{background:#fff;border:1px solid var(--line);border-radius:6px;padding:.9rem 1rem;border-top:4px solid var(--brand)}
.hr-card.warn{border-top-color:#f59e0b} .hr-card.bad{border-top-color:#dc2626}
.hr-card small{display:block;color:var(--muted);font-weight:600;font-size:.78rem}
.hr-card b{display:block;font-size:1.9rem;line-height:1.1;margin:.2rem 0;font-variant-numeric:tabular-nums}
.hr-card span{color:var(--muted);font-size:.75rem}
.hr-panel{background:#fff;border:1px solid var(--line);border-radius:6px;padding:1rem 1.1rem;margin-bottom:1.2rem}
.hr-panel h2{font-size:1.02rem;margin:0 0 .8rem;font-family:inherit}
.hr-count{display:inline-block;min-width:1.5rem;text-align:center;padding:0 .4rem;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:.8rem}
.hr-review{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.hr-review li{display:flex;justify-content:space-between;align-items:center;gap:.8rem;flex-wrap:wrap;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px}
.hr-review small{display:block;color:var(--muted)}
.hr-act{display:flex;gap:.4rem} .hr-act form{margin:0}
.hr-scroll{overflow-x:auto}
.hr-table{width:100%;border-collapse:collapse;font-size:.9rem;font-variant-numeric:tabular-nums}
.hr-table th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:.5rem .6rem;border-bottom:2px solid var(--line);white-space:nowrap}
.hr-table td{padding:.55rem .6rem;border-bottom:1px solid var(--line);white-space:nowrap}
.hr-table td.warn{color:#b45309;font-weight:700} .hr-table td.bad{color:#b91c1c;font-weight:700}
.hr-table small{color:var(--muted)}

@media (max-width:820px){
  .hr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hr-card b{font-size:1.6rem}
  .hr-review li{align-items:flex-start}
  .hr-table td,.hr-table th{padding:.45rem .5rem}
}

/* v108: same scale as the rest of the CRM */
.hr-card b{font-size:1.5rem}
.hr-panel h2{font-size:.95rem}
.hr-table{font-size:.875rem}
@media (max-width:820px){.hr-card b{font-size:1.35rem}}