/* ── ported from design-v2/css/31-chart.css (the drawing is the source; selectors lose the page id because the product draws no page id):  «Давление в баллонах» (all ten parts of the owner review 2026-10-14 §3) and «События» (OD-91, spec-43 REQ-UIX-165), newest first ── */
.pc .ch{flex-wrap:wrap;gap:8px}
.pc-rng{display:flex;gap:6px;flex-wrap:wrap}
.pc-rng .pill, .vev .pill{user-select:none}
.pc-custom{display:flex;gap:10px 14px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--line);font-size:12px;color:var(--tx2)}
.pc-custom[hidden]{display:none}
.pc-custom label{display:flex;align-items:center;gap:7px}
.pc-in{font:inherit;font-size:12px;color:var(--tx1);background:var(--s3);border:1px solid var(--line-s);border-radius:var(--r-s);padding:6px 9px;color-scheme:dark;max-width:100%}
[data-theme="day"] .pc-in{color-scheme:light}
.pc-in.bad{border-color:var(--dg)}
.pc-bar{display:flex;justify-content:space-between;align-items:center;gap:8px 12px;flex-wrap:wrap;padding:11px 16px 0}
.pc-leg, .pc-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.pc-tg{font:inherit;font-size:11.5px;font-weight:570;padding:5px 11px;border-radius:20px;background:transparent;border:1px solid var(--line-s);color:var(--tx3);cursor:pointer}
.pc-tg .sw{opacity:.35}
.pc-tg.on{color:var(--tx1);background:var(--s3)}
.pc-tg.on .sw{opacity:1}
.pc-tg:hover{border-color:var(--tx3)}
.sw-n{background:var(--in)}
.pc-acts .btn{padding:5px 12px;font-size:12px}
.pc-acts .btn.off{opacity:.45;cursor:default}
.pc-cb{padding:6px 10px 10px}
.pcw{position:relative;width:100%;height:490px}
.pcw svg{position:absolute;left:0;top:0;display:block;touch-action:pan-y;user-select:none;-webkit-user-select:none;overflow:visible}
.pcw.grab .pc-hit{cursor:grabbing}
.pc-hit{cursor:crosshair}
.pc-ovhit{cursor:ew-resize}
.pc-g{stroke:var(--line-s);stroke-width:1;shape-rendering:crispEdges}
.pc-gv{stroke:var(--line);stroke-width:1;shape-rendering:crispEdges}
.pc-ax{font-size:10px;fill:var(--tx3);font-family:var(--mono)}
.pc-u{font-weight:700}
.pc-u.pc-ax-b{fill:var(--ok)}
.pc-u.pc-ax-t{fill:var(--wn)}
.pc-u.pc-ax-n{fill:var(--in)}
.pc-ax-t:not(.pc-u){fill:var(--wn);opacity:.85}
.pc-ax-n:not(.pc-u){fill:var(--in);opacity:.9}
.pc-l{fill:none;stroke-linejoin:round;stroke-linecap:round}
.pc-l-b{stroke:var(--ok);stroke-width:1.8}
.pc-l-t{stroke:var(--wn);stroke-width:1.4;stroke-dasharray:4 3}
.pc-l-n{stroke:var(--in);stroke-width:1.6}
.pc-l-v{stroke:var(--tx3);stroke-width:1.2}
.pc-b-trip{fill:var(--ok);opacity:.08}
.pc-b-set{fill:url(#pc-hatch)}
.pc-hb{fill:var(--in-d)}
.pc-hl{stroke:var(--in);stroke-opacity:.35;stroke-width:1.5}
.pc-b-out{fill:var(--dg-d)}
.pc-b-fz{fill:var(--wn-d)}
.pc-s-set{fill:var(--in);opacity:.55}
.pc-s-out{fill:var(--dg);opacity:.7}
.pc-s-fz{fill:var(--wn);opacity:.7}
.pc-ev{cursor:pointer;outline:none}
.pc-evh{fill:transparent}
.pc-ev:hover .pc-evh, .pc-ev:focus-visible .pc-evh{fill:var(--s3)}
.pc-m-ref{fill:var(--in)}
.pc-m-al{fill:var(--dg)}
.pc-m-alt{fill:#fff;font-size:10px;font-weight:700}
.pc-m-out{fill:var(--dg)}
.pc-m-fz{fill:var(--wn)}
.pc-m-rc{fill:none;stroke:var(--tx2);stroke-width:1.3;stroke-linejoin:round}
.pc-evt{font-size:10.5px;fill:var(--tx2);pointer-events:none}
.pc-al-l{stroke:var(--dg);stroke-dasharray:2 3;opacity:.55}
.pc-xl{stroke:var(--tx2);stroke-width:1;stroke-dasharray:3 3;pointer-events:none}
.pc-d{stroke:var(--s1);stroke-width:2;pointer-events:none}
.pc-d-b{fill:var(--ok)}
.pc-d-t{fill:var(--wn)}
.pc-d-n{fill:var(--in)}
.pc-d-v{fill:var(--tx2)}
.pc-sel{fill:var(--ok-d);stroke:var(--ok-b);pointer-events:none}
.pc-ov{fill:var(--s3)}
.pc-ovl{fill:none;stroke:var(--ok);stroke-width:1;opacity:.75}
.pc-ovw{fill:var(--ok-d);stroke:var(--ok-b);pointer-events:none}

.pct{position:absolute;display:none;z-index:5;left:0;top:0;width:236px;max-width:calc(100% - 8px);background:var(--s2);border:1px solid var(--line-s);border-radius:var(--r-s);box-shadow:var(--shadow);padding:10px 12px;font-size:12px;pointer-events:none;color:var(--tx1)}
.pct.on{display:block}
.pct.pcpin{pointer-events:auto}
.pct-h{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.pct-t{font-family:var(--mono);font-size:11.5px;font-weight:620}
.pct-s{font-size:10.5px;font-weight:620;padding:2px 9px;border-radius:12px;background:var(--s3);color:var(--tx2);white-space:nowrap}
.pct-s-drive{background:var(--ok-d);color:var(--ok)}
.pct-s-fill, .pct-s-settle{background:var(--in-d);color:var(--in)}
.pct-s-out, .pct-s-al{background:var(--dg-d);color:var(--dg)}
.pct-s-fz{background:var(--wn-d);color:var(--wn)}
.pct-r{display:flex;justify-content:space-between;gap:12px;padding:2px 0}
.pct-r span{color:var(--tx3)}
.pct-r b{font-weight:600;font-family:var(--mono);font-size:11.5px;text-align:right}
.pct-r i{font-style:normal;font-family:var(--font);font-size:10.5px;color:var(--in);font-weight:560;margin-left:3px}
.pct-g{display:block}
.pct-n{font-size:11px;color:var(--tx2);margin:2px 0 6px;line-height:1.5}
.pct-a{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid var(--line)}
.pct-a[hidden]{display:none}
.pct-a .btn{padding:5px 12px;font-size:12px}
.pct-a[data-for="pt"] [data-mod]{display:none}
.pct-a[data-for="rc"] [data-go], .pct-a[data-for="rc"] .pct-where{display:none}
.pct-where{font-size:11px;color:var(--tx3)}

.pc-key{display:flex;gap:6px 16px;flex-wrap:wrap;padding:2px 6px 0;font-size:10.5px;color:var(--tx3)}
.pc-key i{display:inline-block;width:12px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.pk-trip{background:var(--ok);opacity:.22}
.pk-set{background:repeating-linear-gradient(45deg,var(--in-d) 0 3px,var(--in) 3px 4px)}
.pk-out{background:var(--dg-d);border:1px solid var(--dg)}
.pk-fz{background:var(--wn-d);border:1px solid var(--wn)}

/* fullscreen «⤢ развернуть» */
.pc.pc-full{position:fixed;left:0;top:0;right:0;bottom:0;z-index:60;margin:0 !important;border-radius:0;display:flex;flex-direction:column;background:var(--bg);overflow:auto}
.pc.pc-full .pc-cb{flex:1;min-height:0;display:flex;flex-direction:column}
.pc.pc-full .pcw{flex:1;min-height:0;height:auto}

#main.pc-lift{z-index:25}

/* «События» */
.vev .chr{display:flex;gap:6px;flex-wrap:wrap}
.vev .tmx{font-family:var(--mono);font-size:11.5px;color:var(--tx2);font-weight:520}
.vev .tmi .tmt{font-weight:560}
.vev .tmi.mu .tmt{color:var(--tx3);font-weight:520}
.vev .tmi[data-go], .vev .tmi[data-mod]{cursor:pointer}
.vev .tmi[data-go]:hover .tmt, .vev .tmi[data-mod]:hover .tmt{color:var(--ok)}
.vev .tmi.hid{display:none}
.vev .tmg{display:block;width:100%;text-align:left;font:inherit;background:var(--s2);border:1px solid var(--line-s);border-radius:var(--r-s);padding:8px 34px 8px 12px;color:var(--tx1);cursor:pointer;position:relative}
.vev .tmg:hover{border-color:var(--tx3)}
.vev .tmg::after{content:"\2193";position:absolute;right:12px;top:9px;color:var(--tx3)}
.vev .grp[data-state="open"] .tmg::after{content:"\2191"}
.vev .tmsub{display:none;margin:9px 0 0 6px;padding-left:12px;border-left:1px solid var(--line-s)}
.vev .grp[data-state="open"] .tmsub{display:block}
.vev .tmsub .tmi{padding-bottom:9px}
.vev .tmsub .tmi:last-child{padding-bottom:0}
.vev .tmsub .tmi::before, .vev .tmsub .tmi::after{display:none}
.vev .tmsub .tmt{font-weight:520}
.vev .tmt{word-break:break-word}

@media (max-width:620px){
  .pcw{height:520px}
  .pct{width:262px}
  .pct-g{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
  .pct-r{flex-direction:column;gap:0;padding:3px 0}
  .pct-r b{text-align:left}
  .pc-cb{padding:4px 4px 8px}
  .pc-bar{padding:10px 12px 0}
  .pc-acts .btn, .pc-tg{padding:5px 10px}
}
.vev .tmg .tms{display:inline;margin-left:8px;color:var(--tx3)}
.pc-ovr{fill:var(--in);opacity:.75}
.pc-ax-v:not(.pc-u){fill:var(--tx2)}
.pc-u.pc-ax-v{fill:var(--tx2)}
.pc-hl{stroke-opacity:.22}
.pc-l-ne{stroke:var(--in);stroke-width:1.6;stroke-dasharray:5 3;opacity:.9}
.pc-key[hidden], .pc-key [hidden]{display:none}
.pk-ne{background:none;border-top:2px dashed var(--in);height:0;vertical-align:3px}

/* the product's own additions: a chart still loading, a stretch with no readings, a feed row that leads somewhere */
.pc .pc-load{padding:34px 16px;color:var(--tx3);text-align:center}
.pc .pc-empty{position:absolute;left:0;right:0;top:50%;text-align:center;color:var(--tx3);font-size:13px;pointer-events:none}
.vev .tmi.go{cursor:pointer}
.vev .tmi.go:hover > .tmt{color:var(--ok)}
.vev .tmi.mu::before{background:var(--tx3)}
.vev .tmi.mu > .tmt{color:var(--tx3);font-weight:520}
.vev .tmsub .tmi.mu::before{display:none}
.vev .tmg .tmt{font-weight:560}
.vev .ch{flex-wrap:wrap;gap:8px}
.vev .chr{flex-wrap:wrap}
.vev .tmg .tms{display:block;margin:2px 0 0 0}
.vev .ch .chr{flex:0 1 auto;flex-wrap:wrap;max-width:100%;margin-left:0}