/* Сгенерировано scripts/motion_palette.py — не править руками. Бета 1: фиолетовые оттенки старых стилей → палитра шаблона OYMP CRM 2. */
/* app.css */
:root[data-ui="motion"][data-theme="dark"] input, :root[data-ui="motion"][data-theme="dark"] select, :root[data-ui="motion"][data-theme="dark"] textarea, :root[data-ui="motion"][data-theme="dark"] .btn-ghost, :root[data-ui="motion"][data-theme="dark"] .chip, :root[data-ui="motion"][data-theme="dark"] .search, :root[data-ui="motion"][data-theme="dark"] .sq-btn, :root[data-ui="motion"][data-theme="dark"] .card-act, :root[data-ui="motion"][data-theme="dark"] .later-btn { background: #20283a; }
:root[data-ui="motion"][data-theme="dark"] .inbox-chat, :root[data-ui="motion"][data-theme="dark"] .col { background: #151b2a; }
:root[data-ui="motion"] .status-chip i { background: #b5bac6; }
:root[data-ui="motion"] .dlg { border-bottom: 1px solid #f1f2f6; }
:root[data-ui="motion"] .msg { box-shadow: 0 1px 1px rgba(18, 24, 38, .05); }
:root[data-ui="motion"] .transcript { background: rgba(31, 85, 214, .08); }
:root[data-ui="motion"] .star-btn { color: #c5c9d3; }
:root[data-ui="motion"] .msg-quote { background: rgba(31, 85, 214, .08); }
:root[data-ui="motion"] .msg-removed { background: #f1f2f6 !important; }
:root[data-ui="motion"] .msg-text blockquote { background: rgba(31, 85, 214, .08); }
:root[data-ui="motion"] .fmt-spoiler.open { background: rgba(31, 85, 214, .14); }
:root[data-ui="motion"] .col { background: #edeff5; }
:root[data-ui="motion"] .col-empty { border: 1.5px dashed #d4d9e4; }
:root[data-ui="motion"] .connect-soon { background: #fbfcfd; }
:root[data-ui="motion"] .code { background: #121826; color: #e6edff; }
:root[data-ui="motion"] .seg { background: #e7eaf1; }
:root[data-ui="motion"] .seg-btn.on { box-shadow: 0 1px 3px rgba(18, 24, 38, .12); }
:root[data-ui="motion"][data-theme="dark"] .seg { background: #20283a; }
:root[data-ui="motion"] .dot-muted { background: #b5bac6; }
:root[data-ui="motion"] .rc-2, :root[data-ui="motion"] .legend .rc-2 { background: #c6cbd6; }
:root[data-ui="motion"] .switch { background: #d4d8e2; }
:root[data-ui="motion"] .wgp-site { background: repeating-linear-gradient(0deg, #f3f5f9 0 22px, #edf0f6 22px 23px); }
:root[data-ui="motion"] .wgp-window { box-shadow: 0 12px 30px rgba(18, 24, 38, .2); }
:root[data-ui="motion"] .wgp-feed { background: #f5f7fb; }
:root[data-ui="motion"] .wgp-btn { box-shadow: 0 6px 16px rgba(18, 24, 38, .25); }
:root[data-ui="motion"] .modal-back { background: rgba(18, 24, 38, .45); }
:root[data-ui="motion"] .status-chip.accent { border-color: #d1daf0; }
:root[data-ui="motion"] .tabs-top { background: #f3f4f8; }
:root[data-ui="motion"] .tab-top.active { box-shadow: 0 1px 5px #131a2b14; }
:root[data-ui="motion"] .tab-top:hover { background: #e7ebf3; }
:root[data-ui="motion"] .search { background: #f3f5f9; }
:root[data-ui="motion"] .chip.active { border-color: #bccae9; }
:root[data-ui="motion"] .dlg.active { border-color: #c6d2ed; }
:root[data-ui="motion"] .avatar { background: #e7ecf6; color: #52648e; }
:root[data-ui="motion"] .dlg:nth-child(6n+4) .avatar { background: #dee5f5; color: #435888; }
:root[data-ui="motion"] .dlg:nth-child(6n+5) .avatar { background: #e4ebfb; color: #435379; }
:root[data-ui="motion"] .inbox-chat { background-color: #f7f9fc; background-image: radial-gradient(#d9dfed80 .8px, transparent .8px); }
:root[data-ui="motion"] .msg { border: 1px solid #e8ebf2; box-shadow: 0 1px 2px #20263305; }
:root[data-ui="motion"] .msg-out { background: #3667da; border-color: #3667da; }
:root[data-ui="motion"] .tool-ai { border-color: #c2cee9; }
:root[data-ui="motion"] .input-wrap textarea, :root[data-ui="motion"] .composer-row textarea { box-shadow: 0 2px 8px #1c243610; }
:root[data-ui="motion"] .seg { background: #f3f5fa; }
:root[data-ui="motion"] .seg-btn.on { box-shadow: 0 1px 5px #1a223521; }
:root[data-ui="motion"] .quote-card { background: #f7f9fc; }
:root[data-ui="motion"] .an-tree { background: #f7f9fc; }
:root[data-ui="motion"] .col { background: #e6eaf2; }
:root[data-ui="motion"] .connect-soon { background: #f7f9fc; }
:root[data-ui="motion"] .auth { background: radial-gradient(ellipse at 25% 0, #d7e1fa88, transparent 55%), var(--bg); }
:root[data-ui="motion"] .auth-card { box-shadow: 0 18px 70px -38px #1a223566; }
:root[data-ui="motion"][data-theme="dark"] .tabs-top, :root[data-ui="motion"][data-theme="dark"] .search { background: #212633; }
:root[data-ui="motion"][data-theme="dark"] .inbox-chat { background-color: #141823; background-image: radial-gradient(#4c577180 .7px, transparent .7px); }
:root[data-ui="motion"][data-theme="dark"] .msg-out { background: #446fd4; }
:root[data-ui="motion"][data-theme="dark"] .tab-top:hover { background: #29303f; }
@media (max-width: 768px) {
  :root[data-ui="motion"] .tabs-top { box-shadow: 0 8px 28px #222a3e24; }
}
:root[data-ui="motion"] .cm-sidebar { background: #f7f9fc; }
:root[data-ui="motion"] .cm-note { background: #eef1f8; }
:root[data-ui="motion"] .cm-choice { border: 1px solid #d0d7e8; }
:root[data-ui="motion"] .cm-choice.on { border-color: #81a7ff; }
:root[data-ui="motion"] .cm-auth { background: #f8f9fc; }
:root[data-ui="motion"] .cm-qr-icon .ic { color: #abb4c9; }
:root[data-ui="motion"] .kb-profile { box-shadow: 0 2px 3px #21293b06; border-color: #d0d8e9; }
:root[data-ui="motion"] .kb-profile textarea { border: 1px solid #ccd5e9; }
:root[data-ui="motion"] .kb-upload { border: 1px dashed #a9beef; }
:root[data-ui="motion"] .kb-library { border: 1px solid #abc4ff; }
:root[data-ui="motion"] .kb-file { border: 1px solid #b0bddc; }
:root[data-ui="motion"] .we-fields input:not([type=checkbox]):not([type=color]), :root[data-ui="motion"] .we-fields textarea, :root[data-ui="motion"] .we-fields select { border-color: #ccd5e9; }
:root[data-ui="motion"] .we-segment [aria-pressed=true] { background: #1a49bf; }
:root[data-ui="motion"] .we-options button[aria-pressed=true] { background: #1a49bf; }
:root[data-ui="motion"] .mp-premium { background: #e8efff; color: #4c7ff5; }
:root[data-ui="motion"] .side:hover .side-panel, :root[data-ui="motion"] .side:has(:focus-visible) .side-panel { box-shadow: 0 12px 34px #222a3e26; }
:root[data-ui="motion"] .tq-check span { border: 1.6px solid #c5cad4; }
:root[data-ui="motion"] .tq-card { box-shadow: 0 1px 2px rgba(18, 24, 38, .04); }
:root[data-ui="motion"] .te-back { background: rgba(18, 24, 38, .32); }
:root[data-ui="motion"] .te { box-shadow: -20px 0 60px rgba(18, 24, 38, .18); }
:root[data-ui="motion"] .te-title::placeholder { color: #b5bac6; }
:root[data-ui="motion"] .mv { background: #0a0d14; }
:root[data-ui="motion"] .mg-back { background: rgba(18, 24, 38, .32); }
:root[data-ui="motion"] .mg { box-shadow: -20px 0 60px rgba(18, 24, 38, .18); }
@media (max-width: 768px) {
  :root[data-ui="motion"] .tabs-top { box-shadow: 0 10px 34px rgba(34, 42, 62, .18), inset 0 1px 0 rgba(255, 255, 255, .7); }
  :root[data-ui="motion"][data-theme="dark"] .tabs-top { background: rgba(26, 31, 44, .55); }
  :root[data-ui="motion"] .tab-top.active { background: rgba(31, 85, 214, .14); }
}
:root[data-ui="motion"] .ip-wrap { background: rgba(16, 22, 36, .18); }
:root[data-ui="motion"] .ip { box-shadow: 0 24px 70px rgba(34, 42, 62, .28), inset 0 1px 0 rgba(255, 255, 255, .7); }
:root[data-ui="motion"][data-theme="dark"] .ip { background: rgba(27, 33, 48, .62); }
:root[data-ui="motion"] .ip-tag { background: rgba(31, 85, 214, .14); }
:root[data-ui="motion"] .vw-switch { background: #d6dae3; }
:root[data-ui="motion"] .as-say { border: 1px solid rgba(31, 85, 214, .18); box-shadow: 0 12px 34px rgba(34, 42, 62, .16); }
:root[data-ui="motion"][data-theme="dark"] .as-say { background: rgba(27, 33, 48, .92); }
:root[data-ui="motion"] .as-panel { box-shadow: 0 24px 60px rgba(34, 42, 62, .24); }
:root[data-ui="motion"][data-theme="dark"] .as-panel { background: rgba(26, 31, 44, .86); }
:root[data-ui="motion"] .as-chip-ic.tone-violet { background: rgba(31, 85, 214, .12); color: #5581e8; }
:root[data-ui="motion"] .as-chip-ic.tone-indigo { background: rgba(56, 100, 202, .1); color: #3864ca; }
:root[data-ui="motion"] .as-bot { box-shadow: 0 1px 2px rgba(34, 42, 62, .06); }
:root[data-ui="motion"] .pk-msg.out { background: rgba(31, 85, 214, .16); }
:root[data-ui="motion"][data-theme="dark"] .pk-msg.out { background: rgba(31, 85, 214, .28); }
:root[data-ui="motion"] .pk-wrap { background: rgba(16, 22, 36, .42); }
:root[data-ui="motion"][data-theme="dark"] .ip.pk { background: rgba(27, 33, 48, .97); }
:root[data-ui="motion"] .pk-msg { background: #f0f2f6; }
:root[data-ui="motion"] .pwa { background: linear-gradient(150deg, rgba(255, 255, 255, .78), rgba(246, 249, 255, .62)); box-shadow: 0 18px 44px rgba(34, 42, 62, .18), 0 2px 6px rgba(34, 42, 62, .06), inset 0 1px 0 rgba(255, 255, 255, .95), inset 0 0 0 1px rgba(31, 85, 214, .07); }
:root[data-ui="motion"] .pwa::before { background: radial-gradient(120% 90% at 0% 0%, rgba(31, 85, 214, .16), transparent 55%), radial-gradient(90% 80% at 100% 100%, rgba(64, 150, 255, .12), transparent 60%); }
:root[data-ui="motion"] .pwa-icon { box-shadow: 0 6px 14px rgba(22, 42, 90, .25); }
:root[data-ui="motion"] .pwa-bot { filter: drop-shadow(0 3px 5px rgba(20, 50, 120, .3)); }
:root[data-ui="motion"] .pwa-text { color: #626a7e; }
:root[data-ui="motion"] .pwa-chips span { border: 1px solid rgba(31, 85, 214, .14); color: #475168; }
:root[data-ui="motion"] .pwa-chips svg { color: #1f55d6; }
:root[data-ui="motion"] .pwa-go { background: linear-gradient(135deg, #1f55d6, #3f6fe0); box-shadow: 0 8px 18px rgba(63, 111, 224, .32), inset 0 1px 0 rgba(255, 255, 255, .25); }
:root[data-ui="motion"] .pwa-x { color: #a0a7b8; }
:root[data-ui="motion"] .pwa-x:hover { background: rgba(31, 85, 214, .08); }
:root[data-ui="motion"] .pwa-spin { border: 3px solid rgba(31, 85, 214, .15); border-top-color: #1f55d6; }
:root[data-ui="motion"][data-theme="dark"] .pwa { background: linear-gradient(150deg, rgba(36, 45, 66, .82), rgba(25, 32, 48, .72)); }
:root[data-ui="motion"][data-theme="dark"] .pwa-text { color: #a5aec4; }
:root[data-ui="motion"][data-theme="dark"] .pwa-chips span { color: #c5cde0; }
:root[data-ui="motion"] .pwa-guide-head { background: linear-gradient(135deg, rgba(31, 85, 214, .1), rgba(64, 120, 255, .06)); }
:root[data-ui="motion"] .pwa-guide-head img { box-shadow: 0 6px 14px rgba(26, 73, 191, .25); }
:root[data-ui="motion"] .pwa-step-ic { background: #eff4ff; color: #3f6cd6; }
:root[data-ui="motion"][data-theme="dark"] .pwa-step-ic { background: rgba(125, 164, 255, .16); color: #adc6ff; }
:root[data-ui="motion"] .pwa-coach { background: rgba(11, 17, 30, .62); }
:root[data-ui="motion"] .pwa-coach-head img { box-shadow: 0 6px 14px rgba(26, 73, 191, .25); }
:root[data-ui="motion"] .pwa-coach li i { background: linear-gradient(135deg, #1f55d6, #1a49bf); }
:root[data-ui="motion"] .pwa-key { background: #eef3ff; }
:root[data-ui="motion"] .pwa-coach-ok { background: #eff4ff; color: #3f6cd6; }
:root[data-ui="motion"] .pwa-arrow { background: linear-gradient(135deg, #1f55d6, #1a49bf); box-shadow: 0 0 0 8px rgba(31, 85, 214, .25), 0 12px 26px rgba(26, 73, 191, .5); }
:root[data-ui="motion"][data-theme="dark"] .pwa-coach-card { background: #1b2130; }
:root[data-ui="motion"][data-theme="dark"] .pwa-key, :root[data-ui="motion"][data-theme="dark"] .pwa-coach-ok { background: rgba(125, 164, 255, .16); color: #adc6ff; }
:root[data-ui="motion"] .gc-photo img, :root[data-ui="motion"] .gc-photo i { background: linear-gradient(135deg, #6b97ff, #1a49bf); box-shadow: 0 8px 22px rgba(26, 73, 191, .22); }
:root[data-ui="motion"] .gc-member:hover { background: rgba(31, 85, 214, .05); }
:root[data-ui="motion"] .gc-role { background: rgba(31, 85, 214, .1); color: #4b78e0; }
:root[data-ui="motion"] .sp-photo img, :root[data-ui="motion"] .sp-photo i { box-shadow: 0 10px 26px rgba(22, 42, 90, .2); }
:root[data-ui="motion"] .create-btn { box-shadow: 0 6px 16px rgba(31, 85, 214, .28); }
:root[data-ui="motion"] .trial-note { border: 1px solid rgba(31, 85, 214, .22); box-shadow: 0 12px 34px rgba(34, 42, 62, .14), inset 0 1px 0 rgba(255, 255, 255, .7); }
:root[data-ui="motion"] .trial-note button:hover { background: rgba(18, 24, 38, .06); }
:root[data-ui="motion"][data-theme="dark"] .trial-note { background: rgba(26, 31, 44, .72); border-color: rgba(110, 152, 255, .3); }
:root[data-ui="motion"] .top-attention .att.att-i, :root[data-ui="motion"] .top-attention .att.att-i.att-hot, :root[data-ui="motion"] .top-attention .att.att-i.att-warn, :root[data-ui="motion"] .top-attention .att.att-i.att-brand, :root[data-ui="motion"] .top-attention .att.att-i.att-calm, :root[data-ui="motion"] .top-attention .att.att-i.att-ok { box-shadow: 0 1px 2px rgba(18, 24, 38, .06); }
:root[data-ui="motion"] .top-attention .att.att-i:hover { box-shadow: 0 6px 16px rgba(34, 42, 62, .1); }
:root[data-ui="motion"] .top-attention .att.att-i:active { box-shadow: 0 1px 2px rgba(18, 24, 38, .06); }
@media (min-width: 769px) {
  :root[data-ui="motion"] .top-attention:has(.att-txt) { box-shadow: 0 1px 2px rgba(18, 24, 38, .06); }
}
@media (max-width: 768px) {
  :root[data-ui="motion"] .mm-search-row .mm-search { box-shadow: 0 1px 2px rgba(18, 24, 38, .05); }
  :root[data-ui="motion"] .mm-bot { background: linear-gradient(145deg, #eef3ff, #dfe9ff); }
  :root[data-ui="motion"] .mm-voice { box-shadow: 0 6px 16px rgba(31, 85, 214, .3); }
  :root[data-ui="motion"][data-theme="dark"] .mm-bot { background: linear-gradient(145deg, #263350, #1f2940); }
}
:root[data-ui="motion"] .as-rec { background: radial-gradient(circle at 50% 34%, rgba(91, 140, 255, .14), transparent 62%); }
:root[data-ui="motion"] .as-rec-ring { border: 2px solid rgba(91, 140, 255, .5); }
/* broadcast-devices.css */
:root[data-ui="motion"] .bcd-device-icon { box-shadow: 0 3px 8px #171b2305; }
:root[data-ui="motion"] .bcd-export-note { background: var(--soft, #f3f7ff); }
/* broadcasts.css */
:root[data-ui="motion"] .bc-seg-radio:has(input:checked) { box-shadow: 0 1px 3px rgba(18, 24, 38, .12); }
:root[data-ui="motion"] .bc-phone { background: #121826; }
:root[data-ui="motion"] .bc-phone-head { color: #c5cbd8; }
:root[data-ui="motion"] .bc-bubble { color: #121826; }
/* business.css */
:root[data-ui="motion"] .biz-card:hover { box-shadow: 0 6px 24px #1f55d620; }
:root[data-ui="motion"] .biz-page .badge { background: #1f55d61a; color: #1f55d6; }
/* clients.css */
:root[data-ui="motion"] .ct-views button.on { background: var(--brand-50, #1f55d61a); }
:root[data-ui="motion"] .ct-ava { color: #282b33; }
:root[data-ui="motion"] .ct-rise { background: var(--brand-50, #1f55d61a); }
:root[data-ui="motion"] .ct-k1 { background: #e6ecfb; color: #4f76d1; }
:root[data-ui="motion"][data-theme="dark"] .ct-ava { color: #f0f2f7; }
/* riseup-dashboard.css */
:root[data-ui="motion"] .rise-period button.active { box-shadow: 0 4px 12px #628ced30; }
:root[data-ui="motion"] .rise-kpi { box-shadow: 0 3px 14px #141f3805; }
:root[data-ui="motion"] .rise-kpi-icon { background: #628ced16; color: #628ced; }