/* Roomly toasts (2026-10-06) — всплывающие уведомления (sonner) в стиле сайта.
   Бандл main.*.js рендерит <Toaster theme="light" richColors=false closeButton>;
   здесь — палитра Roomly для светлой (по умолчанию) и тёмной темы. */
html body [data-sonner-toaster][data-sonner-theme] {
  --rtt-bg: #ffffff;
  --rtt-ink: #17181b;
  --rtt-ink-2: #5b6170;
  --rtt-line: rgba(16, 24, 40, .08);
  --rtt-shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 18px 40px -18px rgba(16, 24, 40, .28);
  --rtt-close-bg: #f4f6f8;
  --rtt-success: #3d7ff2;
  --rtt-success-tint: #eaf2fe;
  --rtt-info: #3d7ff2;
  --rtt-info-tint: #eaf2fe;
  --rtt-warning: #c98a0b;
  --rtt-warning-tint: #fdf4e1;
  --rtt-error: #d6455d;
  --rtt-error-tint: #fdecef;

  --normal-bg: var(--rtt-bg);
  --normal-border: var(--rtt-line);
  --normal-text: var(--rtt-ink);
  --border-radius: 16px;
  --width: 360px;
  font-family: 'Onest', Inter, system-ui, -apple-system, 'Segoe UI', sans-serif;
}

html body.dark-theme [data-sonner-toaster][data-sonner-theme],
html.dark-theme body [data-sonner-toaster][data-sonner-theme] {
  --rtt-bg: #1c2029;
  --rtt-ink: #f2f4f8;
  --rtt-ink-2: #a3a9b8;
  --rtt-line: rgba(255, 255, 255, .08);
  --rtt-shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 18px 40px -16px rgba(0, 0, 0, .6);
  --rtt-close-bg: #262b36;
  --rtt-success: #6ea2f7;
  --rtt-success-tint: rgba(61, 127, 242, .16);
  --rtt-info: #6ea2f7;
  --rtt-info-tint: rgba(61, 127, 242, .16);
  --rtt-warning: #f0b43c;
  --rtt-warning-tint: rgba(240, 180, 60, .14);
  --rtt-error: #f27a8e;
  --rtt-error-tint: rgba(242, 122, 142, .14);
}

html body [data-sonner-toaster] [data-sonner-toast][data-styled="true"] {
  background: var(--rtt-bg);
  color: var(--rtt-ink);
  border: 1px solid var(--rtt-line);
  border-radius: 16px;
  box-shadow: var(--rtt-shadow);
  padding: 14px 16px;
  gap: 12px;
  align-items: center;
  font-family: inherit;
}

html body [data-sonner-toaster] [data-sonner-toast] [data-title] {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -.005em;
  color: var(--rtt-ink);
}

html body [data-sonner-toaster] [data-sonner-toast] [data-description] {
  font-size: 13px;
  line-height: 1.4;
  color: var(--rtt-ink-2);
}

/* Значок — в мягкой цветной «таблетке», вместо яркой заливки всего тоста. */
html body [data-sonner-toaster] [data-sonner-toast] [data-icon] {
  flex: 0 0 auto;
  width: 30px;
  height: 30px;
  margin: 0;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--rtt-info-tint);
  color: var(--rtt-info);
}
html body [data-sonner-toaster] [data-sonner-toast] [data-icon] svg {
  width: 17px;
  height: 17px;
  margin: 0;
}
html body [data-sonner-toaster] [data-sonner-toast][data-type="success"] [data-icon] { background: var(--rtt-success-tint); color: var(--rtt-success); }
html body [data-sonner-toaster] [data-sonner-toast][data-type="warning"] [data-icon] { background: var(--rtt-warning-tint); color: var(--rtt-warning); }
html body [data-sonner-toaster] [data-sonner-toast][data-type="error"] [data-icon] { background: var(--rtt-error-tint); color: var(--rtt-error); }

html body [data-sonner-toaster] [data-sonner-toast] [data-close-button] {
  background: var(--rtt-close-bg);
  border: 1px solid var(--rtt-line);
  color: var(--rtt-ink-2);
  width: 22px;
  height: 22px;
  left: auto;
  right: -6px;
  top: -6px;
  transform: none;
}
html body [data-sonner-toaster] [data-sonner-toast] [data-close-button]:hover {
  background: var(--rtt-bg);
  color: var(--rtt-ink);
}

html body [data-sonner-toaster] [data-sonner-toast] [data-button] {
  background: #3d7ff2;
  color: #fff;
  border-radius: 999px;
  font-weight: 500;
  padding: 0 12px;
  height: 28px;
}

@media (max-width: 600px) {
  html body [data-sonner-toaster][data-sonner-theme] { --width: calc(100vw - 32px); }
}