/* Tutorshub Marketplace 8.7.5 — final dark page shells, tutor discovery and member dashboard */

html body.th-luxury-dark :is(.th-search-page, .th-dashboard-page, .th-marketplace-page, .tutorshub-profile-route) {
  color: #f4f7fb !important;
  background:
    radial-gradient(circle at 10% 0, rgba(43, 113, 196, .15), transparent 34rem),
    radial-gradient(circle at 92% 16%, rgba(244, 198, 93, .075), transparent 27rem),
    linear-gradient(180deg, #091625 0%, #0b1929 52%, #081421 100%) !important;
}

html body.th-luxury-dark .th-search-page {
  min-height: 72vh !important;
  padding: 40px 0 84px !important;
}

html body.th-luxury-dark .th-search-page > .container {
  width: min(1320px, calc(100% - 40px)) !important;
  max-width: none !important;
}

html body.th-luxury-dark .th-search-intro {
  isolation: isolate;
  padding: clamp(30px, 4.2vw, 58px) !important;
  margin: 0 0 18px !important;
  border: 1px solid rgba(207, 223, 242, .16) !important;
  border-radius: 30px !important;
  color: #f8fbff !important;
  background:
    linear-gradient(112deg, rgba(7, 18, 32, .25), transparent 55%),
    linear-gradient(135deg, #102844 0%, #183957 64%, #1c3447 100%) !important;
  box-shadow: 0 28px 80px rgba(0, 0, 0, .27), inset 0 1px 0 rgba(255, 255, 255, .07) !important;
}

html body.th-luxury-dark .th-search-intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 5px;
  height: 74px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 0 9px 9px 0;
  background: linear-gradient(180deg, #ffe29a, #d99a22);
  box-shadow: 0 0 30px rgba(244, 198, 93, .36);
}

html body.th-luxury-dark .th-search-intro::after {
  z-index: -1 !important;
  width: 430px !important;
  height: 430px !important;
  right: -125px !important;
  top: -235px !important;
  background: radial-gradient(circle, rgba(39, 197, 154, .26), rgba(39, 197, 154, .08) 38%, transparent 68%) !important;
}

html body.th-luxury-dark .th-search-intro .kicker {
  color: #f4c65d !important;
  font-size: 12px !important;
  letter-spacing: .17em !important;
}

html body.th-luxury-dark .th-search-intro h1 {
  max-width: 820px;
  margin: 9px 0 15px !important;
  color: #fff !important;
  font-size: clamp(42px, 5vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}

html body.th-luxury-dark .th-search-intro p {
  max-width: 780px !important;
  margin: 0 !important;
  color: #c9d8e9 !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}

html body.th-luxury-dark .th-search-badges {
  gap: 10px !important;
  margin-top: 23px !important;
}

html body.th-luxury-dark .th-search-badges span {
  padding: 9px 13px !important;
  border: 1px solid rgba(218, 230, 244, .18) !important;
  color: #e9f2fc !important;
  background: rgba(255, 255, 255, .07) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  backdrop-filter: blur(12px);
}

html body.th-luxury-dark .th-search-filter-card {
  z-index: 3 !important;
  margin: 0 0 38px !important;
  padding: 12px !important;
  border: 1px solid rgba(202, 220, 241, .18) !important;
  border-radius: 23px !important;
  background: rgba(15, 31, 49, .96) !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
}

html body.th-luxury-dark .th-search-filter-card .searchrow {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr 1fr 205px !important;
  gap: 10px !important;
  align-items: stretch !important;
}

html body.th-luxury-dark .th-market-search-field {
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 8px 13px !important;
  gap: 12px !important;
  border: 1px solid rgba(198, 217, 239, .2) !important;
  border-radius: 15px !important;
  color: #f7fbff !important;
  background: #0b1929 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

html body.th-luxury-dark .th-market-search-field:focus-within {
  border-color: rgba(244, 198, 93, .76) !important;
  box-shadow: 0 0 0 4px rgba(244, 198, 93, .10), inset 0 1px 0 rgba(255, 255, 255, .06) !important;
  transform: translateY(-1px);
}

html body.th-luxury-dark .th-market-search-icon {
  display: grid !important;
  place-items: center !important;
  flex: 0 0 42px !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid rgba(244, 198, 93, .28) !important;
  border-radius: 12px !important;
  color: #f4c65d !important;
  background: linear-gradient(145deg, rgba(244, 198, 93, .13), rgba(244, 198, 93, .035)) !important;
}

html body.th-luxury-dark .th-market-search-icon .th-line-icon,
html body.th-luxury-dark .th-market-button-icon .th-line-icon {
  width: 21px !important;
  height: 21px !important;
}

html body.th-luxury-dark .th-market-search-copy {
  display: grid !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  gap: 1px !important;
}

html body.th-luxury-dark .th-market-search-copy small {
  color: #e7bd60 !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

html body.th-luxury-dark .th-search-filter-card .th-market-search-copy :is(input, select) {
  width: 100% !important;
  height: 31px !important;
  min-height: 31px !important;
  margin: 0 !important;
  padding: 0 25px 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  color: #fff !important;
  background-color: transparent !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
}

html body.th-luxury-dark .th-search-filter-card .th-market-search-copy input::placeholder {
  color: #91a5bd !important;
  opacity: 1 !important;
}

html body.th-luxury-dark .th-search-filter-card select {
  color-scheme: dark !important;
  cursor: pointer !important;
}

html body.th-luxury-dark .th-search-filter-card select option {
  color: #f7fbff !important;
  background: #102238 !important;
}

html body.th-luxury-dark .th-search-filter-card .btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: 68px !important;
  min-height: 68px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  border-radius: 15px !important;
  white-space: nowrap !important;
}

html body.th-luxury-dark .th-results-head {
  align-items: end !important;
  margin: 0 0 20px !important;
  padding: 0 4px !important;
}

html body.th-luxury-dark .th-results-head h2 {
  margin: 0 !important;
  color: #fff !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  letter-spacing: -.035em !important;
}

html body.th-luxury-dark .th-results-head p {
  margin: 6px 0 0 !important;
  color: #a9bad0 !important;
  font-size: 14px !important;
}

html body.th-luxury-dark .th-result-count {
  padding: 9px 13px !important;
  border: 1px solid rgba(244, 198, 93, .32) !important;
  color: #ffda7b !important;
  background: rgba(244, 198, 93, .09) !important;
}

html body.th-luxury-dark .th-search-page .search-results {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 290px), 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
}

html body.th-luxury-dark .th-search-page .search-results > .panel {
  width: min(100%, 470px) !important;
  min-height: 220px !important;
  padding: 28px !important;
  border: 1px solid rgba(196, 216, 240, .17) !important;
  border-radius: 22px !important;
  color: #f4f7fb !important;
  background: linear-gradient(145deg, #14263c, #0e1e30) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .22) !important;
}

html body.th-luxury-dark .th-search-page .search-results > .panel :is(h3, p) {
  color: inherit !important;
}

html body.th-luxury-dark .th-search-page .search-results > .panel p {
  color: #a9bad0 !important;
}

html body.th-luxury-dark .th-search-page .tutor-card {
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(196, 216, 240, .17) !important;
  border-radius: 22px !important;
  color: #f5f8fc !important;
  background: linear-gradient(155deg, #14263c, #0e1e30) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

html body.th-luxury-dark .th-search-page .tutor-card:hover {
  border-color: rgba(244, 198, 93, .42) !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 28px 65px rgba(0, 0, 0, .31), 0 0 0 1px rgba(244, 198, 93, .08) !important;
}

html body.th-luxury-dark .th-search-page .tutor-photo {
  min-height: 190px !important;
  border-bottom: 1px solid rgba(198, 218, 240, .13) !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(68, 143, 230, .28), transparent 38%),
    linear-gradient(145deg, #1d3550, #101f32) !important;
}

html body.th-luxury-dark .th-search-page .tutor-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

html body.th-luxury-dark .th-search-page .tutor-photo .online {
  left: 14px !important;
  bottom: 13px !important;
  color: #08251d !important;
  background: #58e5af !important;
  border: 1px solid rgba(255, 255, 255, .44) !important;
}

html body.th-luxury-dark .th-search-page .tutor-body {
  padding: 19px !important;
  background: transparent !important;
}

html body.th-luxury-dark .th-search-page .tutor-name {
  color: #fff !important;
  font-size: 19px !important;
}

html body.th-luxury-dark .th-search-page :is(.rating, .price) {
  color: #f4c65d !important;
}

html body.th-luxury-dark .th-search-page .tutor-body .meta {
  color: #a9bad0 !important;
}

html body.th-luxury-dark .th-search-page .card-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 9px !important;
}

html body.th-luxury-dark .th-search-page .card-actions .btn {
  min-width: 0 !important;
  padding-inline: 11px !important;
  text-align: center !important;
}

/* Member dashboard: opaque surfaces and explicit text colors beat legacy light rules. */
html body.th-luxury-dark .th-dashboard-page {
  min-height: 78vh !important;
  padding: 42px 0 86px !important;
}

html body.th-luxury-dark .th-dashboard-page > .container {
  width: min(1460px, calc(100% - 40px)) !important;
  max-width: none !important;
}

html body.th-luxury-dark .th-dashboard-page .dashboard-shell {
  display: grid !important;
  grid-template-columns: 265px minmax(0, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.th-luxury-dark .th-dashboard-page .sidebar {
  position: sticky !important;
  top: 118px !important;
  display: grid !important;
  gap: 7px !important;
  padding: 20px !important;
  border: 1px solid rgba(199, 219, 241, .17) !important;
  border-radius: 24px !important;
  color: #f4f7fb !important;
  background: linear-gradient(155deg, #10243b, #09182a) !important;
  box-shadow: 0 24px 65px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html body.th-luxury-dark .th-sidebar-brand {
  display: grid !important;
  gap: 3px !important;
  padding: 8px 10px 18px !important;
  margin-bottom: 4px !important;
  border-bottom: 1px solid rgba(203, 221, 242, .13) !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -.035em !important;
}

html body.th-luxury-dark .th-sidebar-brand span {
  color: #e9bf60 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

html body.th-luxury-dark .th-dashboard-page .sidebar a {
  display: flex !important;
  align-items: center !important;
  min-height: 49px !important;
  padding: 0 14px !important;
  border: 1px solid transparent !important;
  border-radius: 13px !important;
  color: #cbd8e8 !important;
  background: transparent !important;
  text-decoration: none !important;
  font-weight: 720 !important;
}

html body.th-luxury-dark .th-dashboard-page .sidebar a:is(:hover, .active) {
  border-color: rgba(244, 198, 93, .25) !important;
  color: #ffdb7c !important;
  background: rgba(244, 198, 93, .08) !important;
}

html body.th-luxury-dark .th-dashboard-page .dashboard-main {
  min-width: 0 !important;
  padding: 0 !important;
  color: #f4f7fb !important;
  background: transparent !important;
}

html body.th-luxury-dark .th-dashboard-welcome {
  position: relative;
  overflow: hidden;
  margin: 0 0 18px !important;
  padding: 27px 30px !important;
  border: 1px solid rgba(200, 220, 242, .16) !important;
  border-radius: 24px !important;
  background: linear-gradient(125deg, #122943, #1b3853) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

html body.th-luxury-dark .th-dashboard-welcome::after {
  content: "";
  position: absolute;
  width: 230px;
  height: 230px;
  right: -85px;
  top: -145px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(39, 197, 154, .25), transparent 68%);
}

html body.th-luxury-dark .th-dashboard-welcome .kicker {
  color: #f4c65d !important;
}

html body.th-luxury-dark .th-dashboard-welcome h1 {
  position: relative;
  z-index: 1;
  margin: 5px 0 5px !important;
  color: #fff !important;
  font-size: clamp(30px, 3.5vw, 48px) !important;
  line-height: 1.06 !important;
  letter-spacing: -.045em !important;
}

html body.th-luxury-dark .th-dashboard-welcome p {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  color: #b9c9dc !important;
}

html body.th-luxury-dark .th-account-notice {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 15px !important;
  align-items: center !important;
  min-height: 76px !important;
  margin: 0 0 18px !important;
  padding: 13px 17px !important;
  border: 1px solid rgba(87, 226, 173, .32) !important;
  border-left: 4px solid #39d8a3 !important;
  border-radius: 18px !important;
  color: #ecfff8 !important;
  background: linear-gradient(110deg, #11372f, #112c31) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .21), inset 0 1px 0 rgba(255, 255, 255, .045) !important;
}

html body.th-luxury-dark .th-account-notice.error {
  border-color: rgba(255, 123, 127, .32) !important;
  border-left-color: #ff7b7f !important;
  background: linear-gradient(110deg, #3b202b, #2a1d28) !important;
}

html body.th-luxury-dark .th-account-notice.info {
  border-color: rgba(95, 169, 255, .34) !important;
  border-left-color: #5fa9ff !important;
  background: linear-gradient(110deg, #163254, #122b43) !important;
}

html body.th-luxury-dark .th-notice-icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(255, 255, 255, .17) !important;
  border-radius: 14px !important;
  color: #09261e !important;
  background: #5be3b2 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
}

html body.th-luxury-dark .th-account-notice.error .th-notice-icon {
  color: #381218 !important;
  background: #ff8d91 !important;
}

html body.th-luxury-dark .th-account-notice.info .th-notice-icon {
  color: #092443 !important;
  background: #72b5ff !important;
}

html body.th-luxury-dark .th-notice-copy {
  display: block !important;
  color: #ecfff8 !important;
  font-size: 15px !important;
  font-weight: 720 !important;
  line-height: 1.55 !important;
}

html body.th-luxury-dark .th-dashboard-page .dashboard-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 0 !important;
}

html body.th-luxury-dark .th-dashboard-page .metric {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  grid-template-rows: auto auto !important;
  column-gap: 13px !important;
  align-items: center !important;
  min-width: 0 !important;
  min-height: 128px !important;
  padding: 19px !important;
  border: 1px solid rgba(196, 216, 240, .16) !important;
  border-radius: 20px !important;
  color: #f7fbff !important;
  background: linear-gradient(145deg, #14263c, #0f2033) !important;
  box-shadow: 0 16px 42px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body.th-luxury-dark .th-metric-icon {
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border: 1px solid rgba(244, 198, 93, .3) !important;
  border-radius: 14px !important;
  color: #f4c65d !important;
  background: rgba(244, 198, 93, .085) !important;
}

html body.th-luxury-dark .th-metric-icon .th-line-icon {
  width: 23px !important;
  height: 23px !important;
}

html body.th-luxury-dark .th-dashboard-page .metric .meta {
  align-self: end !important;
  margin: 0 !important;
  color: #99adc5 !important;
  font-size: 12px !important;
  font-weight: 720 !important;
}

html body.th-luxury-dark .th-dashboard-page .metric b {
  align-self: start !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.22 !important;
}

html body.th-luxury-dark .th-dashboard-page .panel {
  padding: clamp(22px, 3vw, 34px) !important;
  border: 1px solid rgba(196, 216, 240, .16) !important;
  border-radius: 23px !important;
  color: #f4f7fb !important;
  background: linear-gradient(145deg, #14263c, #0e1e30) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .22), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

html body.th-luxury-dark .th-dashboard-page .panel :is(h2, h3, h4, strong) {
  color: #fff !important;
}

html body.th-luxury-dark .th-dashboard-page .panel :is(p, small, .meta) {
  color: #a9bad0 !important;
}

html body.th-luxury-dark .th-dashboard-page .panel label {
  color: #dbe7f5 !important;
  font-weight: 750 !important;
}

html body.th-luxury-dark .th-dashboard-page .panel :is(input, select, textarea) {
  border: 1px solid rgba(196, 216, 240, .2) !important;
  color: #fff !important;
  background: #091726 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

html body.th-luxury-dark .th-dashboard-page .panel :is(input, textarea)::placeholder {
  color: #7f94ae !important;
  opacity: 1 !important;
}

html body.th-luxury-dark .th-dashboard-page .panel :is(input, select, textarea):focus {
  border-color: rgba(244, 198, 93, .72) !important;
  box-shadow: 0 0 0 4px rgba(244, 198, 93, .095) !important;
  outline: 0 !important;
}

html body.th-luxury-dark .th-dashboard-page .table-wrap {
  border: 1px solid rgba(196, 216, 240, .14) !important;
  border-radius: 15px !important;
  background: #0a1929 !important;
}

html body.th-luxury-dark .th-dashboard-page table :is(th, td) {
  border-color: rgba(196, 216, 240, .12) !important;
  color: #d9e5f3 !important;
}

@media (max-width: 1120px) {
  html body.th-luxury-dark .th-search-filter-card .searchrow {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.th-luxury-dark .th-search-filter-card .btn {
    grid-column: 1 / -1 !important;
  }

  html body.th-luxury-dark .th-dashboard-page .dashboard-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  html body.th-luxury-dark .th-dashboard-page {
    padding-top: 28px !important;
  }

  html body.th-luxury-dark .th-dashboard-page .dashboard-shell {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  html body.th-luxury-dark .th-dashboard-page .sidebar {
    position: relative !important;
    top: auto !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 13px !important;
  }

  html body.th-luxury-dark .th-sidebar-brand {
    grid-column: 1 / -1 !important;
    padding: 5px 7px 13px !important;
  }

  html body.th-luxury-dark .th-dashboard-page .sidebar a {
    justify-content: center !important;
    min-width: 0 !important;
    padding-inline: 8px !important;
    text-align: center !important;
    font-size: 13px !important;
  }
}

@media (max-width: 680px) {
  html body.th-luxury-dark .th-search-page,
  html body.th-luxury-dark .th-dashboard-page {
    padding: 20px 0 72px !important;
  }

  html body.th-luxury-dark .th-search-page > .container,
  html body.th-luxury-dark .th-dashboard-page > .container {
    width: min(1320px, calc(100% - 24px)) !important;
  }

  html body.th-luxury-dark .th-search-intro {
    padding: 28px 22px !important;
    border-radius: 22px !important;
  }

  html body.th-luxury-dark .th-search-intro::before {
    width: 4px;
    height: 56px;
  }

  html body.th-luxury-dark .th-search-intro h1 {
    font-size: clamp(36px, 12vw, 50px) !important;
  }

  html body.th-luxury-dark .th-search-intro p {
    font-size: 14px !important;
  }

  html body.th-luxury-dark .th-search-badges {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
  }

  html body.th-luxury-dark .th-search-badges span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 42px !important;
    padding: 7px 9px !important;
    text-align: center !important;
  }

  html body.th-luxury-dark .th-search-filter-card {
    padding: 10px !important;
    border-radius: 20px !important;
  }

  html body.th-luxury-dark .th-search-filter-card .searchrow {
    grid-template-columns: 1fr !important;
  }

  html body.th-luxury-dark .th-search-filter-card .btn {
    grid-column: auto !important;
  }

  html body.th-luxury-dark .th-results-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  html body.th-luxury-dark .th-search-page .search-results {
    grid-template-columns: 1fr !important;
  }

  html body.th-luxury-dark .th-search-page .tutor-photo {
    min-height: 175px !important;
  }

  html body.th-luxury-dark .th-dashboard-page .sidebar {
    grid-template-columns: 1fr 1fr !important;
  }

  html body.th-luxury-dark .th-dashboard-page .sidebar a {
    justify-content: flex-start !important;
    min-height: 46px !important;
    padding-inline: 12px !important;
  }

  html body.th-luxury-dark .th-dashboard-welcome {
    padding: 23px 21px !important;
  }

  html body.th-luxury-dark .th-dashboard-welcome h1 {
    font-size: 33px !important;
  }

  html body.th-luxury-dark .th-account-notice {
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 11px !important;
    padding: 12px !important;
  }

  html body.th-luxury-dark .th-notice-icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }

  html body.th-luxury-dark .th-notice-copy {
    font-size: 13px !important;
  }

  html body.th-luxury-dark .th-dashboard-page .dashboard-grid {
    grid-template-columns: 1fr !important;
  }

  html body.th-luxury-dark .th-dashboard-page .metric {
    min-height: 104px !important;
  }

  html body.th-luxury-dark .th-dashboard-page .panel {
    padding: 21px 18px !important;
  }

  html body.th-luxury-dark .th-dashboard-page .form-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 410px) {
  html body.th-luxury-dark .th-search-badges,
  html body.th-luxury-dark .th-dashboard-page .sidebar {
    grid-template-columns: 1fr !important;
  }

  html body.th-luxury-dark .th-search-page .card-actions {
    grid-template-columns: 1fr !important;
  }
}