/* ===================================================================
   ADONIS — премиум дизайн-система «ATELIER» (adonis-skin.css)
   Светлый редакционный merch-стиль: костяной холст, чёрная широкая
   типографика Druk, красный #E4002B точечным акцентом. Полностью
   перекрывает тёмный слой ядра — своя визуальная подача, не bigwash.
   Подключается ПОСЛЕ bw-ui.css; все правила под .adonis-skin.
   =================================================================== */

/* ───────── Фирменный шрифт Adonis ───────── */
@font-face{font-family:'Druk';src:url('/fonts/druk-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Druk';src:url('/fonts/druk-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

/* ───────── Палитра ───────── */
.adonis-skin{
  --bone:#F4F1EC;          /* холст */
  --bone2:#ECE8E1;         /* секции/полосы */
  --surface:#FFFFFF;       /* карточки */
  --ink:#0E0E0C;           /* основной текст */
  --ink2:#6E6A62;          /* приглушённый */
  --ink3:#A8A39A;          /* микро-лейблы */
  --line:rgba(14,14,12,.12);
  --line2:rgba(14,14,12,.07);
  --red:#E4002B;           /* акцент Adonis */
  --red-ink:#C40026;
  --display:'Druk','Druk Text Wide',Arial Black,sans-serif;
  --sf:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}
/* перекрываем токены ядра, чтобы наследники тоже посветлели */
.adonis-skin{
  --text:var(--ink); --text2:var(--ink2); --muted:var(--ink3);
  --gold:var(--red); --gold2:var(--red); --amber:var(--red-ink);
  --glass:var(--surface); --bd:var(--line);
  --radius:18px; --radius-sm:12px;
  --sb-col1:var(--red); --sb-col2:var(--red-ink);
  background:var(--bone);
}
.adonis-skin body{background:var(--bone);color:var(--ink);font-family:var(--sf);letter-spacing:-.011em}

/* ───────── Убиваем тёмные FX ядра (это и был «bigwash») ───────── */
.adonis-skin .scene,.adonis-skin .blob,.adonis-skin #matrix,.adonis-skin #parts,
.adonis-skin .grainlayer,.adonis-skin .scanlayer,.adonis-skin .vignette,.adonis-skin .spot,
.adonis-skin .snowlayer,.adonis-skin .starlayer,.adonis-skin .goldlayer,.adonis-skin .cring{
  display:none!important;
}
.adonis-skin .scene{display:block!important;background:
  radial-gradient(60% 50% at 78% 8%,rgba(228,0,43,.05),transparent 60%),
  var(--bone)!important;opacity:1}
/* тонкая «печатная» зернистость для дорогого ощущения бумаги */
.adonis-skin body::after{content:'';position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ───────── Каркас ───────── */
.adonis-skin .app{position:relative;z-index:2}
.adonis-skin .side{
  background:var(--surface)!important;border-right:1px solid var(--line)!important;
  box-shadow:none!important;backdrop-filter:none!important
}
.adonis-skin .main{background:transparent}
.adonis-skin .top,.adonis-skin .top.vp{
  background:rgba(244,241,236,.82)!important;backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid var(--line)!important;box-shadow:none!important
}

/* ───────── Бренд ───────── */
.adonis-skin .brand .t{font-family:var(--display);font-weight:700;text-transform:uppercase;
  letter-spacing:.06em;color:var(--ink);font-size:19px;line-height:1}
.adonis-skin .brand .t span{color:var(--red)}
.adonis-skin .brand .s{color:var(--ink3);text-transform:uppercase;letter-spacing:.18em;font-size:9px}
.adonis-skin .brand .mk{
  background:var(--ink)!important;border-radius:50%!important;box-shadow:none!important;
  position:relative;overflow:hidden
}
.adonis-skin .brand .mk::after{content:'';position:absolute;inset:0;margin:auto;width:13px;height:13px;
  border-radius:50%;background:radial-gradient(circle,var(--red) 0 38%,#fff 38% 60%,var(--red) 60% 100%)}
.adonis-skin .brand .mk svg{display:none}

/* ───────── Навигация: редакционные капс-лейблы ───────── */
.adonis-skin .nav a{
  color:var(--ink2);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.07em;
  border-radius:10px;padding:10px 12px
}
.adonis-skin .nav a:hover{background:var(--bone2);color:var(--ink)}
.adonis-skin .nav a.on{
  background:transparent;color:var(--ink);position:relative
}
.adonis-skin .nav a.on::before{content:'';position:absolute;left:-2px;top:50%;transform:translateY(-50%);
  width:4px;height:18px;border-radius:4px;background:var(--red)}
.adonis-skin .nav a.on svg,.adonis-skin .nav a:hover svg{stroke:var(--red)}

/* ───────── Карточки ───────── */
.adonis-skin .bb,.adonis-skin .kpi,.adonis-skin .card,.adonis-skin .panel{
  background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;
  box-shadow:0 1px 2px rgba(14,14,12,.04),0 8px 24px -16px rgba(14,14,12,.18)!important;
  backdrop-filter:none!important
}
.adonis-skin .kpi{padding:18px 18px 16px}
/* микро-лейбл KPI */
.adonis-skin .kpi .lab,.adonis-skin .kpi .k,.adonis-skin .ph .s,.adonis-skin .muted,.adonis-skin .kv{
  text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--ink3);font-weight:700}
/* крупные числа — Druk */
.adonis-skin .big,.adonis-skin .kpi .val,.adonis-skin .kpi .v,.adonis-skin .num{
  font-family:var(--display)!important;font-weight:700;color:var(--ink);letter-spacing:.005em;
  -webkit-text-fill-color:var(--ink)!important;background:none!important}
.adonis-skin .big{font-size:clamp(34px,4vw,52px);line-height:.96}

/* ───────── Заголовки секций ───────── */
.adonis-skin .ph .h,.adonis-skin h1,.adonis-skin h2,.adonis-skin .sec-title,.adonis-skin .top .h{
  font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--ink);
  -webkit-text-fill-color:var(--ink)!important;background:none!important}
.adonis-skin .ph .h{font-size:18px}

/* ───────── Кнопки ───────── */
.adonis-skin .btn-g{
  background:var(--red)!important;color:#fff!important;border:none!important;border-radius:12px!important;
  text-transform:uppercase;letter-spacing:.06em;font-weight:700;font-size:12.5px;box-shadow:none!important}
.adonis-skin .btn-g:hover{background:var(--red-ink)!important;transform:translateY(-1px)}
.adonis-skin .btn,.adonis-skin .btn-ghost,.adonis-skin button.sec{
  background:var(--surface);color:var(--ink);border:1px solid var(--ink)!important;border-radius:12px;
  text-transform:uppercase;letter-spacing:.05em;font-weight:700;font-size:12.5px}
.adonis-skin .btn:hover{background:var(--ink);color:#fff}

/* ───────── Чипы / сегменты / таблицы ───────── */
.adonis-skin .chip{
  background:var(--bone2)!important;border:1px solid var(--line)!important;color:var(--ink2)!important;
  border-radius:999px;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}
.adonis-skin .chip.on{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}
.adonis-skin .seg{background:var(--bone2);border:1px solid var(--line);border-radius:12px}
.adonis-skin .seg button.on{background:var(--red);color:#fff}
.adonis-skin table th{text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:var(--ink3)}
.adonis-skin tr,.adonis-skin td{border-color:var(--line2)!important}

/* ───────── Прочее ───────── */
.adonis-skin a{color:var(--ink)}
.adonis-skin .hot,.adonis-skin .badge-hot,.adonis-skin .delta.up{color:var(--red)!important}
.adonis-skin ::selection{background:var(--red);color:#fff}
.adonis-skin .scrollbar,.adonis-skin *::-webkit-scrollbar-thumb{background:var(--line)}

/* ───────── Вход (login.html) — премиум витрина ───────── */
.adonis-skin.login,.adonis-skin .login-wrap{background:var(--bone)}
.adonis-skin .card{background:var(--surface)!important;border:1px solid var(--line)!important;
  border-radius:20px!important;box-shadow:0 30px 80px -40px rgba(14,14,12,.4)!important}
.adonis-skin .field input,.adonis-skin input[type=text],.adonis-skin input[type=password],.adonis-skin input[type=email]{
  background:var(--bone)!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:12px}
.adonis-skin .field input:focus{border-color:var(--ink)!important;outline:none}
.adonis-skin .field label{text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:var(--ink3);font-weight:700}

/* ───────── Добивка остаточных FX ядра ───────── */
/* орб куратора → фирменный красный, не синий */
.adonis-skin .acad-orb,.adonis-skin .jv-orb,.adonis-skin .orb{
  background:radial-gradient(circle at 34% 28%,#ff6076,var(--red) 52%,#7a0016 100%)!important;
  box-shadow:0 14px 40px -10px rgba(228,0,43,.55)!important;filter:none!important}
/* поп-ап тура → светлый премиум */
.adonis-skin #tourCard,.adonis-skin .tour-card{
  background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;
  box-shadow:0 40px 100px -50px rgba(14,14,12,.55)!important;backdrop-filter:none!important}
.adonis-skin #tourCard *{color:var(--ink)}
.adonis-skin #tourCard .s,.adonis-skin #tourStepN{color:var(--ink3)!important}
.adonis-skin #tourCard button,.adonis-skin #tourNext,.adonis-skin .tour-next{
  background:var(--red)!important;color:#fff!important;border:none!important;text-transform:uppercase;
  letter-spacing:.05em;font-weight:700;border-radius:10px}
.adonis-skin #tourSkip,.adonis-skin #tourClose{background:transparent!important;color:var(--ink3)!important;border:none!important}
.adonis-skin #tourSpot{outline-color:var(--red)!important;box-shadow:0 0 0 3px rgba(228,0,43,.4)!important}
/* бренд: чёрное слово, красный хвост — «дорого» */
.adonis-skin .brand .t{color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
.adonis-skin .brand .t span{color:var(--red)!important;-webkit-text-fill-color:var(--red)!important}
/* мелкие иконки KPI — приглушаем пестроту в ink */
.adonis-skin .kpi .ic svg,.adonis-skin .kpi .i svg{stroke:var(--ink2)!important}
/* орб куратора может рисоваться canvas'ом — прячем холст, оставляем красный фон */
.adonis-skin .acad-orb canvas,.adonis-skin .acad-orb img,.adonis-skin .jv-orb canvas{opacity:0!important}
.adonis-skin .acad-orb::before{content:'';position:absolute;inset:18%;border-radius:50%;
  background:radial-gradient(circle,#fff 0 30%,var(--red) 30% 55%,#7a0016 55% 100%)}

/* ───────── Ассистент-куратор (jarvis) + орбы → фирменный красный ───────── */
.adonis-skin #jv-mic,.adonis-skin .jv-orb,.adonis-skin .jv-fab,.adonis-skin .acad-ic,
.adonis-skin .jv-av,.adonis-skin .jv-ring{
  background:radial-gradient(circle at 34% 28%,#ff6076,var(--red) 55%,#7a0016 100%)!important;
  color:#fff!important;box-shadow:0 10px 30px -8px rgba(228,0,43,.5)!important;border-color:var(--red)!important}
.adonis-skin #jv-mic svg,.adonis-skin .acad-ic svg{stroke:#fff!important;color:#fff!important}
/* пёстрые пилюли ассистента → нейтральные */
.adonis-skin .jv-pill{background:var(--bone2)!important;color:var(--ink2)!important;border:1px solid var(--line)!important}
.adonis-skin .jv-pill.on,.adonis-skin .jv-pill:hover{background:var(--ink)!important;color:#fff!important}
/* любые сине-бирюзовые свечения ассистента/праздника глушим в красный */
.adonis-skin .jv-glow,.adonis-skin .jv-wave,.adonis-skin .acad-orb{
  background:radial-gradient(circle,rgba(228,0,43,.18),transparent 70%)!important;filter:none!important}
.adonis-skin .jv-panel,.adonis-skin .jv-card{background:var(--surface)!important;border:1px solid var(--line)!important;color:var(--ink)!important}

/* ───────── Тур по платформе → светлый Adonis ───────── */
.adonis-skin #tourCard,.adonis-skin .tourCard,.adonis-skin #tourOv .card{
  background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important;
  backdrop-filter:none!important;box-shadow:0 40px 100px -50px rgba(14,14,12,.5)!important}
.adonis-skin #tourCard *{color:var(--ink)}
.adonis-skin #tourNext,.adonis-skin .tourTry{background:var(--red)!important;background-image:none!important;color:#fff!important;border:none!important}
.adonis-skin #tourPrev,.adonis-skin #tourClose,.adonis-skin #tourAuto{color:var(--ink2)!important;background:var(--bone2)!important}
.adonis-skin #tourDots i{background:var(--line)!important}
.adonis-skin #tourDots i.on{background:var(--red)!important}
.adonis-skin .tourTry{background:rgba(228,0,43,.1)!important;color:var(--red)!important}
.adonis-skin #tourSpot{outline:2px solid var(--red)!important;box-shadow:0 0 0 4px rgba(228,0,43,.25),0 0 40px rgba(228,0,43,.3)!important;background:transparent!important}
/* шальные fixed-canvas свечения (celebrate/money/viz) — не показываем поверх светлого */
.adonis-skin>body>canvas#parts,.adonis-skin>body>canvas#matrix{display:none!important}

/* ───────── Декоративные цвета ядра → монохром + красный (убираем синий/фиолет) ───────── */
.adonis-skin{
  --blue:#6E6A62;      /* был голубой → серый ink2 */
  --violet:#A23A4B;    /* был фиолет → приглушённый бордо */
  --plat:#8A867E;      /* платина → тёплый серый */
  --amber:var(--red);
  --gold:var(--red); --gold2:var(--red);
  --green:#1F9D55; --money:#1F9D55;   /* деньги остаются зелёными — это полезный сигнал */
  --red:#E4002B;
  --sb-col1:var(--red); --sb-col2:var(--red-ink);
}
.adonis-skin[data-theme="noir"],.adonis-skin[data-theme="carbon"]{--blue:#9A958C;--violet:#FF6B82;--plat:#B8B3AA;--green:#36D17F;--money:#36D17F}
/* любые остаточные бирюзовые/синие свечения и заливки → красный/нейтраль */
.adonis-skin [style*="rgba(228,0,43"],.adonis-skin [style*="rgba(228,0,43"]{filter:none}
.adonis-skin .kpi .ic{background:var(--bone2)!important}
.adonis-skin .kpi .ic svg{stroke:var(--ink)!important}

/* ───────── Логин: бренд .logo как .brand (без белого перелива) ───────── */
.adonis-skin .logo .t{font-family:var(--display)!important;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;background:none!important;animation:none!important}
.adonis-skin .logo .t span{color:var(--red)!important;-webkit-text-fill-color:var(--red)!important}
.adonis-skin .logo .s{color:var(--ink3)!important;text-transform:uppercase;letter-spacing:.16em}
.adonis-skin .logo .mk{background:var(--ink)!important;border-radius:50%!important;position:relative;overflow:hidden;box-shadow:none!important}
.adonis-skin .logo .mk::after{content:'';position:absolute;inset:0;margin:auto;width:13px;height:13px;border-radius:50%;
  background:radial-gradient(circle,var(--red) 0 38%,#fff 38% 60%,var(--red) 60% 100%)}
.adonis-skin .logo .mk svg{display:none}
/* fx-shimmer на светлой теме → красный перелив (а не белый), на тёмной — светлый */
.adonis-skin.fx-shimmer .logo .t,.adonis-skin.fx-shimmer .brand .t{
  background:linear-gradient(120deg,var(--ink) 30%,var(--red) 50%,var(--ink) 70%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;
  background-size:220% 100%!important;animation:shim 3s linear infinite!important}
.adonis-skin[data-theme="noir"].fx-shimmer .logo .t,.adonis-skin[data-theme="carbon"].fx-shimmer .logo .t,
.adonis-skin[data-theme="noir"].fx-shimmer .brand .t,.adonis-skin[data-theme="carbon"].fx-shimmer .brand .t{
  background:linear-gradient(120deg,#fff 30%,var(--red) 50%,#fff 70%)!important}

/* ───────── ЛОГОТИП: оригинальный (загруженный владельцем) ───────── */
.adonis-skin[data-logo="original"] .brand .mk,.adonis-skin[data-logo="original"] .logo .mk{display:none!important}
.adonis-skin[data-logo="original"] .brand .t,.adonis-skin[data-logo="original"] .brand .s,
.adonis-skin[data-logo="original"] .logo .t,.adonis-skin[data-logo="original"] .logo .s,
.adonis-skin[data-logo="original"] .lbrand b,.adonis-skin[data-logo="original"] .lbrand i,
.adonis-skin[data-logo="original"] .lbrand .o{display:none!important}
.adonis-skin[data-logo="original"] .brand,.adonis-skin[data-logo="original"] .logo,.adonis-skin[data-logo="original"] .lbrand{position:relative}
.adonis-skin[data-logo="original"] .brand::after,.adonis-skin[data-logo="original"] .logo::after,.adonis-skin[data-logo="original"] .lbrand::after{
  content:'';display:inline-block;width:124px;height:25px;
  background:url(/brand/adonis-logo-black.svg) left center/contain no-repeat}
.adonis-skin[data-theme="noir"][data-logo="original"] .brand::after,.adonis-skin[data-theme="carbon"][data-logo="original"] .brand::after,
.adonis-skin[data-theme="noir"][data-logo="original"] .logo::after,.adonis-skin[data-theme="carbon"][data-logo="original"] .logo::after,
.adonis-skin[data-theme="noir"][data-logo="original"] .lbrand::after,.adonis-skin[data-theme="carbon"][data-logo="original"] .lbrand::after{
  background-image:url(/brand/adonis-logo-white.svg)}

/* ───────── Плавающий ассистент #jv-orb ─────────
   Стили орба (solid/glass/neon/ghost/pearl/dark) задаются в bw-jarvis.js.
   НЕ навязываем фон через !important — иначе выбор стиля в профиле не работает. */
.adonis-skin #jv-chat-btn,.adonis-skin #jv-mic{color:#fff}

/* ───────── Theme-aware мягкая заливка (была белая-альфа bigwash, невидимая на светлом) ───────── */
.adonis-skin{--soft:rgba(14,14,12,.05);--soft2:rgba(14,14,12,.09)}
.adonis-skin[data-theme="noir"],.adonis-skin[data-theme="carbon"]{--soft:rgba(255,255,255,.05);--soft2:rgba(255,255,255,.1)}
/* range-слайдеры везде видимы */
.adonis-skin input[type="range"]{accent-color:var(--red)}

/* ───────── Иконки-кнопки топбара (были невидимы на светлом) ───────── */
.adonis-skin .iconbtn{background:var(--bone2)!important;border:1px solid var(--line)!important;color:var(--ink)!important}
.adonis-skin .iconbtn svg{stroke:var(--ink)!important;color:var(--ink)!important}
.adonis-skin .iconbtn:hover{background:var(--ink)!important;color:#fff!important}
.adonis-skin .iconbtn:hover svg{stroke:#fff!important}
/* активная (горит красным) */
.adonis-skin .iconbtn.on,.adonis-skin .iconbtn.active{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important}
.adonis-skin .iconbtn.on svg{stroke:#fff!important}

/* ───────── Тур: гарантированная видимость карточки и подсветки (фикс «пропадает на 2-м шаге») ───────── */
.adonis-skin #tourOv.on{display:block!important}
.adonis-skin #tourCard{opacity:1!important;animation:none!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line)!important}
.adonis-skin #tourCard *{color:var(--ink)!important}
.adonis-skin #tourStepN{color:var(--red)!important}
.adonis-skin #tourOv.spot #tourSpot{display:block!important}

/* ───────── Мобильный overflow-guard (чтобы не «плыло») ───────── */
@media(max-width:560px){
  .adonis-skin,.adonis-skin body,.adonis-skin .main,.adonis-skin .section{overflow-x:hidden;max-width:100vw}
  .adonis-skin .ad-marquee{max-width:100%}
  .adonis-skin .grid,.adonis-skin .chips{max-width:100%}
}