/* Универсальный дашборд CRM (экран: dashboard). Всё scoped под .dash, чтобы не пересекаться с lp-kit. */
.dash{
  --dark:#1e1b1b; --txt:#232829; --muted:#72747a; --line:#d7d9d9;
  --primary:#457ce7; --primary-active:#3764ba; --primary-tint:rgba(69,124,231,.1);
  --success:#31ca88; --success-tint:#e6f9f0; --warning:#ffb300; --warning-tint:#fff5e0;
  --danger:#fe5000; --danger-tag:#b72d2a; --danger-tint:#ffeee7;
  --surface:#fafafa; --very-light:#f1f1f1;
  --bronze:#b87333; --silver:#9aa3ad; --gold:#d4a017; --platinum:#6c5ce7; --r:3px;
  max-width:1160px; margin:0 auto; padding:26px 30px 60px;
  color:var(--txt); font:500 14px/18px Montserrat,-apple-system,Segoe UI,Roboto,sans-serif;
}
.dash *{box-sizing:border-box}
.dash a{color:var(--primary);text-decoration:none}
.dash .pg-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.dash .pg-head h1{font-size:24px;line-height:36px;font-weight:900;margin:0}
.dash .pg-head .spacer{margin-left:auto}
.dash .fresh{color:var(--muted);font-size:12px;display:inline-flex;align-items:center;gap:6px}
.dash .fresh svg{width:14px;height:14px;fill:var(--muted)}
.dash .banner{display:flex;align-items:center;gap:9px;background:var(--warning-tint);border:1px solid #ffd98a;color:#7a5a10;border-radius:var(--r);padding:9px 13px;font-size:12.5px;margin:0 0 14px}
.dash .kpi .norm{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:20px}
.dash .norm.hi{background:var(--success-tint);color:#1a7f43} .dash .norm.mid{background:var(--very-light);color:var(--muted)} .dash .norm.lo{background:var(--warning-tint);color:#8a5a00}
.dash .est{display:inline-block;margin-top:4px;font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px;background:var(--warning-tint);color:#8a5a00}
.dash .nodata{color:var(--muted);font-weight:600;font-style:italic}

/* comparison bar (как на странице Аналитики TLv2: строка-контрол) */
.dash .cmpbar{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:16px}
.dash .ctlrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.dash .ctl-lbl{width:104px;flex:none;font-size:12px;font-weight:700;color:var(--muted)}
.dash .seg{display:inline-flex;height:36px;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.dash .seg button{border:none;background:#fff;color:var(--muted);font:500 13px Montserrat;padding:0 15px;height:100%;cursor:pointer}
.dash .seg button.on{background:var(--primary);color:#fff;font-weight:700}
.dash .daterange{display:inline-flex;align-items:center;gap:8px}
.dash .date{height:36px;border:1px solid var(--line);border-radius:var(--r);padding:0 10px;font:500 13px Montserrat;color:var(--txt);background:#fff}
.dash .dash-sep{color:var(--muted)}
.dash .cmpsel{height:36px;font:500 13px Montserrat;color:var(--txt);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:0 10px;cursor:pointer}
.dash .cmpdetail{color:var(--muted);font-size:12.5px}

.dash .grid{display:grid;gap:14px}
.dash .g6{grid-template-columns:repeat(6,1fr)} .dash .g5{grid-template-columns:repeat(5,1fr)}
.dash .g4{grid-template-columns:repeat(4,1fr)} .dash .g3{grid-template-columns:repeat(3,1fr)} .dash .g2{grid-template-columns:1fr 1fr}
@media(max-width:1000px){.dash .g6,.dash .g5,.dash .g4,.dash .g3,.dash .g2{grid-template-columns:repeat(2,1fr)}}

.dash [data-info]{cursor:pointer}
.dash [data-info]:hover{outline:1.5px solid var(--primary);outline-offset:2px}
.dash .info-i{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:700;margin-left:5px;vertical-align:middle;font-style:normal}

.dash .kpi{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:15px 15px 12px;position:relative}
.dash .kpi.lead{background:linear-gradient(135deg,#eef4ff,#dbe8ff);border-color:#bcd5ff}
.dash .kpi .l{color:var(--muted);font-size:12px;margin-bottom:6px;display:flex;align-items:center}
.dash .kpi .v{font-size:24px;font-weight:900;letter-spacing:-.5px;line-height:1.1}
.dash .kpi .d{font-size:11.5px;font-weight:700;margin-top:5px}
.dash .kpi .d .b{color:var(--muted);font-weight:400}
.dash .up{color:#1a7f43} .dash .down{color:var(--danger-tag)} .dash .flat{color:var(--muted)}

.dash h2.sec{font-size:16px;font-weight:900;margin:32px 0 4px;display:flex;align-items:center;gap:9px}
.dash h2.sec .ic{width:22px;height:22px;fill:var(--primary)}
.dash .sec-lead{color:var(--muted);font-size:12.5px;margin:0 0 14px}
.dash .attn{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:1000px){.dash .attn{grid-template-columns:1fr 1fr}}
.dash .acard{background:#fff;border:1px solid var(--line);border-top:3px solid var(--warning);border-radius:var(--r);padding:13px 14px;display:flex;flex-direction:column}
.dash .acard.red{border-top-color:var(--danger)}
.dash .acard .big{font-size:18px;font-weight:900;line-height:1.1}
.dash .acard .txt{color:var(--muted);font-size:11.5px;margin:5px 0 11px;flex:1}
.dash .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);color:#fff;border:none;border-radius:var(--r);padding:8px 12px;font:700 12.5px Montserrat;cursor:pointer;text-align:center}
.dash .btn.ghost{background:#fff;color:var(--primary);border:1px solid var(--primary)}

.dash .section{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 20px 18px;margin-top:14px}
.dash .section .head{display:flex;align-items:center;gap:10px;margin-bottom:4px}
.dash .section .head .icn{width:30px;height:30px;border-radius:7px;background:var(--primary-tint);display:flex;align-items:center;justify-content:center}
.dash .section .head .icn svg{width:17px;height:17px;fill:var(--primary)}
.dash .section .head h3{font-size:16px;font-weight:900;margin:0}
.dash .section .head .more{margin-left:auto;font-size:12.5px}
.dash .section .cap{color:var(--muted);font-size:12.5px;margin:0 0 16px 40px}
.dash .stat{border:1px solid var(--line);border-radius:var(--r);padding:12px 13px;background:#fff}
.dash .stat .l{color:var(--muted);font-size:11.5px;margin-bottom:5px;display:flex;align-items:center}
.dash .stat .v{font-size:20px;font-weight:900;line-height:1.05}
.dash .stat .d{font-size:11px;font-weight:700;margin-top:4px}
.dash .stat .s{color:var(--muted);font-size:11px;margin-top:4px;font-weight:500}
.dash .chip{display:inline-block;font-size:10px;font-weight:700;padding:1px 7px;border-radius:20px;margin-top:4px}
.dash .chip.a{background:var(--warning-tint);color:#8a5a00}
.dash .modchip{font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--warning-tint);color:#8a5a00;border:1px solid #ffd98a}

.dash .block{padding:2px}
.dash .sub2{margin:0 0 8px;font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center}
.dash .bar-row{display:grid;grid-template-columns:150px 1fr 92px;align-items:center;gap:10px;margin:8px 0}
.dash .bar-row .lab{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:7px}
.dash .bar-row .lab .dot{width:9px;height:9px;border-radius:50%}
.dash .bar-track{background:var(--very-light);border-radius:var(--r);height:15px;overflow:hidden}
.dash .bar-fill{height:100%;border-radius:var(--r);background:var(--primary)}
.dash .bar-row .num{text-align:right;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700}
.dash .split{display:flex;height:30px;border-radius:var(--r);overflow:hidden;margin:6px 0}
.dash .split div{display:flex;align-items:center;justify-content:center;color:#fff;font-size:11.5px;font-weight:700}
.dash table{width:100%;border-collapse:collapse;font-size:13px}
.dash th,.dash td{text-align:right;padding:8px 10px;border-bottom:1px solid var(--line)}
.dash th:first-child,.dash td:first-child{text-align:left}
.dash th{color:var(--muted);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.03em}
.dash tbody tr:hover{background:var(--primary-tint)}
.dash .note{color:var(--muted);font-size:11.5px;margin-top:22px}

.dash .mbg{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:120;padding:60px 16px;overflow:auto}
.dash .mbg.show{display:block}
.dash .modal{max-width:520px;margin:0 auto;background:#fff;border-radius:8px;padding:22px 24px;box-shadow:rgba(0,0,0,.2) 0 12px 40px}
.dash .mh{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.dash .mh .mt{font-size:18px;font-weight:900} .dash .mh .mx{cursor:pointer;color:var(--muted);font-size:26px;line-height:.7}
.dash .mlabel{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}
.dash .mdef{font-size:14px;line-height:1.55;margin-bottom:16px}
.dash .mform{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;font-size:13.5px;line-height:1.5;margin-bottom:16px}
.dash .mcmp{font-size:12.5px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.dash .mcmp b{color:var(--txt)}
.dash .toast{position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(18px);background:var(--txt);color:#fff;padding:11px 18px;border-radius:6px;font-size:13px;font-weight:600;opacity:0;transition:.25s;z-index:200;box-shadow:rgba(0,0,0,.25) 0 6px 20px;pointer-events:none;max-width:80vw}
.dash .toast.show{opacity:1;transform:translateX(-50%) translateY(0)}