/* Task 382: «Мой дашборд». The page fills the window below the header; the three views share the frame, the marks and the tooltip. */
#bgp-sales[data-route="my-dashboard"] #tile-size{display:none!important}
#bgp-sales .bi-md{--md-halo:var(--surface);box-sizing:border-box;display:flex;flex-direction:column;height:var(--md-height,auto);min-height:0;font-size:12px;color:var(--text)}
#bgp-sales .bi-md[data-size="phone"]{padding:0 8px}
#bgp-sales .bi-md[data-size="tablet"]{padding:0 12px}
#bgp-sales .bi-md[data-waiting] .md-body>*{visibility:hidden}
#bgp-sales .bi-md .md-body{flex:1 1 0;min-height:0;min-width:0;position:relative}
/* the bar: one row above everything, nothing runs over its neighbour */
#bgp-sales .bi-md .md-bar{display:flex;align-items:center;gap:10px;flex:none;height:36px;margin-bottom:8px;min-width:0;white-space:nowrap;position:relative;z-index:5}
#bgp-sales .bi-md[data-size="phone"] .md-bar{gap:6px;margin-bottom:6px}
#bgp-sales .bi-md .md-who{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto}
#bgp-sales .bi-md[data-size="phone"] .md-who{display:none}
#bgp-sales .bi-md .md-who-photo{position:relative;flex:none;width:32px;height:32px;border-radius:50%;background:var(--line);color:var(--secondary);display:grid;place-items:center;font-size:10px;overflow:hidden}
#bgp-sales .bi-md .md-who-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#bgp-sales .bi-md .md-who-text{display:flex;flex-direction:column;min-width:0}
#bgp-sales .bi-md .md-who-title{margin:0;font-size:11px;line-height:14px;font-weight:400;color:var(--secondary)}
#bgp-sales .bi-md .md-who-name{font-size:13px;line-height:17px;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md .md-seg{display:inline-flex;flex:none;border:1px solid var(--line);border-radius:8px;overflow:hidden}
#bgp-sales .bi-md .md-seg button{appearance:none;border:0;background:transparent;color:var(--secondary);font:inherit;font-size:12px;height:30px;min-width:0;padding:0 12px;cursor:pointer;border-radius:0}
#bgp-sales .bi-md .md-seg button[aria-pressed="true"]{background:var(--line);color:var(--text)}
#bgp-sales .bi-md .md-seg button:hover{color:var(--text)}
#bgp-sales .bi-md .md-seg button:focus-visible{outline:2px solid var(--actual);outline-offset:-2px}
#bgp-sales .bi-md .md-seg-short{display:none}
#bgp-sales .bi-md[data-size="phone"] .md-seg-long{display:none}
#bgp-sales .bi-md[data-size="phone"] .md-seg-short{display:inline}
#bgp-sales .bi-md[data-size="phone"] .md-seg button{height:34px;padding:0 10px}
#bgp-sales .bi-md .md-pickers{display:flex;align-items:center;gap:10px;flex:none;min-width:0}
#bgp-sales .bi-md[data-size="phone"] .md-pickers{gap:6px;margin-left:auto}
#bgp-sales .bi-md .md-picker{display:flex;align-items:center;gap:6px;min-width:0}
#bgp-sales .bi-md .md-picker-label{font-size:11px;color:var(--secondary)}
#bgp-sales .bi-md[data-size="phone"] .md-picker-label{display:none}
#bgp-sales .bi-md .md-picker .xsel{width:auto;min-width:0}
#bgp-sales .bi-md .md-picker .xsel-t{box-sizing:border-box;height:32px;min-height:32px;font-size:12px;padding:0 8px;gap:6px;white-space:nowrap}
#bgp-sales .bi-md[data-size="phone"] .md-picker .xsel-t{height:36px;min-height:36px;font-size:13px}
#bgp-sales .bi-md .md-picker .xchev{width:12px;height:12px}
#bgp-sales .bi-md .md-picker .xmenu{min-width:132px}
#bgp-sales .bi-md .md-key{display:flex;align-items:center;gap:12px;margin-left:auto;min-width:0;overflow:hidden}
#bgp-sales .bi-md .md-key:empty{display:none}
#bgp-sales .bi-md[data-size="phone"] .md-key{display:none}
#bgp-sales .bi-md .md-key-item{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:var(--secondary)}
#bgp-sales .bi-md .md-note{font-size:11px;color:var(--secondary);overflow:hidden;text-overflow:ellipsis;min-width:0}
#bgp-sales .bi-md .md-key:empty+.md-note{margin-left:auto}
#bgp-sales .bi-md[data-size="phone"] .md-note{display:none}
@media (max-width:359px){#bgp-sales .bi-md[data-size="phone"] .md-seg button{padding:0 8px}#bgp-sales .bi-md[data-size="phone"] .md-picker .xsel-t{padding:0 4px;gap:3px}}
#bgp-sales .bi-md .md-note-line{margin:0 0 4px;font-size:10px;line-height:13px;color:var(--secondary);flex:none}
/* panels */
#bgp-sales .bi-md .md-panel{box-sizing:border-box;background:var(--surface);border:1px solid var(--line);border-radius:16px;position:relative;overflow:hidden;min-width:0;min-height:0}
#bgp-sales .bi-md[data-size="phone"] .md-panel{border-radius:12px}
#bgp-sales .bi-md .md-panel[data-stale="true"]{opacity:.55;transition:opacity .2s}
#bgp-sales .bi-md .md-zone{display:block;color:inherit;text-decoration:none;min-width:0;min-height:0;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
#bgp-sales .bi-md .md-zone:hover{--md-halo:var(--surface-hover);background:var(--surface-hover)}
#bgp-sales .bi-md .md-zone:focus-visible{outline:2px solid var(--actual);outline-offset:-2px}
#bgp-sales .bi-md .md-h{margin:0;font-size:18px;line-height:22px;font-weight:400;white-space:nowrap}
#bgp-sales .bi-md[data-size="phone"] .md-h{font-size:14px;line-height:18px}
#bgp-sales .bi-md .md-svg{display:block;overflow:hidden}
#bgp-sales .bi-md .md-svg text{font-family:inherit;pointer-events:none}
#bgp-sales .bi-md .md-t-text{fill:var(--text)}
#bgp-sales .bi-md .md-t-sec{fill:var(--secondary)}
#bgp-sales .bi-md .md-t-faint{fill:var(--faint,var(--secondary))}
#bgp-sales .bi-md .md-t-bold{font-weight:600}
#bgp-sales .bi-md .md-halo{stroke:var(--md-halo);stroke-width:3px;paint-order:stroke}
#bgp-sales .bi-md .md-under{stroke:var(--md-halo);fill:none}
#bgp-sales .bi-md .md-axis{stroke:var(--line);stroke-width:1px}
#bgp-sales .bi-md .md-grid{stroke:var(--line);stroke-width:1px;opacity:.6}
#bgp-sales .bi-md .md-hit{fill:none;stroke:transparent;pointer-events:stroke}
#bgp-sales .bi-md .md-hit-rect{fill:transparent}
#bgp-sales .bi-md .md-gy{transform-box:fill-box;transform-origin:50% 100%}
#bgp-sales .bi-md .md-gyd{transform-box:fill-box;transform-origin:50% 0}
#bgp-sales .bi-md .md-gx{transform-box:fill-box;transform-origin:0 50%}
#bgp-sales .bi-md .md-partial{opacity:.55}
#bgp-sales .bi-md .md-f-actual{fill:var(--actual)}
#bgp-sales .bi-md .md-f-own{fill:var(--own)}
#bgp-sales .bi-md .md-f-other{fill:var(--other)}
#bgp-sales .bi-md .md-f-text{fill:var(--text)}
#bgp-sales .bi-md .md-f-plan{fill:var(--plan)}
#bgp-sales .bi-md .md-f-good{fill:var(--good)}
#bgp-sales .bi-md .md-f-bad{fill:var(--bad)}
#bgp-sales .bi-md .md-f-previous{fill:var(--previous)}
#bgp-sales .bi-md .md-s-plan{stroke:var(--plan);fill:none}
#bgp-sales .bi-md .md-s-previous{stroke:var(--previous);fill:none}
#bgp-sales .bi-md .md-s-actual{stroke:var(--actual);fill:none}
#bgp-sales .bi-md .md-s-rr{stroke:var(--rr);fill:none}
#bgp-sales .bi-md .md-st-good{fill:var(--good);color:var(--good)}
#bgp-sales .bi-md .md-st-warn{fill:var(--warn);color:var(--warn)}
#bgp-sales .bi-md .md-st-bad{fill:var(--bad);color:var(--bad)}
/* loading and problems of one block */
#bgp-sales .bi-md .md-hold{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;height:100%}
#bgp-sales .bi-md .md-hold>span{border-radius:16px;grid-column:span 2}
#bgp-sales .bi-md .md-hold>span:nth-child(-n+2){grid-column:span 3}
#bgp-sales .bi-md .md-skel{display:flex;flex-direction:column;gap:10px;height:100%;box-sizing:border-box;padding:12px 14px}
#bgp-sales .bi-md .md-skel-title{font-size:16px;line-height:20px;color:var(--secondary)}
#bgp-sales .bi-md .md-skel-fill{display:block;border-radius:8px;flex:1 1 0;min-height:6px}
#bgp-sales .bi-md .md-skel[data-kind="dial"] .md-skel-fill:last-child{flex:0 0 28px}
#bgp-sales .bi-md .md-state{display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box;padding:12px 14px}
#bgp-sales .bi-md .md-state-page{align-items:flex-start;justify-content:center}
#bgp-sales .bi-md .md-state-title{margin:0;font-size:16px;line-height:20px;font-weight:400}
#bgp-sales .bi-md .md-state-text{margin:0;font-size:12px;color:var(--secondary)}
#bgp-sales .bi-md .md-state-retry{align-self:flex-start;appearance:none;background:transparent;border:1px solid var(--line);border-radius:8px;color:var(--text);font:inherit;font-size:12px;height:32px;padding:0 12px;cursor:pointer}
#bgp-sales .bi-md .md-empty-line{margin:0;font-size:11px;color:var(--secondary)}
#bgp-sales .bgp-tooltip.md-tip{width:auto;min-width:230px;max-width:min(340px,calc(100vw - 16px))}
#bgp-sales .md-tip .bi-mtip-caption{white-space:normal;overflow:visible}
#bgp-sales .bi-md [data-md-rove]:focus{outline:0}
#bgp-sales .bi-md [data-md-rove]:focus-visible{fill:color-mix(in srgb,var(--text) 12%,transparent)}
#bgp-sales .bi-md [data-md-href][tabindex]:focus-visible{outline:2px solid var(--actual);outline-offset:1px;border-radius:4px}
#bgp-sales .md-tip .bi-mtip-swatch[data-swatch="bad"]{background:var(--bad)}
#bgp-sales .md-tip .bi-mtip-swatch[data-swatch=""]{background:transparent}
/* вид «Приборы» */
#bgp-sales .bi-md .md-c-body{display:flex;flex-direction:column;gap:var(--md-gap,10px);height:100%}
#bgp-sales .bi-md .md-c-row{display:grid;column-gap:var(--md-gap,10px);min-height:0;flex:none;grid-auto-rows:minmax(0,1fr)}
#bgp-sales .bi-md .md-c-rest{flex:1 1 0}
#bgp-sales .bi-md .md-c-dial{display:grid;grid-template-rows:minmax(0,1fr) 44px}
#bgp-sales .bi-md .md-c-gauge{position:relative;overflow:hidden}
#bgp-sales .bi-md .md-c-strip{border-top:1px solid var(--line)}
#bgp-sales .bi-md .md-c-track,#bgp-sales .bi-md .md-c-fact,#bgp-sales .bi-md .md-c-rr-arc,#bgp-sales .bi-md .md-c-bad-arc{fill:none}
#bgp-sales .bi-md .md-c-track-base{stroke:var(--line)}
#bgp-sales .bi-md .md-c-track-warn{stroke:color-mix(in srgb,var(--warn) 38%,var(--surface))}
#bgp-sales .bi-md .md-c-track-good{stroke:color-mix(in srgb,var(--good) 30%,var(--surface))}
#bgp-sales .bi-md .md-c-fact{stroke:var(--actual)}
#bgp-sales .bi-md .md-c-rr-arc{stroke:var(--rr)}
#bgp-sales .bi-md .md-c-bad-arc{stroke:var(--bad)}
#bgp-sales .bi-md .md-c-tick{stroke:var(--secondary);stroke-width:1px}
#bgp-sales .bi-md .md-c-tick-now{stroke:var(--text);stroke-width:2px}
#bgp-sales .bi-md .md-c-plan{stroke:var(--plan)}
#bgp-sales .bi-md .md-c-rr-needle{stroke:var(--rr);stroke-width:2px}
#bgp-sales .bi-md .md-c-rr-mark{fill:var(--rr);stroke:var(--md-halo);stroke-width:2px}
#bgp-sales .bi-md .md-c-rr-mark-key{stroke:none}
#bgp-sales .bi-md .md-c-needle{fill:var(--actual);stroke:var(--md-halo);stroke-width:1px}
#bgp-sales .bi-md .md-c-hub{fill:var(--md-halo);stroke:var(--actual)}
#bgp-sales .bi-md .md-c-tank-zone{display:grid;height:100%;box-sizing:border-box;padding:12px 14px;column-gap:12px}
#bgp-sales .bi-md[data-size="phone"] .md-c-tank-zone{display:flex;flex-direction:column;padding:8px 10px}
#bgp-sales .bi-md .md-c-tank-left{min-width:0;display:flex;flex-direction:column}
#bgp-sales .bi-md .md-c-hero{font-size:58px;line-height:1;letter-spacing:-1.5px;margin-top:10px;white-space:nowrap}
#bgp-sales .bi-md[data-size="phone"] .md-c-hero{font-size:30px;letter-spacing:-.6px;margin-top:4px}
#bgp-sales .bi-md .md-c-hero small{font-size:11px;letter-spacing:0;color:var(--secondary);margin-left:4px}
#bgp-sales .bi-md .md-c-unit{font-size:13px;color:var(--secondary);margin-top:2px;white-space:nowrap}
#bgp-sales .bi-md .md-c-sub{font-size:12px;color:var(--secondary);margin-top:4px;white-space:nowrap}
#bgp-sales .bi-md[data-size="phone"] .md-c-sub{font-size:11px;margin-top:3px}
#bgp-sales .bi-md .md-c-chart{position:relative;min-width:0;min-height:0}
#bgp-sales .bi-md[data-size="phone"] .md-c-chart{flex:1 1 0;margin-top:6px}
#bgp-sales .bi-md .md-c-chart>svg{position:absolute;left:0;top:0}
#bgp-sales .bi-md .md-c-mini{position:relative;min-width:0;min-height:0}
#bgp-sales .bi-md .md-c-mini>svg{position:absolute;left:0;top:0}
#bgp-sales .bi-md .md-c-keys{position:absolute;right:0;top:0;display:flex;gap:10px;font-size:10px;color:var(--secondary)}
#bgp-sales .bi-md .md-c-keys span{display:inline-flex;align-items:center;gap:4px}
#bgp-sales .bi-md .md-c-swatch{display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--actual)}
#bgp-sales .bi-md .md-c-swatch-prev{width:12px;height:2px;border-radius:0;background:var(--previous)}
#bgp-sales .bi-md .md-c-log{display:flex;flex-direction:column;height:100%}
#bgp-sales .bi-md .md-c-log-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:14px 16px 8px;flex:none}
#bgp-sales .bi-md[data-size="phone"] .md-c-log-head{padding:8px 10px 6px}
#bgp-sales .bi-md .md-c-log-head small{font-size:12px;color:var(--secondary);white-space:nowrap}
#bgp-sales .bi-md .md-c-log-row{display:flex;flex-direction:column;justify-content:center;flex:1 1 0;padding:6px 16px;border-top:1px solid var(--line);min-width:0;min-height:0}
#bgp-sales .bi-md[data-size="phone"] .md-c-log-row{padding:4px 10px}
#bgp-sales .bi-md .md-c-log-row[data-fade="1"]{opacity:.8}
#bgp-sales .bi-md .md-c-log-row[data-fade="2"]{opacity:.55}
#bgp-sales .bi-md .md-c-log-row[data-fade="3"]{opacity:.35}
#bgp-sales .bi-md .md-c-log-row[data-fade="4"]{opacity:.2}
#bgp-sales .bi-md .md-c-log-row[data-fade="5"]{opacity:.12}
#bgp-sales .bi-md .md-c-log-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
#bgp-sales .bi-md .md-c-log-amount{font-size:16px;white-space:nowrap}
#bgp-sales .bi-md[data-size="phone"] .md-c-log-amount{font-size:14px}
#bgp-sales .bi-md .md-c-log-amount small{font-size:11px;color:var(--secondary);margin-left:4px}
#bgp-sales .bi-md .md-c-log-date{font-size:11px;color:var(--secondary);white-space:nowrap}
#bgp-sales .bi-md .md-c-log-text{font-size:11px;line-height:14px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
@media (prefers-reduced-motion:reduce){#bgp-sales .bi-md .md-panel[data-stale="true"]{transition:none}}
/* the whole window, no page scroll */
#bgp-sales[data-route="my-dashboard"] main{margin-bottom:0!important}
body#bgp-sales[data-route="my-dashboard"]{min-height:0!important}
#bgp-sales .bi-md .md-hit-rect:hover{fill:color-mix(in srgb,var(--text) 7%,transparent)}
#bgp-sales .bi-md .md-go{font-size:11px;line-height:14px;color:var(--secondary);white-space:nowrap}
/* вид «Темп» */
#bgp-sales .bi-md .md-p-body{display:flex;flex-direction:column;gap:var(--md-gap,10px);height:100%}
#bgp-sales .bi-md .md-p-row{display:grid;column-gap:var(--md-gap,10px);min-height:0;flex:none;grid-auto-rows:minmax(0,1fr)}
#bgp-sales .bi-md .md-p-rest{flex:1 1 0}
#bgp-sales .bi-md .md-p-sub{font-size:11px;line-height:14px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#bgp-sales .bi-md .md-p-pace{display:grid;grid-template-columns:var(--md-lc) minmax(0,1fr)}
#bgp-sales .bi-md .md-p-left{box-sizing:border-box;padding:10px 12px 8px 14px;display:flex;flex-direction:column;min-width:0;min-height:0}
#bgp-sales .bi-md .md-p-right{box-sizing:border-box;padding:10px 14px 6px 12px;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0;min-height:0}
#bgp-sales .bi-md .md-p-ring{display:flex;justify-content:center;margin-top:6px;flex:none}
#bgp-sales .bi-md .md-p-track{fill:none;stroke:var(--line)}
#bgp-sales .bi-md .md-p-plan-tick{stroke:var(--text);stroke-width:2px}
#bgp-sales .bi-md .md-p-ro{display:grid;grid-template-columns:18px auto minmax(0,1fr) auto;column-gap:6px;font-size:11px;line-height:17px;margin-top:auto;flex:none}
#bgp-sales .bi-md .md-p-ro-key{display:flex;align-items:center}
#bgp-sales .bi-md .md-p-ro em{font-style:normal;color:var(--secondary)}
#bgp-sales .bi-md .md-p-ro-value{text-align:right;white-space:nowrap}
#bgp-sales .bi-md .md-p-ro-share{color:var(--secondary);text-align:right;min-width:34px;white-space:nowrap}
#bgp-sales .bi-md .md-p-verdict{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;line-height:18px;white-space:nowrap;flex:none}
#bgp-sales .bi-md .md-p-verdict-text{min-width:0;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md .md-p-verdict-text small{font-size:12px;color:var(--secondary)}
#bgp-sales .bi-md .md-p-plot{position:relative;margin-top:6px;min-height:0;flex:1 1 0}
#bgp-sales .bi-md .md-p-plot>svg{position:absolute;left:0;top:0}
#bgp-sales .bi-md .md-p-future{fill:var(--text);opacity:.035}
#bgp-sales .bi-md .md-p-today{stroke:var(--secondary);stroke-width:1px;opacity:.55}
#bgp-sales .bi-md .md-p-gap{fill:var(--rr);opacity:.1}
#bgp-sales .bi-md .md-p-need{stroke:var(--plan);stroke-width:1px}
#bgp-sales .bi-md .md-p-need-line{stroke:var(--text);stroke-width:1.5px}
#bgp-sales .bi-md .md-p-dot{fill:var(--actual);stroke:var(--md-halo)}
#bgp-sales .bi-md .md-p-phone{display:grid;grid-template-columns:var(--md-lc) minmax(0,1fr);column-gap:8px}
#bgp-sales .bi-md .md-p-phone-left{box-sizing:border-box;padding:6px 0 6px 8px;display:flex;align-items:flex-start;justify-content:center}
#bgp-sales .bi-md .md-p-phone-right{box-sizing:border-box;padding:6px 10px 6px 0;display:flex;flex-direction:column;min-width:0;min-height:0}
#bgp-sales .bi-md .md-p-phone-head{display:flex;justify-content:space-between;align-items:baseline;gap:6px;flex:none}
#bgp-sales .bi-md .md-p-phone-verdict{font-size:10px;line-height:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
#bgp-sales .bi-md .md-p-phone-verdict small{font-size:10px;color:var(--secondary)}
#bgp-sales .bi-md .md-p-phone .md-p-plot{margin-top:0}
#bgp-sales .bi-md .md-p-phone-read{display:flex;justify-content:space-between;gap:4px;font-size:10px;line-height:14px;color:var(--secondary);white-space:nowrap;flex:none}
#bgp-sales .bi-md .md-p-phone-read b{font-weight:400;color:var(--text)}
#bgp-sales .bi-md .md-p-flow-zone{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px 14px 8px}
#bgp-sales .bi-md[data-size="phone"] .md-p-flow-zone{padding:6px 8px 4px}
#bgp-sales .bi-md .md-p-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex:none;min-width:0}
#bgp-sales .bi-md .md-p-hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:2px;flex:none;min-width:0}
#bgp-sales .bi-md .md-p-hero{flex:none;font-size:30px;line-height:36px;letter-spacing:-1px;white-space:nowrap}
#bgp-sales .bi-md[data-size="phone"] .md-p-hero{font-size:20px;line-height:24px;letter-spacing:-.5px}
#bgp-sales .bi-md .md-p-hero small{font-size:13px;letter-spacing:0;color:var(--secondary);margin-left:4px}
#bgp-sales .bi-md[data-size="phone"] .md-p-hero small{font-size:10.5px;margin-left:3px}
#bgp-sales .bi-md .md-p-chips{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 14px;height:28px;overflow:hidden;font-size:11px;line-height:14px;min-width:0}
#bgp-sales .bi-md .md-p-chip{white-space:nowrap}
#bgp-sales .bi-md .md-p-chip span{display:block;color:var(--secondary);font-size:10px}
#bgp-sales .bi-md .md-p-chip b{font-weight:400}
#bgp-sales .bi-md .md-p-chip i{font-style:normal}
#bgp-sales .bi-md .md-p-phone-cap{font-size:10px;line-height:14px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:none}
#bgp-sales .bi-md .md-p-phone-cap i{font-style:normal}
#bgp-sales .bi-md .md-p-flow-plot{position:relative;flex:1 1 0;min-height:0;margin-top:2px}
#bgp-sales .bi-md .md-p-flow-plot>svg{position:absolute;left:0;top:0}
#bgp-sales .bi-md .md-p-cap{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:13px;color:var(--secondary);white-space:nowrap;flex:none}
#bgp-sales .bi-md .md-p-cap span{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md .md-p-cap span svg{display:inline-block;vertical-align:-1px}
#bgp-sales .bi-md .md-p-feed-zone{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px 14px 6px}
#bgp-sales .bi-md[data-size="phone"] .md-p-feed-zone{padding:6px 10px 4px}
#bgp-sales .bi-md .md-p-feed-list{flex:1 1 0;min-height:0;margin-top:6px;overflow:hidden}
#bgp-sales .bi-md[data-size="phone"] .md-p-feed-list{margin-top:2px}
#bgp-sales .bi-md .md-p-ev{display:grid;grid-template-columns:42px 16px minmax(0,1fr) auto;column-gap:4px;height:var(--md-row,40px)}
#bgp-sales .bi-md[data-size="phone"] .md-p-ev{grid-template-columns:38px 14px minmax(0,1fr) auto}
#bgp-sales .bi-md .md-p-ev-empty{height:auto;min-height:64px}
#bgp-sales .bi-md .md-p-ev time{font-size:11px;line-height:16px;color:var(--secondary)}
#bgp-sales .bi-md .md-p-ev time small{display:block;font-size:10px;line-height:13px;color:var(--faint,var(--secondary))}
#bgp-sales .bi-md .md-p-node{position:relative}
#bgp-sales .bi-md .md-p-node::before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:var(--line)}
#bgp-sales .bi-md[data-size="phone"] .md-p-node::before{left:6px}
#bgp-sales .bi-md .md-p-ev:first-child .md-p-node::before{top:6px}
#bgp-sales .bi-md .md-p-ev:last-child .md-p-node::before{bottom:calc(var(--md-row,40px) - 12px)}
#bgp-sales .bi-md .md-p-node i{position:absolute;left:3px;top:4px;box-sizing:border-box;width:9px;height:9px;border-radius:50%;background:var(--actual);box-shadow:0 0 0 2px var(--surface)}
#bgp-sales .bi-md[data-size="phone"] .md-p-node i{left:2px}
#bgp-sales .bi-md .md-p-node i.md-p-node-neg{background:var(--surface);border:2px solid var(--bad)}
#bgp-sales .bi-md .md-p-node i.md-p-node-null{background:var(--plan)}
#bgp-sales .bi-md .md-p-node i.md-p-node-empty{background:var(--surface);border:2px solid var(--plan)}
#bgp-sales .bi-md .md-p-ev-text{min-width:0}
#bgp-sales .bi-md .md-p-ev-title{font-size:12px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md[data-size="phone"] .md-p-ev-title{font-size:11.5px;line-height:15px}
#bgp-sales .bi-md .md-p-ev-title small{font-size:10px;color:var(--secondary);margin-left:6px}
#bgp-sales .bi-md .md-p-ev-more{font-size:10.5px;line-height:14px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md[data-size="phone"] .md-p-ev-more{font-size:10px;line-height:13px}
#bgp-sales .bi-md .md-p-ev-empty .md-p-ev-more{white-space:normal}
#bgp-sales .bi-md .md-p-ev-amount{font-size:12px;line-height:16px;white-space:nowrap;text-align:right}
#bgp-sales .bi-md[data-size="phone"] .md-p-ev-amount{font-size:11.5px;line-height:15px}
/* вид «Сводка» */
#bgp-sales .bi-md .md-a-grid{display:grid;gap:var(--md-gap,12px);height:100%}
#bgp-sales .bi-md .md-a-panel{display:flex;flex-direction:column;padding:10px 12px}
#bgp-sales .bi-md[data-size="phone"] .md-a-panel{padding:6px 8px}
#bgp-sales .bi-md[data-size] .md-a-flow,#bgp-sales .bi-md[data-size] .md-a-feed{padding:0}
#bgp-sales .bi-md .md-a-flow-zone{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:10px 12px;border-radius:inherit}
#bgp-sales .bi-md[data-size="phone"] .md-a-flow-zone{padding:6px 8px}
#bgp-sales .bi-md .md-a-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex:none;min-width:0}
#bgp-sales .bi-md .md-a-head .md-h{font-size:16px;line-height:20px}
#bgp-sales .bi-md[data-size="phone"] .md-a-head .md-h{font-size:14px;line-height:18px}
#bgp-sales .bi-md .md-a-head .md-go{font-size:10px;line-height:13px}
#bgp-sales .bi-md[data-size="phone"] .md-a-head .md-go{line-height:18px}
#bgp-sales .bi-md .md-a-sub{margin:0;font-size:10px;line-height:13px;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md .md-a-body{flex:1 1 0;min-height:0;display:grid;gap:8px;grid-auto-rows:minmax(0,1fr)}
#bgp-sales .bi-md .md-a-body-mid{grid-template-columns:160px minmax(0,1fr);grid-template-rows:166px minmax(0,1fr);gap:4px 10px;grid-auto-rows:auto}
#bgp-sales .bi-md .md-a-chart-zone{grid-column:span 2;display:flex;min-height:0}
#bgp-sales .bi-md .md-a-zone{position:relative;min-width:0;min-height:0;border-radius:10px}
#bgp-sales .bi-md .md-a-zone>svg{position:absolute;left:0;top:0}
#bgp-sales .bi-md .md-a-zone-b{display:flex;flex-direction:column;min-height:0}
#bgp-sales .bi-md .md-a-table{display:grid;column-gap:6px;font-size:10px;color:var(--secondary);flex:none}
#bgp-sales .bi-md .md-a-table>*{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md .md-a-table b{font-size:13px;line-height:18px;font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}
#bgp-sales .bi-md .md-a-table em{font-style:normal;line-height:14px}
#bgp-sales .bi-md .md-a-table i,#bgp-sales .bi-md .md-a-rows i,#bgp-sales .bi-md .md-a-read i{font-style:normal}
#bgp-sales .bi-md .md-a-cap{display:flex;justify-content:space-between;gap:8px;font-size:10px;line-height:14px;color:var(--secondary);margin-top:6px;flex:none;white-space:nowrap;min-width:0}
#bgp-sales .bi-md .md-a-cap>span:first-child{display:inline-flex;gap:8px;align-items:center;min-width:0;overflow:hidden}
#bgp-sales .bi-md .md-a-cap .md-go{font-size:10px;line-height:14px}
#bgp-sales .bi-md .md-a-swatch-row{display:inline-flex;align-items:center;gap:4px}
#bgp-sales .bi-md .md-a-swatch{display:inline-block;width:9px;height:9px;border-radius:2px}
#bgp-sales .bi-md .md-a-swatch-own{background:var(--own)}
#bgp-sales .bi-md .md-a-swatch-other{background:var(--other)}
#bgp-sales .bi-md .md-a-chart{position:relative;flex:1 1 0;min-height:0;min-width:0;margin-top:2px}
#bgp-sales .bi-md .md-a-chart>svg{position:absolute;left:0;top:0}
#bgp-sales .bi-md .md-a-track{fill:none;stroke:var(--line)}
#bgp-sales .bi-md .md-a-rr-mark{fill:var(--rr)}
#bgp-sales .bi-md .md-a-dot{fill:var(--previous);stroke:var(--md-halo)}
#bgp-sales .bi-md .md-a-last{fill:var(--actual)}
#bgp-sales .bi-md .md-a-past{fill:var(--actual);fill-opacity:.7}
#bgp-sales .bi-md .md-a-compact{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:2px}
#bgp-sales .bi-md .md-a-compact>.md-a-zone-b{flex:1 1 0}
#bgp-sales .bi-md .md-a-read{display:grid;grid-template-columns:44px 46px minmax(0,1fr);column-gap:4px;font-size:10px;line-height:15px;color:var(--secondary);flex:none;margin-top:2px;white-space:nowrap}
#bgp-sales .bi-md .md-a-read b{font-weight:400;color:var(--text);font-variant-numeric:tabular-nums;text-align:right}
#bgp-sales .bi-md .md-a-read span:nth-child(3n){text-align:right}
#bgp-sales .bi-md .md-a-rows{display:grid;grid-template-columns:minmax(0,1fr) auto 52px;column-gap:8px;font-size:11px;line-height:24px;color:var(--secondary);white-space:nowrap;border-top:1px solid var(--line)}
#bgp-sales .bi-md .md-a-rows>*{border-bottom:1px solid var(--line)}
#bgp-sales .bi-md .md-a-rows b{font-size:13px;font-weight:400;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}
#bgp-sales .bi-md .md-a-rows span:nth-child(3n){text-align:right;font-size:10px}
#bgp-sales .bi-md .md-a-right{text-align:right;margin-top:4px}
#bgp-sales .bi-md .md-a-fig{display:flex;align-items:flex-end;gap:12px;flex:none;margin-top:4px;white-space:nowrap;min-width:0}
#bgp-sales .bi-md[data-size="phone"] .md-a-fig{margin-top:0}
#bgp-sales .bi-md .md-a-num{font-size:30px;line-height:36px;letter-spacing:-.5px}
#bgp-sales .bi-md[data-size="phone"] .md-a-num{font-size:22px;line-height:26px}
#bgp-sales .bi-md .md-a-num small{font-size:11px;letter-spacing:0;color:var(--secondary);margin-left:4px}
#bgp-sales .bi-md[data-size="phone"] .md-a-num small{font-size:10px}
#bgp-sales .bi-md .md-a-spring{flex:1 1 0}
#bgp-sales .bi-md .md-a-cell{font-size:10px;line-height:13px;color:var(--secondary)}
#bgp-sales .bi-md .md-a-cell b{display:block;font-size:13px;line-height:17px;font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}
#bgp-sales .bi-md .md-a-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;min-height:24px;flex:none;white-space:nowrap}
#bgp-sales .bi-md .md-a-line i{font-style:normal}
#bgp-sales .bi-md .md-a-line b{font-weight:400}
#bgp-sales .bi-md .md-a-line small{font-size:10px;color:var(--secondary)}
#bgp-sales .bi-md .md-a-gap{height:6px;flex:none}
#bgp-sales .bi-md .md-a-strip{display:flex;gap:2px;height:10px;margin-top:6px;flex:none}
#bgp-sales .bi-md .md-a-strip-thin{height:6px;margin-top:0}
#bgp-sales .bi-md .md-a-strip i{display:block;height:100%;border-radius:2px;background:var(--other);transform-origin:0 50%}
#bgp-sales .bi-md .md-a-strip i[data-state="overdue"]{background:var(--bad)}
#bgp-sales .bi-md .md-a-strip i[data-state="needs_terms"]{background:var(--warn)}
#bgp-sales .bi-md .md-a-strip i[data-state="partial"]{background:var(--plan)}
#bgp-sales .bi-md .md-a-strip i[data-state="awaiting"]{background:var(--actual)}
#bgp-sales .bi-md .md-a-legend{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;font-size:10px;line-height:14px;color:var(--secondary);margin-top:4px;flex:none}
#bgp-sales .bi-md .md-a-legend>div{display:flex;justify-content:space-between;gap:4px;white-space:nowrap;min-width:0}
#bgp-sales .bi-md .md-a-legend span{overflow:hidden;text-overflow:ellipsis;min-width:0}
#bgp-sales .bi-md .md-a-legend i{font-style:normal}
#bgp-sales .bi-md .md-a-legend b{font-weight:400;color:var(--text);font-variant-numeric:tabular-nums}
#bgp-sales .bi-md .md-a-bridge{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:6px;font-size:10px;line-height:14px;color:var(--secondary);margin-top:6px;flex:none;align-items:center}
#bgp-sales .bi-md .md-a-bridge b{font-weight:400;color:var(--text);text-align:right;font-variant-numeric:tabular-nums}
#bgp-sales .bi-md .md-a-bridge i{display:block;height:8px;position:relative}
#bgp-sales .bi-md .md-a-bridge u{position:absolute;top:0;height:8px;border-radius:2px;display:block;transform-origin:0 50%;text-decoration:none}
#bgp-sales .bi-md .md-a-b-open{background:var(--plan)}
#bgp-sales .bi-md .md-a-b-came{background:var(--actual)}
#bgp-sales .bi-md .md-a-b-gone{background:var(--other)}
#bgp-sales .bi-md .md-a-events{flex:1 1 0;min-height:0;display:flex;flex-direction:column;margin-top:4px}
#bgp-sales .bi-md .md-a-ev-head,#bgp-sales .bi-md .md-a-ev{display:grid;grid-template-columns:44px minmax(0,1fr) 44px 46px;column-gap:6px;align-items:center}
#bgp-sales .bi-md .md-a-events-narrow .md-a-ev-head,#bgp-sales .bi-md .md-a-events-narrow .md-a-ev{grid-template-columns:40px minmax(0,1fr) 42px}
#bgp-sales .bi-md .md-a-ev-head{font-size:10px;line-height:14px;color:var(--secondary);border-bottom:1px solid var(--line);padding-bottom:2px;flex:none}
#bgp-sales .bi-md .md-a-ev-head span:last-child,#bgp-sales .bi-md .md-a-ev>b{text-align:right}
#bgp-sales .bi-md .md-a-ev{flex:1 1 0;min-height:0;border-bottom:1px solid var(--line);font-size:11px;line-height:14px}
#bgp-sales .bi-md .md-a-ev:last-child{border-bottom:0}
#bgp-sales .bi-md .md-a-ev>span{color:var(--secondary);font-variant-numeric:tabular-nums}
#bgp-sales .bi-md .md-a-ev>div{min-width:0}
#bgp-sales .bi-md .md-a-ev p{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#bgp-sales .bi-md .md-a-ev p+p{font-size:10px;line-height:13px;color:var(--secondary)}
#bgp-sales .bi-md .md-a-ev p small{font-size:10px;color:var(--secondary)}
#bgp-sales .bi-md .md-a-ev>b{font-weight:400;font-variant-numeric:tabular-nums}
#bgp-sales .bi-md .md-a-ev u{display:block;height:6px;border-radius:2px;background:var(--other);text-decoration:none}
#bgp-sales .bi-md .md-a-ev u.md-a-b-neg{background:var(--bad)}
#bgp-sales .bi-md .md-a-key{display:flex;justify-content:center;align-items:center;gap:10px;height:14px}
#bgp-sales .bi-md .md-a-key .md-key-item{font-size:9.5px}
@media (min-width:1700px){
 #bgp-sales .bi-md .md-a-head .md-h{font-size:18px;line-height:22px}
 #bgp-sales .bi-md :is(.md-a-sub,.md-a-cap,.md-a-legend,.md-a-bridge,.md-a-ev-head,.md-a-cell,.md-a-table){font-size:12px}
 #bgp-sales .bi-md .md-a-head .md-go,#bgp-sales .bi-md .md-a-cap .md-go{font-size:12px}
 #bgp-sales .bi-md .md-a-sub{line-height:15px}
 #bgp-sales .bi-md .md-a-table b,#bgp-sales .bi-md .md-a-cell b{font-size:16px;line-height:21px}
 #bgp-sales .bi-md .md-a-table em{line-height:16px}
 #bgp-sales .bi-md .md-a-num{font-size:38px;line-height:44px}
 #bgp-sales .bi-md .md-a-ev{font-size:13px;line-height:17px}
 #bgp-sales .bi-md .md-a-ev p+p{font-size:12px;line-height:15px}
 #bgp-sales .bi-md .md-a-ev-head,#bgp-sales .bi-md .md-a-ev{grid-template-columns:54px minmax(0,1fr) 44px 56px}
}