/* ============================================================
   Step 23 — two contrast corrections
   1. "Uchrashuv vaqtlarini nazorat qilish" sits on a WHITE card,
      but earlier layers forced its text light -> make it dark.
   2. "Umumiy statistika va infografika" title stayed dark because
      feat-17's `.gsx-h b` (1,1,1) outranked feat-20's `.gsx-h *`
      (1,1,0) -> force the whole green header white with a higher
      specificity selector.
   ============================================================ */

/* ---- 1. appointment control panel: dark ink on its white card ---- */
#adminShell #apAdminSec,
#adminShell #apAdminSec div,
#adminShell #apAdminSec span,
#adminShell #apAdminSec b,
#adminShell #apAdminSec p,
#adminShell #apAdminSec label,
#adminShell #apAdminSec .apA-row b,
#adminShell #apAdminSec .apA-row .top b{
  color:#1b2733 !important;
}
#adminShell #apAdminSec .apA-today,
#adminShell #apAdminSec .apA-row .when,
#adminShell #apAdminSec .apA-row .msg,
#adminShell #apAdminSec .apA-empty{
  color:#475569 !important;
}
/* the action pills keep their own ink */
#adminShell #apAdminSec .apA-btns button.cancel{ color:#b91c1c !important; }
#adminShell #apAdminSec .apA-btns button.move{ color:#854d0e !important; }
#adminShell #apAdminSec .apA-btns button.msg{ color:#1e40af !important; }
#adminShell #apAdminSec .apA-btns button{ text-shadow:none !important; }
#adminShell #apAdminSec .apA-days button,
#adminShell #apAdminSec .apA-days button *{ color:#334155 !important; }
#adminShell #apAdminSec .apA-days button .d{ color:#94a3b8 !important; }
#adminShell #apAdminSec .apA-days button.on,
#adminShell #apAdminSec .apA-days button.on *{ color:#ffffff !important; }
#adminShell #apAdminSec .apA-days button.on .d{ color:#cbd5e1 !important; }

/* dark theme: the card goes dark, so flip the ink back */
body.tl-dark #adminShell #apAdminSec,
body.tl-dark #adminShell #apAdminSec div,
body.tl-dark #adminShell #apAdminSec span,
body.tl-dark #adminShell #apAdminSec b,
body.tl-dark #adminShell #apAdminSec .apA-row b,
body.tl-dark #adminShell #apAdminSec .apA-row .top b{
  color:#e7edf2 !important;
}
body.tl-dark #adminShell #apAdminSec .apA-today,
body.tl-dark #adminShell #apAdminSec .apA-row .when,
body.tl-dark #adminShell #apAdminSec .apA-row .msg,
body.tl-dark #adminShell #apAdminSec .apA-empty{
  color:#a9b8c2 !important;
}
body.tl-dark #adminShell #apAdminSec .apA-days button,
body.tl-dark #adminShell #apAdminSec .apA-days button *{ color:#e7edf2 !important; }
body.tl-dark #adminShell #apAdminSec .apA-days button.on,
body.tl-dark #adminShell #apAdminSec .apA-days button.on *{ color:#1b2330 !important; }

/* ---- 2. infografika header: the whole green bar is white ---- */
#adminShell .gsx-card .gsx-h,
#adminShell .gsx-card .gsx-h b,
#adminShell .gsx-card .gsx-h span,
#adminShell .gsx-card .gsx-h div,
#adminShell .gsx-card .gsx-h *,
body.tl-dark #adminShell .gsx-card .gsx-h b,
body.tl-dark #adminShell .gsx-card .gsx-h span,
body.tl-palette #adminShell .gsx-card .gsx-h b,
body.tl-palette #adminShell .gsx-card .gsx-h span{
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.3) !important;
}
#adminShell .gsx-card .gsx-h svg{ stroke:#ffffff !important; }
#adminShell .gsx-card .gsx-h .gsx-ay{
  background:rgba(255,255,255,.18) !important; color:#ffffff !important;
}