/* ═══════════════════════════════════════════════════════════════════════
   CypSways Randomizer — тема в стиле основного мини-аппа CypSways.
   Подключается ПОСЛЕДНЕЙ (после style.css и cypsways.css) и задаёт:
   графитовый фон, «стеклянную» фаску карточек, фиолетовый portal-hero,
   плавающий док-навбар, синий акцент #1689ff и единую систему движения.
   ═══════════════════════════════════════════════════════════════════════ */

:root {
  --bg: #141414;
  --surface: #1c1c1c;
  --surface-2: #232323;
  --surface-3: #2a2a2a;
  --line: rgba(255, 255, 255, .06);
  --text: #ffffff;
  --text-2: rgba(255, 255, 255, .62);
  --text-3: rgba(255, 255, 255, .38);
  --accent: #1689ff;
  --accent-2: #4da3ff;
  --accent-soft: rgba(22, 137, 255, .14);
  --success: #30d158;
  --success-soft: rgba(48, 209, 88, .14);
  --warn: #f1aa05;
  --warn-soft: rgba(241, 170, 5, .14);
  --danger: #ff453a;
  --danger-soft: rgba(255, 69, 58, .14);
  --radius: 20px;
  --radius-sm: 14px;
  --font-main: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-heading: 'Outfit', 'Inter', sans-serif;

  --glass-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 1.8px 3px 0 -2px rgba(255,255,255,.14),
    inset -2px -2px 0 -2px rgba(255,255,255,.09),
    inset -3px -8px 1px -6px rgba(255,255,255,.07),
    inset -.3px -1px 4px 0 rgba(0,0,0,.24),
    inset -1.5px 2.5px 0 -2px rgba(0,0,0,.4),
    inset 0 3px 4px -2px rgba(0,0,0,.4),
    inset 2px -6.5px 1px -4px rgba(0,0,0,.2),
    0 1px 5px 0 rgba(0,0,0,.2),
    0 6px 16px 0 rgba(0,0,0,.16);
  --nav-glass-shadow:
    inset 1.8px 3px 0 -2px rgba(255,255,255,.06),
    inset 2px 2px 0 -2px rgba(255,255,255,.09),
    inset -2px -2px 2px -2px rgba(255,255,255,.09),
    inset -1.8px -3px 0 -2px rgba(255,255,255,.06);
  --hero-bg:
    radial-gradient(58% 42% at 16% 6%, rgba(255,214,252,.22) 0%, rgba(255,214,252,0) 62%),
    radial-gradient(45% 38% at 88% 18%, rgba(120,80,255,.28) 0%, rgba(120,80,255,0) 70%),
    radial-gradient(135% 105% at 50% -10%, #e878ff 0%, #b845e0 18%, #7d2b9c 40%, #3d1a55 66%, #120718 100%);

  --ease-scale: cubic-bezier(.5, 0, 0, 1);
  --ease-std: cubic-bezier(.4, 0, .2, 1);
  --ease-inout: cubic-bezier(1, 0, .4, 1);
  --ease-drawer: cubic-bezier(.32, .72, 0, 1);
  --dur-fast: .15s;
  --dur-press: .2s;
  --dur-enter: .34s;
}

/* ── База ───────────────────────────────────────────────────────────── */
html { background: var(--bg); color-scheme: dark; }
body.cw-app, body.giveaway-page {
  background: var(--bg) !important;
  background-image: none !important;
  color: var(--text);
  font-family: var(--font-main);
  -webkit-font-smoothing: antialiased;
}
body.cw-app::before {
  background:
    radial-gradient(80% 38% at 50% -6%, rgba(184, 69, 224, .10) 0%, transparent 70%),
    radial-gradient(60% 30% at 100% 100%, rgba(22, 137, 255, .05) 0%, transparent 70%) !important;
}
h1, h2, h3, .list-header h1, .wizard-title, .profile-name, .section-header-title {
  font-family: var(--font-heading);
  letter-spacing: -.01em;
}
::selection { background: rgba(22, 137, 255, .35); }

/* ── Движение: нажим, появление, блик ──────────────────────────────── */
@keyframes cwEnter {
  from { opacity: 0; transform: translateY(6px) scale(.985); }
  to   { opacity: 1; transform: none; }
}
@keyframes cwSheen {
  0%   { opacity: 0; transform: translateX(-135%) skewX(-12deg); }
  24%  { opacity: .55; }
  100% { opacity: 0; transform: translateX(390%) skewX(-12deg); }
}
@keyframes cwPulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(48, 209, 88, .5); }
  50%      { box-shadow: 0 0 0 5px rgba(48, 209, 88, 0); }
}

.cw-screen.active > * { animation: cwEnter var(--dur-enter) var(--ease-scale) both; }
.cw-screen.active > *:nth-child(2) { animation-delay: .04s; }
.cw-screen.active > *:nth-child(3) { animation-delay: .08s; }
.cw-screen.active > *:nth-child(4) { animation-delay: .12s; }

.home-cta, .btn-launch, .wizard-btn--next, .nav-create, .ga-btn-channel, .ga-btn-invite {
  position: relative; overflow: hidden; isolation: isolate;
}
.home-cta::after, .btn-launch::after, .ga-btn-channel.is-primary::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 42%;
  pointer-events: none; z-index: 1;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.28), transparent);
  transform: translateX(-135%) skewX(-12deg); opacity: 0;
  animation: cwSheen 3.4s var(--ease-inout) 1.2s infinite;
}

.home-cta, .home-stat--tap, .home-quick-item, .gca-card, .gca-quick-btn, .filter-pill, .icon-btn,
.qa-action, .wizard-btn, .btn-launch, .btn-draft, .time-preset-btn, .channel-check-btn, .wiz-btn-add,
.user-row, .manage-tab, .manage-back, .profile-action, .lang-btn, .ga-btn-channel, .ga-btn-close,
.ga-btn-invite, .ga-channel-btn, .recent-channel, .channel-add-box, .tg-import-card__btn,
.manage-actions .btn, .winners-stepper-compact button, .nav-item, .nav-create {
  transition: transform var(--dur-press) var(--ease-scale),
              background-color var(--dur-fast) var(--ease-std),
              border-color var(--dur-fast) var(--ease-std),
              box-shadow var(--dur-fast) var(--ease-std),
              color var(--dur-fast) var(--ease-std) !important;
}
.home-cta:active, .home-stat--tap:active, .home-quick-item:active, .gca-card:active, .gca-quick-btn:active,
.filter-pill:active, .qa-action:active, .wizard-btn:active, .btn-launch:active, .btn-draft:active,
.time-preset-btn:active, .channel-check-btn:active, .wiz-btn-add:active, .user-row:active, .manage-tab:active,
.profile-action:active, .lang-btn:active, .ga-btn-channel:active, .ga-btn-close:active, .ga-btn-invite:active,
.ga-channel-btn:active, .recent-channel:active, .channel-add-box:active, .tg-import-card__btn:active,
.manage-actions .btn:active, .winners-stepper-compact button:active {
  transform: scale(.965) !important;
}
.icon-btn:active, .manage-back:active, .nav-item:active, .nav-create:active { transform: scale(.92) !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* ── Поверхности (стеклянная фаска CypSways) ───────────────────────── */
.glass-card, .wiz-card, .home-stat, .home-quick-item, .gca-card, .profile-section, .profile-hero,
.manage-stat, .summary-panel, .skel-card, .empty-state, .wiz-setting-card, .boost-card,
.tg-import-card, .channel-selected, .ga-hero, .user-row, .qa-action {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--glass-shadow) !important;
}
.glass-card { border-radius: 24px; position: relative; z-index: 2; }
.wiz-card { border-radius: 24px !important; }
.gradient-text {
  background: linear-gradient(100deg, #fff 0%, #ffd6fc 55%, #d7a4ff 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* ── Главная: portal hero ─────────────────────────────────────────── */
.home-hero {
  background: var(--hero-bg) !important;
  border: none !important;
  border-radius: 28px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 18px 40px rgba(61, 26, 85, .45) !important;
  overflow: hidden;
  padding: 26px 20px 20px !important;
}
.home-hero__glow { display: none; }
.home-hero__badge {
  background: rgba(0,0,0,.22) !important;
  border: none !important;
  color: #fff !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  box-shadow: var(--nav-glass-shadow);
}
.home-hero__title {
  color: #fff !important; -webkit-text-fill-color: #fff; background: none !important;
  font-size: 30px !important; line-height: 1.08 !important;
  text-shadow: 0 2px 18px rgba(18, 7, 24, .35);
}
.home-hero__title .gradient-text {
  background: linear-gradient(100deg, #fff 0%, #ffd6fc 55%, #e3a4ff 100%) !important;
  -webkit-background-clip: text !important; background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.home-hero__sub { color: rgba(255,255,255,.78) !important; }
.home-cta {
  background: #fff !important;
  color: #2a0f3a !important;
  border: none !important;
  border-radius: 999px !important;
  font-family: var(--font-heading);
  font-weight: 700 !important;
  box-shadow: 0 10px 26px rgba(18, 7, 24, .45) !important;
}
.home-cta i { color: #b845e0; }

.home-stat { border-radius: 20px !important; }
.home-stat__icon { background: var(--accent-soft) !important; color: var(--accent-2) !important; }
.home-stat--green .home-stat__icon { background: var(--success-soft) !important; color: var(--success) !important; }
.home-stat--purple .home-stat__icon { background: rgba(184, 69, 224, .16) !important; color: #e3a4ff !important; }
.home-stat strong { font-family: var(--font-heading); }
.home-stat strong.green { color: var(--success) !important; }
.home-stat strong.purple { color: #e3a4ff !important; }
.home-stat span { color: var(--text-3) !important; }

.home-quick-label { color: var(--text-3) !important; letter-spacing: .06em; }
.home-quick-item { border-radius: 20px !important; }
.home-quick-item--featured {
  background:
    linear-gradient(120deg, rgba(22,137,255,.16), rgba(22,137,255,0) 60%), var(--surface) !important;
}
.home-quick-item i.icon { border-radius: 12px !important; }
.home-quick-item i.icon.purple { background: rgba(184, 69, 224, .18) !important; color: #e3a4ff !important; }
.home-quick-item i.icon.green  { background: var(--success-soft) !important; color: var(--success) !important; }
.home-quick-item i.icon.blue   { background: var(--accent-soft) !important; color: var(--accent-2) !important; }

/* ── Нижняя навигация: плавающий стеклянный док ───────────────────── */
.app-nav {
  left: 50% !important; right: auto !important;
  transform: translateX(-50%);
  width: min(calc(100% - 24px), 496px);
  height: 64px !important;
  bottom: max(10px, env(safe-area-inset-bottom)) !important;
  border-radius: 999px !important;
  border: none !important;
  padding: 5px !important;
  background: rgba(28, 28, 28, .72) !important;
  backdrop-filter: blur(18px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.5) !important;
  box-shadow: var(--nav-glass-shadow), 0 14px 34px rgba(0,0,0,.45) !important;
}
.app-nav .nav-item {
  border-radius: 999px !important;
  color: #6d6d71 !important;
  min-height: 54px !important;
}
.app-nav .nav-item.active { background: rgba(255,255,255,.06) !important; color: #fff !important; }
.app-nav .nav-item.active i { color: var(--accent) !important; }
.nav-create {
  border-radius: 999px !important;
  background: var(--accent) !important;
  box-shadow: 0 8px 22px rgba(22, 137, 255, .38), inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.nav-create.active { box-shadow: 0 0 0 2px rgba(255,255,255,.22), 0 8px 22px rgba(22, 137, 255, .45) !important; }
.nav-badge { background: var(--danger) !important; box-shadow: 0 0 0 2px var(--bg) !important; }

/* ── Список ───────────────────────────────────────────────────────── */
.list-header__sub { color: var(--text-3) !important; }
.icon-btn {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--glass-shadow) !important;
  color: #fff !important;
}
.icon-btn--create { background: var(--accent) !important; box-shadow: 0 6px 18px rgba(22,137,255,.35) !important; }
.filter-pill {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  color: var(--text-2) !important;
  border-radius: 999px !important;
  box-shadow: var(--nav-glass-shadow) !important;
}
.filter-pill.active { background: var(--accent) !important; color: #fff !important; border-color: transparent !important; }

.gca-card { border-radius: 22px !important; overflow: hidden; }
.gca-card__accent { opacity: .9; }
.gca-card__title { color: #fff !important; }
.gca-meta-chip { background: rgba(255,255,255,.05) !important; color: var(--text-2) !important; border-color: transparent !important; }
.gca-quick-btn {
  background: var(--surface-2) !important;
  border: 1px solid var(--line) !important;
  color: #fff !important;
  border-radius: 14px !important;
}
.gca-quick-btn--primary { background: var(--accent) !important; border-color: transparent !important; }
.gca-quick-btn--success { background: var(--success) !important; color: #04210d !important; border-color: transparent !important; }
.gca-card__channel-avatar { background: var(--surface-3) !important; color: #fff !important; }
.gca-live-dot { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--success); margin-right: 6px; vertical-align: middle; animation: cwPulse 1.6s infinite; }

.empty-state__icon { background: var(--accent-soft) !important; color: var(--accent-2) !important; }
.empty-state__btn { background: var(--accent) !important; color: #fff !important; border: none !important; border-radius: 999px !important; }
.empty-state__btn--ghost { background: var(--surface-2) !important; }

/* ── Мастер создания ──────────────────────────────────────────────── */
.wizard-top {
  background: rgba(20, 20, 20, .82) !important;
  backdrop-filter: blur(18px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4) !important;
  border-bottom: 1px solid var(--line) !important;
}
.wizard-back-btn {
  background: var(--surface) !important;
  border: none !important;
  box-shadow: var(--glass-shadow) !important;
  border-radius: 50% !important;
}
.wizard-step-badge { background: var(--surface) !important; color: var(--text-2) !important; box-shadow: var(--nav-glass-shadow); border: none !important; }
.wizard-progress-track { background: rgba(255,255,255,.07) !important; }
.wizard-progress-fill { background: linear-gradient(90deg, var(--accent), #b845e0) !important; }
.wizard-sub { color: var(--text-3) !important; }

.section-header-icon { border-radius: 14px !important; }
.section-header-icon--purple, .section-header-icon--violet { background: rgba(184, 69, 224, .18) !important; color: #e3a4ff !important; }
.section-header-sub, .wiz-field-label__hint, .caption-meta, .wiz-setting-row__sub { color: var(--text-3) !important; }

.wiz-input, .caption-textarea, .datetime-input, .prize-input {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: var(--radius-sm) !important;
  color: #fff !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.25);
}
.wiz-input:focus, .caption-textarea:focus, .datetime-input:focus, .prize-input:focus {
  outline: none !important;
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(22,137,255,.5) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.2), 0 0 0 3px rgba(22,137,255,.12) !important;
}
.wiz-input.is-error, .prize-input.is-error, .caption-textarea.is-error, .datetime-input.is-error { border-color: rgba(255,69,58,.7) !important; }
.wiz-input::placeholder, .caption-textarea::placeholder, .prize-input::placeholder { color: rgba(255,255,255,.3) !important; }
.datetime-input { color-scheme: dark; }

.channel-check-btn, .wiz-btn-add { background: var(--accent) !important; border: none !important; color: #fff !important; }
.wiz-btn-add--amber { background: var(--warn) !important; color: #2b1d00 !important; }
.channel-add-box { background: rgba(22,137,255,.06) !important; border: 1.5px dashed rgba(22,137,255,.35) !important; }
.channel-add-box i { color: var(--accent) !important; }
.channel-avatar { background: linear-gradient(135deg, var(--accent), #b845e0) !important; }
.channel-selected__status { color: var(--success) !important; }
.channel-chip { background: var(--accent-soft) !important; border-color: rgba(22,137,255,.3) !important; }

.cw-toggle-track { background: #39393d !important; border: none !important; }
.cw-toggle input:checked + .cw-toggle-track { background: var(--success) !important; }
.cw-toggle--pink input:checked + .cw-toggle-track { background: #b845e0 !important; }
.cw-toggle-thumb { background: #fff !important; box-shadow: 0 2px 6px rgba(0,0,0,.35) !important; }

.boost-card__icon { background: rgba(184, 69, 224, .18) !important; color: #e3a4ff !important; }
.tg-import-card__icon { background: var(--accent-soft) !important; color: var(--accent-2) !important; }
.tg-import-card__btn { background: var(--accent) !important; color: #fff !important; border: none !important; }
.wiz-toolbar-btn { background: var(--surface-2) !important; border: 1px solid var(--line) !important; color: #fff !important; }
.caption-tab.active { background: var(--surface-3) !important; color: #fff !important; }
.media-drop-zone { background: rgba(255,255,255,.03) !important; border: 1.5px dashed rgba(255,255,255,.14) !important; }
.media-drop-zone.is-dragover { border-color: var(--accent) !important; background: var(--accent-soft) !important; }
.media-upload-progress__bar { background: var(--accent) !important; }

.winners-stepper-compact button { background: var(--surface-2) !important; border: 1px solid var(--line) !important; color: #fff !important; }
.winners-stepper-compact__val span { font-family: var(--font-heading); }
.prize-row .num { background: var(--warn-soft) !important; color: var(--warn) !important; }
.time-preset-btn { background: var(--surface-2) !important; border: 1px solid var(--line) !important; color: var(--text-2) !important; border-radius: 999px !important; }
.time-preset-btn.active { background: var(--accent) !important; color: #fff !important; border-color: transparent !important; }

.wizard-dock-shell {
  background: rgba(28,28,28,.78) !important;
  backdrop-filter: blur(18px) saturate(1.5) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.5) !important;
  box-shadow: var(--nav-glass-shadow), 0 14px 34px rgba(0,0,0,.45) !important;
  border: none !important;
  border-radius: 999px !important;
}
.wizard-btn { border-radius: 999px !important; }
.wizard-btn--back { background: rgba(255,255,255,.06) !important; color: #fff !important; border: none !important; }
.wizard-btn--next { background: var(--accent) !important; color: #fff !important; border: none !important; box-shadow: 0 8px 20px rgba(22,137,255,.35) !important; }
.wizard-btn--next:disabled, .wizard-btn--next.is-disabled { background: #2c2c2e !important; color: rgba(255,255,255,.35) !important; box-shadow: none !important; }

.btn-launch {
  background: var(--accent) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #fff !important;
  font-family: var(--font-heading);
  box-shadow: 0 10px 26px rgba(22,137,255,.38) !important;
}
.btn-launch:disabled { opacity: .7; }
.btn-draft { background: rgba(255,255,255,.06) !important; border: none !important; border-radius: 999px !important; color: #fff !important; }

/* ── Профиль ──────────────────────────────────────────────────────── */
.profile-hero { background: var(--hero-bg) !important; border: none !important; border-radius: 28px !important; }
.profile-avatar { background: rgba(0,0,0,.25) !important; color: #fff !important; box-shadow: var(--nav-glass-shadow); }
.profile-avatar-ring { border-color: rgba(255,255,255,.5) !important; }
.profile-username, .profile-id { color: rgba(255,255,255,.72) !important; }
.lang-btn { background: var(--surface-2) !important; border: 1px solid var(--line) !important; color: var(--text-2) !important; }
.lang-btn.active { background: var(--accent) !important; color: #fff !important; border-color: transparent !important; }
.profile-action { background: rgba(255,255,255,.03) !important; border: 1px solid var(--line) !important; }
.profile-action > i:first-child { color: var(--accent-2) !important; }
.profile-footer { color: var(--text-3) !important; }

/* ── Шторка действий ──────────────────────────────────────────────── */
.cw-modal-overlay { background: rgba(0,0,0,.55) !important; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.cw-modal-sheet {
  background: #1c1c1c !important;
  border: none !important;
  border-radius: 28px 28px 0 0 !important;
  box-shadow: var(--glass-shadow), 0 -20px 50px rgba(0,0,0,.5) !important;
  transition: transform .42s var(--ease-drawer) !important;
}
.cw-modal-handle { background: rgba(255,255,255,.18) !important; }
.cw-modal-close { background: var(--surface-2) !important; border: none !important; color: #fff !important; }
.qa-action { border-radius: 16px !important; color: #fff !important; }
.qa-action i { color: var(--accent-2) !important; }
.qa-action.success i { color: var(--success) !important; }
.qa-action.amber i { color: var(--warn) !important; }
.qa-action.danger, .qa-action.danger i { color: var(--danger) !important; }

/* ── Тост ─────────────────────────────────────────────────────────── */
#cw-toast {
  background: rgba(36,36,38,.92) !important;
  backdrop-filter: blur(16px) saturate(1.4);
  -webkit-backdrop-filter: blur(16px) saturate(1.4);
  border: none !important;
  box-shadow: var(--nav-glass-shadow), 0 12px 30px rgba(0,0,0,.45) !important;
  border-radius: 18px !important;
}

/* ── Управление розыгрышем ────────────────────────────────────────── */
.manage-topbar {
  background: rgba(20,20,20,.82) !important;
  backdrop-filter: blur(18px) saturate(1.4) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4) !important;
  border-bottom: 1px solid var(--line) !important;
}
.manage-back { background: var(--surface) !important; border: none !important; box-shadow: var(--glass-shadow) !important; color: #fff !important; }
.manage-stat { border-radius: 20px !important; }
.manage-stat strong { font-family: var(--font-heading); }
.manage-stat span { color: var(--text-3) !important; }
.manage-tabs { background: var(--surface) !important; box-shadow: var(--nav-glass-shadow) !important; border: none !important; border-radius: 999px !important; padding: 4px !important; }
.manage-tab { border-radius: 999px !important; color: var(--text-2) !important; background: transparent !important; border: none !important; }
.manage-tab.active { background: var(--accent) !important; color: #fff !important; }
.user-row { border-radius: 16px !important; }
.user-avatar { background: var(--surface-3) !important; color: #fff !important; }
.user-avatar.winner { background: var(--warn-soft) !important; }
.user-meta { color: var(--text-3) !important; }
.badge-boost { background: rgba(184,69,224,.18) !important; color: #e3a4ff !important; }
.badge-winner { background: var(--warn-soft) !important; color: var(--warn) !important; }
.manage-actions .btn {
  background: var(--surface) !important;
  border: 1px solid var(--line) !important;
  box-shadow: var(--glass-shadow) !important;
  border-radius: 999px !important;
  color: #fff !important;
}
.manage-actions .btn.btn-primary { background: var(--accent) !important; border-color: transparent !important; box-shadow: 0 8px 20px rgba(22,137,255,.35) !important; }
.manage-actions .btn.btn-danger { color: var(--danger) !important; }
.manage-search {
  width: 100%; margin: 0 0 10px; padding: 12px 14px 12px 40px;
  background: rgba(255,255,255,.04) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center;
  border: 1px solid rgba(255,255,255,.08); border-radius: 14px;
  color: #fff; font: 500 14px var(--font-main);
}
.manage-search:focus { outline: none; border-color: rgba(22,137,255,.5); box-shadow: 0 0 0 3px rgba(22,137,255,.12); }
.status-badge.status-active { background: var(--success-soft) !important; color: var(--success) !important; }
.status-badge.status-completed { background: var(--accent-soft) !important; color: var(--accent-2) !important; }
.status-badge.status-scheduled { background: var(--warn-soft) !important; color: var(--warn) !important; }
.cw-spinner { background: conic-gradient(from 0deg, transparent, var(--accent), #b845e0, transparent) !important; }
.cw-spinner::before { background: var(--bg) !important; }

/* ── Текст поста (Telegram-HTML) ──────────────────────────────────── */
.tg-html { white-space: normal; word-wrap: break-word; line-height: 1.5; color: rgba(255,255,255,.88); }
.tg-html a { color: var(--accent-2); text-decoration: none; }
.tg-html code, .tg-html pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .92em;
  background: rgba(255,255,255,.07); border-radius: 6px; padding: 1px 5px;
}
.tg-html pre { display: block; padding: 10px 12px; overflow-x: auto; margin: 6px 0; }
.tg-html blockquote {
  margin: 6px 0; padding: 6px 10px 6px 12px;
  border-left: 3px solid var(--accent); border-radius: 4px 10px 10px 4px;
  background: rgba(22,137,255,.08);
}
.tg-html .tg-spoiler {
  background: rgba(255,255,255,.22); color: transparent; border-radius: 4px; cursor: pointer;
  transition: color .2s, background .2s;
}
.tg-html .tg-spoiler.is-open { background: rgba(255,255,255,.06); color: inherit; }

/* заголовки экранов — белые, без старого градиента */
.list-header h1, .wizard-title, .manage-topbar-text h1 {
  background: none !important; -webkit-text-fill-color: #fff !important; color: #fff !important;
}

/* шторка поверх дока навигации (раньше нижние пункты прятались под ним) */
.cw-modal-overlay { z-index: 1200 !important; }
.cw-modal-sheet {
  max-height: 86vh; overflow-y: auto; overscroll-behavior: contain;
  padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important;
}

/* док мастера: на всю ширину (во flex-родителе он сжимался до кнопки) */
.wizard-dock-shell { flex: 1; width: 100%; padding: 6px !important; gap: 6px !important; }
.wizard-btn { min-height: 50px; justify-content: center; align-items: center; gap: 8px; font-weight: 700; }
.wizard-btn--next { flex: 1 1 auto !important; }
.wizard-btn--back { flex: 0 0 auto !important; padding: 0 18px !important; }
.wizard-btn--next:disabled { opacity: 1 !important; }

.section-header-sub { text-transform: none !important; letter-spacing: 0 !important; font-size: 13px !important; color: var(--text-3) !important; }
.wizard-dot { background: rgba(255,255,255,.1) !important; }
.wizard-dot.done, .wizard-dot.active { background: var(--accent) !important; box-shadow: none !important; }

/* ── Шаги «Канал» и «Условия»: дизайн-правки ─────────────────────── */
.channel-add-box { display: none !important; }          /* дублировала поле ввода */
.wizard-progress-track { display: none !important; }    /* два индикатора прогресса подряд */
.channel-chips, .recent-channels .channel-chips { display: flex !important; flex-wrap: wrap; gap: 6px; }
.channel-chip, .recent-chip {
  display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; margin: 0 !important;
  padding: 8px 12px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 600;
}
.recent-chip { background: var(--surface-2) !important; border: 1px solid var(--line) !important; color: #fff !important; }
.recent-chip i { color: #229ed9; }
.recent-channels__label { color: var(--text-3) !important; font-size: 11px !important; letter-spacing: .05em; }
.wiz-field-header > div { display: flex; flex-direction: column; gap: 2px; }
.wiz-field-label__hint { margin: 0 !important; padding: 0 !important; font-size: 12px !important; }
.wiz-btn-add--amber { background: var(--accent) !important; color: #fff !important; }
.wiz-info-banner { font-size: 12.5px !important; line-height: 1.45; }

/* Управление: действия сверху — главное на всю ширину, остальное компактной сеткой */
.manage-actions { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px !important; margin: 0 0 16px !important; }
.manage-actions:empty { display: none !important; }
.manage-actions .btn { min-height: 44px !important; padding: 10px 12px !important; font-size: 13.5px !important; gap: 7px !important; line-height: 1.2; text-align: center; }
.manage-actions .btn.btn-primary { grid-column: 1 / -1; min-height: 52px !important; font-size: 16px !important; }
.manage-actions .btn:last-child:nth-child(even):not(.btn-primary) { grid-column: 1 / -1; }
.manage-ends { margin: -4px 0 14px; padding: 12px 14px; border-radius: 16px; display: flex; align-items: center; gap: 10px;
  background: linear-gradient(120deg, rgba(184,69,224,.14), rgba(22,137,255,.08)); border: 1px solid rgba(184,69,224,.2);
  font-size: 14px; color: var(--text-2); }
.manage-ends i { color: #e3a4ff; }
.manage-ends b { color: #fff; font-weight: 700; }
.manage-ends .manage-ends__rel { margin-left: auto; font-size: 12.5px; color: var(--text-3); white-space: nowrap; }