/* ============================================
   DIRECTOR.CSS — Захирлын дашбоардын нэмэлт styles
   admin.css-ийн бүтцийг reuse хийнэ
   ============================================ */

/* Role badge */
.d-role-badge { padding:4px 12px; background:var(--gold-subtle); border-radius:20px; font-size:0.6875rem; font-weight:700; color:var(--gold-hover); }

/* Page header with action button */
.d-page-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }
.d-page-header .d-page-title { margin-bottom:0; }

/* Staff performance bars */
.dir-staff-summary { display:flex; flex-direction:column; gap:14px; }
.dir-staff-row { display:flex; align-items:center; gap:12px; }
.dir-staff-name { font-size:0.8125rem; font-weight:600; color:var(--gray-700); width:90px; flex-shrink:0; }
.dir-bar { flex:1; height:8px; background:var(--gray-100); border-radius:4px; overflow:hidden; }
.dir-bar-fill { height:100%; background:var(--gold); border-radius:4px; transition:width 0.6s ease; }
.dir-staff-pct { font-size:0.8125rem; font-weight:700; color:var(--gray-900); width:36px; text-align:right; }

@media(max-width:768px) {
    .d-page-header { flex-direction:column; align-items:flex-start; gap:12px; }
    .dir-staff-name { width:70px; }
}