/* ===== Step 6: dark-mode contrast + rounded corners + sidebar grouping ===== */

/* --- round every rectangular block in the admin panel --- */
#adminShell details,
#adminShell summary,
#adminShell table, #adminShell thead, #adminShell tbody, #adminShell tr,
#adminShell th, #adminShell td,
#adminShell button, #adminShell select, #adminShell input, #adminShell textarea,
#adminShell [class*="card"], #adminShell [class*="stat"], #adminShell [class*="panel"],
#adminShell [class*="tile"], #adminShell [class*="box"], #adminShell [class*="row"],
#adminShell [class*="sec"], #adminShell [class*="grid"] > div,
.apA, .apA-row, .apA-btns button, .ap-slot, .ap-mine-row, .rvw-card, .ap-card{
  border-radius:14px !important;
}
#adminShell [class*="badge"], #adminShell [class*="chip"], #adminShell [class*="pill"],
#adminShell [class*="tag"], #adminShell .ac-badges > *{
  border-radius:999px !important;
}
#adminShell th:first-child{ border-top-left-radius:14px !important; }
#adminShell th:last-child{ border-top-right-radius:14px !important; }

/* --- dark-mode: sane default text colour inside the admin panel --- */
body.tl-dark #adminShell{ color:#e7edf2; }
body.tl-dark #adminShell b,
body.tl-dark #adminShell strong,
body.tl-dark #adminShell h1, body.tl-dark #adminShell h2,
body.tl-dark #adminShell h3, body.tl-dark #adminShell h4,
body.tl-dark #adminShell summary,
body.tl-dark #adminShell label,
body.tl-dark #adminShell th{ color:#f4f8fb !important; }
body.tl-dark #adminShell span,
body.tl-dark #adminShell small,
body.tl-dark #adminShell p,
body.tl-dark #adminShell td{ color:#cdd8e0 !important; }
/* the coloured metric cards: keep their tint but force a readable ink */
body.tl-dark #adminShell [class*="stat"] *,
body.tl-dark #adminShell [class*="card"] [class*="val"],
body.tl-dark #adminShell [class*="card"] b{ color:#f4f8fb !important; }
/* selects / inputs on the dark panel stay dark-on-light of their own */
body.tl-dark #adminShell select,
body.tl-dark #adminShell input,
body.tl-dark #adminShell textarea{
  background:#1b2830 !important; color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
}
body.tl-dark #adminShell option{ background:#1b2830; color:#fff; }

/* --- feat-03 appointment slots: readable in dark mode --- */
body.tl-dark .ap-slot.past{ background:#3b3630 !important; color:#b6ada2 !important; }
body.tl-dark .ap-hero{ background:linear-gradient(135deg,#2a1c14,#40230f) !important; }
body.tl-dark .ap-days button{ background:#1f1b17 !important; color:#e7ddd2 !important; border-color:#4a4038 !important; }
body.tl-dark .ap-days button.on{ background:#e9d9cc !important; color:#241812 !important; }
body.tl-dark .ap-week{ background:#241f1b !important; }
body.tl-dark .ap-week button{ color:#c9bcae !important; }
body.tl-dark .ap-week button.on{ background:#e9d9cc !important; color:#241812 !important; }
body.tl-dark .ap-mine-row{ background:#1e1a17 !important; border-color:#3a332c !important; }
body.tl-dark .ap-mine-row .info b{ color:#f4ece2 !important; }
body.tl-dark .ap-mine-row .info span{ color:#c3b7a9 !important; }

/* --- sidebar: a divider + label before the "services" group --- */
.side-sec.f06-services{ margin-top:6px; }