/* Reference-aligned HR dashboard. All figures and categories still come from saved records. */
.hr-workbench { color: #273349; }
.hr-wb-banner { position: relative; display: flex; align-items: center; height: 80px; margin-bottom: 10px; padding: 0 24px; overflow: hidden; border-radius: 9px; background: linear-gradient(104deg, #2279ed 0%, #657de9 46%, #a655e6 100%); color: #fff; }
.hr-wb-banner span { position: relative; z-index: 1; font-size: 32px; font-weight: 700; letter-spacing: 2px; white-space: nowrap; }
.hr-wb-banner strong { position: absolute; left: 210px; top: -39px; color: rgba(255,255,255,.09); font-size: 128px; font-weight: 900; letter-spacing: 12px; white-space: nowrap; pointer-events: none; }
.hr-wb-banner::after { content: ''; position: absolute; right: 12px; width: 280px; height: 100%; opacity: .18; background: repeating-linear-gradient(135deg, transparent 0 56px, #fff 57px 72px, transparent 73px 120px); transform: skewX(-15deg); }
.hr-wb-banner .hr-wb-refresh { position: relative; z-index: 1; min-height: 36px; margin-left: auto; border: 1px solid rgba(255,255,255,.6); background: rgba(255,255,255,.16); color: #fff; }
.hr-wb-banner .hr-wb-refresh:hover { background: rgba(255,255,255,.25); }
.hr-workbench .hr-wb-hero { margin-bottom: 8px; padding: 17px 18px; border: 0; border-radius: 10px; }
.hr-workbench .hr-wb-shortcuts { gap: 6px; }
.hr-workbench .hr-wb-shortcuts button { min-height: 100px; gap: 8px; border-radius: 9px; }
.hr-workbench .hr-wb-shortcuts button > span { font-size: 14px; }
.hr-workbench .hr-wb-shortcut-icon { width: 42px; height: 42px; }
.hr-workbench .hr-wb-stat-cards { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-bottom: 8px; padding: 0; border: 0; background: transparent; }
.hr-workbench .hr-wb-stat-cards article { position: relative; display: flex; min-width: 0; min-height: 128px; flex-direction: column; justify-content: space-between; padding: 14px 16px 20px; overflow: hidden; border: 0; border-radius: 8px; color: #fff; text-align: center; }
.hr-workbench .hr-wb-stat-cards article::after { content: ''; position: absolute; top: -48px; right: -28px; width: 150px; height: 115px; border: 15px solid rgba(255,255,255,.16); border-radius: 42%; transform: rotate(-22deg); pointer-events: none; }
.hr-workbench .hr-wb-stat-cards span { position: relative; z-index: 1; color: #fff; font-size: 13px; font-weight: 600; }
.hr-workbench .hr-wb-stat-cards strong { position: relative; z-index: 1; color: #fff; font-size: 34px; font-weight: 400; line-height: 1; }
.hr-wb-stat-0 { background: linear-gradient(120deg, #ffbc53, #ffad39); }
.hr-wb-stat-1 { background: linear-gradient(120deg, #ff967b, #ff896f); }
.hr-wb-stat-2 { background: linear-gradient(120deg, #a968ed, #a85dea); }
.hr-wb-stat-3 { background: linear-gradient(120deg, #29bdd0, #15bad0); }
.hr-wb-stat-4 { background: linear-gradient(120deg, #5798f5, #4d88eb); }
.hr-wb-stat-5 { background: linear-gradient(120deg, #42c5a8, #30bba2); }
.hr-wb-overview-note { margin: 0 0 8px; padding: 8px 12px; border-radius: 6px; background: #fff8e9; color: #805f24; font-size: 12px; }
.hr-wb-dashboard { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; gap: 8px; }
.hr-wb-left { display: grid; grid-template-rows: auto minmax(0, 1fr); gap: 8px; min-width: 0; }
.hr-workbench .hr-wb-filters { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: stretch; gap: 8px; margin: 0; }
.hr-workbench .hr-wb-filters label { display: grid; gap: 7px; min-width: 0; padding: 10px; border-radius: 8px; background: #fff; color: #4a5364; font-size: 12px; }
.hr-workbench .hr-wb-filters input, .hr-workbench .hr-wb-filters select { width: 100%; max-width: none; min-width: 0; min-height: 32px; padding: 4px 9px; border: 1px solid #e1e5ed; border-radius: 5px; }
.hr-workbench .hr-wb-filters > button { align-self: center; min-height: 36px; }
.hr-workbench .hr-wb-card { border: 0; border-radius: 9px; padding: 12px; }
.hr-workbench .hr-wb-card h2 { margin-bottom: 12px; font-size: 14px; font-weight: 500; }
.hr-wb-monthly, .hr-wb-flow { display: flex; min-height: 385px; flex-direction: column; }
.hr-wb-monthly .hr-wb-table, .hr-wb-flow .hr-wb-table { flex: 1; height: 300px; }
.hr-workbench .hr-wb-table th { background: #fbf5ff; color: #8b45bf; }
.hr-workbench .hr-wb-table td, .hr-workbench .hr-wb-table th { padding: 9px 8px; }
.hr-workbench .hr-wb-table .hr-wb-empty { text-align: center; color: #7c899b; }
.hr-wb-flow .hr-wb-note, .hr-wb-monthly .hr-wb-note { margin: 10px 0 0; }
.hr-workbench .hr-wb-metric-note { margin: 8px 4px 10px; }
.hr-workbench .hr-wb-charts { gap: 8px; }
.hr-workbench .hr-wb-chart { min-height: 285px; }
.hr-workbench .hr-wb-chart h2 { margin-bottom: 4px; }
.hr-workbench .hr-wb-personnel { margin-top: 8px; }
.hr-workbench .hr-wb-personnel .hr-wb-table { height: 275px; }
.hr-workbench .hr-wb-quality { margin-top: 8px; }
.hr-workbench .hr-wb-quality .hr-wb-roster { border: 1px solid #e9edf2; }
.hr-workbench .hr-wb-quality .hr-wb-note { margin: 8px 0 0; }
@media (max-width: 1450px) {
  .hr-wb-dashboard { grid-template-columns: minmax(0, 1fr); }
  .hr-workbench .hr-wb-stat-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .hr-wb-banner { height: 64px; padding: 0 16px; }
  .hr-wb-banner span { font-size: 23px; }
  .hr-wb-banner strong { left: 155px; top: -9px; font-size: 57px; }
  .hr-workbench .hr-wb-hero { padding: 10px 6px; }
  .hr-workbench .hr-wb-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .hr-workbench .hr-wb-shortcuts button { min-height: 84px; }
  .hr-workbench .hr-wb-shortcuts button > span { font-size: 12px; }
  .hr-workbench .hr-wb-stat-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hr-workbench .hr-wb-stat-cards article { min-height: 104px; padding: 12px; }
  .hr-workbench .hr-wb-stat-cards strong { font-size: 29px; }
  .hr-workbench .hr-wb-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .hr-workbench .hr-wb-filters > button { min-height: 44px; }
  .hr-wb-monthly, .hr-wb-flow { min-height: 320px; }
  .hr-workbench .hr-wb-card h2 > span { flex-wrap: wrap; }
}