/* =====================================================================
   HaxorSmm — Modern Dark Glass + Neon UI  (theme reskin layer)
   Loaded last by app/views/HaxorSmm/header.twig.

   IMPORTANT: the base theme (techsmm) styles most components with
   ID-level selectors and `!important` (e.g. `#main_container .content_area`,
   `.dashboard.nightmode #main_container .top_header`, `#navbar`, `#v2-banner`,
   `#unique-input`).  So every rule here is scoped with a matching or
   higher specificity prefix:
       dashboard  ->  #body.dashboard.nightmode ...
       guest/auth ->  body.noAuth.nightmode ...
   ===================================================================== */

:root {
  --hs-bg-1: #080b16;
  --hs-bg-2: #0d1326;
  --hs-bg-3: #131a33;
  --hs-glass: rgba(20, 26, 46, 0.74);
  --hs-glass-strong: rgba(16, 21, 40, 0.95);
  --hs-border: rgba(122, 140, 255, 0.18);
  --hs-border-strong: rgba(122, 140, 255, 0.36);
  --hs-accent: #7c5cff;
  --hs-accent-2: #22d3ee;
  --hs-text: #e7ecff;
  --hs-muted: #93a0c4;
  --hs-grad: linear-gradient(135deg, #7c5cff 0%, #22d3ee 100%);
  --hs-grad-soft: linear-gradient(135deg, rgba(124, 92, 255, .18), rgba(34, 211, 238, .14));
  --hs-glow: 0 0 0 1px rgba(124, 92, 255, .22), 0 12px 40px rgba(8, 11, 22, .7);
  --hs-radius: 16px;
}

/* ============================ DASHBOARD ============================ */
#body.dashboard.nightmode,
body.dashboard.nightmode {
  background: radial-gradient(1200px 700px at 10% -10%, rgba(124, 92, 255, .22), transparent 60%),
              radial-gradient(1100px 650px at 100% 0%, rgba(34, 211, 238, .16), transparent 55%),
              linear-gradient(180deg, var(--hs-bg-1) 0%, var(--hs-bg-2) 55%, var(--hs-bg-1) 100%) !important;
  background-attachment: fixed !important;
  color: var(--hs-text) !important;
}

/* sidebar stays fixed; DO NOT touch .content_area padding (the theme docks
   the sidebar with padding-left:300px).  Only recolour it. */
.dashboard.nightmode #main_container .content_area {
  background: transparent !important;
}
.dashboard.nightmode #main_container .content_area .content {
  padding: 84px 22px 28px 22px !important;
  color: var(--hs-text) !important;
}

/* top bar */
.dashboard.nightmode #main_container .top_header,
#body.dashboard.nightmode .top_header {
  background: var(--hs-glass) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--hs-border) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .4) !important;
}
#body.dashboard.nightmode .top_header .item,
#body.dashboard.nightmode .top_header span,
#body.dashboard.nightmode .top_header a { color: var(--hs-text) !important; }

/* sidebar */
#body.dashboard.nightmode .sidebar {
  background: linear-gradient(180deg, rgba(16, 20, 40, .97), rgba(9, 12, 26, .99)) !important;
  background-image: linear-gradient(180deg, rgba(16, 20, 40, .97), rgba(9, 12, 26, .99)) !important;
  border-right: 1px solid var(--hs-border) !important;
  box-shadow: 8px 0 40px rgba(0, 0, 0, .5) !important;
}
#body.dashboard.nightmode .sidebar::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 2px;
  background: var(--hs-grad); opacity: .6; pointer-events: none;
}
#body.dashboard.nightmode .sidebar .user_data,
#body.dashboard.nightmode .user_wrap {
  background: var(--hs-grad-soft) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(10px) !important;
}
#body.dashboard.nightmode .sidebar .menu_item {
  color: #c7d0ee !important;
  border-radius: 12px !important;
  border: 1px solid transparent !important;
  transition: all .18s ease !important;
}
#body.dashboard.nightmode .sidebar .menu_item .menu_name { color: #c7d0ee !important; font-weight: 600 !important; }
#body.dashboard.nightmode .sidebar .menu_item:hover {
  background: rgba(124, 92, 255, .14) !important;
  border-color: var(--hs-border) !important;
}
#body.dashboard.nightmode .sidebar .menu_item:hover .menu_name { color: #fff !important; }
#body.dashboard.nightmode .sidebar .menu_item.active,
#body.dashboard.nightmode .sidebar a.menu_item.active {
  background: var(--hs-grad) !important;
  box-shadow: 0 10px 26px rgba(124, 92, 255, .45) !important;
  border-color: transparent !important;
}
#body.dashboard.nightmode .sidebar .menu_item.active .menu_name,
#body.dashboard.nightmode .sidebar .menu_item.active .menu_icon i { color: #fff !important; }
#body.dashboard.nightmode .sidebar .menu_icon i { color: #aab6dd !important; }
#body.dashboard.nightmode #show_more_wrap,
#body.dashboard.nightmode #showMore {
  background: rgba(124, 92, 255, .16) !important;
  color: #dbe3ff !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 12px !important;
}

/* cards / panels */
#body.dashboard.nightmode .card,
#body.dashboard.nightmode .card_v2,
#body.dashboard.nightmode .panel,
#body.dashboard.nightmode .statistic__item,
#body.dashboard.nightmode .box,
#body.dashboard.nightmode #block_95 .card,
#body.dashboard.nightmode .user_statistic_wraper {
  background: var(--hs-glass) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: var(--hs-radius) !important;
  box-shadow: var(--hs-glow) !important;
  color: var(--hs-text) !important;
}
#body.dashboard.nightmode .statistic__item h4,
#body.dashboard.nightmode .statistic__item .user__data { color: #fff !important; }
#body.dashboard.nightmode .statistic__item span,
#body.dashboard.nightmode .user__data span,
#body.dashboard.nightmode .statistic_inner span { color: var(--hs-muted) !important; }

/* "Not enough data" / description panel bodies (base paints them #e1e1e1) */
#body.dashboard.nightmode .panel-body,
#body.dashboard.nightmode #service_description.panel-body,
#body.dashboard.nightmode .panel-body.border-solid,
#body.dashboard.nightmode .panel-body.border-rounded {
  background: rgba(9, 13, 28, .55) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 14px !important;
  color: var(--hs-text) !important;
}

/* new-order pills tab bar (base paints it #f2f6fc) */
#body.dashboard.nightmode ul.nav-pills,
#body.dashboard.nightmode #pills-tab {
  background: rgba(255, 255, 255, .04) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 14px !important;
  padding: 5px !important;
}
#body.dashboard.nightmode .nav-pills .nav-link {
  background: transparent !important; color: var(--hs-muted) !important;
  border-radius: 10px !important;
}
#body.dashboard.nightmode .nav-pills .nav-link.active {
  background: var(--hs-grad) !important; color: #fff !important;
  box-shadow: 0 8px 20px rgba(124, 92, 255, .35) !important;
}
#body.dashboard.nightmode .day_night_btn,
#body.dashboard.nightmode .top_header .day_night_btn {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 10px !important;
  color: var(--hs-text) !important;
}
#body.dashboard.nightmode .card-header,
#body.dashboard.nightmode .panel-heading {
  background: linear-gradient(180deg, rgba(124, 92, 255, .14), transparent) !important;
  border-bottom: 1px solid var(--hs-border) !important;
  color: #fff !important;
}

/* new-order category buttons */
#body.dashboard.nightmode .nwo-cat-btn,
#body.dashboard.nightmode .btn_filter,
#body.dashboard.nightmode #new-order-cats button {
  background: rgba(255, 255, 255, .05) !important;
  border: 1px solid var(--hs-border) !important;
  color: #d7ddfb !important;
  border-radius: 14px !important;
  transition: all .16s ease !important;
}
#body.dashboard.nightmode .nwo-cat-btn:hover,
#body.dashboard.nightmode .btn_filter:hover,
#body.dashboard.nightmode #new-order-cats button:hover {
  background: rgba(124, 92, 255, .18) !important;
  border-color: var(--hs-border-strong) !important;
  color: #fff !important;
  transform: translateY(-2px);
}
#body.dashboard.nightmode .nwo-cat-btn.active,
#body.dashboard.nightmode .btn_filter.active {
  background: var(--hs-grad) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(124, 92, 255, .4) !important;
}

/* fixed footer strip */
#body.dashboard.nightmode .fixed-footer {
  background: var(--hs-glass-strong) !important;
  border-top: 1px solid var(--hs-border) !important;
  color: var(--hs-muted) !important;
}

/* tables */
#body.dashboard.nightmode .table { color: var(--hs-text) !important; border-color: var(--hs-border) !important; }
#body.dashboard.nightmode .table > thead > tr > th {
  background: rgba(124, 92, 255, .12) !important;
  color: #dbe3ff !important;
  border-bottom: 1px solid var(--hs-border-strong) !important;
  text-transform: uppercase; letter-spacing: .03em; font-size: 12px !important;
}
#body.dashboard.nightmode .table > tbody > tr > td {
  background: transparent !important; color: var(--hs-text) !important;
  border-top: 1px solid rgba(122, 140, 255, .10) !important; vertical-align: middle !important;
}
#body.dashboard.nightmode .table > tbody > tr:hover > td { background: rgba(124, 92, 255, .10) !important; }
#body.dashboard.nightmode .table-striped > tbody > tr:nth-of-type(odd) > td { background: rgba(255, 255, 255, .02) !important; }

/* generic tables (services list, order history, mobile-card tables) */
#body.dashboard.nightmode table,
#body.dashboard.nightmode table thead,
#body.dashboard.nightmode table tbody,
#body.dashboard.nightmode table tr { background: transparent !important; }
#body.dashboard.nightmode table thead th,
#body.dashboard.nightmode table th {
  background: rgba(45, 45, 60, 0.78) !important;
  color: #e2e8f0 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
#body.dashboard.nightmode table tbody td,
#body.dashboard.nightmode table td {
  background: transparent !important;
  color: #cbd5e1 !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
}
#body.dashboard.nightmode table tbody tr:nth-child(even) td { background: rgba(255, 255, 255, 0.025) !important; }
#body.dashboard.nightmode table tbody tr:hover td { background: rgba(124, 92, 255, 0.10) !important; }
#body.dashboard.nightmode .catetitle,
#body.dashboard.nightmode tr.catetitle,
#body.dashboard.nightmode .catetitle td,
#body.dashboard.nightmode .catetitle th {
  background: linear-gradient(90deg, rgba(124, 92, 255, 0.22), rgba(34, 211, 238, 0.10)) !important;
  color: #ffffff !important;
}

/* account page icon chips */
#body.dashboard.nightmode .card-body .icon {
  background: rgba(124, 92, 255, 0.16) !important;
  color: #dbe3ff !important;
  border: 1px solid rgba(122, 140, 255, 0.18) !important;
}

/* add-funds tab buttons */
#body.dashboard.nightmode .af-tab,
#body.dashboard.nightmode .af-history-btn {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--hs-border) !important;
  color: #c7d0ee !important;
  border-radius: 10px !important;
}
#body.dashboard.nightmode .af-tab.active,
#body.dashboard.nightmode .af-tab:hover,
#body.dashboard.nightmode .af-history-btn:hover {
  background: var(--hs-grad) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* buttons */
#body.dashboard.nightmode .btn-primary {
  background: var(--hs-grad) !important; border: none !important; color: #fff !important;
  border-radius: 12px !important; font-weight: 700 !important;
  box-shadow: 0 10px 24px rgba(124, 92, 255, .38) !important;
}
#body.dashboard.nightmode .btn-primary:hover, #body.dashboard.nightmode .btn-primary:focus { filter: brightness(1.08); color: #fff !important; }
#body.dashboard.nightmode .btn-default, #body.dashboard.nightmode .btn-secondary, #body.dashboard.nightmode .btn-light {
  background: rgba(255, 255, 255, .06) !important; border: 1px solid var(--hs-border) !important;
  color: var(--hs-text) !important; border-radius: 12px !important; font-weight: 600 !important;
}
#body.dashboard.nightmode .btn-default:hover, #body.dashboard.nightmode .btn-secondary:hover {
  background: rgba(124, 92, 255, .18) !important; border-color: var(--hs-border-strong) !important; color: #fff !important;
}
#body.dashboard.nightmode .btn-success { background: linear-gradient(135deg, #16a34a, #22c55e) !important; border: none !important; color: #fff !important; }
#body.dashboard.nightmode .btn-danger  { background: linear-gradient(135deg, #e11d48, #f43f5e) !important; border: none !important; color: #fff !important; }
#body.dashboard.nightmode .btn-warning { background: linear-gradient(135deg, #f59e0b, #fbbf24) !important; border: none !important; color: #1b1200 !important; }
#body.dashboard.nightmode .btn-info    { background: linear-gradient(135deg, #0891b2, #22d3ee) !important; border: none !important; color: #04141b !important; }

/* forms (beat #unique-input and other ID rules) */
#body.dashboard.nightmode .form-control,
#body.dashboard.nightmode input.form-control,
#body.dashboard.nightmode input[type="text"],
#body.dashboard.nightmode input[type="email"],
#body.dashboard.nightmode input[type="password"],
#body.dashboard.nightmode input[type="number"],
#body.dashboard.nightmode input[type="search"],
#body.dashboard.nightmode select,
#body.dashboard.nightmode textarea,
#body.dashboard.nightmode select.form-control,
#body.dashboard.nightmode #unique-input {
  background: rgba(9, 13, 28, .8) !important;
  border: 1.5px solid rgba(122, 140, 255, .22) !important;
  color: #fff !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}
#body.dashboard.nightmode .form-control:focus,
#body.dashboard.nightmode input:focus,
#body.dashboard.nightmode select:focus,
#body.dashboard.nightmode textarea:focus {
  border-color: var(--hs-accent) !important;
  box-shadow: 0 0 0 3.5px rgba(124, 92, 255, .22) !important;
  outline: none !important;
}
#body.dashboard.nightmode ::placeholder { color: #7f8bb0 !important; opacity: 1 !important; }
#body.dashboard.nightmode select option { background: #0d1326 !important; color: #e7ecff !important; }
#body.dashboard.nightmode label, #body.dashboard.nightmode .control-label { color: #dbe3ff !important; font-weight: 600 !important; }
#body.dashboard.nightmode input[type="checkbox"], #body.dashboard.nightmode input[type="radio"] { accent-color: var(--hs-accent) !important; }

/* dropdowns / modals */
#body.dashboard.nightmode .dropdown-menu {
  background: var(--hs-glass-strong) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 18px 50px rgba(0, 0, 0, .6) !important;
}
#body.dashboard.nightmode .dropdown-menu > li > a,
#body.dashboard.nightmode .dropdown-menu > li > button,
#body.dashboard.nightmode .dropdown-item { color: var(--hs-text) !important; border-radius: 10px !important; }
#body.dashboard.nightmode .dropdown-menu > li > a:hover { background: rgba(124, 92, 255, .16) !important; color: #fff !important; }
#body.dashboard.nightmode .modal-content {
  background: var(--hs-glass-strong) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 18px !important; color: var(--hs-text) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .65) !important;
}
#body.dashboard.nightmode .modal-header, #body.dashboard.nightmode .modal-footer { border-color: var(--hs-border) !important; }
#body.dashboard.nightmode .modal-title, #body.dashboard.nightmode .modal-body { color: var(--hs-text) !important; }
#body.dashboard.nightmode .close { color: #fff !important; opacity: .85 !important; text-shadow: none !important; }

/* misc dashboard text */
#body.dashboard.nightmode h1, #body.dashboard.nightmode h2, #body.dashboard.nightmode h3,
#body.dashboard.nightmode h4, #body.dashboard.nightmode h5, #body.dashboard.nightmode h6 { color: #fff !important; }
#body.dashboard.nightmode p, #body.dashboard.nightmode small, #body.dashboard.nightmode .text-muted { color: var(--hs-muted) !important; }

/* badges / alerts / navs / pagination */
#body.dashboard.nightmode .badge { border-radius: 999px !important; font-weight: 700 !important; }
#body.dashboard.nightmode .alert { border-radius: 14px !important; border: 1px solid var(--hs-border) !important; }
#body.dashboard.nightmode .alert-info    { background: rgba(34, 211, 238, .12) !important; color: #bff4ff !important; }
#body.dashboard.nightmode .alert-success { background: rgba(34, 197, 94, .14) !important; color: #bff7cf !important; }
#body.dashboard.nightmode .alert-warning { background: rgba(245, 158, 11, .14) !important; color: #ffe7b8 !important; }
#body.dashboard.nightmode .alert-danger  { background: rgba(244, 63, 94, .14) !important; color: #ffd0d9 !important; }
#body.dashboard.nightmode .progress { background: rgba(255, 255, 255, .06) !important; border-radius: 999px !important; }
#body.dashboard.nightmode .progress-bar { background: var(--hs-grad) !important; }
#body.dashboard.nightmode .nav-tabs { border-bottom: 1px solid var(--hs-border) !important; }
#body.dashboard.nightmode .nav-tabs > li > a { color: var(--hs-muted) !important; }
#body.dashboard.nightmode .nav-tabs > li.active > a,
#body.dashboard.nightmode .nav-tabs > li.active > a:hover,
#body.dashboard.nightmode .nav-tabs > li > a:hover {
  background: var(--hs-glass) !important; color: #fff !important;
  border: 1px solid var(--hs-border) !important; border-bottom-color: transparent !important;
}
#body.dashboard.nightmode .pagination > li > a, #body.dashboard.nightmode .pagination > li > span {
  background: rgba(255, 255, 255, .05) !important; border: 1px solid var(--hs-border) !important; color: var(--hs-text) !important;
}
#body.dashboard.nightmode .pagination > .active > a { background: var(--hs-grad) !important; border-color: transparent !important; color: #fff !important; }

/* ============================ GUEST / AUTH ============================ */
body.noAuth.nightmode {
  background: radial-gradient(1200px 700px at 12% -10%, rgba(124, 92, 255, .22), transparent 60%),
              radial-gradient(1100px 650px at 100% 0%, rgba(34, 211, 238, .16), transparent 55%),
              linear-gradient(180deg, var(--hs-bg-1) 0%, var(--hs-bg-2) 100%) !important;
  background-attachment: fixed !important;
  color: var(--hs-text) !important;
}
body.noAuth.nightmode #navbar,
body.noAuth.nightmode nav.navbar {
  background: var(--hs-glass) !important;
  background-image: none !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid var(--hs-border) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .4) !important;
}
body.noAuth.nightmode #navbar a, body.noAuth.nightmode #navbar .nav-link, body.noAuth.nightmode #navbar span { color: #fff !important; }
body.noAuth.nightmode #v2-banner,
body.noAuth.nightmode #v1-banner,
body.noAuth.nightmode #top__smm,
body.noAuth.nightmode #notLogin,
body.noAuth.nightmode main { background: transparent !important; }
body.noAuth.nightmode h1, body.noAuth.nightmode h2, body.noAuth.nightmode h3, body.noAuth.nightmode h4, body.noAuth.nightmode h5, body.noAuth.nightmode h6 { color: #fff !important; }
body.noAuth.nightmode p, body.noAuth.nightmode .text-muted { color: var(--hs-muted) !important; }

/* auth card + inputs */
body.noAuth.nightmode .card_v2,
body.noAuth.nightmode .signinForm,
body.noAuth.nightmode .card {
  background: var(--hs-glass) !important;
  border: 1px solid var(--hs-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--hs-glow) !important;
  color: var(--hs-text) !important;
}
body.noAuth.nightmode .form-control,
body.noAuth.nightmode input[type="text"],
body.noAuth.nightmode input[type="email"],
body.noAuth.nightmode input[type="password"],
body.noAuth.nightmode input[type="number"],
body.noAuth.nightmode select,
body.noAuth.nightmode textarea {
  background: rgba(9, 13, 28, .82) !important;
  border: 1.5px solid rgba(122, 140, 255, .22) !important;
  color: #fff !important;
  border-radius: 12px !important;
}
body.noAuth.nightmode .form-control:focus, body.noAuth.nightmode input:focus {
  border-color: var(--hs-accent) !important;
  box-shadow: 0 0 0 3.5px rgba(124, 92, 255, .22) !important;
}
body.noAuth.nightmode ::placeholder { color: #7f8bb0 !important; opacity: 1 !important; }
body.noAuth.nightmode .btn-primary { background: var(--hs-grad) !important; border: none !important; color: #fff !important; border-radius: 12px !important; font-weight: 700 !important; }
body.noAuth.nightmode .footer__v2 {
  background: linear-gradient(180deg, transparent, rgba(124, 92, 255, .08)) !important;
  border-top: 1px solid var(--hs-border) !important;
  color: var(--hs-muted) !important;
}

/* ============================ SHARED ============================ */
/* broadcast notice popup (footer.twig defaults it to white) */
#notice-overlay .notice-box {
  background: rgba(16, 21, 40, .97) !important;
  border: 1px solid var(--hs-border) !important;
  border-top: 6px solid var(--hs-accent) !important;
  box-shadow: 0 25px 80px rgba(0, 0, 0, .65) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}
#notice-overlay .notice-header { color: #fff !important; }
#notice-overlay .notice-body { color: #c7d0ee !important; }
#notice-overlay .close-btn-top { background: rgba(255, 255, 255, .08) !important; color: #fff !important; }
#notice-overlay .footer-close-btn {
  background: rgba(255, 255, 255, .10) !important;
  border: 1px solid var(--hs-border) !important; color: #fff !important;
}
#notice-overlay .warning-highlight {
  background: rgba(255, 77, 77, .12) !important;
  color: #ffd2d2 !important;
  border-left: 5px solid rgba(255, 77, 77, 1) !important;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: rgba(255, 255, 255, .03); }
::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #7c5cff, #22d3ee); border-radius: 999px; }

/* ============================ SHARED (both modes) ============================ */
/* vector statistic icons (neworder.twig) replacing dead remote images */
.icon .stat-ic {
  font-size: 26px !important;
  line-height: 1 !important;
  color: #7c5cff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body.nightmode .icon .stat-ic { color: #cbd5ff !important; }
/* Sidebar "Show More" toggle (both modes) */
#show_more_wrap {
  border-radius: 12px !important;
  padding: 4px !important;
  box-shadow: 0 8px 22px rgba(101, 101, 255, .38);
}
#showMore {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 9px 14px !important;
  border: 0 !important;
  background: transparent !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: .02em !important;
  border-radius: 9px !important;
  transition: background .18s ease !important;
}
#showMore:hover { background: rgba(255, 255, 255, .18) !important; }
#showMore::after {
  content: "\f078";
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 11px;
  line-height: 1;
}
#showMore.is-open::after { content: "\f077"; }

/* ============================================================
   LIGHT MODE readability touch-ups
   (light is the default: #body.dashboard WITHOUT .nightmode)
   ============================================================ */

/* Category filter chips: white text needs a deeper purple to stay readable */
#body.dashboard:not(.nightmode) .nwo-cat-btn,
#body.dashboard:not(.nightmode) .btn_filter,
#body.dashboard:not(.nightmode) #new-order-cats button {
  background: linear-gradient(135deg, #5b45e8, #7c5bff) !important;
  border-color: rgba(91, 69, 232, .45) !important;
  color: #fff !important;
}
#body.dashboard:not(.nightmode) .btn_filter .filter_txt { color: #fff !important; }
#body.dashboard:not(.nightmode) .nwo-cat-btn:hover,
#body.dashboard:not(.nightmode) .btn_filter:hover,
#body.dashboard:not(.nightmode) #new-order-cats button:hover {
  background: linear-gradient(135deg, #4c37d9, #6d4bff) !important;
  color: #fff !important;
  transform: translateY(-2px);
}
#body.dashboard:not(.nightmode) .nwo-cat-btn.active,
#body.dashboard:not(.nightmode) .btn_filter.activeItem,
#body.dashboard:not(.nightmode) .btn_filter.active {
  background: linear-gradient(135deg, #4c37d9, #8a4bff) !important;
  color: #fff !important;
  box-shadow: 0 10px 24px rgba(91, 69, 232, .35) !important;
}

/* Dashboard stat card sub-labels: slate-400 is too light on white cards */
#body.dashboard:not(.nightmode) .matrix-stat-sub { color: #64748b !important; }

/* Muted helper text on light surfaces */
#body.dashboard:not(.nightmode) .text-muted { color: #64748b !important; }