/* ===== VTunnele — кастомная тема поверх prebuilt bedolaga-cabinet (v2) ===== Меняется без пересборки: файл лежит на хосте, отдаётся nginx'ом. Базовые цвета (accent/фоны/нейтралы) сюда НЕ писать — их ставит branding API inline-стилем на ; здесь только форма, компоненты и наши вставки. */ /* -- Акцентная строка «Подключить устройство» на дашборде -- */ [data-onboarding="connect-devices"]{background:rgb(var(--color-accent-500)) !important;box-shadow:0 6px 20px rgba(var(--color-accent-500),0.35);} [data-onboarding="connect-devices"]:hover{filter:brightness(1.08);} [data-onboarding="connect-devices"] [class*="text-dark-50"]{color:#FFFFFF !important;} [data-onboarding="connect-devices"] [class*="text-dark-50/30"]{color:rgba(255,255,255,0.8) !important;} [data-onboarding="connect-devices"] svg{stroke:#FFFFFF !important;} [data-onboarding="connect-devices"] > div:first-child{background:rgba(255,255,255,0.16) !important;} /* -- Акцентные CTA: классы вешает vt-custom.js по подписи кнопки -- */ .vt-cta{background:rgb(var(--color-accent-500)) !important;color:#FFFFFF !important;border-color:transparent !important;box-shadow:0 6px 18px rgba(var(--color-accent-500),0.30) !important;} .vt-cta *{color:#FFFFFF !important;} .vt-cta svg{stroke:#FFFFFF !important;} .vt-cta:hover{filter:brightness(1.08);} /* -- Тонкие обводки крупных карточек (как у референса) -- */ main .rounded-3xl{border:1px solid rgba(255,255,255,0.06);} .light main .rounded-3xl{border:1px solid rgba(16,16,18,0.07);} /* -- Nudge привязки Telegram (разметку вставляет vt-custom.js) -- */ .vt-tg-banner{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:rgba(var(--color-accent-500),0.10);border:1px solid rgba(var(--color-accent-500),0.35);} .vt-tg-banner__icon{flex:0 0 auto;width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--color-accent-500),0.18);} .vt-tg-banner__icon svg{width:18px;height:18px;stroke:rgb(var(--color-accent-400));} .vt-tg-banner__text{flex:1 1 auto;font-size:13px;line-height:1.45;color:rgb(var(--color-dark-50));} .light .vt-tg-banner__text{color:#101012;} .vt-tg-banner__btn{flex:0 0 auto;padding:8px 16px;border-radius:10px;background:rgb(var(--color-accent-500));color:#fff;font-size:13px;font-weight:600;border:none;cursor:pointer;white-space:nowrap;} .vt-tg-banner__btn:hover{filter:brightness(1.08);} .vt-tg-banner__close{flex:0 0 auto;background:none;border:none;cursor:pointer;padding:6px;color:rgb(var(--color-dark-400));font-size:16px;line-height:1;} .vt-tg-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);padding:20px;} .vt-tg-modal{max-width:400px;width:100%;border-radius:20px;padding:28px 24px;background:rgb(var(--color-dark-900));border:1px solid rgba(255,255,255,0.08);text-align:center;box-shadow:0 24px 64px rgba(0,0,0,0.5);} .light .vt-tg-modal{background:#FFFFFF;border-color:rgba(16,16,18,0.08);} .vt-tg-modal__icon{width:56px;height:56px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(var(--color-accent-500),0.14);border:1px solid rgba(var(--color-accent-500),0.4);} .vt-tg-modal__icon svg{width:26px;height:26px;stroke:rgb(var(--color-accent-400));} .vt-tg-modal__title{font-size:18px;font-weight:700;margin:0 0 8px;color:rgb(var(--color-dark-50));} .light .vt-tg-modal__title{color:#101012;} .vt-tg-modal__text{font-size:14px;line-height:1.5;margin:0 0 20px;color:rgb(var(--color-dark-400));} .vt-tg-modal__primary{display:block;width:100%;padding:12px 16px;margin:0 0 10px;border-radius:12px;background:rgb(var(--color-accent-500));color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;} .vt-tg-modal__primary:hover{filter:brightness(1.08);} .vt-tg-modal__secondary{display:block;width:100%;padding:12px 16px;border-radius:12px;background:transparent;color:rgb(var(--color-dark-300));font-size:14px;font-weight:500;border:1px solid rgba(255,255,255,0.12);cursor:pointer;} .light .vt-tg-modal__secondary{color:#57606a;border-color:rgba(16,16,18,0.15);}