diff --git a/docs/crm.html b/docs/crm.html index 78a5b96..a2931f8 100644 --- a/docs/crm.html +++ b/docs/crm.html @@ -130,12 +130,36 @@ body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);displ .spin{display:inline-block;animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}} .empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#cbd5e1;gap:10px;height:100%} ::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:4px} +/* ── Мобильный (CRM с телефона) ── */ +.hdr-burger{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:0 2px;line-height:1;flex-shrink:0} +.sb-backdrop{display:none;position:fixed;inset:54px 0 0 0;background:rgba(0,0,0,.55);z-index:40} +.sb-backdrop.show{display:block} +@media(max-width:680px){ + .hdr{padding:0 12px;gap:8px} + .hdr-burger{display:block} + .sb{position:fixed;left:-260px;top:54px;bottom:0;z-index:50;width:240px;transition:left .25s ease;box-shadow:3px 0 18px rgba(0,0,0,.45)} + .sb.open{left:0} + .main{width:100%} + .scroll{padding:14px} + .kpis{grid-template-columns:1fr 1fr;gap:8px} + .kpi{padding:11px 13px} + .kpi-v{font-size:21px} + .cc-grid{grid-template-columns:1fr 1fr} + .deal-overview{grid-template-columns:1fr!important} + .canvas-grid{grid-template-columns:1fr 1fr} + .mtabs{flex-wrap:nowrap;overflow-x:auto} + .mtab{min-width:auto;padding:9px 12px} + .cc-top{flex-wrap:wrap} + .cc-name{font-size:17px} + .sec-h{font-size:14px} +}
-