/* Yail.HR module-specific tweaks. The editorial shell (topbar, ph, form-card, data-table,
   empty-state, badges) ships from Yail.Shared.Web's yail-app-shell.css via the RCL. */

.hr-orgchart { display: grid; gap: 10px; }
.hr-orgchart .oc-node { display: flex; align-items: center; gap: 10px; }
.hr-orgchart .oc-line { color: var(--yail-stone, #8a8a8a); white-space: pre; font-family: ui-monospace, monospace; }
.hr-tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 4px 0 16px; }

.hr-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 4px 0 8px; }
.hr-stat { border: 1px solid var(--yail-line, #e6e0d6); border-radius: 12px; padding: 16px 18px; background: var(--yail-surface, #fff); }
.hr-stat .l { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .04em; opacity: .6; }
.hr-stat .v { display: block; font-size: 30px; font-weight: 650; line-height: 1.1; margin-top: 6px; }
.hr-stat .v.empty { opacity: .35; }
.hr-tab { display:inline-block; padding:6px 12px; border-radius:999px; border:1px solid var(--yail-line,#e6e0d6); font-size:13px; text-decoration:none; }
.hr-tab.on { background: var(--yail-coffee,#3b2f24); color:#fff; border-color: var(--yail-coffee,#3b2f24); }