/* ===== Step 8: real contrast fix for the coloured admin panels + appt day filter ===== */

/* The admin overlay is ALWAYS dark (rgba(14,20,24,.92)), regardless of the
   app theme. So every coloured panel inside it needs light ink, in both
   light and dark app modes. Do it explicitly instead of guessing. */

/* filter bar */
#adminShell .admin-filters{
  background:linear-gradient(135deg, rgba(14,165,233,.16), rgba(34,197,94,.12)) !important;
}
#adminShell .admin-filters .fl label,
#adminShell .admin-filters label{
  color:#cfe0e8 !important;
}
#adminShell .admin-filters .fcount,
#adminShell .admin-filters span{ color:#dbe7ee !important; }

/* passport-download card */
#adminShell .passport-dl,
#adminShell [class*="passport"]{ }
#adminShell .passport-dl .pd-h,
#adminShell .passport-dl h3,
#adminShell [class*="passport"] h3,
#adminShell [class*="passport"] .pd-h,
#adminShell [class*="pdown"] h3{
  color:#eafaf1 !important;
}
#adminShell .passport-dl .pd-note,
#adminShell [class*="passport"] p,
#adminShell [class*="pdown"] p{ color:#c9d9d1 !important; }
#adminShell .passport-dl .pd-filter,
#adminShell [class*="passport"] [class*="filter"]{ color:#e7f2ec !important; }

/* "Umumiy statistika" heading + the infografika card heading */
#adminShell .stats-title,
#adminShell .stats-title *,
#adminShell [class*="stats-title"],
#adminShell [class*="gs-"] h3,
#adminShell [class*="gs-"] .gs-title,
#adminShell [class*="infograf"] h3{
  color:#eafaf1 !important;
}
#adminShell [class*="gs-"] .gs-sub,
#adminShell [class*="infograf"] .sub{ color:#c9d9d1 !important; }

/* the 5 metric cards + the infografika mini-cards */
#adminShell .stat-card, #adminShell [class*="stat-card"],
#adminShell [class*="gs-card"], #adminShell [class*="gs-tile"]{ color:#e7edf2 !important; }
#adminShell .stat-card b, #adminShell .stat-card .v,
#adminShell [class*="stat-card"] b, #adminShell [class*="gs-card"] b{ color:#ffffff !important; }
#adminShell .stat-card span, #adminShell [class*="stat-card"] span,
#adminShell [class*="gs-card"] span{ color:#c3d0d8 !important; }
/* section sub-headings inside infografika ("Jins taqsimoti" etc.) */
#adminShell [class*="gs-"] h4,
#adminShell [class*="gs-"] [class*="head"]{ color:#8fe3c0 !important; }

/* --- admin header buttons centered --- */
#adminOv .admin-head .sp,
#adminShell .admin-head .sp,
#adminOv .ah-actions,
#adminShell .sp{
  justify-content:center !important;
  flex-wrap:wrap;
}

/* --- appointment admin day cards --- */
.apA-days{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px}
.apA-days button{
  border:1.5px solid #cbd5e1;background:#fff;font:inherit;font-weight:700;font-size:12.5px;
  color:#334155;padding:9px 13px;border-radius:12px;cursor:pointer;min-width:92px;text-align:center;
}
.apA-days button .d{display:block;font-size:11px;font-weight:600;color:#94a3b8;margin-top:2px}
.apA-days button.on{border-color:#1e293b;background:#1e293b;color:#fff}
.apA-days button.on .d{color:#cbd5e1}
.apA-days button.today{box-shadow:0 0 0 2px #22c55e}
body.tl-dark .apA-days button{background:#1b2330;color:#e7edf2;border-color:#2b3946}
body.tl-dark .apA-days button.on{background:#e7edf2;color:#1b2330}
.apA-today{font-size:12px;font-weight:700;color:#64748b;margin-bottom:8px}
body.tl-dark .apA-today{color:#9fb0b6}