/* Левое меню CRM ПИН — общее для продаж/финансов, колл-центра и производства (разметку даёт /side.js).
   Тема «Бордо-плитка»: серый туман, светлые карточки, бордовый камень на текущем разделе */
:root{
  --side-w:264px;
  --sd-bg:#D6D5D2; --sd-card:#ECEBE8; --sd-card2:#E2E1DE; --sd-well:#CFCECA; --sd-ink:#1E1D1C; --sd-mut:#64625E; --sd-line:#DAD8D4; --sd-acc:#6E2234; --sd-on:#FFF4F6;
  --sd-stone:linear-gradient(150deg,#7A2638 0%,#4A1420 70%,#3E1019 100%); --sd-stone-sh:0 12px 24px -12px rgba(74,20,32,.7);
  --sd-up:0 1px 2px rgba(40,30,30,.08),0 6px 14px -8px rgba(40,30,30,.35); --sd-edge:inset 0 0 0 1px #F7F6F4; --sd-dn:inset 0 1px 3px rgba(40,30,30,.18),inset 0 0 0 1px #C9C7C2;
  --sd-logo:#3A3936; --sd-logo-hi:#7A7874; --sd-logo-sh:#16151A;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --sd-bg:#1F1F21; --sd-card:#2B2B2E; --sd-card2:#333336; --sd-well:#19191B; --sd-ink:#ECE9E6; --sd-mut:#9C9994; --sd-line:#38383B; --sd-acc:#D0758A;
  --sd-up:0 1px 2px rgba(0,0,0,.4),0 6px 14px -8px rgba(0,0,0,.7); --sd-edge:inset 0 0 0 1px rgba(255,255,255,.05); --sd-dn:inset 0 1px 3px rgba(0,0,0,.5),inset 0 0 0 1px #3A3A3D;
  --sd-logo:#E4E1DC; --sd-logo-hi:#FFFFFF; --sd-logo-sh:#8E8B86;
}}
:root[data-theme="dark"]{
  --sd-bg:#1F1F21; --sd-card:#2B2B2E; --sd-card2:#333336; --sd-well:#19191B; --sd-ink:#ECE9E6; --sd-mut:#9C9994; --sd-line:#38383B; --sd-acc:#D0758A;
  --sd-up:0 1px 2px rgba(0,0,0,.4),0 6px 14px -8px rgba(0,0,0,.7); --sd-edge:inset 0 0 0 1px rgba(255,255,255,.05); --sd-dn:inset 0 1px 3px rgba(0,0,0,.5),inset 0 0 0 1px #3A3A3D;
  --sd-logo:#E4E1DC; --sd-logo-hi:#FFFFFF; --sd-logo-sh:#8E8B86;
}
.side{position:fixed;z-index:45;left:0;top:0;bottom:0;width:var(--side-w);overflow-y:auto;overscroll-behavior:contain;background:var(--sd-bg);color:var(--sd-ink);box-shadow:1px 0 0 var(--sd-line);
  padding:calc(18px + env(safe-area-inset-top,0px)) 14px calc(14px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:10px;
  font-family:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.4;box-sizing:border-box}
.side *{box-sizing:border-box}
.side[hidden]{display:none}
.side-logo{display:flex;align-items:flex-end;gap:8px;padding:0 8px 8px;--cream:var(--sd-logo);--cream-hi:var(--sd-logo-hi);--cream-sh:var(--sd-logo-sh)}
.side-logo svg{height:30px;width:auto;display:block}
.side-logo span{font:500 11px/1 "Tektur","Golos Text",sans-serif;letter-spacing:.14em;color:var(--sd-mut);padding-bottom:3px}
.side .sys{border-radius:18px}
.side .sys.open{background:var(--sd-well);box-shadow:var(--sd-dn);padding:5px}
.side .sys-h{width:100%;display:flex;align-items:center;gap:10px;border:0;border-radius:14px;padding:11px 12px;background:var(--sd-card);box-shadow:var(--sd-up),var(--sd-edge);color:var(--sd-ink);font:inherit;cursor:pointer;text-align:left;text-decoration:none}
.side .sys-h:hover{background:var(--sd-card2)}
.side .sys.open>.sys-h{background:transparent;box-shadow:none}
.side .sys-h svg{flex:none;color:var(--sd-acc)}
.side .sys-h b{flex:1;font:500 13px/1.1 "Tektur","Golos Text",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.side .sys-h .ch{color:var(--sd-mut);font-size:13px;transition:transform .2s}
.side .sys.open .sys-h .ch{transform:rotate(90deg)}
.side .sys-b{display:none;padding:2px 0 4px}
.side .sys.open .sys-b{display:grid;gap:1px}
.side .grp{font:600 10.5px/1 "Golos Text",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--sd-mut);padding:12px 12px 6px}
.side .it{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;border:0;background:none;border-radius:11px;padding:8px 12px;font:inherit;font-size:14px;font-weight:400;color:var(--sd-ink);cursor:pointer;text-align:left;text-decoration:none;box-shadow:none;min-height:0}
.side .it:hover{background:rgba(255,255,255,.35)}
.side .it.cur,.side .it.on{background:var(--sd-stone);color:var(--sd-on);font-weight:600;box-shadow:var(--sd-stone-sh)}
.side .it.cur::after{content:"";width:16px;height:3px;border-radius:3px;background:#E4DDD5;box-shadow:0 0 8px rgba(255,255,255,.85)}
.side .it.cur .c{display:none}
.side .c{font:600 11px/1 "Tektur","Golos Text",sans-serif;color:var(--sd-mut);margin-left:auto}
.side .c.r{color:var(--sd-on);background:var(--sd-acc);border-radius:8px;padding:3px 6px}
.side .it.on .c.r{background:rgba(255,255,255,.22)}
.side-sp{flex:1;min-height:8px}
.side-me{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:10px;border-radius:16px;background:var(--sd-card);box-shadow:var(--sd-up),var(--sd-edge)}
.side-ava{width:34px;height:34px;border-radius:11px;background:var(--sd-stone);color:var(--sd-on);display:grid;place-items:center;font:600 12px/1 "Tektur","Golos Text",sans-serif;flex:none}
.side-me .nm{flex:1;min-width:0} .side-me b{display:block;font-size:13px;line-height:1.2} .side-me small{color:var(--sd-mut);font-size:11.5px}
.side-me .acts{width:100%;display:flex;gap:2px;align-items:center;justify-content:flex-end;border-top:1px solid var(--sd-line);padding-top:6px}
.side-a,.side-eye{border:0;background:none;color:var(--sd-mut);font:inherit;font-size:12.5px;cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center;text-decoration:none}
.side-a:hover,.side-eye:hover{background:var(--sd-card2);color:var(--sd-ink)}
.side-scrim{display:none}
.side-burger{display:none;width:42px;height:42px;border:0;border-radius:13px;background:var(--sd-card);box-shadow:var(--sd-up),var(--sd-edge);color:var(--sd-ink);font-size:18px;cursor:pointer;flex:none;place-items:center}
@media (max-width:860px){
  .side{transform:translateX(-105%);transition:transform .25s;box-shadow:20px 0 50px -20px rgba(0,0,0,.45);width:min(300px,86vw)}
  body.nav .side{transform:none}
  body.nav .side-scrim{display:block;position:fixed;inset:0;z-index:44;background:rgba(30,26,26,.38)}
  body.has-side .side-burger{display:grid}
}
@media (prefers-reduced-motion:reduce){.side,.side .sys-h .ch{transition:none}}