/* panel.css: the step panel (07 §4.1–4.3), parameter controls (4.7), expression editor (2.35, 4.4),
   data views (4.5) and the condition builder (5.7). Tokens only. */

/* 4.1 frame */
.sp-scrim { z-index: var(--z-panel); background: color-mix(in srgb, var(--scrim) 50%, transparent); padding: 24px; align-items: stretch; justify-content: stretch; }
.sp-scrim.in-container { position: absolute; }
.step-panel { flex: 1; min-width: 0; display: flex; flex-direction: column; background: var(--surface); border-radius: var(--r-2); box-shadow: var(--e-3); overflow: hidden; animation: pop-in var(--m-slow); }
.step-panel:focus { outline: none; }
.sp-scrim:has(.step-panel.full) { padding: 0; }
@media (max-width: 1279px) { .sp-scrim { padding: 16px; } }
.sp-header { height: 56px; flex: none; display: flex; align-items: center; gap: var(--s-2); padding: 0 var(--s-3) 0 var(--s-4); border-bottom: 1px solid var(--line); }
.sp-glyph { display: inline-flex; color: var(--ink-2); }
.sp-glyph.kind-trigger { color: var(--kind-trigger); }
.sp-glyph.kind-edge { color: var(--kind-edge); }
.sp-glyph.kind-link { color: var(--kind-link); }
.sp-titles { display: flex; flex-direction: column; min-width: 0; }
.sp-label { font: var(--t-h2); border: none; background: transparent; padding: 0 var(--s-1); margin-left: calc(-1 * var(--s-1)); text-align: left; cursor: text; border-radius: var(--r-1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 420px; color: var(--ink); }
.sp-label:hover { background: var(--surface-2); }
.sp-label-input { font: var(--t-h2); width: 320px; }
.sp-kind { font: var(--t-small); color: var(--ink-2); }
.sp-narrow-tabs:empty { display: none; }
.sp-cols { flex: 1; min-height: 0; display: grid; grid-template-columns: minmax(240px, 30fr) 8px minmax(400px, 40fr) 8px minmax(240px, 30fr); }
.step-panel.narrow .sp-cols { grid-template-columns: minmax(400px, 1fr) minmax(280px, 1fr); }
.step-panel.narrow .sp-divider { display: none; }
.step-panel.narrow .sp-set { grid-column: 1; grid-row: 1; }
.step-panel.narrow .sp-in, .step-panel.narrow .sp-out { grid-column: 2; grid-row: 1; }
.step-panel.narrow .sp-narrow-tabs { padding-left: 50%; }
.sp-divider { cursor: col-resize; position: relative; }
.sp-divider::after { content: ""; position: absolute; top: 0; bottom: 0; left: 3.5px; width: 1px; background: var(--line); }
.sp-divider:hover::after { background: var(--line-strong); width: 2px; left: 3px; }
.sp-col { min-width: 0; min-height: 0; overflow: auto; display: flex; flex-direction: column; gap: var(--s-2); padding: var(--s-3); }
.sp-col:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.sp-in, .sp-out { background: var(--bg); }
.sp-set { padding: 0; }
.sp-set .tabs { flex: none; padding: 0 var(--s-3); position: sticky; top: 0; background: var(--surface); z-index: 1; }
.sp-set-body { padding: var(--s-3) var(--s-4) var(--s-6); display: flex; flex-direction: column; gap: var(--s-2); }
.sp-footer { height: 40px; flex: none; display: flex; align-items: center; gap: var(--s-3); padding: 0 var(--s-4); border-top: 1px solid var(--line); font: var(--t-small); color: var(--ink-2); }
.save-state { display: inline-flex; align-items: center; gap: var(--s-1); }
.save-state .glyph { color: var(--ok); }
.fail-text { color: var(--fail); }
.ok-text { color: var(--ok); }
.warn-text { color: var(--warn); display: inline-flex; align-items: center; gap: 2px; }
.stack-s { display: flex; flex-direction: column; gap: var(--s-2); }
.sp-top { display: flex; flex-direction: column; gap: var(--s-2); margin-bottom: var(--s-2); }
.top-tools { display: flex; justify-content: flex-end; }

/* 4.2 groups and fields */
.grp { display: flex; flex-direction: column; margin-top: var(--s-2); }
.grp + .grp { margin-top: var(--s-4); }
.grp-head { display: flex; align-items: center; gap: var(--s-2); height: 36px; border: none; background: transparent; padding: 0; cursor: pointer; color: var(--ink); text-align: left; border-bottom: 1px solid var(--line); }
.grp-head:hover .grp-title { color: var(--accent); }
.grp-title { font: var(--t-h3); }
.grp-summary { font: var(--t-small); color: var(--ink-2); }
.grp-body { display: flex; flex-direction: column; gap: var(--s-4); padding-top: var(--s-3); max-width: 560px; }
.group-h { font: var(--t-h3); margin: var(--s-2) 0 var(--s-1); }
.pfield { display: flex; flex-direction: column; gap: var(--s-1); border-radius: var(--r-1); transition: opacity var(--m-base); }
.pfield[hidden] { display: none; }
.pfield.reveal { animation: reveal var(--m-base); }
@keyframes reveal { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }
.pf-label-row { display: flex; align-items: center; gap: var(--s-1); min-height: 22px; }
.pf-q { width: 18px; height: 18px; border-radius: var(--r-round); border: 1px solid var(--line-strong); background: transparent; color: var(--ink-2); font: 600 11px/1 var(--font-sans); cursor: pointer; padding: 0; }
.pf-q:hover { color: var(--ink); border-color: var(--ink-2); }
.pf-help-pop { max-width: 320px; margin: 0; font: var(--t-body); }
.pf-mode { flex: none; }
.pf-focus { width: 0; height: 0; overflow: hidden; }
.pf-after:empty { display: none; }
.pf-after { margin-top: calc(-1 * var(--s-2)); }
.pfield .input.num { text-align: right; font-variant-numeric: tabular-nums; max-width: 180px; }
.pfield.has-problem .input { border-color: var(--fail); }
.pf-seg { flex-wrap: wrap; height: auto; min-height: 28px; }
.dragging-ref .pfield.expr-capable { outline: 1px dashed var(--accent); outline-offset: 2px; }
.dragging-ref .pfield.structure { opacity: .45; }
.pfield.drop-over { outline: 2px dashed var(--accent); outline-offset: 2px; background: var(--accent-soft); }
.ask-inline { margin: var(--s-1) 0; }
.date-box { gap: var(--s-2); }
.zone-chip { flex: none; }
.secret-picker .row { align-items: flex-start; }
.domain-line { font: var(--t-small); }
.ok-line { color: var(--ok); display: inline-flex; align-items: center; gap: 2px; }
.mini-table { border-collapse: collapse; font: var(--t-small); }
.mini-table th, .mini-table td { border-bottom: 1px solid var(--line); padding: 2px var(--s-2); text-align: left; }
.link { color: var(--accent); }

/* lists, row editor, cards, map */
.plain-list-ed, .map-rows { display: flex; flex-direction: column; gap: var(--s-1); align-items: flex-start; }
.list-row, .map-row { display: flex; align-items: center; gap: var(--s-1); width: 100%; }
.list-row .input, .map-row .input { flex: 1; }
.drag-handle { color: var(--ink-3); cursor: grab; display: inline-flex; width: 16px; justify-content: center; flex: none; }
.drag-handle:hover { color: var(--ink); }
.row-editor { display: flex; flex-direction: column; gap: var(--s-1); }
.re-head, .re-row { display: grid; grid-template-columns: 16px repeat(var(--re-cols, 3), minmax(0, 1fr)) 28px; gap: var(--s-1); align-items: start; }
.link-map .re-head, .link-map .re-row { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
.re-head { font: var(--t-label); color: var(--ink-2); }
.re-handle-space, .re-x-space { width: 16px; }
.re-row { min-height: 32px; }
.re-row.drop-line, .cond-row.drop-line { box-shadow: inset 0 2px 0 var(--accent); }
.re-add { display: flex; align-items: center; gap: var(--s-2); border: 1px dashed transparent; border-radius: var(--r-1); }
.dragging-ref .re-add { border-color: var(--accent); }
.re-truth { display: flex; align-items: center; min-height: 28px; }
.cell-ctl { min-width: 0; }
.cell-with-mode { display: flex; gap: var(--s-1); align-items: flex-start; min-width: 0; }
.cell-with-mode .cell-ctl { flex: 1; min-width: 0; }
.cell-with-mode .segmented { flex: none; }
.cell-ctl .expr-large-btn { display: none; }
.cell-ctl .expr-hl, .cell-ctl .expr-ta { padding-right: 8px; }
.card-list { display: flex; flex-direction: column; gap: var(--s-2); }
.p-card { border: 1px solid var(--line); border-radius: var(--r-1); padding: var(--s-3); display: flex; flex-direction: column; gap: var(--s-2); background: var(--surface); }
.p-card-head { display: flex; align-items: center; gap: var(--s-2); }
.p-card-title { font: var(--t-label); }
.p-card-field { display: flex; flex-direction: column; gap: var(--s-1); }
.map-switch { margin-bottom: var(--s-1); }

/* 5.3 rule cards */
.rule-row { display: flex; gap: var(--s-2); align-items: flex-start; flex-wrap: wrap; }
.rule-inline { display: flex; flex-wrap: wrap; gap: var(--s-2); align-items: center; font: var(--t-body); flex: 1; min-width: 240px; }
.w-num { width: 64px; text-align: right; }
.w-time { width: 72px; }

/* 5.4 address box */
.address-box { background: var(--surface-2); border-radius: var(--r-1); padding: var(--s-3); display: flex; flex-direction: column; gap: var(--s-2); }
.addr-row { display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; }
.addr-label { font: var(--t-label); width: 36px; }
.addr { flex: 1; min-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.addr.inactive { color: var(--ink-2); }
.method-chip { font: var(--t-mono-small); padding: 1px 6px; border-radius: var(--r-1); background: var(--surface); border: 1px solid var(--line); }
.listen-area { display: inline-flex; gap: var(--s-2); align-items: center; }
.countdown { color: var(--ink); font-weight: 600; }

/* info column */
.info-col { display: flex; flex-direction: column; gap: var(--s-2); }
.event-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--s-1); font: var(--t-small); }
.event-list li { display: flex; gap: var(--s-2); align-items: center; flex-wrap: wrap; }
.compact-addr { display: grid; grid-template-columns: auto 1fr; gap: var(--s-1) var(--s-2); align-items: baseline; }
.break { word-break: break-all; }

/* 4.3 behaviour */
.beh { display: flex; flex-direction: column; gap: var(--s-4); max-width: 560px; }
.beh-row { display: flex; flex-direction: column; gap: var(--s-1); }
.beh-row.later { flex-direction: row; align-items: center; justify-content: space-between; color: var(--ink-3); }
.beh-row.later .field-label { color: var(--ink-3); }

/* 2.35 expression editor */
.expr { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.expr-box { position: relative; display: flex; border: 1px solid var(--line-strong); border-radius: var(--r-1); background: var(--surface); }
.expr-box:hover { border-color: var(--ink-2); }
.expr.focused .expr-box { border-color: var(--accent); outline: 2px solid var(--focus); outline-offset: 2px; }
.expr-box.has-error { border-color: var(--fail); }
.expr-box.readonly { background: var(--surface-2); }
.expr-stack { position: relative; flex: 1; min-width: 0; }
.expr-hl, .expr-ta { font: var(--t-mono); margin: 0; padding: 5px 28px 5px 8px; border: 0; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; tab-size: 2; letter-spacing: normal; }
.expr-hl { position: absolute; inset: 0; pointer-events: none; overflow: hidden; color: var(--ink); }
.expr-ta { position: relative; display: block; width: 100%; background: transparent; color: transparent; caret-color: var(--ink); resize: none; outline: none; min-height: 30px; overflow: hidden; }
.expr-ta::selection { background: color-mix(in srgb, var(--accent) 30%, transparent); color: transparent; }
.expr-gutter { flex: none; width: 32px; padding: 5px 6px 5px 0; text-align: right; font: var(--t-mono); color: var(--ink-3); border-right: 1px solid var(--line); background: var(--surface-2); }
.expr-large-btn { position: absolute; right: 2px; top: 3px; width: 24px; height: 24px; border: none; background: transparent; color: var(--ink-2); border-radius: var(--r-1); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.expr-large-btn:hover { background: var(--surface-2); color: var(--ink); }
.tk-ref { color: var(--accent); font-weight: 500; }
.tk-text { color: var(--ok); }
.tk-number { color: var(--info); }
.tk-keyword { color: var(--kind-trigger); }
.tk-op, .tk-bracket { color: var(--ink-2); }
.tk-plain { color: var(--ink); }
.tk-error { color: var(--fail); }
.is-template .tk-plain { color: var(--ink); }
.tk-err { text-decoration: underline wavy var(--fail); text-decoration-skip-ink: none; text-underline-offset: 3px; }
.tk-match { outline: 1px solid var(--accent); border-radius: 2px; }
.expr-preview { font: var(--t-mono-small); color: var(--ink-2); display: flex; align-items: flex-start; gap: var(--s-2); min-height: 16px; }
.expr-preview:empty { display: none; }
.pv-main { display: inline-flex; gap: var(--s-1); align-items: baseline; flex: 1; min-width: 0; flex-wrap: wrap; }
.pv-value { color: var(--ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; }
.pv-template { white-space: pre-wrap; max-height: 48px; overflow: hidden; }
.pv-error { color: var(--fail); display: inline-flex; gap: 2px; align-items: baseline; font: var(--t-small); }
.pv-none { color: var(--ink-2); font: var(--t-small); }
.pv-chip, .c-chip { font: var(--t-mono-small); border: 1px solid var(--line); background: var(--surface-2); border-radius: var(--r-1); padding: 0 6px; cursor: pointer; color: var(--ink); }
.pv-chip:hover, .c-chip:hover { border-color: var(--line-strong); }
.pv-partial { border: none; background: transparent; color: var(--warn); font: var(--t-small); cursor: pointer; padding: 0; text-align: left; }
.pv-items { display: inline-flex; align-items: center; gap: 2px; white-space: nowrap; }
.pv-nav { width: 20px; height: 20px; border: none; background: transparent; color: var(--ink-2); cursor: pointer; border-radius: var(--r-1); display: inline-flex; align-items: center; justify-content: center; }
.pv-nav:hover { background: var(--surface-2); }
.type-chip { font: var(--t-mono-small); color: var(--ink-2); background: var(--surface-2); border-radius: var(--r-1); padding: 0 4px; white-space: nowrap; }
/* autocomplete 4.4.3 */
.ac { position: fixed; z-index: var(--z-popover); width: 420px; max-height: 264px; overflow: auto; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-2); box-shadow: var(--e-2); padding: var(--s-1); }
.ac-row { display: flex; align-items: center; gap: var(--s-2); height: 32px; padding: 0 var(--s-2); border-radius: var(--r-1); cursor: pointer; }
.ac-row.active, .ac-row:hover { background: var(--surface-2); }
.ac-name { font: var(--t-mono); white-space: nowrap; }
.ac-name b { color: var(--accent); }
.ac-value { font: var(--t-mono-small); color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; text-align: right; }
.ac-hint { font: var(--t-small); color: var(--ink-2); padding: var(--s-1) var(--s-2); display: flex; gap: var(--s-1); align-items: center; }
/* 4.4.6 large editor */
.large-editor .dialog-body { padding: 0; }
.dialog.xl.large-editor { width: 1000px; }
.large-grid { display: grid; grid-template-columns: 60% 40%; height: 100%; min-height: 0; }
.large-left { padding: var(--s-4); overflow: auto; border-right: 1px solid var(--line); }
.large-left .expr-ta { min-height: 320px; }
.large-right { padding: var(--s-4); overflow: auto; }

/* 5.7 condition builder */
.cond { display: flex; flex-direction: column; gap: var(--s-2); }
.cond-combine { display: flex; align-items: center; gap: var(--s-2); font: var(--t-body); }
.cond-row { display: grid; grid-template-columns: 16px minmax(0, 40fr) minmax(90px, 18fr) minmax(120px, 24fr) minmax(0, 30fr) 28px; gap: var(--s-1); align-items: start; }
.cond-row > .btn { grid-column: -2; grid-row: 1; }
.cond-row .select { width: 100%; }
.cond-right { display: flex; gap: var(--s-1); align-items: flex-start; flex-wrap: wrap; min-width: 0; }
.cond-right > .expr { flex: 1; min-width: 60px; }
.cond-small { font: var(--t-small); color: var(--ink-2); padding-top: 6px; }
.sp-set-body { container-type: inline-size; }
@container (max-width: 560px) {
  .cond-row { grid-template-columns: 16px minmax(0, 1fr) minmax(90px, 130px) 28px; }
  .cond-row > .drag-handle { grid-column: 1; grid-row: 1; }
  .cond-row > .cond-left { grid-column: 2; grid-row: 1; }
  .cond-row > .cond-type { grid-column: 3; grid-row: 1; }
  .cond-row > .btn { grid-column: 4; grid-row: 1; }
  .cond-row > .cond-op { grid-column: 2; grid-row: 2; }
  .cond-row > .cond-right { grid-column: 3 / 5; grid-row: 2; }
}

/* 4.5 data views */
.col-head { display: flex; flex-direction: column; gap: var(--s-2); }
.col-tools { display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; }
.col-tools .select { width: auto; min-width: 140px; }
.col-empty { flex: 1; display: flex; align-items: flex-start; justify-content: center; }
.col-empty .empty { margin: var(--s-6) auto; }
.col-foot { display: flex; justify-content: flex-end; }
.dataview { display: flex; flex-direction: column; gap: var(--s-2); min-height: 0; flex: 1; }
.dv-head { display: flex; align-items: center; gap: var(--s-2); flex-wrap: wrap; }
.dv-search { width: 140px; }
.dv-sub { display: flex; align-items: center; justify-content: space-between; gap: var(--s-2); font: var(--t-small); color: var(--ink-2); }
.dv-sub .check-row { font: var(--t-small); }
.dv-body { min-height: 0; overflow: auto; flex: 1; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-1); }
.dv-table-wrap { min-width: 100%; }
.dv-table { border-collapse: separate; border-spacing: 0; font: var(--t-small); min-width: 100%; }
.dv-table th { position: sticky; top: 0; background: var(--surface-2); color: var(--ink-2); font: var(--t-label); height: 32px; padding: 0 var(--s-2); text-align: left; border-bottom: 1px solid var(--line); white-space: nowrap; z-index: 1; }
.dv-table th[draggable] { cursor: grab; }
.dv-table td { height: 28px; padding: 0 var(--s-2); border-bottom: 1px solid var(--line); max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dv-table td[draggable] { cursor: grab; }
.dv-table tr:hover td { background: var(--surface-2); }
.dv-table tr.selected td { background: var(--accent-soft); }
.dv-table tr.selected td:first-child { box-shadow: inset 2px 0 0 var(--accent); }
.dv-table tr:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.dv-table td.hit { background: var(--warn-soft); }
.dv-rownum { width: 40px; color: var(--ink-3); text-align: right; font-variant-numeric: tabular-nums; }
.c-null { color: var(--ink-3); font-style: italic; }
.c-dim { color: var(--ink-3); }
.c-num { display: block; text-align: right; font-variant-numeric: tabular-nums; }
.dv-more { padding: var(--s-2); font: var(--t-small); color: var(--ink-2); }
.type-mark { font: var(--t-mono-small); color: var(--ink-2); margin-right: var(--s-1); }
.hit { background: var(--warn-soft); color: inherit; }
mark.hit { border-radius: 2px; }
.dv-files { padding: var(--s-2); border-bottom: 1px solid var(--line); }
.ref-ghost { position: fixed; top: -100px; left: -100px; font: var(--t-mono-small); background: var(--accent); color: var(--accent-ink); padding: 2px 8px; border-radius: var(--r-1); }
/* 2.36 JSON viewer */
.json-view { font: var(--t-mono); padding: var(--s-2); color: var(--ink); }
.j-line { display: flex; align-items: center; min-height: 20px; white-space: nowrap; }
.j-children { padding-left: 16px; }
.j-chev { width: 16px; height: 16px; border: none; background: transparent; padding: 0; color: var(--ink-2); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; flex: none; }
.j-chev-space { width: 16px; flex: none; }
.j-key { color: var(--ink); }
.j-str { color: var(--ok); white-space: pre-wrap; }
.j-num { color: var(--info); }
.j-null { color: var(--kind-trigger); }
.j-sum { color: var(--ink-2); }
.j-fold { color: var(--ink-2); }
.j-close { color: var(--ink-2); padding-left: 16px; margin-left: -16px; }
.j-more { border: none; background: transparent; color: var(--accent); cursor: pointer; font: var(--t-small); padding: 0; }
.j-more:hover { text-decoration: underline; }
.j-keywrap { display: inline-flex; align-items: center; }
.j-drag, .j-copy { visibility: hidden; display: inline-flex; color: var(--ink-3); cursor: grab; }
.j-copy { border: none; background: transparent; cursor: pointer; padding: 0 2px; }
.j-line:hover > .j-keywrap .j-drag, .j-line:hover > .j-keywrap .j-copy, .j-keywrap:focus-within .j-copy { visibility: visible; }
.json-pop { max-width: 480px; max-height: 360px; overflow: auto; }
/* 4.5.4 field tree */
.field-tree { display: flex; flex-direction: column; padding: var(--s-1); }
.ft-row { display: flex; align-items: center; gap: var(--s-2); height: 28px; padding-right: var(--s-2); border-radius: var(--r-1); cursor: grab; white-space: nowrap; }
.ft-row:hover { background: var(--surface-2); }
.ft-row:focus-visible { outline: 2px solid var(--focus); outline-offset: -2px; }
.ft-chev { width: 16px; height: 16px; border: none; background: transparent; padding: 0; color: var(--ink-2); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.ft-chev-space { width: 16px; }
.ft-drag { color: var(--ink-3); visibility: hidden; display: inline-flex; }
.ft-row:hover .ft-drag, .ft-row:focus .ft-drag { visibility: visible; }
.ft-key { color: var(--ink); }
.ft-val { color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.ft-meta { font: var(--t-small); color: var(--ink-2); }
.ft-copy { border: none; background: transparent; color: var(--ink-3); cursor: pointer; visibility: hidden; margin-left: auto; display: inline-flex; }
.ft-row:hover .ft-copy, .ft-row:focus .ft-copy { visibility: visible; }
/* replay step data */
.step-data { display: flex; flex-direction: column; gap: var(--s-2); }
.sd-col { display: flex; flex-direction: column; gap: var(--s-2); min-height: 120px; }
.start-pop { width: 360px; }

@media (prefers-reduced-motion: reduce) { .pfield.reveal { animation: none; } .step-panel { animation: none; } }
@media (forced-colors: active) { .expr-ta { color: CanvasText; } .expr-hl { display: none; } }

.at-toggle { flex: none; width: 24px; height: 28px; border: 1px solid var(--line-strong); border-radius: var(--r-1); background: var(--surface); color: var(--ink-2); font: 600 12px/1 var(--font-mono); cursor: pointer; }
.at-toggle:hover { color: var(--ink); border-color: var(--ink-2); }
.at-toggle[aria-pressed="true"] { background: var(--accent-soft); color: var(--accent); border-color: var(--accent); }

.cell-ctl .pv-items, .cond .pv-items { display: none; }
.cell-ctl .pv-main { flex-wrap: nowrap; }
.cell-ctl .pv-value { max-width: 100%; }
.cell-ctl .expr-preview { overflow: hidden; }