/* ============================================================================
   corp-theme.css — ЕДИНЫЙ корпоративный слой Gramaton (стиль Альфа-Банка).
   Подключать ПОСЛЕДНИМ после oldmoney.css / gramaton-theme.css / accents.css.

   Акцент задаётся на <html data-accent="a|b|c|d">; дефолт и БАЗА — B (Альфа-Банк:
   белый фон, красный #EF3124, тёмно-синий #0B1F35). A/C/D сохранены (светлый
   премиум / роял / космо). Токены переопределяют продукт (тёмный oldmoney) на
   общий стиль лендинга/кабинета без переписывания разметки.

   Шелл шапки = как на кабинете/мессенджере (.om-header.corp-hdr).
   ============================================================================ */

/* ── B — Альфа-Банк: белый фон, красный акцент, тёмно-синий текст (дефолт) ── */
:root, html[data-accent="b"]{
  --om-bg:#FFFFFF;--om-bg-card:#F3F4F5;--om-bg-elevated:#FFFFFF;--om-bg-hover:#EEF0F1;
  --om-gold:#EF3124;--om-gold-light:#FF5B4E;--om-gold-dark:#C4241A;
  --om-gold-pale:rgba(239,49,36,.08);--om-gold-border:rgba(239,49,36,.18);--om-gold-border-light:rgba(239,49,36,.10);
  --om-grad-gold:linear-gradient(135deg,#EF3124,#C4241A);--om-grad-gold-dark:linear-gradient(135deg,#C4241A,#A81C13);
  --om-cream:#0B1F35;--om-cream-muted:#333B47;--om-cream-dark:#4B5563;
  --om-text:#0B1F35;--om-text-secondary:#333B47;--om-text-muted:#4B5563;--om-text-dim:#6B7280;
  --om-shadow:0 8px 24px rgba(11,31,53,.08);--om-shadow-sm:0 2px 8px rgba(11,31,53,.06);--om-shadow-gold:0 4px 20px rgba(239,49,36,.10);
}
/* ── A — светлый премиум: крем и золото ── */
html[data-accent="a"]{
  --om-bg:#FAF6EF;--om-bg-card:#FFFFFF;--om-bg-elevated:#FFFFFF;--om-bg-hover:#F6F0E4;
  --om-gold:#A8842C;--om-gold-light:#C9A84C;--om-gold-dark:#8A6A1E;
  --om-gold-pale:rgba(168,132,44,.08);--om-gold-border:rgba(140,108,44,.18);--om-gold-border-light:rgba(140,108,44,.10);
  --om-grad-gold:linear-gradient(135deg,#A8842C,#8A6A1E);--om-grad-gold-dark:linear-gradient(135deg,#8A6A1E,#6E5417);
  --om-cream:#2C2318;--om-cream-muted:#403A2E;--om-cream-dark:#5A4E38;
  --om-text:#2C2318;--om-text-secondary:#403A2E;--om-text-muted:#5A4E38;--om-text-dim:#7A6B52;
  --om-shadow:0 6px 26px rgba(90,70,34,.10);--om-shadow-sm:0 2px 10px rgba(90,70,34,.08);--om-shadow-gold:0 4px 20px rgba(168,132,44,.12);
}
/* ── C — роял: тёмно-синий, золото, бордо ── */
html[data-accent="c"]{
  --om-bg:#F5F6F7;--om-bg-card:#FFFFFF;--om-bg-elevated:#F3F4F6;--om-bg-hover:#EDEFF1;
  --om-gold:#1D4E79;--om-gold-light:#2A6396;--om-gold-dark:#163C5E;
  --om-gold-pale:rgba(29,78,121,.08);--om-gold-border:rgba(28,31,36,.12);--om-gold-border-light:rgba(28,31,36,.08);
  --om-grad-gold:linear-gradient(135deg,#1D4E79,#163C5E);--om-grad-gold-dark:linear-gradient(135deg,#163C5E,#10304D);
  --om-cream:#1C1F24;--om-cream-muted:#4A5058;--om-cream-dark:#7C848D;
  --om-text:#1C1F24;--om-text-secondary:#4A5058;--om-text-muted:#5A626B;--om-text-dim:#7C848D;
  --om-shadow:0 10px 30px rgba(28,31,36,.08);--om-shadow-sm:0 2px 8px rgba(28,31,36,.06);--om-shadow-gold:0 4px 20px rgba(29,78,121,.10);
}
/* ── D — космо: тёмно-фиолетовый и золото ── */
html[data-accent="d"]{
  --om-bg:#05010E;--om-bg-card:#140A2A;--om-bg-elevated:#1B1038;--om-bg-hover:#1B1038;
  --om-gold:#C9A84C;--om-gold-light:#E4C86E;--om-gold-dark:#8B7536;
  --om-gold-pale:rgba(201,168,76,.08);--om-gold-border:rgba(201,168,76,.20);--om-gold-border-light:rgba(201,168,76,.12);
  --om-grad-gold:linear-gradient(135deg,#C9A84C,#E4C86E);--om-grad-gold-dark:linear-gradient(135deg,#A68A3E,#C9A84C);
  --om-cream:#F0EDFC;--om-cream-muted:#D6CCEC;--om-cream-dark:#B9ACD8;
  --om-text:#F0EDFC;--om-text-secondary:#D6CCEC;--om-text-muted:#B9ACD8;--om-text-dim:#8E7FB5;
  --om-shadow:0 8px 30px rgba(8,2,20,.6);--om-shadow-sm:0 2px 10px rgba(8,2,20,.45);--om-shadow-gold:0 4px 20px rgba(201,168,76,.10);
}

/* corp-совместимость: старые алиасы кабинета (--bg/--card/--text/--accent) */
:root, html[data-accent="b"]{--bg:#FFFFFF;--card:#F3F4F5;--card2:#EEF0F1;--text:#0B1F35;--muted:#333B47;--dim:#4B5563;--accent:#EF3124;--accent-strong:#C4241A;--border:rgba(11,31,53,.10);--ink:#FFFFFF}
html[data-accent="a"]{--bg:#FAF6EF;--card:#FFFFFF;--card2:#F6F0E4;--text:#2C2318;--muted:#403A2E;--dim:#5A4E38;--accent:#A8842C;--accent-strong:#8A6A1E;--border:rgba(140,108,44,.18);--ink:#FFFFFF}
html[data-accent="c"]{--bg:#F5F6F7;--card:#FFFFFF;--card2:#F3F4F6;--text:#1C1F24;--muted:#4A5058;--dim:#7C848D;--accent:#1D4E79;--accent-strong:#163C5E;--border:rgba(28,31,36,.10);--ink:#FFFFFF}
html[data-accent="d"]{--bg:#05010E;--card:#140A2A;--card2:#1B1038;--text:#F0EDFC;--muted:#D6CCEC;--dim:#B9ACD8;--accent:#C9A84C;--accent-strong:#E4C86E;--border:rgba(201,168,76,.20);--ink:#120A22}

/* cosmic-токены (часть продуктов рендерит через них) → корпоративные значения */
html[data-accent="b"]{--cosmic-bg-deep:#FFFFFF;--cosmic-bg-card:#F3F4F5;--cosmic-bg-glass:rgba(255,255,255,.78);--cosmic-bg-elevated:#FFFFFF;--cosmic-bg-dark:#EEF0F1;--cosmic-gold:#EF3124;--cosmic-gold-light:#FF5B4E;--cosmic-gold-dark:#C4241A;--cosmic-burgundy:#0B1F35;--cosmic-platinum:#0B1F35;--cosmic-silver:#5A6472;--cosmic-text-primary:#0B1F35;--cosmic-text-secondary:#333B47;--cosmic-text-muted:#4B5563;--cosmic-text-accent:#C4241A;--cosmic-text-error:#C4241A;--cosmic-text-dark:#FFFFFF;--cosmic-grad-primary:linear-gradient(135deg,#EF3124,#C4241A);--cosmic-grad-gold:linear-gradient(135deg,#EF3124,#C4241A);--cosmic-grad-burgundy:linear-gradient(135deg,#0B1F35,#333B47);--cosmic-grad-card:linear-gradient(160deg,#FFFFFF 0%,#F3F4F5 100%);--cosmic-grad-silver:linear-gradient(135deg,#5A6472,#0B1F35);--cosmic-glass-border:1px solid rgba(11,31,53,.08);--cosmic-glass-border-hover:1px solid rgba(239,49,36,.28);--cosmic-glass-border-gold:1px solid rgba(239,49,36,.18);--cosmic-glow-gold:0 0 40px rgba(239,49,36,.08);--cosmic-glow-subtle:0 0 30px rgba(239,49,36,.08);--cosmic-shadow-card:0 8px 24px rgba(11,31,53,.08);--cosmic-shadow-elevated:0 16px 48px rgba(11,31,53,.12);--cosmic-shadow-glow:0 8px 40px rgba(239,49,36,.08)}
html[data-accent="a"]{--cosmic-bg-deep:#FAF6EF;--cosmic-bg-card:#FFFFFF;--cosmic-bg-glass:rgba(255,255,255,.82);--cosmic-bg-elevated:#FFFFFF;--cosmic-bg-dark:#F6F0E4;--cosmic-gold:#A8842C;--cosmic-gold-light:#C9A84C;--cosmic-gold-dark:#8A6A1E;--cosmic-burgundy:#7A1F33;--cosmic-platinum:#2C2318;--cosmic-silver:#6B5F4A;--cosmic-text-primary:#2C2318;--cosmic-text-secondary:#403A2E;--cosmic-text-muted:#5A4E38;--cosmic-text-accent:#8A6A1E;--cosmic-text-error:#B3261E;--cosmic-text-dark:#FFFFFF;--cosmic-grad-primary:linear-gradient(135deg,#A8842C,#8A6A1E);--cosmic-grad-gold:linear-gradient(135deg,#A8842C,#8A6A1E);--cosmic-grad-burgundy:linear-gradient(135deg,#7A1F33,#5A1725);--cosmic-grad-card:linear-gradient(160deg,#FFFFFF 0%,#F6F0E4 100%);--cosmic-grad-silver:linear-gradient(135deg,#6B5F4A,#2C2318);--cosmic-glass-border:1px solid rgba(140,108,44,.18);--cosmic-glass-border-hover:1px solid rgba(168,132,44,.28);--cosmic-glass-border-gold:1px solid rgba(168,132,44,.20);--cosmic-glow-gold:0 0 40px rgba(168,132,44,.10);--cosmic-glow-subtle:0 0 30px rgba(168,132,44,.10);--cosmic-shadow-card:0 6px 26px rgba(90,70,34,.10);--cosmic-shadow-elevated:0 16px 48px rgba(90,70,34,.14);--cosmic-shadow-glow:0 8px 40px rgba(168,132,44,.10)}
html[data-accent="c"]{--cosmic-bg-deep:#F5F6F7;--cosmic-bg-card:#FFFFFF;--cosmic-bg-glass:rgba(255,255,255,.75);--cosmic-bg-elevated:#F3F4F6;--cosmic-bg-dark:#EDEFF1;--cosmic-gold:#1D4E79;--cosmic-gold-light:#2A6396;--cosmic-gold-dark:#163C5E;--cosmic-text:#1C1F24;--cosmic-text-secondary:#4A5058;--cosmic-text-muted:#5A626B;--cosmic-border:rgba(28,31,36,.12);--cosmic-accent:#1D4E79}
html[data-accent="d"]{--cosmic-bg-deep:#05010E;--cosmic-bg-card:#140A2A;--cosmic-bg-glass:rgba(20,10,42,.55);--cosmic-bg-elevated:#1B1038;--cosmic-bg-dark:#0B0518;--cosmic-gold:#C9A84C;--cosmic-gold-light:#E4C86E;--cosmic-gold-dark:#8B7536;--cosmic-burgundy:#6D28D9;--cosmic-platinum:#F0EDFC;--cosmic-silver:#B9ACD8;--cosmic-text-primary:#F0EDFC;--cosmic-text-secondary:#D6CCEC;--cosmic-text-muted:#B9ACD8;--cosmic-text-accent:#E4C86E;--cosmic-text-error:#FF6B6B;--cosmic-text-dark:#120A22;--cosmic-grad-primary:linear-gradient(135deg,#C9A84C,#E4C86E);--cosmic-grad-gold:linear-gradient(135deg,#C9A84C,#E4C86E);--cosmic-grad-burgundy:linear-gradient(135deg,#6D28D9,#4C1D95);--cosmic-grad-card:linear-gradient(160deg,#1B1038 0%,#140A2A 100%);--cosmic-grad-silver:linear-gradient(135deg,#B9ACD8,#F0EDFC);--cosmic-glass-border:1px solid rgba(201,168,76,.20);--cosmic-glass-border-hover:1px solid rgba(201,168,76,.38);--cosmic-glass-border-gold:1px solid rgba(201,168,76,.26);--cosmic-glow-gold:0 0 40px rgba(201,168,76,.10);--cosmic-glow-subtle:0 0 30px rgba(201,168,76,.10);--cosmic-shadow-card:0 8px 30px rgba(8,2,20,.6);--cosmic-shadow-elevated:0 16px 48px rgba(8,2,20,.65);--cosmic-shadow-glow:0 8px 40px rgba(201,168,76,.10)}

/* ── Шелл шапки (единый как на кабинете/мессенджере) ── */
.om-header.corp-hdr{display:block;margin:0;padding:0;background:color-mix(in srgb,var(--om-bg,#fff) 90%,transparent);border:0;border-bottom:1px solid var(--om-gold-border-light,rgba(11,31,53,.10));border-radius:0;position:sticky;top:0;z-index:60;backdrop-filter:blur(10px)}
.om-header .wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.om-header .hrow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;min-height:72px}
.om-header .logo{display:inline-flex;align-items:center;text-decoration:none;color:var(--om-text,#0B1F35);justify-self:start;min-width:0}
.om-header .logo-svg{height:38px;width:auto;display:block;overflow:visible}
.om-header .logo-svg .lg-word{font-family:'Montserrat','Golos Text',sans-serif;font-weight:800;letter-spacing:4px;fill:currentColor}
.corp-hdr .logo-svg .lg-bar,.corp-hdr .logo-svg .lg-pro{fill:#E10600}
.om-header nav{justify-self:center;display:flex;gap:34px}
.om-header nav a{color:var(--om-text-secondary,#333B47);text-decoration:none;font-weight:600;font-size:18px;min-height:48px;display:inline-flex;align-items:center;white-space:nowrap}
.om-header nav a:hover{color:var(--om-text,#0B1F35)}
.om-header .hacts{justify-self:end;display:flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end}
.om-header .acc-cycle{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--om-gold-border-light,rgba(11,31,53,.10));background:var(--om-bg-card,#F3F4F5);color:var(--om-text,#0B1F35);border-radius:50%;font-size:16px;cursor:pointer}
.om-header .sw{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--om-gold-border-light,rgba(11,31,53,.10));border-radius:999px;background:var(--om-bg-card,#F3F4F5)}
.om-header .sw button{border:0;background:transparent;color:var(--om-text-muted,#4B5563);font:600 12px/1 'Montserrat','Golos Text',sans-serif;padding:8px 12px;border-radius:999px;min-height:44px;cursor:pointer;transition:background .15s,color .15s}
.om-header .sw button[aria-pressed="true"]{background:var(--om-gold,#EF3124);color:#fff}
.om-header .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 24px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:16px;line-height:20px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .18s ease}
.om-header .btn-primary{background:var(--om-gold,#EF3124);color:#fff;box-shadow:var(--om-shadow-sm,0 2px 10px rgba(11,31,53,.12))}
.om-header .btn-ghost{background:transparent;border-color:var(--om-gold-border-light,rgba(11,31,53,.10));color:var(--om-text,#0B1F35)}
.om-header .btn:hover{transform:translateY(-1px)}
.om-header .me-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--om-text-muted,#4B5563);min-height:44px}
@media(max-width:1100px){.om-header .hacts .sw{display:none}.om-header .acc-cycle{display:inline-flex}}
@media(max-width:900px){.om-header nav{display:none}.om-header .hrow{gap:10px;grid-template-columns:auto 1fr;min-height:60px}.om-header .wrap{padding:0 16px}.om-header .logo-svg{height:26px}.om-header .btn{padding:9px 14px;font-size:14px;min-height:42px}}
@media(max-width:560px){.om-header .wrap{padding:0 14px}.om-header .btn-ghost{padding:9px 12px}}

/* Анти-FOUC: базовый фон/текст — корпоративные, сразу (до подгрузки прочего) */
html,body{background:var(--om-bg,#FFFFFF);color:var(--om-text,#0B1F35)}

/* Full-bleed шапки: .om-page имеет padding → шапка ужималась и «съезжала вниз».
   Обнуляем верхний padding страницы (шапка прижата к верху) и компенсируем боковые
   отрицательными полями (по брейкпоинтам padding .om-page), чтобы линия шла от края до края. */
.om-page:has(> .om-header.corp-hdr){padding-top:0}
.om-page > .om-header.corp-hdr{margin-left:-28px;margin-right:-28px;margin-top:0}
@media(max-width:768px){ .om-page > .om-header.corp-hdr{margin-left:-16px;margin-right:-16px} }
@media(max-width:480px){ .om-page > .om-header.corp-hdr{margin-left:-12px;margin-right:-12px} }
@media(max-width:768px){ .om-msg-chat .om-msg-chat-header{border-radius:0!important} }

/* В открытом чате (моб.) панель сообщений должна быть ВЫШЕ глобальной шапки (z-index:60),
   иначе шапка перекрывает хедер чата. */
@media(max-width:768px){ .om-msg-chat.open{z-index:120!important} }
/* Скролл-контейнер сообщений — только вертикальный пан (устойчивость к жестам) */
.om-msg-messages{touch-action:pan-y}

/* В открытом чате (моб.) глобальная шапка не нужна — чат имеет собственную (кто в диалоге). */
@media(max-width:768px){ .om-page:has(.om-msg-chat.open) > .om-header.corp-hdr{display:none} }