/* ================================================================
   SMK TOOL — SMOKED GLASS / NIGHT EDITION
   Поверх оригинальных style.css, next-ui.css, glass-ui.css, history.css
   Изменения ТОЛЬКО визуальные — логика, маршруты, печать не затронуты.
   Чтобы отключить: убрать link на dark-glass-theme.css из index.html.
   ================================================================ */
@media screen {
  :root {
    --night-surface: rgba(9, 10, 16, .57);
    --night-panel-top: rgba(43, 39, 53, .26);
    --night-stroke: rgba(213, 209, 229, .19);
    --night-stroke-hi: rgba(235, 231, 249, .29);
    --night-accent: #beaee8;
    --night-muted: #b1aec5;
    --night-shadow: 0 22px 60px rgba(0, 0, 0, .40);
  }

  /* Фоновое изображение остаётся, синяя вуаль заменена чёрной. */
  html { color-scheme: dark; }
  body { background: #07070b !important; color: #f0eef8; }
  body .bg {
    background:
      linear-gradient(180deg, rgba(4, 4, 10, .36), rgba(4, 4, 10, .63)),
      url('gallery/main-bg.png') center / cover no-repeat !important;
  }
  @media (orientation: portrait) {
    body .bg {
      background:
        linear-gradient(180deg, rgba(4, 4, 10, .38), rgba(4, 4, 10, .66)),
        url('gallery/main-bg-mobile.png') center / cover no-repeat !important;
    }
  }

  /* Две главные панели: тёмное прозрачное стекло вместо сине-серого. */
  .next-ui-app .next-side,
  .next-ui-app .next-main {
    background: linear-gradient(142deg,
      var(--night-panel-top) 0%,
      rgba(13, 12, 21, .49) 44%,
      rgba(5, 6, 12, .62) 100%) !important;
    border: 1px solid var(--night-stroke) !important;
    border-top-color: var(--night-stroke-hi) !important;
    box-shadow: var(--night-shadow), inset 0 1px 0 rgba(255,255,255,.07) !important;
    -webkit-backdrop-filter: blur(24px) saturate(112%) !important;
    backdrop-filter: blur(24px) saturate(112%) !important;
  }
/* Градиент заголовка боковой панели */
.next-ui-app .next-side h2 {
    background: linear-gradient(
        155deg,
        #f7f4ff 0%,
        #b7a3ff 38%,
        #91cef5 70%,
        #64e8d9 100%
    );

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent !important;
}

/* Остальные заголовки остаются белыми */
#stepsContainer .next-hero h1 {
    color: #f7f4ff !important;
}
  .next-ui-app .next-sub,
  #stepsContainer .next-hero p,
  .next-ui-app .next-sumsub,
  .next-ui-app .next-route .next-route-tt,
  #stepsContainer .next-dropzone .sub-text { color: var(--night-muted) !important; }
  .next-ui-app .next-overline,
  #stepsContainer #stepText,
  .next-ui-app .next-side-label { color: #b6accd !important; }

  /* Шаги, чипы, блок текущей сессии. */
  .next-ui-app .next-step:not(.active),
  .next-ui-app .next-summary-side,
  .next-ui-app .next-meta,
  .next-ui-app .next-chip,
  .next-ui-app .next-pill,
  .next-ui-app .next-tip {
    background: rgba(8, 8, 14, .33) !important;
    border-color: rgba(215, 210, 233, .13) !important;
  }
  .next-ui-app .next-step.active {
    background: linear-gradient(128deg, rgba(140, 116, 177, .18), rgba(27, 23, 42, .31)) !important;
    border-color: rgba(188, 169, 220, .39) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.07), 0 9px 24px rgba(0,0,0,.13) !important;
  }
  .next-ui-app .next-stepnum {
    background: rgba(35, 32, 48, .58) !important;
    border-color: rgba(208, 192, 240, .21) !important;
  }
  .next-ui-app .next-step.active .next-stepnum {
    background: linear-gradient(140deg, #514267, #72538f) !important;
    border-color: rgba(205, 182, 240, .57) !important;
  }
  .next-ui-app .next-brand .next-logo,
  #stepsContainer .next-visual,
  #stepsContainer .next-uploadico {
    background: linear-gradient(135deg, rgba(126, 99, 157, .24), rgba(12, 14, 25, .40)) !important;
    border: 1px solid rgba(209, 187, 242, .24) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.05) !important;
  }
  .next-ui-app .next-quick-btn,
  .next-ui-app #btnOpenRadio,
  .next-ui-app #btnOpenGame,
  .next-ui-app #btnUpdateLog {
    background: rgba(16, 15, 25, .42) !important;
    border-color: rgba(208, 200, 229, .20) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.055) !important;
    color: #d6cde9 !important;
  }
  .next-ui-app .next-quick-btn:hover,
  .next-ui-app #btnUpdateLog:hover {
    background: rgba(81, 65, 106, .26) !important;
    border-color: rgba(208, 190, 234, .44) !important;
  }

  /* Поиск. */
  #stepsContainer .next-search {
    background: rgba(5, 5, 10, .50) !important;
    border: 1px solid rgba(216, 206, 235, .23) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.04), 0 10px 25px rgba(0,0,0,.13) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
  }
  #stepsContainer .next-search:focus-within {
    border-color: rgba(202, 173, 244, .70) !important;
    box-shadow: 0 0 0 3px rgba(154, 119, 195, .13) !important;
  }
  #stepsContainer .next-search input { color: #f6f2ff !important; background: transparent !important; }
  #stepsContainer .next-search input::placeholder { color: #aaa5bd !important; }

  /* Маршруты: тёмные полупрозрачные карточки со сдержанными бликами. */
  #stepsContainer #routeButtons .route-btn.next-route,
  #stepsContainer .next-allroute {
    background: linear-gradient(145deg, rgba(58, 51, 72, .30), rgba(7, 8, 14, .46)) !important;
    border: 1px solid rgba(210, 205, 231, .21) !important;
    border-top-color: rgba(236, 228, 251, .30) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.045), 0 9px 22px rgba(0,0,0,.16) !important;
    -webkit-backdrop-filter: blur(10px) saturate(110%) !important;
    backdrop-filter: blur(10px) saturate(110%) !important;
  }
  #stepsContainer #routeButtons .route-btn.next-route:hover,
  #stepsContainer .next-allroute:hover {
    background: linear-gradient(145deg, rgba(93, 74, 121, .41), rgba(28, 22, 41, .53)) !important;
    border-color: rgba(214, 191, 245, .53) !important;
    box-shadow: 0 14px 29px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.08) !important;
  }
  #stepsContainer .next-route .next-route-n { color: #f4f0ff !important; }
  #stepsContainer .next-route .next-route-bot { color: #c4bfd4 !important; }
  #stepsContainer #routeFooterActions .next-foot-btn {
    background: rgba(9, 10, 17, .28) !important;
    border-color: rgba(201, 194, 224, .19) !important;
    color: #c8c1d9 !important;
  }
  #stepsContainer #routeFooterActions .next-foot-btn:hover {
    background: rgba(83, 67, 107, .32) !important;
    border-color: rgba(212, 188, 244, .44) !important;
  }

  /* Прикрепление файлов и кнопки. Акцент используем только там, где нужно. */
  #stepsContainer .next-dropzone {
    background: radial-gradient(circle at 50% 0%, rgba(115, 82, 154, .12), transparent 68%),
                rgba(7, 7, 15, .39) !important;
    border-color: rgba(197, 176, 222, .42) !important;
    box-shadow: inset 0 1px rgba(255,255,255,.04) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
  }
  #stepsContainer .next-dropzone:hover,
  #stepsContainer .next-dropzone.dragover,
  #stepsContainer .next-dropzone.drag {
    background: rgba(73, 52, 96, .29) !important;
    border-color: rgba(217, 192, 248, .74) !important;
  }
  #stepsContainer .next-dropzone .next-browse,
  #stepsContainer .next-actions .next-secondary,
  #stepsContainer .next-browse,
  #stepsContainer .next-done {
    background: rgba(35, 29, 49, .40) !important;
    border: 1px solid rgba(210, 196, 231, .27) !important;
    color: #e5dff4 !important;
  }
  #stepsContainer .next-actions .next-primary {
    background: linear-gradient(112deg, #51405f, #74518a) !important;
    border: 1px solid rgba(217, 191, 243, .40) !important;
    box-shadow: 0 12px 24px rgba(34, 18, 48, .20) !important;
    color: #fff !important;
  }
  #stepsContainer .next-line-progress,
  #stepsContainer .next-progressfill,
  #stepsContainer #stepBar {box-shadow:none !important;}
  #stepsContainer #stepBar,
  .next-ui-app .next-progressfill {
    background: linear-gradient(90deg, #76658e, #bd91d0) !important;
  }

  /* Карточки расчётов: нейтральное стекло с небольшим фиолетовым оттенком. */
  .next-ui-app .shop-card {
    background: linear-gradient(143deg, rgba(45, 39, 55, .30), rgba(6, 7, 13, .52)) !important;
    border: 1px solid rgba(205, 200, 227, .21) !important;
    border-top-color: rgba(235, 230, 249, .30) !important;
    box-shadow: 0 13px 29px rgba(0,0,0,.22), inset 0 1px rgba(255,255,255,.06) !important;
    -webkit-backdrop-filter: blur(8px) saturate(112%) !important;
    backdrop-filter: blur(8px) saturate(112%) !important;
  }
  .next-ui-app .shop-card:hover {
    border-color: rgba(214, 196, 237, .42) !important;
    box-shadow: 0 16px 33px rgba(0,0,0,.31), inset 0 1px rgba(255,255,255,.07) !important;
  }
  .next-ui-app .shop-title {
    background: linear-gradient(94deg, rgba(119, 94, 139, .18), rgba(43, 36, 58, .06)) !important;
    border-bottom-color: rgba(217, 203, 232, .14) !important;
  }
  .next-ui-app .shop-row { border-bottom-color: rgba(217, 211, 231, .10) !important; }
  .next-ui-app .shop-row span:first-child { color: #f1eef8 !important; }
  /* Количества продукции: в точности цвета точек рядом с названиями. */
  .next-ui-app .qty-accent-milk {
    color: #93c5fd !important;
    background: rgba(147, 197, 253, .12) !important;
    border-color: rgba(147, 197, 253, .32) !important;
    box-shadow: 0 0 10px rgba(147, 197, 253, .10) !important;
  }
  .next-ui-app .qty-accent-egg {
    color: #fbbf24 !important;
    background: rgba(251, 191, 36, .12) !important;
    border-color: rgba(251, 191, 36, .32) !important;
    box-shadow: 0 0 10px rgba(251, 191, 36, .10) !important;
  }
  .next-ui-app .summary-date-badge,
  .next-ui-app .total-glass,
  .next-ui-app .weight-card,
  .next-ui-app .total-header {
    background: rgba(12, 11, 19, .38) !important;
    border-color: rgba(211, 203, 228, .20) !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
  .next-ui-app .weight-card.m {background:rgba(72,60,96,.27)!important;border-color:rgba(171,149,215,.30)!important;}
  .next-ui-app .weight-card.e {background:rgba(84,62,32,.20)!important;border-color:rgba(207,171,109,.30)!important;}
  body #controlsWrap {
    background: linear-gradient(135deg, rgba(40, 35, 51, .73), rgba(10, 10, 17, .74)) !important;
    border: 1px solid rgba(217, 207, 234, .27) !important;
    border-top-color: rgba(241, 231, 253, .35) !important;
    box-shadow: 0 15px 42px rgba(0,0,0,.42), inset 0 1px rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter: blur(21px) saturate(110%) !important;
    backdrop-filter: blur(21px) saturate(110%) !important;
  }

  /* Модальные окна: уведомления, статистика, печать, справка, баг-репорт. */
  .custom-alert-overlay,
  .about-modal,
  .admin-modal,
  #bug-modal.next-modal-backdrop,
  .history-overlay,
  .update-log-modal {
    background: rgba(2, 2, 7, .66) !important;
    -webkit-backdrop-filter: blur(17px) saturate(100%) !important;
    backdrop-filter: blur(17px) saturate(100%) !important;
  }
  .custom-alert-overlay .custom-alert-card,
  .custom-alert-overlay .custom-stats-card,
  .about-modal .about-card,
  #bug-modal .next-bug-card,
  .admin-modal .admin-card,
  .update-log-modal .update-log-card,
  .history-dialog {
    background: linear-gradient(145deg, rgba(40, 35, 51, .80), rgba(8, 8, 14, .86)) !important;
    border: 1px solid rgba(215, 199, 236, .25) !important;
    border-top-color: rgba(238, 225, 250, .36) !important;
    box-shadow: 0 30px 75px rgba(0,0,0,.57), inset 0 1px rgba(255,255,255,.075) !important;
    -webkit-backdrop-filter: blur(26px) saturate(105%) !important;
    backdrop-filter: blur(26px) saturate(105%) !important;
  }
  .about-modal .about-modal-header,
  .history-head {
    background: rgba(60, 48, 78, .14) !important;
    border-bottom-color: rgba(226, 210, 241, .14) !important;
  }
  .custom-alert-overlay .custom-alert-title {
    background: transparent !important;
    border-bottom-color: rgba(226, 210, 241, .13) !important;
  }
  .about-modal .about-feature,
  .about-modal .about-version-row,
  .about-modal .about-tech-list,
  .about-modal .about-section li,
  #bug-modal #bug-text,
  #bug-modal input,
  #bug-modal textarea {
    background: rgba(10, 9, 17, .36) !important;
    border-color: rgba(215, 200, 231, .16) !important;
  }
  .about-modal .about-section li::before {background:linear-gradient(135deg,#9b81b5,#d8badf)!important;box-shadow:none!important;}
  .about-modal .about-section-icon { color:#ddc7ef!important;background:rgba(128,99,153,.15)!important;border-color:rgba(213,185,240,.20)!important; }
  .update-log-icon {
    background: linear-gradient(140deg, rgba(109, 82, 134, .27), rgba(21, 17, 35, .35)) !important;
    color: #cbb5ec !important;
    border-color: rgba(209, 186, 238, .30) !important;
    box-shadow: 0 0 30px rgba(111, 73, 157, .13) !important;
  }
  .update-log-status { color: #d2c7e7 !important; }
  .update-log-dot { background:#ad8ad9!important;box-shadow:0 0 9px rgba(185,150,222,.56)!important; }
  .update-log-progress-bar {background:linear-gradient(90deg,#8b73a6,#c19acf)!important;}

  /* Формат печати: встроенные inline-цвета требуют !important. */
  #printModal .custom-alert-title {
    color: #d6c2f1 !important;
    text-shadow: none !important;
  }
  #printModal .print-select-btn.btn-blue {
    background: rgba(55, 47, 68, .37) !important;
    border: 1px solid rgba(194, 178, 215, .31) !important;
  }
  #printModal .print-select-btn.btn-purple {
    background: rgba(71, 47, 81, .36) !important;
    border: 1px solid rgba(207, 167, 224, .35) !important;
  }
  #printModal .print-select-btn:hover {
    background: rgba(99, 76, 115, .48) !important;
    border-color: rgba(224, 193, 244, .62) !important;
  }
  #printModal .print-select-btn.btn-blue > div:first-child { color: #c8b8e2 !important; }
  #printModal .print-select-btn.btn-purple > div:first-child { color: #daaaf0 !important; }
  #printModal .print-select-btn .svg-icon { color: inherit !important; }

  /* История: вся поверхность, строки, фильтры и элементы. */
  #historyModal .history-item {
    background: linear-gradient(125deg, rgba(73, 59, 88, .21), rgba(10, 10, 17, .46)) !important;
    border-color: rgba(212, 199, 228, .19) !important;
  }
  #historyModal .history-search,
  #historyModal .history-filter-trigger,
  #historyModal .history-filter-menu,
  #historyModal .history-badge,
  #historyModal .history-item-actions button,
  #historyModal .history-footer button,
  #historyModal .history-viewer-banner,
  #historyModal .history-close {
    background: rgba(17, 14, 24, .44) !important;
    border-color: rgba(204, 186, 226, .23) !important;
  }
  #historyModal .history-filter-menu {background:rgba(18,16,27,.94)!important;}
  #historyModal .history-filter-option:hover,
  #historyModal .history-filter-trigger:hover {background:rgba(92,70,109,.42)!important;}
  #historyModal .history-item-actions .history-open {
    background: linear-gradient(120deg, rgba(91, 70, 122, .40), rgba(75, 56, 101, .32)) !important;
    border-color: rgba(195, 165, 228, .46) !important;
    color: #e5d5fa !important;
  }
  #historyModal .history-item-actions .history-open:hover {
    background: linear-gradient(120deg, rgba(114, 85, 148, .56), rgba(85, 63, 112, .44)) !important;
    border-color: rgba(220, 189, 250, .72) !important;
  }
  #historyModal .history-badge--milk {color:#d2bdec!important;}
  #historyModal .history-badge--egg {color:#f0ca8d!important;}
  #historyModal .history-badge--total {color:#e5c9fa!important;}
  #historyModal .history-head p,
  #historyModal .history-sub,
  #historyModal .history-time {color:#b0a8c0!important;}

  /* Если прозрачность не поддерживается — стабильный темный фон. */
  @supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
    .next-ui-app .next-side,.next-ui-app .next-main,
    .next-ui-app .shop-card,.history-dialog,
    .custom-alert-overlay .custom-alert-card,
    .about-modal .about-card,#bug-modal .next-bug-card {
      background:rgba(11,10,18,.94)!important;
    }
  }
  @media (max-width:720px) {
    .next-ui-app .next-side,.next-ui-app .next-main {
      -webkit-backdrop-filter:blur(15px) saturate(100%)!important;
      backdrop-filter:blur(15px) saturate(100%)!important;
    }
    .next-ui-app .shop-card,
    #stepsContainer #routeButtons .route-btn.next-route {
      -webkit-backdrop-filter:blur(5px) saturate(105%)!important;
      backdrop-filter:blur(5px) saturate(105%)!important;
    }
  }
  @media (prefers-reduced-transparency:reduce) {
    .next-ui-app .next-side,.next-ui-app .next-main,
    .next-ui-app .shop-card,.history-dialog,
    .custom-alert-overlay .custom-alert-card {
      background:rgba(10,9,16,.95)!important;
      -webkit-backdrop-filter:none!important;
      backdrop-filter:none!important;
    }
  }
}

/* Radar v0.7.1 — тот же DarkGlass, что история и основная панель. */
@media screen {
  #smkRadarModal.smk-radar-overlay {background:rgba(2,2,7,.69)!important;backdrop-filter:blur(17px) saturate(100%)!important;-webkit-backdrop-filter:blur(17px) saturate(100%)!important}
  #smkRadarModal .smk-radar-dialog {--radar-border:rgba(215,200,233,.17);background:linear-gradient(145deg,rgba(42,36,50,.85),rgba(8,8,13,.91) 67%,rgba(27,19,35,.84))!important;border:1px solid rgba(215,199,236,.25)!important;border-top-color:rgba(238,225,250,.35)!important;box-shadow:0 30px 78px rgba(0,0,0,.63),inset 0 1px rgba(255,255,255,.07)!important;backdrop-filter:blur(23px) saturate(108%)!important;-webkit-backdrop-filter:blur(23px) saturate(108%)!important;color:#eee8f5!important}
  #smkRadarModal .smk-radar-head{background:linear-gradient(100deg,rgba(72,57,86,.20),rgba(10,9,16,.10))!important;border-bottom-color:rgba(226,210,241,.15)!important}
  #smkRadarModal .smk-radar-head h2,#smkRadarModal .smk-radar-panel h3{color:#f5effb!important}
  #smkRadarModal .smk-radar-context{color:#b4aabd!important}
  #smkRadarModal .smk-radar-emblem{background:linear-gradient(135deg,rgba(103,80,133,.40),rgba(34,25,47,.52))!important;border-color:rgba(211,182,235,.28)!important;color:#e3cafa!important}
  #smkRadarModal .smk-radar-close{background:rgba(27,22,36,.57)!important;border-color:rgba(204,184,224,.27)!important;color:#e4d7f1!important}
  #smkRadarModal .smk-radar-close:hover{background:rgba(90,68,112,.38)!important;border-color:rgba(219,194,243,.51)!important}
  #smkRadarModal .smk-radar-scroll{scrollbar-color:rgba(169,141,189,.47) transparent!important}
  #smkRadarModal .smk-radar-panel,#smkRadarModal .smk-radar-kpi{background:linear-gradient(135deg,rgba(48,39,59,.28),rgba(9,9,17,.40))!important;border-color:rgba(207,186,229,.20)!important}
  #smkRadarModal .smk-radar-kpi.smk-radar-mint{background:rgba(70,74,64,.22)!important}
  #smkRadarModal .smk-radar-kpi.smk-radar-blue{background:rgba(81,67,106,.23)!important}
  #smkRadarModal .smk-radar-kpi.smk-radar-amber{background:rgba(101,75,60,.17)!important}
  #smkRadarModal .smk-radar-kpi span,#smkRadarModal .smk-radar-signal span{color:#bfb4ca!important}
  #smkRadarModal .smk-radar-kpi strong,#smkRadarModal .smk-radar-signal strong{color:#f6edff!important}
  #smkRadarModal .smk-radar-seg{background:rgba(8,7,13,.58)!important;border-color:rgba(196,173,219,.18)!important}
  #smkRadarModal .smk-radar-seg button{color:#bcb0cb!important}
  #smkRadarModal .smk-radar-seg button.active{background:linear-gradient(120deg,rgba(120,92,154,.8),rgba(145,95,159,.65))!important;color:#fff!important}
  #smkRadarModal .smk-radar-rank-head span,#smkRadarModal .smk-radar-rank-head strong{color:#e8e1f2!important}
  #smkRadarModal .smk-radar-rank-head i{color:#c5a8dc!important}
  #smkRadarModal .smk-radar-track,#smkRadarModal .smk-radar-shop-track,#smkRadarModal .smk-radar-duel-bars>div{background:rgba(5,5,10,.8)!important;border-color:rgba(204,173,226,.13)!important}
  #smkRadarModal .smk-radar-fill-total{background:linear-gradient(90deg,#8663a7,#c89fd1)!important}
  #smkRadarModal .smk-radar-fill-milk{background:linear-gradient(90deg,#706a9d,#ac9bdc)!important}
  #smkRadarModal .smk-radar-fill-egg{background:linear-gradient(90deg,#99765d,#d0ad80)!important}
  #smkRadarModal .smk-radar-duel-a span{background:linear-gradient(90deg,#9e76be,#d7acd6)!important}
  #smkRadarModal .smk-radar-duel-b span{background:linear-gradient(90deg,#706b91,#b9a1d2)!important}
  #smkRadarModal .smk-radar-duel-line span{color:#b7a7c5!important}
  #smkRadarModal .smk-radar-duel-line strong{color:#ede3f5!important}
  #smkRadarModal .smk-radar-duel-line .smk-radar-lead{color:#e5bff3!important}
  #smkRadarModal .smk-radar-versus{color:#d5b0ed!important}
  #smkRadarModal .smk-radar-picker-trigger{background:rgba(17,14,24,.57)!important;border-color:rgba(204,186,226,.23)!important}
  #smkRadarModal .smk-radar-picker-trigger:hover{background:rgba(92,70,109,.42)!important}
  #smkRadarModal .smk-radar-picker-menu{background:rgba(18,16,27,.97)!important;border-color:rgba(204,186,226,.28)!important}
  #smkRadarModal .smk-radar-picker-option.active{background:linear-gradient(120deg,rgba(98,75,131,.48),rgba(119,77,133,.36))!important}
  #smkRadarModal .smk-radar-picker-option:hover{background:rgba(92,70,109,.42)!important}
  #smkRadarModal .smk-radar-shop,#smkRadarModal .smk-radar-signal{background:linear-gradient(140deg,rgba(59,46,72,.29),rgba(16,12,23,.45))!important;border-color:rgba(201,176,223,.20)!important}
  #smkRadarModal .smk-radar-shop-index{background:rgba(128,98,157,.24)!important;color:#ddc5ef!important}
  #smkRadarModal .smk-radar-shop-data strong,#smkRadarModal .smk-radar-shop-value{color:#f0e5f8!important}
  #smkRadarModal .smk-radar-shop-data small,#smkRadarModal .smk-radar-signal small{color:#b1a3bf!important}
  #smkRadarModal .smk-radar-shop-track>span{background:linear-gradient(90deg,#8b6dab,#c4a1ce)!important}
  #smkRadarModal .smk-radar-winner-amount{color:#f0dcff!important}
}