
/* ============================================================
   Step 16 — titles readable everywhere (root fix), stop the
   old auto-recolour flicker, student cards = clean dropdowns,
   3D buttons.
   ============================================================ */

/* ---- gradient / dark headers always take WHITE ink ---- */
#adminShell .admin-bar, #adminShell .admin-bar *,
body.tl-palette .admin-bar, body.tl-palette .admin-bar *,
#adminShell .admin-bar h2,
body.tl-palette .gsx-h, body.tl-palette .gsx-h *,
#adminShell .gsx-h, #adminShell .gsx-h *,
#adminShell .stats-title, #adminShell .stats-title *,
body.tl-palette .passport-dl .pd-h, body.tl-palette .passport-dl .pd-h *,
#adminShell .passport-dl .pd-h, #adminShell .passport-dl .pd-h *,
.back-menu.to-menu, .back-menu.to-menu *,
body.tl-palette .display-hero, body.tl-palette .display-hero *,
body.tl-palette .tf-hero, body.tl-palette .tf-hero *,
.tm-hero, .tm-hero *, .bs-hero, .bs-hero *, .ag-hero, .ag-hero *,
.hd-hero, .hd-hero *, .lt-hero, .lt-hero *, .so-hero, .so-hero *,
.hl-hero, .hl-hero *, .bf-hero, .bf-hero *, .rc-hero, .rc-hero *,
.ap-hero, .ap-hero *, .v48-at-live, .v48-at-live *{
  color:#ffffff !important;
  text-shadow:0 1px 2px rgba(0,0,0,.28);
}
#adminShell .admin-bar .ab-ic svg{ stroke:#fff !important; }

/* ---- default ink for the dark admin panel body ---- */
#adminShell{ color:#e9eef2; }
#adminShell summary, #adminShell .adm-drop > summary,
#adminShell .adm-drop > summary span, #adminShell .pr-sec > summary{
  color:#eef4f8 !important;
}
#adminShell label, #adminShell .fcount, #adminShell .apA-today,
#adminShell .f12-txt, #adminShell .f12-bar, #adminShell .f12-bar *,
#adminShell .pr-row .meta, #adminShell .pr-row .desc,
#adminShell .apA-row .when, #adminShell .apA-row .msg{
  color:#cdd8e0 !important;
}
#adminShell .f12-h, #adminShell .pr-row .who, #adminShell .apA-row b{ color:#f4f8fb !important; }

/* ---- white cards inside the dark panel keep DARK ink ---- */
#adminShell .admin-card, #adminShell .admin-card *{ color:#1b1712 !important; }
#adminShell .admin-card .ac-nm b{ color:#12100c !important; }
#adminShell .admin-card .ac-nm span{ color:#5b5048 !important; }
#adminShell .admin-card .ac-badge.off{ color:#8a7f74 !important; }
#adminShell .gsx-card, #adminShell .gsx-card *,
#adminShell .gsx-b, #adminShell .gsx-b *{ color:#123038 !important; }
#adminShell .gsx-h b{ color:#fff !important; }
#adminShell .apA-days button, #adminShell .apA-days button *{ color:#33404c !important; }
#adminShell .apA-days button.on, #adminShell .apA-days button.on *{ color:#ffffff !important; }
#adminShell input, #adminShell select, #adminShell textarea{
  color:#12202a !important; background:#fff !important;
}

/* the student-side appointment day cards (not admin) */
.ap-days button, .ap-days button *{ color:#33404c !important; }
.ap-days button.on, .ap-days button.on *{ color:#ffffff !important; }

/* ---- student card: collapsed shows only name; details on "Ko'rish" ---- */
#adminShell .admin-card:not(.open) .ac-badges{ display:none !important; }
#adminShell .admin-card .ac-head{ flex-wrap:wrap; }
#adminShell .ac-tools{
  display:flex; gap:8px; margin-left:auto; align-items:center;
}
#adminShell .ac-see, #adminShell .ac-pdf{
  border:0; border-radius:10px; padding:8px 12px; font:inherit; font-weight:800;
  font-size:12px; cursor:pointer; color:#fff;
}
#adminShell .ac-see{ background:linear-gradient(135deg,#0891b2,#0e7490); }
#adminShell .ac-pdf{ background:linear-gradient(135deg,#7c3aed,#5b21b6); }
#adminShell .admin-card.open .ac-see{ background:linear-gradient(135deg,#334155,#1e293b); }
/* trash: clearly red */
#adminShell .ac-del{
  background:#dc2626 !important; color:#fff !important;
  border:1.5px solid #b91c1c !important;
}
#adminShell .ac-del svg{ stroke:#fff !important; }
#adminShell .ac-del:hover{ background:#b91c1c !important; }

/* ---- 3D buttons everywhere ---- */
#adminShell .admin-btn, #adminShell .admin-btn.menu,
#adminShell .ac-see, #adminShell .ac-pdf, #adminShell .pd15,
#adminShell .adm-drop > summary,
.start, #loginGo, #regGo, .auth-btn, .v44-btn, .wk-go,
.ap-slot, .ap-week button, .ap-days button, .rvw-actions button,
.f11-actions button, .pr-btns button, .apA-btns button{
  box-shadow:0 6px 0 -2px rgba(0,0,0,.28), 0 12px 22px -12px rgba(0,0,0,.55),
             inset 0 1px 0 rgba(255,255,255,.22) !important;
  transition:transform .07s ease, box-shadow .12s ease !important;
}
#adminShell .admin-btn:active, #adminShell .admin-btn.menu:active,
#adminShell .ac-see:active, #adminShell .ac-pdf:active, #adminShell .pd15:active,
.start:active, #loginGo:active, #regGo:active, .auth-btn:active,
.ap-slot:active, .rvw-actions button:active, .f11-actions button:active,
.pr-btns button:active, .apA-btns button:active{
  transform:translateY(3px) !important;
  box-shadow:0 2px 0 -1px rgba(0,0,0,.3), 0 4px 10px -6px rgba(0,0,0,.5),
             inset 0 2px 6px rgba(0,0,0,.22) !important;
}
#adminShell .admin-btn.menu, #adminShell .admin-btn.menu *{
  color:#f4f8fa !important;
}
#adminShell .admin-btn.menu{
  background:linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,.07)) !important;
  border:1px solid rgba(255,255,255,.2) !important;
}
