/* ───────────────────────────────────────────────────────────────
   demos2.css — Витрина веб-приложений (Apps Showcase), 2-й блок
   5 приложений × 3 раздела. Холодная сине-индиго гамма.
   Самодостаточный: включает базу .snav/.sec/.ph (шелл — в showcase.css)
   Скоуп [data-site="…"] на .page (904×652, scale .5)
   ─────────────────────────────────────────────────────────────── */

/* ── shared base ── */
.ph{position:relative;overflow:hidden}
.ph::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 30% 18%,rgba(255,255,255,.14),transparent 60%)}
.snav{display:flex;align-items:center;gap:30px;height:70px;padding:0 44px;border-bottom:1px solid rgba(128,128,128,.16)}
.snav .logo{width:30px;height:30px;border-radius:8px;flex:none;background:var(--sa)}
.snav .items{display:flex;gap:30px;font-size:19px;letter-spacing:.005em}
.snav .items span{position:relative;opacity:.5;transition:opacity .35s,color .35s;padding-bottom:5px;white-space:nowrap}
.snav .items span.on{opacity:1;color:var(--sa)}
.snav .items span.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--sa);animation:navUnderline .4s cubic-bezier(.22,.61,.36,1)}
@keyframes navUnderline{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1)}}
.snav .right{margin-left:auto;display:flex;align-items:center;gap:16px}
.sec{padding:34px 44px}
.sec h1{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-.01em}

/* статус-пилюли */
.pill{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;padding:5px 12px;border-radius:20px;white-space:nowrap}
.pill .pd{width:7px;height:7px;border-radius:50%;background:currentColor}
.pill.ok{color:#22c08a;background:rgba(34,192,138,.14)}
.pill.wait{color:#e0a93a;background:rgba(224,169,58,.16)}
.pill.bad{color:#ec7a7a;background:rgba(236,122,122,.16)}
.pill.info{color:#5b8def;background:rgba(91,141,239,.16)}
.pill.pay{color:#6c63ff;background:rgba(108,99,255,.16)}

/* ════════════════════════════════════════════════════════════════
   1 · CRM — Воронка · Клиенты · Сделки · тёмный navy, синий акцент
   ════════════════════════════════════════════════════════════════ */
[data-site="crm"]{--sa:#5b8def;background:#0e1320;color:#e6ebf4;font-family:'Manrope',sans-serif}
[data-site="crm"] .snav .logo{background:linear-gradient(140deg,#5b8def,#4dd0e1)}
[data-site="crm"] .right .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#e8b75a,#e98c8c)}
/* a · Воронка (kanban) */
[data-site="crm"] .kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;height:100%}
[data-site="crm"] .kcol{background:#131a2a;border:1px solid #1f2940;border-radius:12px;padding:13px 11px;display:flex;flex-direction:column;gap:9px;min-width:0}
[data-site="crm"] .kcol:nth-child(1){--kc:#6c7596}
[data-site="crm"] .kcol:nth-child(2){--kc:#5b8def}
[data-site="crm"] .kcol:nth-child(3){--kc:#a78bfa}
[data-site="crm"] .kcol:nth-child(4){--kc:#22c08a}
[data-site="crm"] .kh{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700}
[data-site="crm"] .kh .dotc{display:inline-flex;align-items:center;gap:8px}
[data-site="crm"] .kh .dotc::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kc)}
[data-site="crm"] .kh .cnt{font-size:12px;color:#7e8aa4;background:#1f2940;border-radius:20px;padding:2px 9px}
[data-site="crm"] .kcard{background:#182032;border:1px solid #26314a;border-left:3px solid var(--kc);border-radius:8px;padding:11px 12px}
[data-site="crm"] .kcard .nm{font-size:14px;font-weight:600;line-height:1.15}
[data-site="crm"] .kcard .tag{display:inline-block;font-size:11px;color:#9aa6bf;background:#222c43;border-radius:5px;padding:3px 8px;margin-top:8px}
[data-site="crm"] .kcard .ft{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
[data-site="crm"] .kcard .sum{font-family:'Space Grotesk',sans-serif;font-size:14px}
[data-site="crm"] .kcard .pic{width:21px;height:21px;border-radius:50%;background:linear-gradient(140deg,#5b8def,#4dd0e1)}
[data-site="crm"] .kcard:nth-child(odd) .pic{background:linear-gradient(140deg,#e8b75a,#e98c8c)}
/* b · Клиенты (таблица) */
[data-site="crm"] .clients{height:100%;display:flex;flex-direction:column}
[data-site="crm"] .clients .ctop{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
[data-site="crm"] .clients .ctop h1{font-size:28px}
[data-site="crm"] .clients .add{font-size:14px;font-weight:600;color:#fff;background:#5b8def;border-radius:9px;padding:10px 18px;white-space:nowrap}
[data-site="crm"] .chead,[data-site="crm"] .crow{display:grid;grid-template-columns:2.2fr 1.6fr 1.1fr 1.2fr;align-items:center;gap:16px}
[data-site="crm"] .chead{font-size:13px;color:#7e8aa4;padding:0 16px 12px;border-bottom:1px solid #1f2940}
[data-site="crm"] .crow{padding:14px 16px;border-bottom:1px solid #161d2c}
[data-site="crm"] .crow .who{display:flex;align-items:center;gap:12px}
[data-site="crm"] .crow .who .ava{width:34px;height:34px;border-radius:50%;flex:none;background:linear-gradient(140deg,#5b8def,#4dd0e1)}
[data-site="crm"] .crow:nth-child(even) .who .ava{background:linear-gradient(140deg,#a78bfa,#6c63ff)}
[data-site="crm"] .crow .who .nm{font-size:15px;font-weight:600}
[data-site="crm"] .crow .co{font-size:14px;color:#aeb8cf}
[data-site="crm"] .crow .sum{font-family:'Space Grotesk',sans-serif;font-size:15px}
[data-site="crm"] .crow .dt{font-size:14px;color:#7e8aa4}
/* c · Сделки (детальная карточка) */
[data-site="crm"] .deal{height:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
[data-site="crm"] .dcard{background:#131a2a;border:1px solid #1f2940;border-radius:14px;padding:24px 26px;display:flex;flex-direction:column}
[data-site="crm"] .dcard .dtop{display:flex;align-items:flex-start;justify-content:space-between}
[data-site="crm"] .dcard .cl{font-size:22px;font-weight:700}
[data-site="crm"] .dcard .co{font-size:14px;color:#8a93a6;margin-top:3px}
[data-site="crm"] .dcard .amt{font-family:'Space Grotesk',sans-serif;font-size:42px;font-weight:600;margin:20px 0 6px;letter-spacing:-.01em}
[data-site="crm"] .dcard .resp{font-size:14px;color:#8a93a6;padding-bottom:18px;border-bottom:1px solid #1f2940}
[data-site="crm"] .dcard .resp b{color:#e6ebf4;font-weight:600}
[data-site="crm"] .feed{margin-top:18px;display:flex;flex-direction:column;gap:0}
[data-site="crm"] .fi{display:flex;align-items:flex-start;gap:13px;padding:11px 0;position:relative}
[data-site="crm"] .fi .fd{width:11px;height:11px;border-radius:50%;background:#5b8def;flex:none;margin-top:3px;box-shadow:0 0 0 3px rgba(91,141,239,.18)}
[data-site="crm"] .fi:not(:last-child)::before{content:"";position:absolute;left:5px;top:20px;bottom:0;width:1px;background:#26314a}
[data-site="crm"] .fi .ft{font-size:14px;font-weight:600}
[data-site="crm"] .fi .fm{font-size:13px;color:#8a93a6;margin-top:2px}
[data-site="crm"] .dside{background:#131a2a;border:1px solid #1f2940;border-radius:14px;padding:22px 22px}
[data-site="crm"] .dside .st{font-size:16px;font-weight:700;margin-bottom:16px}
[data-site="crm"] .task{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #1f2940;font-size:14px}
[data-site="crm"] .task:first-of-type{border-top:0}
[data-site="crm"] .task .ck{width:20px;height:20px;border-radius:6px;border:1.6px solid #34406180;flex:none}
[data-site="crm"] .task.done .ck{background:#22c08a;border-color:#22c08a;position:relative}
[data-site="crm"] .task.done .ck::after{content:"";position:absolute;left:6px;top:2.5px;width:5px;height:9px;border:solid #0e1320;border-width:0 2px 2px 0;transform:rotate(43deg)}
[data-site="crm"] .task.done .tt{color:#7e8aa4;text-decoration:line-through}
[data-site="crm"] .task .tm{margin-left:auto;font-size:13px;color:#7e8aa4;font-family:'Space Grotesk',sans-serif}

/* ════════════════════════════════════════════════════════════════
   2 · МАРКЕТПЛЕЙС — Каталог · Исполнители · Заказ · светлый, индиго
   ════════════════════════════════════════════════════════════════ */
[data-site="mkt"]{--sa:#6c63ff;background:#f4f5fb;color:#171a26;font-family:'Manrope',sans-serif}
[data-site="mkt"] .snav{border-bottom-color:#e5e6f2}
[data-site="mkt"] .snav .logo{background:linear-gradient(140deg,#6c63ff,#a78bfa)}
[data-site="mkt"] .snav .items{color:#5b5f78}
[data-site="mkt"] .right .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#6c63ff,#a78bfa)}
/* a · Каталог (фильтры + сетка) */
[data-site="mkt"] .market-cat{height:100%;display:grid;grid-template-columns:200px 1fr;gap:22px}
[data-site="mkt"] .filters{background:#fff;border:1px solid #e7e8f2;border-radius:14px;padding:20px 18px}
[data-site="mkt"] .filters .ft{font-size:14px;font-weight:700;margin:0 0 12px}
[data-site="mkt"] .filters .ft.mt{margin-top:22px}
[data-site="mkt"] .fck{display:flex;align-items:center;gap:10px;font-size:14px;color:#454a60;margin-bottom:11px}
[data-site="mkt"] .fck .cb{width:18px;height:18px;border-radius:5px;border:1.6px solid #cfd2e4;flex:none}
[data-site="mkt"] .fck .cb.on{background:#6c63ff;border-color:#6c63ff;position:relative}
[data-site="mkt"] .fck .cb.on::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg)}
[data-site="mkt"] .range{margin-top:6px}
[data-site="mkt"] .range .track{display:block;height:5px;border-radius:5px;background:#e7e8f2;position:relative}
[data-site="mkt"] .range .fill{position:absolute;left:0;width:62%;top:0;bottom:0;border-radius:5px;background:#6c63ff}
[data-site="mkt"] .range .knob{position:absolute;left:62%;top:50%;width:16px;height:16px;border-radius:50%;background:#6c63ff;border:3px solid #fff;transform:translate(-50%,-50%);box-shadow:0 2px 6px rgba(108,99,255,.4)}
[data-site="mkt"] .range .lbl{display:flex;justify-content:space-between;font-size:13px;color:#8a8fa6;margin-top:11px}
[data-site="mkt"] .cgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:16px}
[data-site="mkt"] .cc{background:#fff;border:1px solid #e7e8f2;border-radius:12px;padding:12px;display:flex;flex-direction:column}
[data-site="mkt"] .cc .th{height:88px;border-radius:8px;margin-bottom:11px}
[data-site="mkt"] .cc:nth-child(3n+1) .th{background:linear-gradient(150deg,#c7cdf5,#8f9be8)}
[data-site="mkt"] .cc:nth-child(3n+2) .th{background:linear-gradient(150deg,#bfe0ef,#7fb8e0)}
[data-site="mkt"] .cc:nth-child(3n) .th{background:linear-gradient(150deg,#d8cdf2,#a78bfa)}
[data-site="mkt"] .cc .nm{font-size:14px;font-weight:600;line-height:1.2}
[data-site="mkt"] .cc .cmeta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px}
[data-site="mkt"] .cc .pr{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600}
[data-site="mkt"] .cc .rt{font-size:12px;color:#8a8fa6}
[data-site="mkt"] .cc .rt b{color:#e0a93a}
/* b · Исполнители */
[data-site="mkt"] .perf{height:100%;display:flex;flex-direction:column}
[data-site="mkt"] .perf h1{font-size:28px;margin-bottom:16px}
[data-site="mkt"] .pcard{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e7e8f2;border-radius:13px;padding:15px 18px;margin-bottom:11px}
[data-site="mkt"] .pcard .ava{width:50px;height:50px;border-radius:50%;flex:none;background:linear-gradient(140deg,#6c63ff,#a78bfa)}
[data-site="mkt"] .pcard:nth-child(odd) .ava{background:linear-gradient(140deg,#5b8def,#4dd0e1)}
[data-site="mkt"] .pcard .nm{font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px}
[data-site="mkt"] .pcard .badge{font-size:11px;font-weight:600;color:#22c08a;background:rgba(34,192,138,.14);border-radius:6px;padding:3px 8px}
[data-site="mkt"] .pcard .sp{font-size:14px;color:#8a8fa6;margin-top:3px}
[data-site="mkt"] .pcard .rt{font-size:13px;color:#454a60;margin-top:6px}
[data-site="mkt"] .pcard .rt b{color:#e0a93a}
[data-site="mkt"] .pcard .contact{margin-left:auto;font-size:14px;font-weight:600;color:#6c63ff;border:1px solid #cdc9f7;border-radius:9px;padding:10px 18px;white-space:nowrap}
/* c · Заказ (чекаут) */
[data-site="mkt"] .checkout{height:100%;display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
[data-site="mkt"] .steps{display:flex;align-items:center;gap:10px;margin-bottom:24px}
[data-site="mkt"] .steps .step{display:flex;align-items:center;gap:9px;font-size:14px;color:#9498ad}
[data-site="mkt"] .steps .step .no{width:26px;height:26px;border-radius:50%;border:1.6px solid #d2d4e4;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}
[data-site="mkt"] .steps .step.done .no{background:#22c08a;border-color:#22c08a;color:#fff}
[data-site="mkt"] .steps .step.on{color:#171a26;font-weight:600}
[data-site="mkt"] .steps .step.on .no{background:#6c63ff;border-color:#6c63ff;color:#fff}
[data-site="mkt"] .steps .ln{width:26px;height:1.6px;background:#d2d4e4}
[data-site="mkt"] .field{margin-bottom:16px}
[data-site="mkt"] .field label{display:block;font-size:13px;color:#8a8fa6;margin-bottom:7px}
[data-site="mkt"] .field .inp{background:#fff;border:1px solid #e2e3ef;border-radius:10px;padding:14px 16px;font-size:15px}
[data-site="mkt"] .field .inp.focus{border-color:#6c63ff;box-shadow:0 0 0 3px rgba(108,99,255,.14)}
[data-site="mkt"] .csum{background:#fff;border:1px solid #e7e8f2;border-radius:14px;padding:22px 22px;align-self:start}
[data-site="mkt"] .csum .st{font-size:16px;font-weight:700;margin-bottom:16px}
[data-site="mkt"] .csum .li{display:flex;justify-content:space-between;font-size:14px;color:#5b5f78;padding:9px 0}
[data-site="mkt"] .csum .li .v{font-family:'Space Grotesk',sans-serif;color:#171a26}
[data-site="mkt"] .csum .total{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:14px;border-top:1px solid #ececf4;font-weight:700}
[data-site="mkt"] .csum .total .v{font-family:'Space Grotesk',sans-serif;font-size:24px;color:#6c63ff}

/* ════════════════════════════════════════════════════════════════
   3 · БРОНИРОВАНИЕ — Календарь · Мастера · Услуги · светлый, синий
   ════════════════════════════════════════════════════════════════ */
[data-site="book"]{--sa:#3b82f6;background:#f4f7fb;color:#16202e;font-family:'Manrope',sans-serif}
[data-site="book"] .snav{border-bottom-color:#e2e8f1}
[data-site="book"] .snav .logo{background:linear-gradient(140deg,#3b82f6,#60a5fa)}
[data-site="book"] .snav .items{color:#566175}
[data-site="book"] .right .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#3b82f6,#60a5fa)}
/* a · Календарь */
[data-site="book"] .cal{height:100%;display:flex;flex-direction:column}
[data-site="book"] .calhead{display:flex;align-items:center;gap:16px;margin-bottom:16px}
[data-site="book"] .calhead .mon{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:600}
[data-site="book"] .calhead .arw{width:32px;height:32px;border-radius:8px;border:1px solid #d8e0ec;background:#fff;display:flex;align-items:center;justify-content:center;color:#566175;font-size:16px}
[data-site="book"] .calhead .sp{flex:1}
[data-site="book"] .calhead .leg{display:flex;gap:16px;font-size:13px;color:#8a93a6}
[data-site="book"] .calhead .leg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
[data-site="book"] .calhead .leg .free i{background:#cfe0fb;border:1px solid #3b82f6}
[data-site="book"] .calhead .leg .busy i{background:repeating-linear-gradient(45deg,#e4e8ef,#e4e8ef 3px,#d2d8e2 3px,#d2d8e2 6px)}
[data-site="book"] .calgrid{flex:1;display:grid;grid-template-columns:54px repeat(7,1fr);grid-auto-rows:1fr;gap:6px;background:#fff;border:1px solid #e2e8f1;border-radius:12px;padding:12px}
[data-site="book"] .calgrid .ch{display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#8a93a6}
[data-site="book"] .calgrid .hr{display:flex;align-items:center;justify-content:flex-end;padding-right:8px;font-size:12px;color:#9aa3b4;font-family:'Space Grotesk',sans-serif}
[data-site="book"] .calgrid .slot{border-radius:6px;background:#f1f4f9}
[data-site="book"] .calgrid .slot.free{background:#dce9fc;border:1px solid #9cc2fa}
[data-site="book"] .calgrid .slot.sel{background:#3b82f6;border-color:#3b82f6}
[data-site="book"] .calgrid .slot.busy{background:repeating-linear-gradient(45deg,#eef1f6,#eef1f6 4px,#dfe4ec 4px,#dfe4ec 8px)}
/* b · Мастера */
[data-site="book"] .masters{height:100%;display:flex;flex-direction:column}
[data-site="book"] .masters h1{font-size:28px;margin-bottom:16px}
[data-site="book"] .mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;flex:1}
[data-site="book"] .mcard{background:#fff;border:1px solid #e2e8f1;border-radius:14px;padding:18px;display:flex;flex-direction:column}
[data-site="book"] .mcard .photo{height:118px;border-radius:10px;margin-bottom:14px}
[data-site="book"] .mcard:nth-child(1) .photo{background:linear-gradient(150deg,#9cc2fa,#3b82f6)}
[data-site="book"] .mcard:nth-child(2) .photo{background:linear-gradient(150deg,#c7cdf5,#6c63ff)}
[data-site="book"] .mcard:nth-child(3) .photo{background:linear-gradient(150deg,#bfe0ef,#22b8cf)}
[data-site="book"] .mcard .nm{font-size:18px;font-weight:700}
[data-site="book"] .mcard .sp{font-size:14px;color:#8a93a6;margin-top:3px}
[data-site="book"] .mcard .row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:14px}
[data-site="book"] .mcard .row .rt b{color:#e0a93a}
[data-site="book"] .mcard .row .pr{font-family:'Space Grotesk',sans-serif;font-weight:600}
[data-site="book"] .mcard .nx{font-size:13px;color:#3b82f6;background:#e8f1fe;border-radius:7px;padding:9px 11px;margin-top:13px}
[data-site="book"] .mcard .book{margin-top:13px;text-align:center;font-size:14px;font-weight:600;color:#fff;background:#3b82f6;border-radius:10px;padding:12px}
/* c · Услуги (прайс) */
[data-site="book"] .price{height:100%;display:flex;flex-direction:column;justify-content:center}
[data-site="book"] .price .pgroup{margin-bottom:18px}
[data-site="book"] .price .gt{font-size:14px;font-weight:700;color:#8a93a6;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
[data-site="book"] .prow{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e2e8f1;border-radius:11px;padding:15px 18px;margin-bottom:9px}
[data-site="book"] .prow.on{border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.16)}
[data-site="book"] .prow .rd{width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e3;flex:none}
[data-site="book"] .prow.on .rd{border-color:#3b82f6;position:relative}
[data-site="book"] .prow.on .rd::after{content:"";position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%;background:#3b82f6}
[data-site="book"] .prow .nm{font-size:16px;font-weight:600}
[data-site="book"] .prow .du{margin-left:auto;font-size:14px;color:#8a93a6;font-family:'Space Grotesk',sans-serif}
[data-site="book"] .prow .pr{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;width:96px;text-align:right}

/* ════════════════════════════════════════════════════════════════
   4 · ДАШБОРД АНАЛИТИКИ — Обзор · Каналы · Когорты · тёмный, sky
   ════════════════════════════════════════════════════════════════ */
[data-site="dash"]{--sa:#0ea5e9;background:#0b1220;color:#e4ecf4;font-family:'Manrope',sans-serif}
[data-site="dash"] .snav .logo{background:linear-gradient(140deg,#0ea5e9,#22d3ee)}
[data-site="dash"] .right .av{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#0ea5e9,#22d3ee)}
/* a · Обзор */
[data-site="dash"] .overview{height:100%;display:flex;flex-direction:column;gap:18px;justify-content:center}
[data-site="dash"] .overview .kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
[data-site="dash"] .overview .kpi{background:#111a2b;border:1px solid #1d2942;border-radius:13px;padding:18px 18px}
[data-site="dash"] .overview .kpi .l{font-size:13px;color:#7e8aa4}
[data-site="dash"] .overview .kpi .v{font-family:'Space Grotesk',sans-serif;font-size:29px;font-weight:600;margin-top:7px;letter-spacing:-.02em}
[data-site="dash"] .overview .kpi .d{font-size:13px;margin-top:5px;color:#22c08a}
[data-site="dash"] .overview .kpi .d.dn{color:#ec7a7a}
[data-site="dash"] .overview .chart{background:#111a2b;border:1px solid #1d2942;border-radius:14px;padding:20px 22px}
[data-site="dash"] .overview .ch-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
[data-site="dash"] .overview .ch-h .t{font-size:16px;font-weight:600}
[data-site="dash"] .seg{display:flex;gap:4px;background:#0d1524;border:1px solid #1d2942;border-radius:9px;padding:3px}
[data-site="dash"] .seg span{font-size:13px;color:#7e8aa4;padding:6px 13px;border-radius:6px}
[data-site="dash"] .seg span.on{background:#0ea5e9;color:#04121d;font-weight:600}
[data-site="dash"] .overview .area{height:150px}
[data-site="dash"] .overview .area svg{width:100%;height:100%}
/* b · Каналы */
[data-site="dash"] .channels{height:100%;display:grid;grid-template-columns:1.25fr 1fr;gap:18px;align-items:center}
[data-site="dash"] .bars-card{background:#111a2b;border:1px solid #1d2942;border-radius:14px;padding:22px 24px}
[data-site="dash"] .bars-card .t{font-size:16px;font-weight:600;margin-bottom:20px}
[data-site="dash"] .vbars{display:flex;align-items:flex-end;gap:18px;height:230px}
[data-site="dash"] .vbars .vb{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px;justify-content:flex-end;height:100%}
[data-site="dash"] .vbars .vb .bar{width:100%;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#0ea5e9,#22d3ee)}
[data-site="dash"] .vbars .vb:nth-child(even) .bar{background:linear-gradient(180deg,#3b82f6,#60a5fa)}
[data-site="dash"] .vbars .vb .lb{font-size:12px;color:#7e8aa4}
[data-site="dash"] .ctbl{background:#111a2b;border:1px solid #1d2942;border-radius:14px;padding:20px 20px}
[data-site="dash"] .ctbl .th,[data-site="dash"] .ctbl .tr{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;align-items:center}
[data-site="dash"] .ctbl .th{font-size:12px;color:#7e8aa4;padding-bottom:12px;border-bottom:1px solid #1d2942}
[data-site="dash"] .ctbl .tr{font-size:14px;padding:12px 0;border-bottom:1px solid #161f30}
[data-site="dash"] .ctbl .tr .ch{display:flex;align-items:center;gap:9px}
[data-site="dash"] .ctbl .tr .ch i{width:9px;height:9px;border-radius:3px;background:#0ea5e9}
[data-site="dash"] .ctbl .tr:nth-child(even) .ch i{background:#3b82f6}
[data-site="dash"] .ctbl .tr .nu{font-family:'Space Grotesk',sans-serif;color:#cdd8e6}
/* c · Когорты (heatmap) */
[data-site="dash"] .cohorts{height:100%;display:flex;flex-direction:column;justify-content:center}
[data-site="dash"] .cohorts h1{font-size:26px;margin-bottom:8px}
[data-site="dash"] .cohorts .csub{font-size:14px;color:#7e8aa4;margin-bottom:18px}
[data-site="dash"] .heatwrap{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}
[data-site="dash"] .heatlabels{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#7e8aa4;font-family:'Space Grotesk',sans-serif}
[data-site="dash"] .heatlabels span{height:34px;display:flex;align-items:center}
[data-site="dash"] .heat{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
[data-site="dash"] .heat .hx{height:34px;border-radius:6px;background:#0ea5e9}
[data-site="dash"] .cap{margin-top:18px;font-size:14px;color:#aeb8cf}
[data-site="dash"] .cap b{color:#22d3ee;font-family:'Space Grotesk',sans-serif}

/* ════════════════════════════════════════════════════════════════
   5 · B2B-ПОРТАЛ — Каталог · Заказы · Документы · светлый, индиго
   ════════════════════════════════════════════════════════════════ */
[data-site="b2b"]{--sa:#4f46e5;background:#f6f7f9;color:#16181f;font-family:'Manrope',sans-serif}
[data-site="b2b"] .snav{border-bottom-color:#e6e7ec}
[data-site="b2b"] .snav .logo{background:linear-gradient(140deg,#4f46e5,#818cf8)}
[data-site="b2b"] .snav .items{color:#5a5d6b}
[data-site="b2b"] .right .org{font-size:14px;color:#5a5d6b;display:flex;align-items:center;gap:9px}
[data-site="b2b"] .right .org .av{width:30px;height:30px;border-radius:8px;background:linear-gradient(140deg,#4f46e5,#818cf8)}
/* a · Каталог (дилерский прайс) */
[data-site="b2b"] .b2bcat{height:100%;display:flex;flex-direction:column}
[data-site="b2b"] .b2bcat h1{font-size:26px;margin-bottom:14px}
[data-site="b2b"] .bhead,[data-site="b2b"] .brow{display:grid;grid-template-columns:1.1fr 2.2fr 1.1fr 1.1fr 1fr 1fr;align-items:center;gap:14px;padding:0 18px}
[data-site="b2b"] .bhead{font-size:13px;color:#8a8d9b;height:44px;background:#eeeff3;border-radius:9px 9px 0 0}
[data-site="b2b"] .btable{background:#fff;border:1px solid #e6e7ec;border-radius:9px;overflow:hidden}
[data-site="b2b"] .brow{height:54px;border-top:1px solid #f0f0f4;font-size:14px}
[data-site="b2b"] .brow .art{font-family:'JetBrains Mono',monospace;font-size:13px;color:#8a8d9b}
[data-site="b2b"] .brow .nm{font-weight:600}
[data-site="b2b"] .brow .opt{font-family:'Space Grotesk',sans-serif;font-weight:600;color:#4f46e5}
[data-site="b2b"] .brow .rrc{font-family:'Space Grotesk',sans-serif;color:#8a8d9b;text-decoration:line-through}
[data-site="b2b"] .brow .stk{font-size:13px;color:#22c08a}
[data-site="b2b"] .brow .stk.low{color:#e0a93a}
[data-site="b2b"] .brow .add{justify-self:end;font-size:13px;font-weight:600;color:#4f46e5;border:1px solid #cdc9f7;border-radius:8px;padding:8px 14px;white-space:nowrap}
/* b · Заказы */
[data-site="b2b"] .b2border{height:100%;display:flex;flex-direction:column;justify-content:center}
[data-site="b2b"] .b2border h1{font-size:28px;margin-bottom:16px}
[data-site="b2b"] .orow{display:grid;grid-template-columns:1.1fr 1fr 1.1fr auto;align-items:center;gap:18px;background:#fff;border:1px solid #e6e7ec;border-radius:12px;padding:18px 20px;margin-bottom:11px}
[data-site="b2b"] .orow .no{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:#4f46e5}
[data-site="b2b"] .orow .dt{font-size:14px;color:#8a8d9b}
[data-site="b2b"] .orow .am{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600}
[data-site="b2b"] .orow .pill{justify-self:end}
/* c · Документы */
[data-site="b2b"] .b2bdocs{height:100%;display:flex;flex-direction:column;justify-content:center}
[data-site="b2b"] .b2bdocs h1{font-size:28px;margin-bottom:16px}
[data-site="b2b"] .drow{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:18px;background:#fff;border:1px solid #e6e7ec;border-radius:12px;padding:15px 20px;margin-bottom:11px}
[data-site="b2b"] .drow .pdf{width:40px;height:48px;border-radius:6px;background:#fdeef0;border:1px solid #f6d4d8;color:#d35b66;font-size:11px;font-weight:700;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;flex:none}
[data-site="b2b"] .drow .meta .nm{font-size:16px;font-weight:600}
[data-site="b2b"] .drow .meta .sub{font-size:13px;color:#8a8d9b;margin-top:2px}
[data-site="b2b"] .drow .am{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600}
[data-site="b2b"] .drow .dl{font-size:14px;font-weight:600;color:#4f46e5;border:1px solid #cdc9f7;border-radius:9px;padding:10px 18px;white-space:nowrap}