/* NEMAZING ONLINE — единая профессиональная визуальная система 2026 */
:root {
  --nm-bg: #f3f5fa;
  --nm-bg-deep: #e9edf5;
  --nm-surface: #ffffff;
  --nm-surface-soft: #f7f8fc;
  --nm-surface-strong: #eef1f8;
  --nm-text: #17192a;
  --nm-text-soft: #303449;
  --nm-muted: #6c7084;
  --nm-border: rgba(37, 42, 73, .12);
  --nm-border-strong: rgba(37, 42, 73, .19);
  --nm-primary: #7157f6;
  --nm-primary-dark: #5940db;
  --nm-primary-soft: rgba(113, 87, 246, .11);
  --nm-accent: #ff536d;
  --nm-success: #24b77b;
  --nm-warning: #f5a524;
  --nm-danger: #e54861;
  --nm-header: rgba(17, 18, 33, .92);
  --nm-header-solid: #111221;
  --nm-header-text: #f8f8fd;
  --nm-shadow-sm: 0 10px 30px rgba(29, 32, 61, .08);
  --nm-shadow: 0 22px 65px rgba(29, 32, 61, .13);
  --nm-shadow-lg: 0 32px 90px rgba(19, 21, 45, .18);
  --nm-radius-sm: 14px;
  --nm-radius: 20px;
  --nm-radius-lg: 28px;
  --nm-gradient: linear-gradient(135deg, #7157f6 0%, #8c5cf6 55%, #ff536d 125%);
  --nm-gradient-soft: linear-gradient(145deg, rgba(113,87,246,.12), rgba(255,83,109,.07));
}

html[data-theme="dark"] {
  color-scheme: dark;
  --nm-bg: #0d0f1b;
  --nm-bg-deep: #090b14;
  --nm-surface: #171a2a;
  --nm-surface-soft: #1d2134;
  --nm-surface-strong: #242941;
  --nm-text: #f7f7fc;
  --nm-text-soft: #d9dbea;
  --nm-muted: #a8adc3;
  --nm-border: rgba(255, 255, 255, .10);
  --nm-border-strong: rgba(255, 255, 255, .17);
  --nm-primary: #927cff;
  --nm-primary-dark: #7b63ef;
  --nm-primary-soft: rgba(146, 124, 255, .16);
  --nm-accent: #ff7188;
  --nm-success: #47d79d;
  --nm-warning: #ffc35b;
  --nm-danger: #ff7188;
  --nm-header: rgba(8, 9, 18, .92);
  --nm-header-solid: #080912;
  --nm-shadow-sm: 0 12px 34px rgba(0, 0, 0, .22);
  --nm-shadow: 0 24px 72px rgba(0, 0, 0, .32);
  --nm-shadow-lg: 0 34px 100px rgba(0, 0, 0, .45);
  --nm-gradient-soft: linear-gradient(145deg, rgba(146,124,255,.18), rgba(255,113,136,.08));
}

html { background: var(--nm-bg); scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at 9% 2%, rgba(113,87,246,.075), transparent 28rem),
    radial-gradient(circle at 96% 22%, rgba(255,83,109,.055), transparent 26rem),
    var(--nm-bg) !important;
  color: var(--nm-text) !important;
  min-height: 100vh;
  transition: background-color .24s ease, color .24s ease;
}
main { overflow: clip; }
::selection { background: rgba(113,87,246,.24); color: var(--nm-text); }

/* Типографика и базовые поверхности */
h1,h2,h3,h4,h5,h6,strong,label,.subheading { color: var(--nm-text); }
p,.lead,.muted,small,.field-help { color: var(--nm-muted); }
a { text-underline-offset: 3px; }
.red { color: var(--nm-primary) !important; }
.eyebrow {
  color: var(--nm-primary) !important;
  font-size: .75rem !important;
  font-weight: 900 !important;
  letter-spacing: .13em !important;
  line-height: 1.35 !important;
}
.subheading { letter-spacing: -.035em; line-height: 1.06; }
.section { background: transparent !important; }
.section-soft { background: var(--nm-surface-soft) !important; border-block: 1px solid var(--nm-border); }

.card,
.checkout-card,.order-summary,.shop-account-bar,.shop-product,.service-product,.case-shop-card,
.vip-card,.account-sidebar,.account-summary-card,.character-card,.details-card,.profile-data-board,
.account-purchases-card,.exchange-panel,.audio-panel,.settings-panel,.auth-dialog,.modal-card,
.coin-game,.coin-create-card,.coin-result-card,.icf-game,.icf-modal-card,.icf-result-card,
.inventory-card,.game-card-featured,.game-soon,.roulette-stage,.roulette-info-card,
.payment-result-card,.document,.contact-card,.notice {
  background: var(--nm-surface) !important;
  color: var(--nm-text) !important;
  border: 1px solid var(--nm-border) !important;
  box-shadow: var(--nm-shadow-sm) !important;
}

.input,input,textarea,select {
  background: var(--nm-surface-soft) !important;
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
  caret-color: var(--nm-primary);
}
.input:focus,input:focus,textarea:focus,select:focus {
  border-color: var(--nm-primary) !important;
  box-shadow: 0 0 0 4px var(--nm-primary-soft) !important;
  outline: 0;
}
input::placeholder,textarea::placeholder { color: color-mix(in srgb, var(--nm-muted) 80%, transparent); }

.btn {
  min-height: 46px;
  border-radius: 14px !important;
  font-weight: 850 !important;
  letter-spacing: -.01em;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease !important;
}
.btn:hover { transform: translateY(-2px); }
.btn-primary,.vip-buy-button,.roulette-spin-button {
  background: var(--nm-gradient) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 12px 28px rgba(113,87,246,.24) !important;
}
.btn-primary:hover,.vip-buy-button:hover,.roulette-spin-button:hover { box-shadow: 0 17px 35px rgba(113,87,246,.32) !important; }
.btn-light,.btn-dark {
  background: var(--nm-surface-soft) !important;
  color: var(--nm-text) !important;
  border: 1px solid var(--nm-border) !important;
  box-shadow: none !important;
}
.btn-light:hover,.btn-dark:hover { background: var(--nm-surface-strong) !important; border-color: var(--nm-border-strong) !important; }

/* Единая шапка. Форум выглядит ровно так же, как остальные пункты. */
.site-header {
  background: var(--nm-header) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: 0 12px 34px rgba(0,0,0,.10) !important;
  backdrop-filter: blur(22px) saturate(145%) !important;
}
.site-header.scrolled { background: color-mix(in srgb, var(--nm-header-solid) 96%, transparent) !important; }
.header-inner { min-height: 82px; height: auto !important; gap: 18px !important; }
.brand img { max-width: 166px; filter: brightness(0) invert(1) !important; }
.nav { gap: 4px !important; }
.nav > a,.nav-dropdown-toggle,.nav .nav-forum-link {
  min-height: 42px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  padding: 10px 13px !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  background: transparent !important;
  color: rgba(255,255,255,.77) !important;
  box-shadow: none !important;
  font: inherit;
  font-size: .9rem !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  white-space: nowrap;
}
.nav > a:hover,.nav > a.active,.nav-dropdown-toggle:hover,.nav-dropdown-toggle[aria-expanded="true"],
.nav .nav-forum-link:hover,.nav .nav-forum-link.active {
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.08) !important;
  color: #fff !important;
}
.nav-dropdown-menu {
  background: var(--nm-surface) !important;
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
  box-shadow: var(--nm-shadow-lg) !important;
  border-radius: 18px !important;
}
.nav-dropdown-menu a { color: var(--nm-text) !important; }
.nav-dropdown-menu a:hover { background: var(--nm-surface-soft) !important; }
.nav-dropdown-menu small { color: var(--nm-muted) !important; }
.account-trigger,.notification-trigger {
  background: rgba(255,255,255,.075) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.13) !important;
  box-shadow: none !important;
}
.account-trigger:hover,.notification-trigger:hover { background: rgba(255,255,255,.13) !important; }
.account-trigger-copy strong { color: #fff !important; }
.account-trigger-copy small { color: rgba(255,255,255,.58) !important; }
.account-dropdown,.notification-panel {
  background: var(--nm-surface) !important;
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
  box-shadow: var(--nm-shadow-lg) !important;
}
.account-dropdown > a,.account-dropdown > button { color: var(--nm-text-soft) !important; }
.account-dropdown > a:hover,.account-dropdown > button:hover { background: var(--nm-surface-soft) !important; color: var(--nm-text) !important; }
.account-dropdown-head { border-color: var(--nm-border) !important; }
.account-trigger-avatar,.account-menu-avatar,.account-hero-avatar,.sidebar-avatar,.character-avatar,.avatar-settings-preview {
  background-color: var(--nm-primary) !important;
  background-image: var(--nm-gradient);
  background-size: cover !important;
  background-position: center !important;
  color: #fff !important;
}
.has-user-avatar { background-size: cover !important; background-position: center !important; color: transparent !important; }

/* Кнопка темы */
.theme-toggle {
  background: color-mix(in srgb, var(--nm-surface) 94%, transparent) !important;
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
  box-shadow: var(--nm-shadow) !important;
  backdrop-filter: blur(15px);
}

/* Общие герои страниц */
.page-hero,.account-hero,.shop-hero-refined,.games-hero,.inventory-hero,.roulette-hero,
.coin-hero,.icf-hero,.home-hero-refined {
  color: var(--nm-text) !important;
}
.page-hero h1,.account-hero h1,.shop-hero-refined h1,.games-hero h1,.inventory-hero h1,
.roulette-hero h1,.coin-hero h1,.icf-hero h1,.home-hero-refined h1 { color: inherit !important; }
.page-hero p,.account-hero p,.shop-hero-refined p,.games-hero p,.inventory-hero p,
.roulette-hero p,.coin-hero p,.icf-hero p,.home-hero-refined p { color: var(--nm-muted) !important; }

/* Пополнение */
.donate-hero {
  min-height: 520px !important;
  padding: 142px 0 64px !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(113,87,246,.16), transparent 31rem),
    linear-gradient(135deg, var(--nm-surface) 0%, var(--nm-surface-soft) 62%, color-mix(in srgb, var(--nm-primary) 12%, var(--nm-surface)) 100%) !important;
  border-bottom: 1px solid var(--nm-border);
}
.donate-hero::before,.donate-hero::after { display: none !important; }
.donate-hero-copy {
  max-width: none !important;
  display: grid !important;
  grid-template-columns: minmax(0, .95fr) minmax(360px, 1.05fr);
  align-items: center;
  gap: clamp(34px, 6vw, 88px);
}
.donate-hero-copy > div { max-width: 690px; }
.donate-hero h1 {
  margin: 8px 0 20px !important;
  color: var(--nm-text) !important;
  font-size: clamp(3rem, 6vw, 6.2rem) !important;
  line-height: .91 !important;
  letter-spacing: -.06em !important;
  text-transform: none !important;
}
.donate-hero .lead { max-width: 650px; font-size: clamp(1rem, 1.55vw, 1.18rem); line-height: 1.7; }
.donate-car {
  width: 100% !important;
  max-width: 640px !important;
  height: 330px !important;
  object-fit: cover !important;
  border-radius: 30px !important;
  border: 1px solid var(--nm-border) !important;
  box-shadow: var(--nm-shadow-lg) !important;
  transform: rotate(1.5deg);
}
.checkout-layout { grid-template-columns: minmax(0,1fr) minmax(310px,390px) !important; gap: 26px !important; align-items: start; }
.checkout-main { display: grid; gap: 20px; }
.checkout-card,.order-summary { border-radius: var(--nm-radius-lg) !important; padding: clamp(22px, 3vw, 32px) !important; }
.checkout-card h2,.order-summary h2 { margin: 0 0 18px; font-size: 1.35rem; letter-spacing: -.025em; }
.amount-entry-premium {
  background: var(--nm-gradient-soft) !important;
  border: 1px solid var(--nm-border) !important;
  border-radius: 22px !important;
  padding: 20px !important;
}
.amount-entry-premium > img { filter: drop-shadow(0 12px 16px rgba(113,87,246,.22)); }
.amount-live-result,.rate-note,.checkout-consent { color: var(--nm-muted) !important; }
.order-summary { position: sticky !important; top: 108px !important; }
.summary-row,.summary-total { border-color: var(--nm-border) !important; }
.summary-row span,.summary-total span { color: var(--nm-muted) !important; }
.summary-row strong,.summary-total strong { color: var(--nm-text) !important; overflow-wrap: anywhere; }
.summary-total { margin-top: 15px; padding-top: 18px; }
.summary-total strong { font-size: 1.75rem; }

/* Магазин */
.shop-hero-refined {
  padding: 145px 0 68px !important;
  background:
    radial-gradient(circle at 87% 35%, rgba(255,83,109,.12), transparent 24rem),
    radial-gradient(circle at 15% 5%, rgba(113,87,246,.14), transparent 28rem),
    var(--nm-surface-soft) !important;
  border-bottom: 1px solid var(--nm-border);
}
.shop-hero-grid { align-items: center !important; }
.shop-hero-refined h1 { color: var(--nm-text) !important; font-size: clamp(3rem, 6vw, 5.7rem) !important; line-height: .92 !important; }
.shop-hero-badge {
  background: var(--nm-surface) !important;
  border: 1px solid var(--nm-border) !important;
  color: var(--nm-text) !important;
  border-radius: 28px !important;
  box-shadow: var(--nm-shadow) !important;
}
.shop-hero-badge span { color: var(--nm-muted) !important; }
.shop-account-bar {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto !important;
  gap: 14px !important;
  align-items: stretch !important;
  padding: 14px !important;
  border-radius: 28px !important;
}
.shop-account-balance,.shop-current-vip,.shop-account-actions {
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 20px !important;
  border-radius: 20px !important;
  background: var(--nm-surface-soft) !important;
  border: 1px solid var(--nm-border) !important;
  box-shadow: none !important;
}
.shop-account-balance,.shop-current-vip { display: flex !important; flex-direction: column; justify-content: center; gap: 6px; }
.shop-account-balance span,.shop-current-vip span { color: var(--nm-muted) !important; }
.shop-account-balance strong,.shop-current-vip strong { color: var(--nm-text) !important; font-size: 1.35rem !important; }
.shop-current-vip small { color: var(--nm-muted) !important; }
.shop-account-actions { display: grid !important; align-content: center; gap: 10px; min-width: 220px !important; }
.shop-section-nav {
  top: 96px !important;
  grid-template-columns: repeat(4,minmax(0,1fr)) !important;
  gap: 8px !important;
  padding: 8px !important;
  background: color-mix(in srgb, var(--nm-surface) 94%, transparent) !important;
  border: 1px solid var(--nm-border) !important;
  box-shadow: var(--nm-shadow-sm) !important;
  border-radius: 20px !important;
}
.shop-section-nav a {
  min-height: 50px !important;
  color: var(--nm-muted) !important;
  border-radius: 14px !important;
}
.shop-section-nav a:hover { background: var(--nm-surface-soft) !important; color: var(--nm-text) !important; }
.shop-section-nav a.active { background: var(--nm-gradient) !important; color: #fff !important; box-shadow: 0 11px 24px rgba(113,87,246,.22) !important; }
.shop-category-section { margin-bottom: 56px !important; }
.shop-section-heading {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) minmax(280px, .7fr);
  align-items: end;
  gap: 24px;
  margin-bottom: 24px !important;
}
.shop-section-heading p { margin: 0; line-height: 1.65; }
.shop-grid,.service-grid { gap: 18px !important; }
.shop-product {
  grid-template-columns: minmax(190px,.78fr) minmax(0,1.22fr) !important;
  min-height: 340px !important;
  border-radius: 26px !important;
  overflow: hidden;
  transform: none !important;
}
.shop-product:hover,.service-product:hover,.vip-card:hover { transform: translateY(-5px) !important; box-shadow: var(--nm-shadow) !important; }
.shop-product-art {
  min-height: 340px !important;
  background: var(--nm-gradient-soft) !important;
  border-right: 1px solid var(--nm-border);
}
.shop-product-art::before { background: rgba(255,255,255,.36) !important; }
html[data-theme="dark"] .shop-product-art::before { background: rgba(255,255,255,.035) !important; }
.shop-product-copy { padding: 28px !important; display: flex !important; flex-direction: column; min-width: 0; }
.shop-product-copy h3,.service-product-main h3,.case-shop-copy h3 { color: var(--nm-text) !important; }
.shop-product-copy p,.service-product-main p,.case-shop-copy p { color: var(--nm-muted) !important; line-height: 1.62; }
.shop-category { background: var(--nm-primary-soft) !important; color: var(--nm-primary) !important; }
.shop-product-footer { margin-top: auto !important; border-color: var(--nm-border) !important; }
.shop-product-footer span,.service-product-buy span { color: var(--nm-muted) !important; }
.shop-product-footer strong,.service-product-buy strong { color: var(--nm-text) !important; }
.service-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; }
.service-product {
  min-height: 300px;
  display: grid !important;
  grid-template-columns: 76px minmax(0,1fr) !important;
  grid-template-rows: 1fr auto;
  gap: 20px !important;
  padding: 26px !important;
  border-radius: 26px !important;
  transform: none !important;
}
.service-product-icon {
  width: 72px !important; height: 72px !important;
  border-radius: 21px !important;
  background: var(--nm-gradient-soft) !important;
  border: 1px solid var(--nm-border) !important;
  color: var(--nm-primary) !important;
}
.service-product-main { min-width: 0; }
.service-current { background: var(--nm-surface-soft) !important; color: var(--nm-muted) !important; border-color: var(--nm-border) !important; }
.service-current strong { color: var(--nm-text) !important; }
.service-product-buy {
  grid-column: 1 / -1;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 18px;
  border-top: 1px solid var(--nm-border);
}
.case-shop-card {
  grid-template-columns: minmax(280px,.9fr) minmax(0,1.1fr) !important;
  border-radius: 28px !important;
  transform: none !important;
}
.case-shop-art { background: var(--nm-gradient-soft) !important; border: 1px solid var(--nm-border); }
.vip-grid { gap: 18px !important; align-items: stretch !important; }
.vip-card {
  min-height: 590px !important;
  padding: 26px !important;
  border-radius: 28px !important;
  background: var(--nm-surface) !important;
  color: var(--nm-text) !important;
  border-top: 4px solid var(--vip-accent, var(--nm-primary)) !important;
  transform: none !important;
  overflow: hidden;
}
.vip-card-standard { --vip-accent: #735bfa; }
.vip-card-black { --vip-accent: #25283b; }
html[data-theme="dark"] .vip-card-black { --vip-accent: #9d91cf; }
.vip-card-premium { --vip-accent: #f3a83c; }
.vip-card::before { background: color-mix(in srgb, var(--vip-accent) 12%, transparent) !important; }
.vip-kicker { color: var(--nm-muted) !important; }
.vip-emblem {
  background: color-mix(in srgb, var(--vip-accent) 14%, var(--nm-surface-soft)) !important;
  color: var(--vip-accent) !important;
  border: 1px solid color-mix(in srgb, var(--vip-accent) 28%, var(--nm-border)) !important;
  box-shadow: none !important;
}
.vip-card h3 { color: var(--nm-text) !important; }
.vip-card p,.vip-card li { color: var(--nm-muted) !important; }
.vip-card li::before { color: var(--vip-accent) !important; }
.vip-duration-picker { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; margin-top: auto; }
.vip-duration-picker button {
  min-height: 72px !important;
  background: var(--nm-surface-soft) !important;
  color: var(--nm-text) !important;
  border: 1px solid var(--nm-border) !important;
  border-radius: 15px !important;
}
.vip-duration-picker button:hover { border-color: color-mix(in srgb, var(--vip-accent) 55%, var(--nm-border)) !important; }
.vip-duration-picker button.active {
  background: color-mix(in srgb, var(--vip-accent) 11%, var(--nm-surface)) !important;
  border-color: var(--vip-accent) !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--vip-accent) 13%, transparent) !important;
}
.vip-card-footer { border-color: var(--nm-border) !important; }
.vip-card-footer span { color: var(--nm-muted) !important; }
.vip-card-footer strong { color: var(--nm-text) !important; }
.shop-assurance article { background: var(--nm-surface) !important; color: var(--nm-text) !important; border-color: var(--nm-border) !important; }
.shop-assurance span { color: var(--nm-muted) !important; }

/* Личный кабинет */
.account-page,.account-section { background: transparent !important; }
.account-hero {
  padding: 136px 0 58px !important;
  background:
    radial-gradient(circle at 90% 35%, rgba(255,83,109,.11), transparent 26rem),
    radial-gradient(circle at 10% 0%, rgba(113,87,246,.14), transparent 28rem),
    var(--nm-surface-soft) !important;
  border-bottom: 1px solid var(--nm-border) !important;
}
.account-hero h1 { color: var(--nm-text) !important; font-size: clamp(3rem, 6vw, 5.6rem) !important; line-height: .92 !important; }
.account-hero-user { background: var(--nm-surface) !important; color: var(--nm-text) !important; border-color: var(--nm-border) !important; box-shadow: var(--nm-shadow-sm); }
.account-hero-user strong { color: var(--nm-text) !important; }
.account-hero-user span:last-child { color: var(--nm-muted) !important; }
.account-shell { grid-template-columns: 270px minmax(0,1fr) !important; gap: 24px !important; }
.account-sidebar { top: 104px !important; padding: 16px !important; border-radius: 26px !important; }
.sidebar-profile { border-color: var(--nm-border) !important; }
.sidebar-profile small { color: var(--nm-muted) !important; }
.account-nav { gap: 7px !important; }
.account-nav-item {
  min-height: 48px;
  border-radius: 13px !important;
  color: var(--nm-muted) !important;
}
.account-nav-item:hover { background: var(--nm-surface-soft) !important; color: var(--nm-text) !important; }
.account-nav-item.active { background: var(--nm-gradient) !important; color: #fff !important; box-shadow: 0 11px 24px rgba(113,87,246,.20); }
.account-content { min-width: 0; }
.account-summary-grid.account-summary-grid-clean {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px !important;
}
.account-summary-card {
  min-height: 150px !important;
  padding: 21px !important;
  border-radius: 22px !important;
  transform: none !important;
  overflow: hidden;
}
.account-summary-card:hover { transform: translateY(-4px) !important; box-shadow: var(--nm-shadow) !important; }
.account-summary-card > span { color: var(--nm-muted) !important; }
.account-summary-card > strong { color: var(--nm-text) !important; font-size: clamp(1.25rem,2vw,1.6rem) !important; overflow-wrap: anywhere; }
.account-summary-card small { color: var(--nm-muted) !important; }
.account-vip-card { background: var(--nm-surface) !important; }
.account-vip-card.is-vip { border-top: 3px solid #735bfa !important; }
.account-vip-card.is-black-vip { border-top: 3px solid #36394c !important; }
.account-vip-card.is-premium { border-top: 3px solid #f3a83c !important; }
.account-summary-coin,.account-summary-ruble { opacity: .72; }
.character-card {
  margin-top: 18px;
  padding: 24px !important;
  border-radius: 26px !important;
  background: var(--nm-gradient-soft) !important;
}
.character-main h2 { color: var(--nm-text) !important; }
.character-main p { color: var(--nm-muted) !important; }
.character-status { background: var(--nm-surface) !important; color: var(--nm-text-soft) !important; border: 1px solid var(--nm-border) !important; }
.account-title-row { margin-top: 30px !important; }
.account-title-row p { color: var(--nm-muted) !important; }
.details-card { padding: 10px 22px !important; border-radius: 24px !important; }
.details-row { min-height: 61px; border-color: var(--nm-border) !important; }
.details-row span { color: var(--nm-muted) !important; }
.details-row strong { color: var(--nm-text) !important; text-align: right; overflow-wrap: anywhere; }
.profile-data-board { padding: 14px !important; border-radius: 28px !important; overflow: hidden; }
.profile-data-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 12px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  overflow: visible !important;
}
.profile-data-item {
  min-height: 125px !important;
  padding: 20px !important;
  border-radius: 18px !important;
  background: var(--nm-surface-soft) !important;
  border: 1px solid var(--nm-border) !important;
  color: var(--nm-text) !important;
}
.profile-data-item span { color: var(--nm-muted) !important; }
.profile-data-item strong { color: var(--nm-text) !important; font-size: 1.06rem !important; }
.profile-data-item small,.profile-data-item a { color: var(--nm-primary) !important; }
.profile-data-level { background: color-mix(in srgb, var(--nm-primary) 9%, var(--nm-surface)) !important; }
.profile-data-dark { background: color-mix(in srgb, #34374e 14%, var(--nm-surface)) !important; }
.profile-data-premium { background: color-mix(in srgb, #f3a83c 10%, var(--nm-surface)) !important; }
.profile-data-money { background: color-mix(in srgb, var(--nm-success) 9%, var(--nm-surface)) !important; }
.profile-data-wide { grid-column: span 2; }
.account-purchases-card,.exchange-panel,.audio-panel,.settings-panel { border-radius: 28px !important; padding: clamp(22px,3vw,30px) !important; }
.account-purchases-list { border-color: var(--nm-border) !important; }
.exchange-panel-head,.exchange-balance-row,.exchange-result,.audio-upload-form,.avatar-settings-card {
  background: var(--nm-surface-soft) !important;
  border-color: var(--nm-border) !important;
  color: var(--nm-text) !important;
}
.exchange-rate-box { background: var(--nm-surface) !important; border-color: var(--nm-border) !important; }
.exchange-rate-box span,.exchange-balance-row span,.exchange-result span { color: var(--nm-muted) !important; }
.exchange-rate-box strong,.exchange-balance-row strong,.exchange-result strong { color: var(--nm-text) !important; }
.exchange-quick button { background: var(--nm-surface-soft) !important; color: var(--nm-text) !important; border-color: var(--nm-border) !important; }
.exchange-quick button:hover { border-color: var(--nm-primary) !important; color: var(--nm-primary) !important; }
.audio-panel-head { gap: 22px; }
.audio-count-card { background: var(--nm-primary-soft) !important; color: var(--nm-primary) !important; border-color: var(--nm-border) !important; }
.audio-list { margin-top: 18px; }
.audio-track {
  background: var(--nm-surface-soft) !important;
  border: 1px solid var(--nm-border) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
}
.audio-track-title { color: var(--nm-text) !important; }
.audio-track-meta { color: var(--nm-muted) !important; }
.audio-delete { background: color-mix(in srgb, var(--nm-danger) 10%, var(--nm-surface)) !important; color: var(--nm-danger) !important; }
.audio-empty { background: var(--nm-surface-soft) !important; color: var(--nm-muted) !important; border-color: var(--nm-border) !important; }
.avatar-settings-card { border-radius: 22px !important; }
.auth-modal { background: rgba(4,5,12,.72) !important; backdrop-filter: blur(12px); }
.auth-dialog { overflow: hidden; border-radius: 30px !important; }
.auth-form-side { background: var(--nm-surface) !important; color: var(--nm-text) !important; }
.auth-tabs-modern { background: var(--nm-surface-soft) !important; border-color: var(--nm-border) !important; }
.auth-tabs-modern button { color: var(--nm-muted) !important; }
.auth-tabs-modern button.active { background: var(--nm-surface) !important; color: var(--nm-text) !important; box-shadow: var(--nm-shadow-sm); }
.auth-modern-form h2 { color: var(--nm-text) !important; }
.auth-policy,.human-check { color: var(--nm-muted) !important; }

/* Игры, инвентарь и документы — тема без белых островов */
.game-center,.coin-content,.icf-main,.inventory-main,.roulette-main,.checkout-section { background: transparent !important; color: var(--nm-text) !important; }
.game-card-featured,.game-soon,.coin-game,.icf-game,.inventory-card,.roulette-info-card { border-radius: 24px !important; }
.game-card-copy p,.game-card-meta,.coin-game p,.icf-game p,.inventory-card p,.roulette-info-card p { color: var(--nm-muted) !important; }
.coin-side-card,.icf-inventory-card,.inventory-filter,.inventory-page-button {
  background: var(--nm-surface) !important;
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
}
.coin-side-card[data-side="heads"] { background: color-mix(in srgb, #735bfa 9%, var(--nm-surface)) !important; }
.coin-side-card[data-side="tails"] { background: color-mix(in srgb, #f3a83c 10%, var(--nm-surface)) !important; }
.inventory-filters,.inventory-topbar,.icf-picker-summary,.icf-picker-footer,.coin-create-summary {
  background: var(--nm-surface-soft) !important;
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
}

/* Footer и служебные окна */
.site-footer { background: #090a13 !important; color: rgba(255,255,255,.82) !important; }
.site-footer h4,.site-footer strong { color: #fff !important; }
.site-footer p,.site-footer a,.footer-bottom { color: rgba(255,255,255,.58) !important; }
.site-footer a:hover { color: #fff !important; }
.cookie,.toast { background: var(--nm-surface) !important; color: var(--nm-text) !important; border-color: var(--nm-border) !important; box-shadow: var(--nm-shadow-lg) !important; }
.modal-head { border-color: var(--nm-border) !important; }
.modal-close,.auth-close { color: var(--nm-muted) !important; }
.notification-item:hover { background: var(--nm-surface-soft) !important; }
.notification-item.unread { background: var(--nm-primary-soft) !important; }
.notification-copy strong { color: var(--nm-text) !important; }
.notification-copy p,.notification-copy time { color: var(--nm-muted) !important; }

/* Мобильная версия */
@media (max-width: 1180px) {
  .header-inner { gap: 10px !important; }
  .nav > a,.nav-dropdown-toggle,.nav .nav-forum-link { padding-inline: 9px !important; font-size: .83rem !important; }
  .account-trigger { min-width: 170px !important; }
  .vip-grid { grid-template-columns: 1fr 1fr !important; }
  .vip-card:last-child { grid-column: 1 / -1; max-width: 720px; width: 100%; justify-self: center; }
}

@media (max-width: 980px) {
  .site-header .nav {
    background: var(--nm-surface) !important;
    color: var(--nm-text) !important;
    border-color: var(--nm-border) !important;
    box-shadow: var(--nm-shadow-lg) !important;
  }
  .site-header .nav > a,.site-header .nav-dropdown-toggle,.site-header .nav .nav-forum-link {
    width: 100%; justify-content: flex-start;
    color: var(--nm-text-soft) !important;
    background: transparent !important;
  }
  .site-header .nav > a:hover,.site-header .nav > a.active,.site-header .nav-dropdown-toggle:hover,
  .site-header .nav .nav-forum-link:hover { background: var(--nm-surface-soft) !important; color: var(--nm-text) !important; }
  .menu-toggle span,.menu-toggle span::before,.menu-toggle span::after { background: #fff !important; }
  .donate-hero-copy { grid-template-columns: 1fr; }
  .donate-car { max-width: 760px !important; height: 300px !important; transform: none; }
  .checkout-layout { grid-template-columns: 1fr !important; }
  .order-summary { position: static !important; }
  .shop-account-bar { grid-template-columns: 1fr 1fr !important; }
  .shop-account-actions { grid-column: 1 / -1; grid-template-columns: 1fr 1fr !important; min-height: auto !important; }
  .shop-product { grid-template-columns: 190px minmax(0,1fr) !important; }
  .service-grid { grid-template-columns: 1fr !important; }
  .account-shell { grid-template-columns: 1fr !important; }
  .account-sidebar { position: static !important; }
  .account-nav { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)); }
  .account-summary-grid.account-summary-grid-clean { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .profile-data-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 760px) {
  .section { padding-block: 54px !important; }
  .header-inner { min-height: 72px; }
  .brand img { max-width: 135px; }
  .donate-hero,.shop-hero-refined,.account-hero { padding-top: 112px !important; }
  .donate-hero { min-height: auto !important; }
  .donate-hero h1,.shop-hero-refined h1,.account-hero h1 { font-size: clamp(2.55rem,14vw,4.25rem) !important; }
  .donate-car { height: 220px !important; border-radius: 22px !important; }
  .checkout-card,.order-summary { padding: 20px !important; border-radius: 22px !important; }
  .shop-account-bar { grid-template-columns: 1fr !important; }
  .shop-account-actions { grid-column: auto; grid-template-columns: 1fr 1fr !important; min-width: 0 !important; }
  .shop-section-nav { position: relative !important; top: auto !important; grid-template-columns: 1fr 1fr !important; }
  .shop-section-heading { grid-template-columns: 1fr !important; gap: 10px; }
  .shop-product { grid-template-columns: 1fr !important; min-height: 0 !important; }
  .shop-product-art { min-height: 220px !important; border-right: 0; border-bottom: 1px solid var(--nm-border); }
  .shop-product-art img { max-height: 190px !important; }
  .service-product { grid-template-columns: 62px minmax(0,1fr) !important; padding: 20px !important; }
  .service-product-icon { width: 60px !important; height: 60px !important; border-radius: 17px !important; }
  .service-product-buy { align-items: stretch; flex-direction: column; }
  .case-shop-card { grid-template-columns: 1fr !important; padding: 18px !important; }
  .vip-grid { grid-template-columns: 1fr !important; }
  .vip-card,.vip-card:last-child { grid-column: auto; max-width: none; min-height: 0 !important; }
  .vip-card-footer { align-items: stretch !important; flex-direction: column; }
  .vip-buy-button { width: 100%; }
  .account-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-summary-grid.account-summary-grid-clean { grid-template-columns: 1fr !important; }
  .account-summary-card { min-height: 126px !important; }
  .character-card { align-items: flex-start !important; flex-direction: column !important; }
  .details-row { align-items: flex-start !important; flex-direction: column; gap: 5px; padding-block: 14px; }
  .details-row strong { text-align: left; }
  .profile-data-grid { grid-template-columns: 1fr !important; }
  .profile-data-wide { grid-column: auto; }
  .audio-panel-head { align-items: stretch !important; flex-direction: column; }
  .audio-actions { justify-content: flex-start !important; }
  .audio-track { grid-template-columns: minmax(0,1fr) 40px !important; }
  .avatar-settings-card { grid-template-columns: 1fr !important; text-align: center; }
  .avatar-settings-preview { margin-inline: auto; }
  .avatar-settings-actions { justify-content: center; }
  .auth-dialog { border-radius: 0 !important; }
  .auth-form-side { padding-bottom: calc(28px + env(safe-area-inset-bottom)) !important; }
}

@media (max-width: 460px) {
  .shop-section-nav { grid-template-columns: 1fr !important; }
  .shop-account-actions { grid-template-columns: 1fr !important; }
  .account-nav { grid-template-columns: 1fr !important; }
  .vip-duration-picker { grid-template-columns: 1fr 1fr !important; }
  .amount-entry-premium { grid-template-columns: 1fr !important; }
  .amount-entry-premium > img { width: 74px !important; }
}

@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* Дополнительные поверхности всех внутренних страниц */
.home-feature,.home-gallery figure,.side-nav,.table,.games-hero-card,.coin-hero-card,.icf-hero-card,
.coin-stat,.icf-stat,.inventory-topbar,.inventory-login,.inventory-empty,.coin-empty,.icf-empty,
.roulette-window,.roulette-showcase,.roulette-result-card,.payment-result-details,.document-meta,
.contact-grid .contact-card,.game-card-meta,.coin-under-list,.icf-live,.coin-live {
  background: var(--nm-surface) !important;
  color: var(--nm-text) !important;
  border-color: var(--nm-border) !important;
}
.home-feature,.home-gallery figure,.games-hero-card,.coin-hero-card,.icf-hero-card,
.coin-stat,.icf-stat,.inventory-topbar,.inventory-login,.inventory-empty,.coin-empty,.icf-empty,
.roulette-window,.roulette-showcase,.roulette-result-card {
  border: 1px solid var(--nm-border) !important;
  box-shadow: var(--nm-shadow-sm) !important;
}
.home-feature p,.home-gallery figcaption,.side-nav a,.table td,.table th,.document-meta,
.coin-stat span,.icf-stat span,.inventory-empty,.coin-empty,.icf-empty { color: var(--nm-muted) !important; }
.home-feature h3,.home-gallery strong,.table strong,.coin-stat strong,.icf-stat strong { color: var(--nm-text) !important; }
.home-gallery figure { overflow: hidden; border-radius: 22px !important; }
.home-gallery figcaption { background: var(--nm-surface) !important; }
.side-nav a:hover,.side-nav a.active { background: var(--nm-primary-soft) !important; color: var(--nm-primary) !important; }
.table th { background: var(--nm-surface-soft) !important; color: var(--nm-text-soft) !important; }
.table td,.table th { border-color: var(--nm-border) !important; }
hr { border-color: var(--nm-border) !important; }

/* В тёмной теме не остаются светлые декоративные подложки */
html[data-theme="dark"] .home-hero-refined,
html[data-theme="dark"] .shop-hero-refined,
html[data-theme="dark"] .account-hero,
html[data-theme="dark"] .donate-hero,
html[data-theme="dark"] .games-hero,
html[data-theme="dark"] .inventory-hero,
html[data-theme="dark"] .roulette-hero,
html[data-theme="dark"] .coin-hero,
html[data-theme="dark"] .icf-hero {
  background:
    radial-gradient(circle at 12% 0%, rgba(146,124,255,.17), transparent 28rem),
    radial-gradient(circle at 92% 30%, rgba(255,113,136,.09), transparent 25rem),
    var(--nm-bg) !important;
}
html[data-theme="dark"] .amount-input-suffix,
html[data-theme="dark"] .service-product-note,
html[data-theme="dark"] .field-hint,
html[data-theme="dark"] .rate-note { color: var(--nm-muted) !important; }
html[data-theme="dark"] audio { color-scheme: dark; }


/* Индивидуальные автомобильные номера */
.service-product-plate .service-product-icon {
  background: linear-gradient(145deg,#111827,#475569) !important;
  padding: 8px !important;
}
.service-product-plate .service-product-icon img { width: 100% !important; height: 100% !important; object-fit: contain !important; }
.vehicle-plate-preview {
  display: grid;
  grid-template-columns: minmax(0,1fr) 92px;
  width: min(100%,520px);
  min-height: 128px;
  margin: 0 auto;
  overflow: hidden;
  border: 5px solid #111827;
  border-radius: 16px;
  background: #fff;
  color: #0a0a0a;
  box-shadow: 0 20px 50px rgba(15,23,42,.18);
  font-family: Arial,Helvetica,sans-serif;
}
.vehicle-plate-main { display:grid; place-items:center; padding:18px 14px; border-right:4px solid #111827; }
.vehicle-plate-main strong { display:flex; align-items:baseline; justify-content:center; gap:3px; font-size:clamp(2.45rem,8vw,4.8rem); font-weight:900; line-height:1; letter-spacing:-.055em; white-space:nowrap; }
.vehicle-plate-region { display:grid; place-items:center; align-content:center; gap:5px; padding:12px 8px; }
.vehicle-plate-region>strong { font-size:clamp(1.8rem,5vw,3rem); line-height:1; font-weight:900; }
.vehicle-plate-region small { display:flex; align-items:center; gap:5px; font-size:.72rem; font-weight:900; letter-spacing:.05em; }
.vehicle-plate-region i { display:inline-block; width:18px; height:12px; border:1px solid #cbd5e1; background:linear-gradient(#fff 0 33.3%,#1d4ed8 33.3% 66.6%,#dc2626 66.6%); }
.vehicle-plate-fields { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:end; }
.vehicle-plate-fields .field { min-width:0; }
.vehicle-plate-fields select,.vehicle-plate-fields input { text-align:center; font-weight:900; font-size:1.08rem; }
html[data-theme="dark"] .vehicle-plate-preview { background:#fff !important; color:#080808 !important; border-color:#080808 !important; }
@media (max-width:720px) {
  .vehicle-plate-preview { grid-template-columns:minmax(0,1fr) 74px; min-height:98px; border-width:4px; border-radius:13px; }
  .vehicle-plate-main { padding:12px 8px; border-right-width:3px; }
  .vehicle-plate-main strong { font-size:clamp(2rem,12vw,3.25rem); }
  .vehicle-plate-region>strong { font-size:1.75rem; }
  .vehicle-plate-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .vehicle-region-field { grid-column:1/-1; }
}


/* Динамическая стоимость индивидуальных автомобильных номеров */
.vehicle-plate-pricing {
  display:grid;
  gap:12px;
  padding:16px;
  border:1px solid var(--nm-border, rgba(91,70,150,.16));
  border-radius:18px;
  background:var(--nm-surface-soft, rgba(119,92,246,.06));
}
.vehicle-plate-pricing>div { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.vehicle-plate-pricing>div>span { color:var(--nm-muted, #6b7280); font-size:.84rem; font-weight:800; }
.vehicle-plate-pricing>div>strong { color:var(--nm-text, #111827); font-size:1rem; }
.vehicle-plate-pricing ul { display:grid; gap:7px; margin:0; padding:10px 0; list-style:none; border-top:1px solid var(--nm-border, rgba(91,70,150,.16)); border-bottom:1px solid var(--nm-border, rgba(91,70,150,.16)); }
.vehicle-plate-pricing li { display:flex; align-items:center; justify-content:space-between; gap:12px; color:var(--nm-muted, #6b7280); font-size:.84rem; }
.vehicle-plate-pricing li strong { color:var(--nm-primary, #6d4aff); white-space:nowrap; }
.vehicle-plate-pricing-total strong { font-size:1.18rem !important; color:var(--nm-primary, #6d4aff) !important; }
html[data-theme="dark"] .vehicle-plate-pricing { background:rgba(139,112,255,.09) !important; border-color:rgba(191,174,255,.18) !important; }
html[data-theme="dark"] .vehicle-plate-pricing>div>strong { color:#f7f5ff !important; }
@media (max-width:520px) {
  .vehicle-plate-pricing { padding:13px; border-radius:15px; }
  .vehicle-plate-pricing>div,.vehicle-plate-pricing li { align-items:flex-start; }
}