/* ═══════════════════════════════════════════
   HRM DEMO — DASHBOARD
   ═══════════════════════════════════════════ */

/* ─── STAT CARDS ─── */
.hrm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}
.hrm-stat{animation:fadeInUp .5s var(--ease) both}
.hrm-stat:nth-child(1){animation-delay:0s}
.hrm-stat:nth-child(2){animation-delay:.06s}
.hrm-stat:nth-child(3){animation-delay:.12s}
.hrm-stat:nth-child(4){animation-delay:.18s}
.hrm-stat:nth-child(5){animation-delay:.24s}
.hrm-stat:nth-child(6){animation-delay:.3s}

.hrm-stat-inner{display:flex;align-items:center;gap:16px;padding:20px}
.hrm-stat-icon{
  width:48px;height:48px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;flex-shrink:0;
}
.hrm-stat-icon.blue{background:rgba(96,165,250,.12);color:#60a5fa}
.hrm-stat-icon.green{background:rgba(52,211,153,.12);color:#34d399}
.hrm-stat-icon.amber{background:rgba(251,191,36,.12);color:#fbbf24}
.hrm-stat-icon.red{background:rgba(251,113,133,.12);color:#fb7185}
.hrm-stat-icon.purple{background:rgba(167,139,250,.12);color:#a78bfa}
.hrm-stat-icon.pink{background:rgba(244,114,182,.12);color:#f472b6}

.hrm-stat-body{flex:1;min-width:0}
.hrm-stat-value{font-size:1.55rem;font-weight:800;line-height:1.2;font-family:var(--en)}
.hrm-stat-label{font-size:.75rem;color:var(--dim);margin-top:2px}

.hrm-stat-change{font-size:.68rem;font-weight:600;display:flex;align-items:center;gap:3px;flex-shrink:0}
.hrm-stat-change i{font-size:.5rem}
.hrm-stat-change.up{color:#34d399}
.hrm-stat-change.down{color:#fb7185}

/* ─── GRID ─── */
.hrm-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.hrm-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-bottom:14px}

/* ─── PANEL ─── */
.hrm-panel-head{
  padding:18px 20px 14px;display:flex;justify-content:space-between;align-items:center;
  border-bottom:1px solid var(--border);
}
.hrm-panel-head h3{font-size:.88rem;font-weight:700;display:flex;align-items:center;gap:8px}
.hrm-panel-head h3 i{color:var(--muted);font-size:.82rem}
.hrm-panel-body{padding:20px}

/* ─── BAR CHART ─── */
.hrm-bar-item{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.hrm-bar-item:last-child{margin-bottom:0}
.hrm-bar-label{font-size:.78rem;color:rgba(255,255,255,.9);width:120px;text-align:right;flex-shrink:0}
.hrm-bar-track{flex:1;height:26px;background:var(--surface2,rgba(255,255,255,.04));border-radius:6px;overflow:hidden}
.hrm-bar-fill{
  height:100%;border-radius:6px;
  display:flex;align-items:center;justify-content:flex-end;padding-right:10px;
  transition:width .8s var(--ease);
}
.hrm-bar-fill span{font-size:.7rem;font-weight:700;color:#fff}

/* ─── DEPT LIST ─── */
.hrm-dept-list{display:flex;flex-direction:column;gap:10px}
.hrm-dept-item{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 16px;border-radius:8px;
  background:rgba(255,255,255,.015);border:1px solid rgba(255,255,255,.04);
  transition:all .15s;
}
.hrm-dept-item:hover{border-color:rgba(129,140,248,.12);background:rgba(129,140,248,.02)}
.hrm-dept-left{display:flex;align-items:center;gap:10px}
.hrm-dept-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.hrm-dept-name{font-size:.82rem;font-weight:600}
.hrm-dept-count{font-size:.88rem;font-weight:800;font-family:var(--en);color:var(--text)}
.hrm-dept-sub{font-size:.68rem;color:var(--dim);margin-left:4px;font-weight:400}

/* ─── TABLE ─── */
.hrm-table-wrap{overflow-x:auto}

/* ─── COMMON FILTER BAR ─── */
.hrm-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:16px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:14px;margin-bottom:20px}
.hrm-filter-search{flex:1;min-width:200px;position:relative}
.hrm-filter-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.3);font-size:.8rem;pointer-events:none}
.hrm-filter-search input{width:100%;padding:9px 12px 9px 36px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.85);font-size:.82rem;outline:none;transition:border-color .2s;box-sizing:border-box}
.hrm-filter-search input::placeholder{color:rgba(255,255,255,.3)}
.hrm-filter-search input:focus{border-color:rgba(99,102,241,.5);box-shadow:0 0 0 3px rgba(99,102,241,.1)}
.hrm-filter-select{padding:9px 32px 9px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);color:rgba(255,255,255,.7);font-size:.82rem;outline:none;cursor:pointer;min-width:120px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.4)' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:border-color .2s}
.hrm-filter-select:focus{border-color:rgba(99,102,241,.5)}
.hrm-filter-select option{background:#14141e;color:rgba(255,255,255,.85)}
.hrm-filter-reset{display:inline-flex;align-items:center;gap:5px;padding:8px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:rgba(255,255,255,.45);font-size:.78rem;cursor:pointer;transition:all .2s;white-space:nowrap}
.hrm-filter-reset:hover{border-color:rgba(99,102,241,.3);color:#818cf8;background:rgba(99,102,241,.06)}
.hrm-filter-reset i{font-size:.7rem}
.hrm-filter-summary{font-size:.8rem;color:rgba(255,255,255,.45);margin-left:auto;white-space:nowrap}
.hrm-filter-summary strong{color:rgba(255,255,255,.7);font-weight:700}

/* ─── COMMON PAGINATION ─── */
.hrm-pagination{display:flex;justify-content:center;gap:4px;padding:20px 0}
.hrm-page-btn{padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.06);background:transparent;color:rgba(255,255,255,.5);font-size:.78rem;cursor:pointer;transition:all .15s}
.hrm-page-btn:hover{border-color:rgba(99,102,241,.3);color:#818cf8}
.hrm-page-btn.active{background:#818cf8;color:#fff;border-color:#818cf8}
.hrm-page-btn:disabled{opacity:.3;cursor:default}

/* ─── SCHEDULE WIDGET ─── */
.sch-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s}
.sch-item:hover{background:rgba(255,255,255,.02);border-radius:8px;padding-left:8px;padding-right:8px}
.sch-item:last-child{border-bottom:none}
.sch-time{font-size:.72rem;font-weight:700;font-family:'SF Mono','Fira Code',monospace;padding:5px 10px;border-radius:20px;flex-shrink:0;color:#fff}
.sch-time.bg-blue{background:rgba(96,165,250,.18);color:#60a5fa}
.sch-time.bg-amber{background:rgba(251,191,36,.18);color:#fbbf24}
.sch-time.bg-green{background:rgba(52,211,153,.18);color:#34d399}
.sch-time.bg-purple{background:rgba(167,139,250,.18);color:#a78bfa}
.sch-time.bg-gray{background:rgba(148,163,184,.18);color:#94a3b8}
.sch-body{flex:1;display:flex;flex-direction:column;min-width:0}
.sch-title{font-size:.82rem;font-weight:700;color:rgba(255,255,255,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sch-sub{font-size:.7rem;color:rgba(255,255,255,.35);margin-top:2px}
.sch-badge{font-size:.65rem;font-weight:600;padding:3px 8px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;gap:4px;color:#fff}
.sch-badge i{font-size:.55rem}
.sch-badge.bg-blue{background:rgba(96,165,250,.15);color:#60a5fa}
.sch-badge.bg-amber{background:rgba(251,191,36,.15);color:#fbbf24}
.sch-badge.bg-green{background:rgba(52,211,153,.15);color:#34d399}
.sch-badge.bg-purple{background:rgba(167,139,250,.15);color:#a78bfa}
.sch-badge.bg-gray{background:rgba(148,163,184,.15);color:#94a3b8}

@media(max-width:1200px){.hrm-stats{grid-template-columns:repeat(2,1fr)}.hrm-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:768px){.hrm-stats{grid-template-columns:repeat(2,1fr);gap:10px}.hrm-grid{grid-template-columns:1fr;gap:12px}.hrm-grid-3{grid-template-columns:1fr;gap:12px}.hrm-filter{flex-direction:column}.hrm-filter-search{width:100%}.hrm-filter-select{width:100%}}
@media(max-width:420px){.hrm-stats{grid-template-columns:1fr}}