/* Стили оформления CRM. Меняют только цвета, скругления и тени; разметка и логика общие. */
:root[data-style=graphite]{--bg:#eceef1;--card:#ffffff;--side:#e4e6ea;--tx:#1b1c1f;--tx2:#62656c;--line:rgba(20,24,32,.10);--line2:rgba(20,24,32,.06);--acc:#2b7cff;--acc2:#4b90ff;--accbg:rgba(43,124,255,.12);--hover:rgba(20,24,32,.05);--field:#fff;--sh:0 0 0 1px rgba(20,24,32,.08);--r:10px;--blue:#2b7cff}
:root[data-style=graphite][data-theme=dark]{--bg:#1b1c1f;--card:#26272b;--side:#202125;--tx:#ececee;--tx2:#9a9ca3;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.05);--acc:#2b7cff;--acc2:#4b90ff;--accbg:rgba(43,124,255,.2);--hover:rgba(255,255,255,.05);--field:#2e2f34;--sh:0 0 0 1px rgba(255,255,255,.06);--r:10px;--blue:#2b7cff}
:root[data-style=analyst]{--bg:#f2f3f5;--card:#ffffff;--side:#1f2124;--tx:#191a1c;--tx2:#666a73;--line:rgba(0,0,0,.09);--line2:rgba(0,0,0,.05);--acc:#027bf3;--acc2:#1a8bff;--accbg:rgba(2,123,243,.1);--hover:rgba(0,0,0,.04);--field:#fff;--sh:0 0 0 1px rgba(0,0,0,.07);--r:6px;--blue:#027bf3}
:root[data-style=analyst] .side{color:#e8e9eb;border-right-color:transparent}:root[data-style=analyst] .side .nav a,:root[data-style=analyst] .side .brand,:root[data-style=analyst] .side .me b{color:#e8e9eb}:root[data-style=analyst] .side small,:root[data-style=analyst] .side .nav h3,:root[data-style=analyst] .side .me span,:root[data-style=analyst] .side .bgroup,:root[data-style=analyst] .side .sfind svg{color:#9ea1a8}:root[data-style=analyst] .side .nav a:hover{background:rgba(255,255,255,.08)}:root[data-style=analyst] .side .nav a.on{background:rgba(255,255,255,.14);color:#fff}:root[data-style=analyst] .side .sfind input{background:rgba(255,255,255,.1);color:#e8e9eb}:root[data-style=analyst] .side .btn.ghost{color:#e8e9eb}
:root[data-style=analyst][data-theme=dark]{--bg:#141517;--card:#1f2124;--side:#0e0f10;--tx:#ebecee;--tx2:#9ea1a8;--line:rgba(255,255,255,.09);--line2:rgba(255,255,255,.05);--acc:#2b8dff;--acc2:#4c9fff;--accbg:rgba(43,141,255,.18);--hover:rgba(255,255,255,.05);--field:#27292d;--sh:0 0 0 1px rgba(255,255,255,.06);--r:6px;--blue:#2b8dff}
:root[data-style=analyst][data-theme=dark] .side{color:#e8e9eb;border-right-color:transparent}:root[data-style=analyst][data-theme=dark] .side .nav a,:root[data-style=analyst][data-theme=dark] .side .brand,:root[data-style=analyst][data-theme=dark] .side .me b{color:#e8e9eb}:root[data-style=analyst][data-theme=dark] .side small,:root[data-style=analyst][data-theme=dark] .side .nav h3,:root[data-style=analyst][data-theme=dark] .side .me span,:root[data-style=analyst][data-theme=dark] .side .bgroup,:root[data-style=analyst][data-theme=dark] .side .sfind svg{color:#8b8e95}:root[data-style=analyst][data-theme=dark] .side .nav a:hover{background:rgba(255,255,255,.08)}:root[data-style=analyst][data-theme=dark] .side .nav a.on{background:rgba(255,255,255,.14);color:#fff}:root[data-style=analyst][data-theme=dark] .side .sfind input{background:rgba(255,255,255,.1);color:#e8e9eb}:root[data-style=analyst][data-theme=dark] .side .btn.ghost{color:#e8e9eb}
:root[data-style=mint]{--bg:#eef6f4;--card:#ffffff;--side:rgba(232,244,241,.9);--tx:#13201d;--tx2:#5b6f6a;--line:rgba(0,80,70,.10);--line2:rgba(0,80,70,.06);--acc:#0f9d8f;--acc2:#12b3a3;--accbg:rgba(15,157,143,.12);--hover:rgba(0,80,70,.05);--field:#fff;--sh:0 1px 2px rgba(0,60,50,.05),0 6px 18px rgba(0,60,50,.06);--r:16px;--blue:#0f9d8f}
:root[data-style=mint][data-theme=dark]{--bg:#0d1715;--card:#15221f;--side:rgba(16,28,25,.9);--tx:#e3f1ee;--tx2:#8fa9a3;--line:rgba(160,255,230,.10);--line2:rgba(160,255,230,.06);--acc:#2cc5b3;--acc2:#48d6c5;--accbg:rgba(44,197,179,.18);--hover:rgba(160,255,230,.05);--field:#1b2b27;--sh:0 0 0 1px rgba(160,255,230,.07);--r:16px;--blue:#2cc5b3}
:root[data-style=amber]{--bg:#f7f3ec;--card:#fffdf9;--side:rgba(243,237,226,.92);--tx:#231c12;--tx2:#7a6b55;--line:rgba(90,60,10,.11);--line2:rgba(90,60,10,.06);--acc:#d98a00;--acc2:#eb9a0a;--accbg:rgba(217,138,0,.13);--hover:rgba(90,60,10,.05);--field:#fff;--sh:0 1px 2px rgba(80,50,0,.05),0 6px 18px rgba(80,50,0,.06);--r:12px;--blue:#d98a00}
:root[data-style=amber][data-theme=dark]{--bg:#17140f;--card:#221d16;--side:#1b1711;--tx:#f3eadb;--tx2:#a8987f;--line:rgba(255,200,120,.10);--line2:rgba(255,200,120,.06);--acc:#f2a516;--acc2:#ffb733;--accbg:rgba(242,165,22,.18);--hover:rgba(255,200,120,.05);--field:#2a241b;--sh:0 0 0 1px rgba(255,200,120,.07);--r:12px;--blue:#f2a516}
:root[data-style=aurora]{--bg:#f3f2fb;--card:#ffffff;--side:rgba(238,236,250,.92);--tx:#1a1830;--tx2:#66638a;--line:rgba(60,40,160,.10);--line2:rgba(60,40,160,.06);--acc:#6b4ce6;--acc2:#7f63f0;--accbg:rgba(107,76,230,.12);--hover:rgba(60,40,160,.05);--field:#fff;--sh:0 1px 2px rgba(40,20,120,.05),0 8px 24px rgba(40,20,120,.08);--r:18px;--blue:#6b4ce6}
:root[data-style=aurora][data-theme=dark]{--bg:#0f0d1d;--card:#191630;--side:#14122a;--tx:#ecebff;--tx2:#a19ec8;--line:rgba(170,150,255,.12);--line2:rgba(170,150,255,.07);--acc:#8b6dff;--acc2:#a089ff;--accbg:rgba(139,109,255,.2);--hover:rgba(170,150,255,.06);--field:#221e3d;--sh:0 0 0 1px rgba(170,150,255,.08);--r:18px;--blue:#8b6dff}
:root[data-style=retail]{--bg:#f1f5f1;--card:#ffffff;--side:#0f7a3a;--tx:#132016;--tx2:#5d6e61;--line:rgba(0,60,20,.10);--line2:rgba(0,60,20,.06);--acc:#00a046;--acc2:#00b44f;--accbg:rgba(0,160,70,.12);--hover:rgba(0,60,20,.05);--field:#fff;--sh:0 1px 2px rgba(0,50,20,.05),0 4px 14px rgba(0,50,20,.06);--r:10px;--blue:#00a046}
:root[data-style=retail] .side{color:#f1fff5;border-right-color:transparent}:root[data-style=retail] .side .nav a,:root[data-style=retail] .side .brand,:root[data-style=retail] .side .me b{color:#f1fff5}:root[data-style=retail] .side small,:root[data-style=retail] .side .nav h3,:root[data-style=retail] .side .me span,:root[data-style=retail] .side .bgroup,:root[data-style=retail] .side .sfind svg{color:#b8e3c6}:root[data-style=retail] .side .nav a:hover{background:rgba(255,255,255,.08)}:root[data-style=retail] .side .nav a.on{background:rgba(255,255,255,.14);color:#fff}:root[data-style=retail] .side .sfind input{background:rgba(255,255,255,.1);color:#f1fff5}:root[data-style=retail] .side .btn.ghost{color:#f1fff5}
:root[data-style=retail][data-theme=dark]{--bg:#0e1510;--card:#172219;--side:#0b3d20;--tx:#e7f3ea;--tx2:#93ab99;--line:rgba(120,255,160,.10);--line2:rgba(120,255,160,.06);--acc:#1fc261;--acc2:#38d276;--accbg:rgba(31,194,97,.18);--hover:rgba(120,255,160,.05);--field:#1d2b20;--sh:0 0 0 1px rgba(120,255,160,.07);--r:10px;--blue:#1fc261}
:root[data-style=retail][data-theme=dark] .side{color:#e7f9ec;border-right-color:transparent}:root[data-style=retail][data-theme=dark] .side .nav a,:root[data-style=retail][data-theme=dark] .side .brand,:root[data-style=retail][data-theme=dark] .side .me b{color:#e7f9ec}:root[data-style=retail][data-theme=dark] .side small,:root[data-style=retail][data-theme=dark] .side .nav h3,:root[data-style=retail][data-theme=dark] .side .me span,:root[data-style=retail][data-theme=dark] .side .bgroup,:root[data-style=retail][data-theme=dark] .side .sfind svg{color:#94c7a4}:root[data-style=retail][data-theme=dark] .side .nav a:hover{background:rgba(255,255,255,.08)}:root[data-style=retail][data-theme=dark] .side .nav a.on{background:rgba(255,255,255,.14);color:#fff}:root[data-style=retail][data-theme=dark] .side .sfind input{background:rgba(255,255,255,.1);color:#e7f9ec}:root[data-style=retail][data-theme=dark] .side .btn.ghost{color:#e7f9ec}
:root[data-style=terracotta]{--bg:#faf5f0;--card:#fffdfb;--side:rgba(245,236,227,.92);--tx:#2a1a14;--tx2:#7f685e;--line:rgba(120,50,20,.11);--line2:rgba(120,50,20,.06);--acc:#d4572f;--acc2:#e2683f;--accbg:rgba(212,87,47,.12);--hover:rgba(120,50,20,.05);--field:#fff;--sh:0 1px 2px rgba(90,40,10,.05),0 6px 18px rgba(90,40,10,.06);--r:14px;--blue:#d4572f}
:root[data-style=terracotta][data-theme=dark]{--bg:#181210;--card:#241a16;--side:#1d1512;--tx:#f6e9e2;--tx2:#b09b91;--line:rgba(255,170,130,.10);--line2:rgba(255,170,130,.06);--acc:#ec7550;--acc2:#f58a67;--accbg:rgba(236,117,80,.18);--hover:rgba(255,170,130,.05);--field:#2d211c;--sh:0 0 0 1px rgba(255,170,130,.07);--r:14px;--blue:#ec7550}
:root[data-style=ocean]{--bg:#eef4f9;--card:#ffffff;--side:#0b2340;--tx:#0d1b2a;--tx2:#5a6b7e;--line:rgba(10,40,80,.10);--line2:rgba(10,40,80,.06);--acc:#0891b2;--acc2:#0aa5cb;--accbg:rgba(8,145,178,.12);--hover:rgba(10,40,80,.05);--field:#fff;--sh:0 1px 2px rgba(10,30,60,.05),0 6px 18px rgba(10,30,60,.07);--r:12px;--blue:#0891b2}
:root[data-style=ocean] .side{color:#e6f2ff;border-right-color:transparent}:root[data-style=ocean] .side .nav a,:root[data-style=ocean] .side .brand,:root[data-style=ocean] .side .me b{color:#e6f2ff}:root[data-style=ocean] .side small,:root[data-style=ocean] .side .nav h3,:root[data-style=ocean] .side .me span,:root[data-style=ocean] .side .bgroup,:root[data-style=ocean] .side .sfind svg{color:#8fa9c6}:root[data-style=ocean] .side .nav a:hover{background:rgba(255,255,255,.08)}:root[data-style=ocean] .side .nav a.on{background:rgba(255,255,255,.14);color:#fff}:root[data-style=ocean] .side .sfind input{background:rgba(255,255,255,.1);color:#e6f2ff}:root[data-style=ocean] .side .btn.ghost{color:#e6f2ff}
:root[data-style=ocean][data-theme=dark]{--bg:#07111f;--card:#0e1d31;--side:#081628;--tx:#e2eefb;--tx2:#8aa2bd;--line:rgba(120,200,255,.10);--line2:rgba(120,200,255,.06);--acc:#22d3ee;--acc2:#4ddcf2;--accbg:rgba(34,211,238,.16);--hover:rgba(120,200,255,.05);--field:#13253c;--sh:0 0 0 1px rgba(120,200,255,.08);--r:12px;--blue:#22d3ee}
:root[data-style=ocean][data-theme=dark] .side{color:#e2eefb;border-right-color:transparent}:root[data-style=ocean][data-theme=dark] .side .nav a,:root[data-style=ocean][data-theme=dark] .side .brand,:root[data-style=ocean][data-theme=dark] .side .me b{color:#e2eefb}:root[data-style=ocean][data-theme=dark] .side small,:root[data-style=ocean][data-theme=dark] .side .nav h3,:root[data-style=ocean][data-theme=dark] .side .me span,:root[data-style=ocean][data-theme=dark] .side .bgroup,:root[data-style=ocean][data-theme=dark] .side .sfind svg{color:#7f98b4}:root[data-style=ocean][data-theme=dark] .side .nav a:hover{background:rgba(255,255,255,.08)}:root[data-style=ocean][data-theme=dark] .side .nav a.on{background:rgba(255,255,255,.14);color:#fff}:root[data-style=ocean][data-theme=dark] .side .sfind input{background:rgba(255,255,255,.1);color:#e2eefb}:root[data-style=ocean][data-theme=dark] .side .btn.ghost{color:#e2eefb}
:root[data-style=mono]{--bg:#ffffff;--card:#ffffff;--side:#ffffff;--tx:#0a0a0a;--tx2:#6b6b6b;--line:rgba(0,0,0,.14);--line2:rgba(0,0,0,.08);--acc:#111111;--acc2:#333333;--accbg:rgba(0,0,0,.07);--hover:rgba(0,0,0,.04);--field:#fff;--sh:0 0 0 1px rgba(0,0,0,.12);--r:4px;--blue:#111111}
:root[data-style=mono][data-theme=dark]{--bg:#000000;--card:#0b0b0b;--side:#000000;--tx:#f5f5f5;--tx2:#8f8f8f;--line:rgba(255,255,255,.16);--line2:rgba(255,255,255,.09);--acc:#f5f5f5;--acc2:#ffffff;--accbg:rgba(255,255,255,.1);--hover:rgba(255,255,255,.06);--field:#111;--sh:0 0 0 1px rgba(255,255,255,.14);--r:4px;--blue:#f5f5f5}
:root[data-style=mono][data-theme=dark] .btn.pri{color:#000}
:root[data-style=sunset]{--bg:#fbf3f4;--card:#ffffff;--side:rgba(248,236,239,.92);--tx:#2a1520;--tx2:#7d6170;--line:rgba(140,30,80,.10);--line2:rgba(140,30,80,.06);--acc:#e0457b;--acc2:#ec5a8c;--accbg:rgba(224,69,123,.12);--hover:rgba(140,30,80,.05);--field:#fff;--sh:0 1px 2px rgba(110,20,60,.05),0 8px 22px rgba(110,20,60,.07);--r:16px;--blue:#e0457b}
:root[data-style=sunset][data-theme=dark]{--bg:#160c12;--card:#22131b;--side:#1b0f16;--tx:#fae8f0;--tx2:#b8939f;--line:rgba(255,140,190,.11);--line2:rgba(255,140,190,.06);--acc:#ff5c93;--acc2:#ff79a8;--accbg:rgba(255,92,147,.18);--hover:rgba(255,140,190,.05);--field:#2c1823;--sh:0 0 0 1px rgba(255,140,190,.08);--r:16px;--blue:#ff5c93}

:root[data-style=analyst] body,:root[data-style=graphite] body{font-size:13.5px}
:root[data-style=analyst] .kpi b,:root[data-style=graphite] .kpi b{font-size:24px}
:root[data-style=graphite] .card,:root[data-style=analyst] .card{box-shadow:var(--sh)}
:root[data-style=graphite] .kpi,:root[data-style=analyst] .kpi{border-top:3px solid var(--acc)}
:root[data-style=aurora] .btn.pri{background:linear-gradient(135deg,#6b4ce6,#b05cf0)}
:root[data-style=aurora][data-theme=dark] .btn.pri{background:linear-gradient(135deg,#7d5cff,#c26bff)}
:root[data-style=aurora] .shero,:root[data-style=sunset] .shero{background:linear-gradient(135deg,var(--card),var(--accbg))}
:root[data-style=sunset] .btn.pri{background:linear-gradient(135deg,#ff6a5a,#e0457b)}
:root[data-style=retail] .kpi b{color:var(--acc)}
:root[data-style=mono] .pill{border:1px solid var(--line);background:none!important;color:var(--tx)!important}
:root[data-style=mono] h1{font-weight:800;letter-spacing:-.03em}
:root[data-style=mono] .card,:root[data-style=mono] .tbl,:root[data-style=mono] .slist{box-shadow:none;border:1px solid var(--line)}
:root[data-style=ocean] .kpi b{color:var(--acc)}
:root[data-style=amber] .kpi b{color:var(--acc)}