.daia-ui-switcher {
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 12000;
  width: min(260px, calc(100vw - 24px));
  padding: 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(148, 163, 184, 0.25);
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(14px);
  color: #0f172a;
  font-family: "Poppins", "Inter", Arial, sans-serif;
}

.daia-ui-switcher__controls {
  display: grid;
  gap: 12px;
}

.daia-ui-switcher__title {
  margin-bottom: 10px;
  font-size: 0.86rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.daia-ui-switcher__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}

.daia-ui-switcher__button,
.daia-ui-switcher__select {
  width: 100%;
  min-height: 40px;
  border-radius: 12px;
  border: 1px solid rgba(148, 163, 184, 0.3);
  background: #f8fafc;
  color: #0f172a;
  font-size: 0.95rem;
  font-weight: 700;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.daia-ui-switcher__button:hover,
.daia-ui-switcher__select:hover {
  transform: translateY(-1px);
}

.daia-ui-switcher__button.is-active {
  background: linear-gradient(135deg, #2563eb, #0f766e);
  border-color: transparent;
  color: #ffffff;
}

.daia-ui-switcher__label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.82rem;
  font-weight: 700;
  color: #475569;
}

.daia-ui-switcher__select {
  padding: 0 12px;
}

.daia-ui-switcher.daia-ui-switcher--inline {
  position: static;
  top: auto;
  right: auto;
  z-index: auto;
  width: auto !important;
  min-width: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  color: inherit;
}

.daia-ui-switcher--inline .daia-ui-switcher__title {
  display: none;
}

.daia-ui-switcher--inline .daia-ui-switcher__controls {
  display: flex;
  align-items: center;
  gap: 10px;
}

.daia-ui-switcher--inline .daia-ui-switcher__row {
  width: 126px;
  margin: 0;
  flex-shrink: 0;
}

.daia-ui-switcher--inline .daia-ui-switcher__field {
  display: flex;
  align-items: center;
  gap: 8px;
}

.daia-ui-switcher--inline .daia-ui-switcher__label {
  margin: 0;
  font-size: 0.78rem;
  line-height: 1;
  white-space: nowrap;
}

.daia-ui-switcher--inline .daia-ui-switcher__button,
.daia-ui-switcher--inline .daia-ui-switcher__select {
  min-height: 34px;
  font-size: 0.84rem;
  border-radius: 10px;
}

.daia-ui-switcher--inline .daia-ui-switcher__select {
  min-width: 132px;
}

:root {
  --daia-font-body: 17px;
  --daia-font-ui: 1rem;
  --daia-font-helper: 0.92rem;
  --daia-line-body: 1.55;
  --daia-line-tight: 1.4;
}

body {
  font-size: var(--daia-font-body) !important;
  line-height: var(--daia-line-body) !important;
}

.navbar .navbar-nav > li > a,
.navbar .nav > li > a,
.navbar .nav-link,
.site-nav-link,
.navbar .navbar-text,
#lblLoginText,
#liWalletBalance a,
.token-chip,
.auction-navbar__note,
.auction-navbar__user,
.page-subtitle,
.hero-step,
.bulk-copy p,
.bulk-guide ul,
.auction-panel-note,
.search-container label,
.filter-section label,
.wallet-details,
.card-text,
.list-group-item,
.table,
.table td,
.table th,
.table-elevated,
.table-elevated td,
.table-elevated th,
.shoping-cart-table,
.shoping-cart-table td,
.shoping-cart-table td.desc dl,
.shoping-cart-table td.desc .product-details,
.ibox-content p,
.ibox-content span,
.page-header-note,
.redirect,
.message-stack,
#lblSuccessMessage,
#lblErrorMessage,
.panel-title,
.panel-title a,
.form-control,
.form-select,
.btn:not(.btn-place-bid),
.btn-sm,
.btn-toolbar,
.btn-row-action,
.btn-back,
.auction-navbar__back,
.btn-primary-gradient,
.btn-outline-light,
.btn-subtle,
.btn-gradient,
.card-header button {
  font-size: var(--daia-font-ui) !important;
  line-height: var(--daia-line-body) !important;
}

.table thead th,
.table-elevated thead th,
.hero-kicker,
.section-eyebrow,
.hero-checklist-title,
.auction-navbar__eyebrow,
.auction-tag,
.auction-date-badge,
.status-chip,
.method-chip,
.identity-pill,
.lot-badge,
.money-pill,
.deposit-pill,
.listing-source-badge,
.pager-style a,
.pager-style span,
.daia-ui-switcher__title,
.daia-ui-switcher__label {
  font-size: var(--daia-font-helper) !important;
  line-height: var(--daia-line-tight) !important;
}

.daia-ui-switcher__button,
.daia-ui-switcher__select,
.daia-ui-switcher--inline .daia-ui-switcher__button,
.daia-ui-switcher--inline .daia-ui-switcher__select {
  font-size: 0.95rem !important;
  line-height: var(--daia-line-tight) !important;
}

@media (max-width: 768px) {
  .daia-ui-switcher {
    top: auto;
    right: 12px;
    bottom: 12px;
    width: min(240px, calc(100vw - 24px));
  }

  .daia-ui-switcher.daia-ui-switcher--inline {
    width: 100% !important;
  }

  .daia-ui-switcher--inline .daia-ui-switcher__controls {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .daia-ui-switcher--inline .daia-ui-switcher__row,
  .daia-ui-switcher--inline .daia-ui-switcher__field,
  .daia-ui-switcher--inline .daia-ui-switcher__select {
    width: 100%;
  }

  .daia-ui-switcher--inline .daia-ui-switcher__field {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  body {
    font-size: 16px !important;
  }
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"],
html[data-theme="dark"] body {
  background: linear-gradient(180deg, #0f172a 0%, #111827 48%, #0b1220 100%) !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] body,
html[data-theme="dark"] .page-shell,
html[data-theme="dark"] .content-wrapper,
html[data-theme="dark"] .container-fluid,
html[data-theme="dark"] .wrapper,
html[data-theme="dark"] .wrapper-content {
  color: #e5e7eb !important;
}

html[data-theme="dark"] .navbar,
html[data-theme="dark"] .page-header,
html[data-theme="dark"] .page-header-hero,
html[data-theme="dark"] .search-container,
html[data-theme="dark"] .table-container,
html[data-theme="dark"] .wallet-card,
html[data-theme="dark"] .ibox,
html[data-theme="dark"] .ibox-title,
html[data-theme="dark"] .ibox-content,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .panel-heading,
html[data-theme="dark"] .panel-body,
html[data-theme="dark"] .bulk-section,
html[data-theme="dark"] .bulk-guide,
html[data-theme="dark"] .hero-checklist,
html[data-theme="dark"] .table tbody td,
html[data-theme="dark"] .card,
html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-body,
html[data-theme="dark"] .card-footer,
html[data-theme="dark"] .well,
html[data-theme="dark"] .list-group-item,
html[data-theme="dark"] .modal-content,
html[data-theme="dark"] .modal-body,
html[data-theme="dark"] .wallet,
html[data-theme="dark"] .left-wallet,
html[data-theme="dark"] .right-trans,
html[data-theme="dark"] .notification-dropdown,
html[data-theme="dark"] .filter-section,
html[data-theme="dark"] .list-item,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .container {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: rgba(71, 85, 105, 0.65) !important;
  box-shadow: 0 18px 40px rgba(2, 6, 23, 0.36) !important;
}

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] .table-container thead th,
html[data-theme="dark"] .pager-style span.aspNetDisabled,
html[data-theme="dark"] .pager-style .active span {
  background: #1e293b !important;
  color: #f8fafc !important;
  border-color: rgba(71, 85, 105, 0.65) !important;
}

html[data-theme="dark"] .table tbody tr:hover,
html[data-theme="dark"] .table tbody tr:hover td,
html[data-theme="dark"] .table-elevated tbody tr:hover,
html[data-theme="dark"] .table-elevated tbody tr:hover td {
  background: rgba(30, 41, 59, 0.92) !important;
}

html[data-theme="dark"] .table,
html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th,
html[data-theme="dark"] .table a,
html[data-theme="dark"] .product-details,
html[data-theme="dark"] p,
html[data-theme="dark"] label,
html[data-theme="dark"] span,
html[data-theme="dark"] li,
html[data-theme="dark"] div,
html[data-theme="dark"] strong,
html[data-theme="dark"] small,
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: inherit !important;
}

html[data-theme="dark"] a {
  color: #93c5fd !important;
}

html[data-theme="dark"] .page-subtitle,
html[data-theme="dark"] .auction-panel-note,
html[data-theme="dark"] .bulk-copy p,
html[data-theme="dark"] .bulk-guide ul,
html[data-theme="dark"] .wallet-details,
html[data-theme="dark"] .uploaded-file-list,
html[data-theme="dark"] .redirect,
html[data-theme="dark"] .marquee-content,
html[data-theme="dark"] .trans-type-date,
html[data-theme="dark"] .search-container label,
html[data-theme="dark"] .daia-ui-switcher__label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] .input-group-text,
html[data-theme="dark"] .dropdown-menu,
html[data-theme="dark"] .token-chip,
html[data-theme="dark"] .method-chip,
html[data-theme="dark"] .identity-pill,
html[data-theme="dark"] .lot-badge,
html[data-theme="dark"] .money-pill,
html[data-theme="dark"] .deposit-pill,
html[data-theme="dark"] .status-chip,
html[data-theme="dark"] .label,
html[data-theme="dark"] .badge {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
}

html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-subtle,
html[data-theme="dark"] .btn-outline-light,
html[data-theme="dark"] .btn-default,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .pager-style a,
html[data-theme="dark"] .pager-style span {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: rgba(71, 85, 105, 0.72) !important;
}

html[data-theme="dark"] .btn-primary,
html[data-theme="dark"] .btn-primary-gradient,
html[data-theme="dark"] .btn-gradient,
html[data-theme="dark"] .btn-back {
  color: #ffffff !important;
}

html[data-theme="dark"] .btn-danger,
html[data-theme="dark"] .btn-danger:hover {
  color: #ffffff !important;
}

html[data-theme="dark"] .notification-count {
  color: #ffffff !important;
}

html[data-theme="dark"] .daia-ui-switcher {
  background: rgba(15, 23, 42, 0.94);
  color: #f8fafc;
  border-color: rgba(71, 85, 105, 0.7);
}

html[data-theme="dark"] .daia-ui-switcher__button,
html[data-theme="dark"] .daia-ui-switcher__select {
  background: #0f172a;
  color: #f8fafc;
  border-color: rgba(71, 85, 105, 0.72);
}

html[data-theme="dark"] .daia-ui-switcher__button.is-active {
  background: linear-gradient(135deg, #2563eb, #0f766e);
  color: #ffffff;
}

html[data-theme="dark"] .daia-ui-switcher.daia-ui-switcher--inline {
  background: transparent;
  border: none;
}
