/* ========================================================================
   BOMBARERA UI FOUNDATION V31
   Shared design tokens + one modal system for Promo / Support / Settings /
   Daily Rewards. Loaded after legacy styles so these rules are authoritative.
   ======================================================================== */

:root{
  /* type */
  --ui-font:'Exo 2',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ui-display:'Exo 2','Exo 2',system-ui,sans-serif;
  --ui-fs-kicker:11px;
  --ui-fs-meta:12px;
  --ui-fs-body:14px;
  --ui-fs-body-lg:16px;
  --ui-fs-label:14px;
  --ui-fs-title:clamp(30px,3vw,46px);

  /* spacing */
  --ui-space-1:4px;
  --ui-space-2:8px;
  --ui-space-3:12px;
  --ui-space-4:16px;
  --ui-space-5:20px;
  --ui-space-6:24px;
  --ui-space-7:32px;
  --ui-space-8:40px;

  /* geometry */
  --ui-radius-sm:10px;
  --ui-radius-md:16px;
  --ui-radius-lg:22px;
  --ui-radius-xl:30px;
  --ui-control-h:50px;
  --ui-control-h-lg:56px;

  /* color */
  --ui-bg:#040a16;
  --ui-surface:#071327;
  --ui-surface-2:#0a1a33;
  --ui-surface-3:#0c2040;
  --ui-line:rgba(135,203,255,.18);
  --ui-line-strong:rgba(151,219,255,.34);
  --ui-text:#f8fbff;
  --ui-text-2:#d8e4f2;
  --ui-muted:#91a4bb;
  --ui-cyan:#63ddff;
  --ui-blue:#5b8dff;
  --ui-violet:#9c75ff;
  --ui-pink:#ff6fc8;
  --ui-gold:#ffc85a;
  --ui-green:#73e7a8;
  --ui-red:#ff7189;

  /* effects */
  --ui-backdrop:rgba(2,7,17,.78);
  --ui-shadow:0 30px 90px rgba(0,0,0,.52);
  --ui-shadow-soft:0 14px 36px rgba(0,0,0,.26);
  --ui-focus:0 0 0 3px rgba(99,221,255,.22),0 0 0 1px rgba(99,221,255,.74);
  --ui-fast:160ms ease;
  --ui-normal:240ms ease;
}

/* ------------------------------------------------------------------------
   Modal shell
   ------------------------------------------------------------------------ */
.ui-modal{
  position:fixed!important;
  inset:0!important;
  z-index:18000!important;
  display:grid!important;
  place-items:center!important;
  padding:clamp(18px,3vw,42px)!important;
  font-family:var(--ui-font)!important;
}
.ui-modal.hidden{display:none!important}
.ui-modal__backdrop{
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 22% 18%,rgba(70,150,255,.10),transparent 32%),
    radial-gradient(circle at 80% 82%,rgba(158,93,255,.10),transparent 32%),
    var(--ui-backdrop)!important;
  backdrop-filter:blur(14px) saturate(118%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(118%)!important;
  cursor:var(--bm-cursor-default)!important;
}
.ui-dialog{
  --ui-dialog-accent:var(--ui-cyan);
  position:relative!important;
  z-index:1!important;
  width:min(100%,640px)!important;
  max-height:min(90vh,820px)!important;
  overflow:auto!important;
  color:var(--ui-text)!important;
  border:1px solid color-mix(in srgb,var(--ui-dialog-accent) 26%,var(--ui-line))!important;
  outline:0!important;
  border-radius:var(--ui-radius-xl)!important;
  background:
    linear-gradient(180deg,rgba(10,25,51,.98),rgba(5,13,29,.99))!important;
  box-shadow:var(--ui-shadow),inset 0 1px 0 rgba(255,255,255,.07)!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(136,203,255,.34) transparent;
}
.ui-dialog::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ui-dialog-accent) 70%,white),transparent);
  opacity:.65;
  pointer-events:none;
}
.ui-dialog__close{
  position:absolute!important;
  top:16px!important;
  right:16px!important;
  z-index:10!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.06)!important;
  color:#f7fbff!important;
  box-shadow:none!important;
  font:900 17px/1 var(--ui-font)!important;
  cursor:var(--bm-cursor-action)!important;
  transition:background var(--ui-fast),border-color var(--ui-fast),filter var(--ui-fast)!important;
}
.ui-dialog__close:hover{
  background:rgba(255,255,255,.11)!important;
  border-color:rgba(255,255,255,.24)!important;
  filter:brightness(1.08)!important;
}
.ui-dialog__eyebrow{
  color:var(--ui-dialog-accent)!important;
  font:900 var(--ui-fs-kicker)/1 var(--ui-display)!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.ui-dialog__title{
  color:var(--ui-text)!important;
  font-family:var(--ui-font)!important;
  font-weight:1000!important;
  font-size:var(--ui-fs-title)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-shadow:none!important;
}
.ui-dialog__lead{
  color:var(--ui-text-2)!important;
  font:800 var(--ui-fs-body)/1.5 var(--ui-font)!important;
}
.ui-modal :is(button,a,input,select):focus-visible{
  outline:none!important;
  box-shadow:var(--ui-focus)!important;
}

body.ui-modal-open{overflow:hidden!important}

/* ------------------------------------------------------------------------
   Promo
   ------------------------------------------------------------------------ */
.ui-dialog--promo{
  --ui-dialog-accent:var(--ui-gold);
  width:min(100%,620px)!important;
  padding:34px 34px 30px!important;
  text-align:left!important;
  background:
    radial-gradient(circle at 100% 0%,rgba(143,91,255,.15),transparent 34%),
    radial-gradient(circle at 0% 100%,rgba(255,184,65,.10),transparent 30%),
    linear-gradient(180deg,rgba(13,24,54,.99),rgba(6,13,31,.99))!important;
}
.ui-dialog--promo .promo-card__ticket{
  width:68px!important;
  height:68px!important;
  margin:0 0 18px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,204,90,.34)!important;
  outline:0!important;
  border-radius:19px!important;
  color:#171423!important;
  background:linear-gradient(180deg,#ffe78a,#ffbd42)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.48)!important;
}
.ui-dialog--promo .promo-card__ticket .ui-icon{width:34px!important;height:34px!important;color:#5f3b00!important}
.ui-dialog--promo .promo-card__eyebrow{margin-bottom:9px!important}
.ui-dialog--promo .promo-card__title{margin:0 0 10px!important}
.ui-dialog--promo .promo-card__text{max-width:48ch!important;margin:0!important}
.ui-dialog--promo .promo-form{margin-top:26px!important}
.ui-dialog--promo .promo-form__label{
  margin:0 0 8px 2px!important;
  color:var(--ui-text-2)!important;
  font:900 var(--ui-fs-kicker)/1 var(--ui-display)!important;
  letter-spacing:.13em!important;
}
.ui-dialog--promo .promo-form__row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 168px!important;
  gap:12px!important;
}
.ui-dialog--promo .promo-form__input,
.ui-dialog--promo .promo-form__submit{
  min-height:var(--ui-control-h-lg)!important;
  height:var(--ui-control-h-lg)!important;
  border-radius:14px!important;
  outline:0!important;
}
.ui-dialog--promo .promo-form__input{
  padding:0 16px!important;
  border:1px solid rgba(144,202,255,.22)!important;
  background:rgba(3,10,24,.78)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
  font:900 15px/1 var(--ui-display)!important;
  letter-spacing:.06em!important;
}
.ui-dialog--promo .promo-form__input::placeholder{color:rgba(214,229,245,.38)!important}
.ui-dialog--promo .promo-form__submit{
  min-width:0!important;
  padding:0 18px!important;
  border:1px solid rgba(255,205,91,.38)!important;
  background:linear-gradient(180deg,#ffd767,#f5ad32)!important;
  color:#281a05!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.35)!important;
  font:1000 12px/1 var(--ui-display)!important;
  letter-spacing:.04em!important;
}
.ui-dialog--promo .promo-result{margin-top:14px!important;border-radius:14px!important}
.ui-dialog--promo .promo-result:not(:empty){padding:13px 14px!important;border-width:1px!important}
.ui-dialog--promo .promo-result strong{font:900 11px/1.25 var(--ui-display)!important}
.ui-dialog--promo .promo-result span{font:800 13px/1.35 var(--ui-font)!important}

/* ------------------------------------------------------------------------
   Support
   ------------------------------------------------------------------------ */
.ui-dialog--support{
  --ui-dialog-accent:var(--ui-cyan);
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,.95fr)!important;
  width:min(100%,980px)!important;
  min-height:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.ui-dialog--support .contact-card__hero,
.ui-dialog--support .contact-card__channels{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  padding:34px 32px!important;
}
.ui-dialog--support .contact-card__hero{
  background:
    radial-gradient(circle at 12% 12%,rgba(70,196,255,.12),transparent 31%),
    linear-gradient(180deg,rgba(7,19,41,.72),rgba(4,12,28,.34))!important;
}
.ui-dialog--support .contact-card__channels{
  border-left:1px solid rgba(132,202,255,.11)!important;
  background:rgba(3,10,24,.26)!important;
}
.ui-dialog--support .contact-card__brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 22px!important;
}
.ui-dialog--support .contact-card__brand-mark{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  flex:0 0 46px!important;
  border:1px solid rgba(96,216,255,.38)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(18,72,117,.86),rgba(5,25,53,.96))!important;
  box-shadow:none!important;
}
.ui-dialog--support .contact-card__brand-mark img{width:34px!important;height:34px!important}
.ui-dialog--support .contact-card__brand-copy{display:flex!important;flex-direction:column!important;gap:4px!important}
.ui-dialog--support .contact-card__brand-copy b{font:900 15px/1 var(--ui-display)!important;letter-spacing:.05em!important;color:#fff!important}
.ui-dialog--support .contact-card__brand-copy small{font:900 9px/1.2 var(--ui-display)!important;letter-spacing:.14em!important;color:#85ddff!important}
.ui-dialog--support .contact-card__eyebrow{margin-bottom:10px!important}
.ui-dialog--support .contact-card__title{margin:0 0 14px!important;max-width:10ch!important}
.ui-dialog--support .contact-card__title em{font-style:normal!important;color:#ffd06d!important}
.ui-dialog--support .contact-card__text{max-width:38ch!important;margin:0!important}
.ui-dialog--support .contact-card__topics--simple{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:18px 0!important;
}
.ui-dialog--support .contact-card__topics--simple span{
  padding:8px 11px!important;
  border:1px solid rgba(121,211,255,.14)!important;
  border-radius:999px!important;
  background:rgba(103,214,255,.055)!important;
  color:#eaf7ff!important;
  font:900 12px/1 var(--ui-font)!important;
}
.ui-dialog--support .contact-command__brief--simple{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin:0!important;
  padding:14px!important;
  border:1px solid rgba(121,211,255,.13)!important;
  border-radius:16px!important;
  background:rgba(75,173,255,.055)!important;
}
.ui-dialog--support .contact-command__brief-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  border:1px solid rgba(99,229,255,.18)!important;
  background:linear-gradient(180deg,rgba(60,208,255,.18),rgba(47,115,255,.12))!important;
  color:#91efff!important;
  font:900 18px/1 var(--ui-display)!important;
}
.ui-dialog--support .contact-command__brief small,
.ui-dialog--support .contact-card__channels-head small,
.ui-dialog--support .contact-item__copy small{
  display:block!important;
  margin-bottom:5px!important;
  color:#83dfff!important;
  font:900 9px/1 var(--ui-display)!important;
  letter-spacing:.14em!important;
}
.ui-dialog--support .contact-command__brief strong,
.ui-dialog--support .contact-card__channels-head strong{
  display:block!important;
  color:#fff!important;
  font:1000 20px/1.1 var(--ui-font)!important;
  letter-spacing:-.025em!important;
}
.ui-dialog--support .contact-command__brief p{margin:5px 0 0!important;color:var(--ui-muted)!important;font:800 12px/1.4 var(--ui-font)!important}
.ui-dialog--support .contact-card__channels-head{margin:34px 0 18px!important}
.ui-dialog--support .contact-card__channels-head strong{font-size:26px!important}
.ui-dialog--support .contact-card__channels-head p{max-width:36ch!important;margin:8px 0 0!important}
.ui-dialog--support .contact-list--clean{display:grid!important;gap:12px!important;margin:0!important}
.ui-dialog--support .contact-item{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) 30px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:78px!important;
  padding:13px 14px!important;
  border:1px solid rgba(131,203,255,.14)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,rgba(10,26,52,.84),rgba(6,16,33,.94))!important;
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:var(--ui-shadow-soft)!important;
  transform:none!important;
}
.ui-dialog--support .contact-item__icon{
  display:grid!important;
  place-items:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  font:1000 20px/1 var(--ui-font)!important;
}
.ui-dialog--support .contact-item--telegram .contact-item__icon{background:linear-gradient(180deg,#36cef5,#2778e7)!important}
.ui-dialog--support .contact-item--email .contact-item__icon{background:linear-gradient(180deg,#bd79ff,#7f4bea)!important}
.ui-dialog--support .contact-item__copy{min-width:0!important}
.ui-dialog--support .contact-item__copy strong{display:block!important;color:#fff!important;font:1000 16px/1.12 var(--ui-font)!important;letter-spacing:-.015em!important;overflow-wrap:anywhere!important}
.ui-dialog--support .contact-item__copy em{display:block!important;margin-top:4px!important;color:var(--ui-muted)!important;font:800 12px/1.25 var(--ui-font)!important;font-style:normal!important}
.ui-dialog--support .contact-item__arrow{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:#eaf8ff!important}
.ui-dialog--support .contact-command__footer--simple{
  margin-top:14px!important;
  padding:14px!important;
  border:1px solid rgba(121,211,255,.10)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.025)!important;
}
.ui-dialog--support .contact-command__footer p{margin:0!important;color:var(--ui-muted)!important;font:800 12px/1.42 var(--ui-font)!important}
.ui-dialog--support .contact-command__footer strong{color:#f4f9ff!important}

/* ------------------------------------------------------------------------
   Settings
   ------------------------------------------------------------------------ */
.ui-dialog--settings{
  --ui-dialog-accent:var(--ui-green);
  width:min(100%,650px)!important;
  padding:32px 30px 28px!important;
}
.ui-dialog--settings .settings-card__eyebrow{margin-bottom:9px!important}
.ui-dialog--settings .settings-card__title{margin:0 0 8px!important}
.ui-dialog--settings .settings-card__text{max-width:48ch!important;margin:0 0 22px!important}
.ui-dialog--settings .settings-panel{display:grid!important;gap:10px!important}
.ui-dialog--settings .settings-field{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  min-height:68px!important;
  padding:14px 16px!important;
  border:1px solid rgba(133,202,255,.12)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;
}
.ui-dialog--settings .settings-field--stack{align-items:stretch!important;flex-direction:column!important;gap:12px!important}
.ui-dialog--settings .settings-field strong{display:block!important;color:#fff!important;font:1000 15px/1.2 var(--ui-font)!important}
.ui-dialog--settings .settings-field small{display:block!important;margin-top:4px!important;color:var(--ui-muted)!important;font:800 12px/1.35 var(--ui-font)!important}
.ui-dialog--settings input[type="checkbox"]{width:24px!important;height:24px!important;accent-color:var(--ui-green)!important}
.ui-dialog--settings input[type="range"]{width:100%!important;accent-color:var(--ui-green)!important}
.ui-dialog--settings select{
  width:100%!important;
  min-height:46px!important;
  padding:0 12px!important;
  border:1px solid rgba(132,203,255,.18)!important;
  border-radius:12px!important;
  background:#071327!important;
  color:#eef7ff!important;
  font:900 13px/1 var(--ui-font)!important;
}
.ui-dialog--settings .language-picker{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.ui-dialog--settings .language-picker__option{
  min-height:62px!important;
  padding:10px 12px!important;
  border:1px solid rgba(132,203,255,.13)!important;
  border-radius:14px!important;
  background:rgba(3,11,25,.58)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.ui-dialog--settings .language-picker__option.is-active{
  border-color:rgba(115,231,168,.44)!important;
  background:rgba(74,202,140,.10)!important;
}
.ui-dialog--settings .settings-card__actions{
  display:flex!important;
  justify-content:flex-end!important;
  gap:10px!important;
  margin-top:20px!important;
}
.ui-dialog--settings .settings-card__btn{
  min-width:126px!important;
  min-height:48px!important;
  padding:0 18px!important;
  border:1px solid rgba(132,203,255,.16)!important;
  border-radius:13px!important;
  box-shadow:none!important;
  font:1000 13px/1 var(--ui-font)!important;
}
.ui-dialog--settings .settings-card__btn--ghost{background:rgba(255,255,255,.055)!important;color:#eef6ff!important}
.ui-dialog--settings .settings-card__btn--primary{background:linear-gradient(180deg,#65e5ad,#36c98b)!important;color:#061d15!important;border-color:rgba(132,255,200,.42)!important}

/* ------------------------------------------------------------------------
   Daily Rewards
   ------------------------------------------------------------------------ */
.ui-dialog--rewards{
  --ui-dialog-accent:var(--ui-violet);
  width:min(100%,790px)!important;
  padding:30px 30px 28px!important;
  background:
    radial-gradient(circle at 85% 0%,rgba(178,108,255,.14),transparent 32%),
    radial-gradient(circle at 0% 100%,rgba(255,103,194,.10),transparent 28%),
    linear-gradient(180deg,rgba(12,23,50,.99),rgba(5,13,30,.99))!important;
}
.ui-dialog--rewards .daily-rewards-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin:0 0 22px!important;
  padding-right:52px!important;
}
.ui-dialog--rewards .daily-rewards-title{margin:0!important;color:#fff!important}
.ui-dialog--rewards .daily-rewards-grid{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0 0 18px!important;
}
.ui-dialog--rewards .daily-reward-day{
  min-width:0!important;
  min-height:116px!important;
  padding:12px 7px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  opacity:.62!important;
  transform:none!important;
  border:1px solid rgba(142,202,255,.12)!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}
.ui-dialog--rewards .daily-reward-day--current{
  opacity:1!important;
  border-color:rgba(166,118,255,.56)!important;
  background:linear-gradient(180deg,rgba(150,94,255,.16),rgba(85,54,160,.08))!important;
  box-shadow:0 0 0 1px rgba(171,129,255,.10),0 12px 24px rgba(0,0,0,.18)!important;
}
.ui-dialog--rewards .daily-reward-day--jackpot{
  border-color:rgba(255,111,200,.36)!important;
  background:linear-gradient(180deg,rgba(255,103,194,.11),rgba(130,71,210,.08))!important;
}
.ui-dialog--rewards .daily-reward-day__num{color:var(--ui-muted)!important;font:900 11px/1 var(--ui-display)!important}
.ui-dialog--rewards .daily-reward-day__icon{font-size:24px!important;line-height:1!important;filter:drop-shadow(0 5px 10px rgba(0,0,0,.24))!important}
.ui-dialog--rewards .daily-reward-day__amount{color:#f0f6ff!important;font:1000 11px/1.2 var(--ui-font)!important}
.ui-dialog--rewards .daily-rewards-current{
  margin:0 0 14px!important;
  padding:14px 16px!important;
  border:1px solid rgba(157,204,255,.12)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.035)!important;
}
.ui-dialog--rewards .daily-rewards-current__day{margin:0 0 7px!important;color:var(--ui-muted)!important;font:900 12px/1 var(--ui-display)!important}
.ui-dialog--rewards .daily-rewards-current__reward{gap:9px!important;color:#ffd66b!important;font:1000 17px/1.2 var(--ui-font)!important}
.ui-dialog--rewards .daily-rewards-claim{
  width:100%!important;
  min-height:54px!important;
  padding:0 18px!important;
  border:1px solid rgba(180,127,255,.42)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,#a979ff,#7d51eb)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18)!important;
  font:1000 14px/1 var(--ui-font)!important;
}
.ui-dialog--rewards .daily-rewards-claim:disabled{opacity:.54!important;cursor:var(--bm-cursor-disabled)!important;filter:saturate(.6)!important}

/* ------------------------------------------------------------------------
   Interaction policy: no hover translation / no layout jitter
   ------------------------------------------------------------------------ */
@media (hover:hover) and (pointer:fine){
  .ui-modal :is(button,a){transition:filter var(--ui-fast),border-color var(--ui-fast),background var(--ui-fast),box-shadow var(--ui-fast)!important}
  .ui-modal :is(button,a):hover{transform:none!important;filter:brightness(1.06)!important}
  .ui-dialog--support .contact-item:hover{transform:none!important;border-color:rgba(128,218,255,.28)!important}
}

/* ------------------------------------------------------------------------
   Compact desktop window fallback. Mobile product UI remains blocked.
   ------------------------------------------------------------------------ */
@media (max-height:760px) and (min-width:901px){
  .ui-modal{padding:18px!important}
  .ui-dialog{max-height:94vh!important}
  .ui-dialog--promo{padding:26px!important}
  .ui-dialog--support .contact-card__hero,.ui-dialog--support .contact-card__channels{padding:25px 26px!important}
  .ui-dialog--support .contact-card__brand{margin-bottom:14px!important}
  .ui-dialog--support .contact-card__channels-head{margin-top:20px!important;margin-bottom:12px!important}
  .ui-dialog--support .contact-card__topics--simple{margin:12px 0!important}
  .ui-dialog--support .contact-item{min-height:68px!important;padding:10px 12px!important}
  .ui-dialog--settings{padding:24px!important}
  .ui-dialog--settings .settings-field{min-height:58px!important;padding:11px 13px!important}
  .ui-dialog--settings .settings-panel{gap:8px!important}
  .ui-dialog--rewards{padding:24px!important}
  .ui-dialog--rewards .daily-reward-day{min-height:96px!important}
}

@media (max-width:900px){
  .ui-dialog--support{grid-template-columns:1fr!important;max-height:92vh!important;overflow:auto!important}
  .ui-dialog--support .contact-card__channels{border-left:0!important;border-top:1px solid rgba(132,202,255,.11)!important}
  .ui-dialog--support .contact-card__channels-head{margin-top:0!important}
  .ui-dialog--rewards .daily-rewards-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}