/* Баннеры акции (26.09, «Дизайн», T-01). Используют токены luxe, если есть. */
.vcp{--pa:#FF7A1A;--pb:#8B5CFF;position:relative;display:flex;align-items:center;gap:14px;padding:12px 44px 12px 12px;border-radius:16px;overflow:hidden;
  border:1px solid color-mix(in srgb,var(--pa) 38%,transparent);
  background:linear-gradient(110deg,color-mix(in srgb,var(--pa) 16%,var(--surface,#12141a)) 0,var(--surface,#12141a) 55%,color-mix(in srgb,var(--pb) 14%,var(--surface,#12141a)) 100%);
  box-shadow:0 18px 40px -26px var(--pa);color:var(--ink,#EDEFF5);text-align:left;animation:vcpIn .5s cubic-bezier(.3,.7,.2,1) both}
.vcp[hidden]{display:none!important}
.vcp::after{content:"";position:absolute;top:-60%;left:-30%;width:40%;height:220%;transform:rotate(18deg);pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:vcpShine 5.5s ease-in-out 1.2s infinite}
.vcp-tg{--pa:#2AABEE;--pb:#2FD39B}
.vcp-ic{flex:none;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--pa),var(--pb));box-shadow:0 10px 22px -10px var(--pa)}
.vcp-ic svg{width:22px;height:22px}
.vcp-reg .vcp-ic svg{animation:vcpSpin 9s linear infinite}
.vcp-tx{display:grid;gap:2px;min-width:0;flex:1}
.vcp-tx b{font:800 14.5px/1.3 var(--f-dsp,inherit);letter-spacing:-.005em}
.vcp-tx b i{font-style:normal}.vcp-tx b .vcp-s{display:none}
.vcp-tx span{font-size:12.5px;line-height:1.4;color:var(--muted,#9aa0b4)}
.vcp-cta{flex:none;display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:11px;border:0;cursor:pointer;
  font:800 13px var(--f-ui,inherit);color:#fff!important;text-decoration:none!important;background:linear-gradient(135deg,var(--pa),color-mix(in srgb,var(--pa) 60%,var(--pb)));
  box-shadow:0 10px 22px -12px var(--pa);transition:filter .2s,transform .2s}
.vcp-cta:hover{filter:brightness(1.08);transform:translateY(-1px)}
.vcp-x{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:8px;border:0;background:none;color:var(--faint,#6b6f80);font-size:18px;line-height:1;cursor:pointer}
.vcp-x:hover{color:var(--ink,#fff);background:rgba(255,255,255,.06)}
/* пункт меню профиля */
.vcp-menu{display:flex!important;align-items:center;gap:10px;margin:4px 6px;padding:8px 10px!important;border-radius:11px;text-decoration:none!important;
  background:linear-gradient(110deg,rgba(42,171,238,.14),rgba(47,211,155,.08));border:1px solid rgba(42,171,238,.3)}
.vcp-menu[hidden]{display:none!important}
.vcp-menu:hover{border-color:rgba(42,171,238,.6)}
.vcp-mi{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#2AABEE,#2FD39B)}
.vcp-mi svg{width:14px;height:14px}
.vcp-mt{display:grid;line-height:1.2;min-width:0}.vcp-mt b{font-size:12.5px;color:var(--ink,#fff)}.vcp-mt small{font-size:11px;color:var(--muted,#9aa0b4)}
.vcp-mg{margin-left:auto;font:700 9.5px var(--f-mono,monospace);letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:99px;color:#06301f;background:#2FD39B}
/* чип у кнопки «Привязать» */
.vcp-chip{display:inline-flex;align-items:center;margin-right:8px;padding:3px 9px;border-radius:99px;font:700 11px var(--f-mono,monospace);color:#2FD39B;
  background:rgba(47,211,155,.1);border:1px solid rgba(47,211,155,.3)}
.vcp-chip[hidden]{display:none!important}
.vcp-hl{animation:vcpHl 2.2s ease-out 1}
@keyframes vcpHl{0%{box-shadow:0 0 0 0 rgba(42,171,238,.0)}20%{box-shadow:0 0 0 3px rgba(42,171,238,.55)}100%{box-shadow:0 0 0 0 rgba(42,171,238,0)}}
@keyframes vcpIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes vcpShine{0%,70%{left:-40%}100%{left:130%}}
@keyframes vcpSpin{to{transform:rotate(360deg)}}
body.light .vcp{background:linear-gradient(110deg,color-mix(in srgb,var(--pa) 12%,#fff) 0,#fff 55%,color-mix(in srgb,var(--pb) 10%,#fff) 100%);box-shadow:0 14px 30px -24px var(--pa)}
body.light .vcp::after{display:none}
/* 26.09: в приложении слева закреплена кнопка боковой панели (#sidebarExpandBtn) — не перекрываем её */
@media(max-width:900px){.vcp-app-slot{margin-left:40px!important}}
/* телефон: компактная строка — иконка · заголовок · кнопка (подзаголовок прячем) */
@media(max-width:620px){
  .vcp{flex-wrap:nowrap;gap:10px;padding:10px 34px 10px 10px;border-radius:14px}
  .vcp-ic{width:34px;height:34px;border-radius:10px}.vcp-ic svg{width:18px;height:18px}
  .vcp-tx>span{display:none}
  .vcp-tx b .vcp-l{display:none}.vcp-tx b .vcp-s{display:inline}
  .vcp-tx b{font-size:13px;line-height:1.3}
  .vcp-cta{flex:none;height:34px;padding:0 12px;font-size:12.5px;border-radius:10px}
  .vcp-x{top:50%;transform:translateY(-50%);right:4px}
}
}
@media (prefers-reduced-motion:reduce){.vcp,.vcp::after,.vcp-reg .vcp-ic svg{animation:none!important}}