:root {
  color-scheme: light;
}

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

.money-wrap,
.transaction-amount,
.break-money,
.text-wrap-anywhere,
[data-wrap="number"] {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.12;
}

.money-fit {
  display: block;
  max-width: 100%;
  font-size: clamp(1.25rem, 7.5cqw, 2rem);
  line-height: 1.12;
  overflow-wrap: normal;
  word-break: normal;
}

.money-stat {
  display: block;
  max-width: 100%;
  font-size: clamp(1.25rem, 5.5cqw, 1.875rem);
  line-height: 1.12;
  overflow-wrap: anywhere;
  word-break: normal;
}

.money-wrap,
.money-fit,
.money-stat,
[data-money-amount] {
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.money-wrap {
  line-height: 1.08;
}

.money-wrap.text-4xl,
.money-wrap.md\:text-5xl {
  font-size: clamp(1.75rem, 7.5vw, 3rem) !important;
}

.money-wrap.text-lg,
.money-stat.text-sm {
  font-size: clamp(0.95rem, 4.8vw, 1.125rem) !important;
}

.balance-card [data-money-amount],
.balance-card .money-fit {
  font-size: clamp(1rem, 10cqw, 1.8rem);
}

.dashboard-money-card {
  container-type: inline-size;
  overflow: hidden;
}

.dashboard-money-value,
.dashboard-money-card .money-wrap {
  display: block;
  max-width: 100%;
  font-size: clamp(0.95rem, 8cqw, 1.125rem) !important;
  line-height: 1.12;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
}

@media (max-width: 520px) {
  .dashboard-money-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

.balance-card,
.stat-card,
.stat-strip-card {
  container-type: inline-size;
}

.glass-card,
.glass-panel,
.panel,
.stat-card,
.stat-strip-card,
.method-card,
.rounded-2xl,
.rounded-3xl,
article,
section,
aside,
li {
  min-width: 0;
}

.dashboard-layout {
  display: grid;
  grid-template-columns: 256px minmax(0, 1fr);
}

.dashboard-sidebar {
  position: sticky;
  top: 0;
  z-index: 20;
  align-self: start;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}

.dashboard-sidebar-backdrop {
  z-index: 50;
}

.dashboard-sidebar-lock {
  overflow: hidden;
}

@media (max-width: 1023px) {
  .dashboard-layout {
    display: block;
  }

  .dashboard-sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 60;
    width: min(20rem, 88vw);
    height: 100dvh;
    max-height: 100dvh;
    padding-bottom: 7rem;
    box-shadow: 24px 0 70px rgba(15, 23, 42, 0.28);
    transform: translateX(-105%);
    transition: transform 0.25s ease;
    will-change: transform;
  }

  .dashboard-sidebar.is-open {
    transform: translateX(0);
  }
}

.hullcity-floating-theme-toggle {
  position: fixed;
  right: 16px;
  bottom: 86px;
  z-index: 80;
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.18);
  cursor: pointer;
}

.hullcity-currency-selector {
  position: fixed;
  right: 16px;
  bottom: 136px;
  z-index: 80;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 8px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  box-shadow: 0 18px 38px rgba(15, 23, 42, 0.16);
}

.hullcity-currency-selector label {
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #64748b;
}

.hullcity-currency-selector select {
  min-height: 30px;
  border: 0;
  border-radius: 999px;
  background: #eff6ff;
  color: #1e3a8a;
  font-size: 12px;
  font-weight: 900;
  outline: none;
}

@media (max-width: 640px) {
  .hullcity-currency-selector {
    right: 10px;
    bottom: 68px;
  }
}

.hullcity-floating-theme-toggle:hover {
  border-color: #93c5fd;
  color: #1d4ed8;
}

[data-theme-toggle] {
  cursor: pointer;
}

:root[data-theme="dark"] body {
  background: #020617 !important;
  color: #e5e7eb !important;
}

:root[data-theme="dark"] {
  --ink: #f8fafc;
  --ink-soft: #dbeafe;
  --muted: #cbd5e1;
  --blue: #60a5fa;
  --blue-2: #3b82f6;
  --blue-3: #020617;
  --gold: #f2d879;
  --gold-2: #fde68a;
  --cream: #0f172a;
  --paper: #111827;
  --mist: #0f172a;
  --line: rgba(148, 163, 184, 0.28);
  --shadow: 0 30px 80px rgba(0, 0, 0, 0.46);
}

:root[data-theme="dark"] .site-shell,
:root[data-theme="dark"] .hero-section,
:root[data-theme="dark"] main,
:root[data-theme="dark"] body {
  background:
    radial-gradient(circle at 8% 0%, rgba(242, 216, 121, 0.1), transparent 30rem),
    linear-gradient(135deg, #020617 0%, #081326 55%, #111827 100%) !important;
}

:root[data-theme="dark"] .site-header {
  background: rgba(15, 23, 42, 0.92) !important;
  border-color: rgba(148, 163, 184, 0.22) !important;
}

:root[data-theme="dark"] .site-nav,
:root[data-theme="dark"] .site-nav a,
:root[data-theme="dark"] .dropdown-toggle,
:root[data-theme="dark"] .lead,
:root[data-theme="dark"] .trust-pill,
:root[data-theme="dark"] .card-note,
:root[data-theme="dark"] .image-caption span,
:root[data-theme="dark"] .service-tile p,
:root[data-theme="dark"] .detail-card p,
:root[data-theme="dark"] .page-panel p,
:root[data-theme="dark"] .footer-bottom {
  color: #dbeafe !important;
}

:root[data-theme="dark"] .announcement,
:root[data-theme="dark"] .dark-band {
  color: #f8fafc !important;
}

:root[data-theme="dark"] .btn-ghost,
:root[data-theme="dark"] .trust-pill,
:root[data-theme="dark"] .floating-card,
:root[data-theme="dark"] .editorial-card,
:root[data-theme="dark"] .service-tile,
:root[data-theme="dark"] .detail-card,
:root[data-theme="dark"] .page-panel,
:root[data-theme="dark"] .image-caption {
  background: rgba(15, 23, 42, 0.86) !important;
  border-color: rgba(148, 163, 184, 0.24) !important;
  color: #f8fafc !important;
}

:root[data-theme="dark"] .btn {
  color: #f8fafc !important;
}

:root[data-theme="dark"] .btn-gold {
  color: #1c1604 !important;
}

:root[data-theme="dark"] .dropdown-menu {
  background: #0f172a !important;
}

:root[data-theme="dark"] .dropdown-menu small,
:root[data-theme="dark"] .footer-links a {
  color: #cbd5e1 !important;
}

:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .glass-card,
:root[data-theme="dark"] .glass-panel,
:root[data-theme="dark"] .panel,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .stat-strip-card,
:root[data-theme="dark"] .method-card,
:root[data-theme="dark"] header,
:root[data-theme="dark"] aside,
:root[data-theme="dark"] nav,
:root[data-theme="dark"] .dropdown-menu,
:root[data-theme="dark"] .modal,
:root[data-theme="dark"] .page-loading {
  background-color: #0f172a !important;
  border-color: #1e293b !important;
  color: #e5e7eb !important;
}

:root[data-theme="dark"] .bg-slate-50,
:root[data-theme="dark"] .bg-slate-100,
:root[data-theme="dark"] .bg-gray-50,
:root[data-theme="dark"] .bg-gray-100,
:root[data-theme="dark"] .bg-primary-50,
:root[data-theme="dark"] .bg-blue-50,
:root[data-theme="dark"] .bg-white\/90,
:root[data-theme="dark"] .bg-white\/95,
:root[data-theme="dark"] .method-card-body,
:root[data-theme="dark"] .panel-body,
:root[data-theme="dark"] .arow,
:root[data-theme="dark"] .frow,
:root[data-theme="dark"] .detail-block {
  background-color: #111827 !important;
  border-color: #1f2937 !important;
}

:root[data-theme="dark"] .text-slate-950,
:root[data-theme="dark"] .text-slate-900,
:root[data-theme="dark"] .text-gray-900,
:root[data-theme="dark"] .text-black,
:root[data-theme="dark"] h1,
:root[data-theme="dark"] h2,
:root[data-theme="dark"] h3,
:root[data-theme="dark"] h4,
:root[data-theme="dark"] .stat-val,
:root[data-theme="dark"] .stat-strip-val,
:root[data-theme="dark"] .method-name {
  color: #f8fafc !important;
}

:root[data-theme="dark"] .text-slate-700,
:root[data-theme="dark"] .text-slate-600,
:root[data-theme="dark"] .text-gray-700,
:root[data-theme="dark"] .text-blue-700,
:root[data-theme="dark"] .text-primary-700,
:root[data-theme="dark"] p,
:root[data-theme="dark"] label {
  color: #cbd5e1 !important;
}

:root[data-theme="dark"] .text-slate-500,
:root[data-theme="dark"] .text-slate-400,
:root[data-theme="dark"] .text-gray-500,
:root[data-theme="dark"] .text-gray-400,
:root[data-theme="dark"] .text-blue-500,
:root[data-theme="dark"] .text-primary-500,
:root[data-theme="dark"] small,
:root[data-theme="dark"] .stat-label,
:root[data-theme="dark"] .stat-sub,
:root[data-theme="dark"] .method-desc {
  color: #94a3b8 !important;
}

:root[data-theme="dark"] .border,
:root[data-theme="dark"] .border-slate-200,
:root[data-theme="dark"] .border-slate-100,
:root[data-theme="dark"] .border-gray-200,
:root[data-theme="dark"] .border-gray-100,
:root[data-theme="dark"] .border-primary-100,
:root[data-theme="dark"] .panel-head,
:root[data-theme="dark"] .arow-detail {
  border-color: #1e293b !important;
}

:root[data-theme="dark"] input,
:root[data-theme="dark"] textarea,
:root[data-theme="dark"] select {
  background-color: #020617 !important;
  border-color: #334155 !important;
  color: #f8fafc !important;
}

:root[data-theme="dark"] input::placeholder,
:root[data-theme="dark"] textarea::placeholder {
  color: #64748b !important;
}

:root[data-theme="dark"] .theme-toggle,
:root[data-theme="dark"] .hullcity-floating-theme-toggle,
:root[data-theme="dark"] .hullcity-currency-selector {
  border-color: #334155 !important;
  background: #0f172a !important;
  color: #f8fafc !important;
}

:root[data-theme="dark"] .hullcity-currency-selector label {
  color: #94a3b8 !important;
}

:root[data-theme="dark"] .hullcity-currency-selector select {
  background: #1e293b !important;
  color: #f8fafc !important;
}

:root[data-theme="dark"] .theme-icon-sun,
:root[data-theme="light"] .theme-icon-moon {
  display: none !important;
}

#jivo-iframe-container,
#jivo_custom_widget,
#jivo_chat_widget,
#jivo_container,
.jivo-iframe-container,
.jivo-widget,
.jivo_chat_widget,
.jivo_custom_widget,
[id*="jivo"],
[class*="jivo"],
[id*="livechat"],
[class*="livechat"],
[id*="chat-widget"],
[class*="chat-widget"],
iframe[src*="jivosite"],
iframe[src*="livechat"],
script[src*="jivosite"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
