.fst-frame { display: flex; flex-direction: column; gap: var(--sp-3); }
.fst-by { display: inline-flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: var(--fs-s); color: var(--muted); }
.fst-by select { min-block-size: var(--ctl-h); font-size: var(--fs-s); color: var(--ink); }
.dt tr.fst-pinned > td { background: var(--accent-soft); font-weight: var(--fw-semi); }
.fst-quiet-box { display: flex; flex-direction: column; gap: var(--sp-1); }
.fst-quiet { margin: 0; }
.fst-sug-t { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.fst-sug-full { margin: 0; }
.fst-sug-acts { flex-wrap: wrap; gap: var(--sp-2); }
.fst-now { color: var(--accent); font-weight: var(--fw-semi); }
.fst-quality { padding: var(--sp-3) var(--sp-4); }
.fst-quality h2 { margin: 0 0 var(--sp-2); }


.fst-crit { color: var(--crit); }
.fst-from { display: inline-flex; align-items: center; gap: var(--sp-2); }
.fst-cmp { display: flex; flex-direction: column; gap: var(--sp-2); max-inline-size: 36rem; }
.fst-cmp-bar { position: relative; block-size: 10px; border-radius: 5px; background: var(--line); margin-block: var(--sp-2); }
.fst-cmp-mark { position: absolute; inset-block: -4px; inline-size: 4px; margin-inline-start: -2px; border-radius: 2px; background: var(--muted); }
.fst-cmp-mark.is-best { background: var(--ink); }
.fst-cmp-mark.is-me { inset-block: -6px; inline-size: 6px; margin-inline-start: -3px; background: var(--accent); }
.fst-cmp-legend { display: flex; flex-wrap: wrap; gap: var(--sp-3); }
.fst-cmp-key::before { content: ''; display: inline-block; inline-size: 8px; block-size: 8px; border-radius: 2px;
  margin-inline-end: var(--sp-1); background: var(--muted); vertical-align: middle; }
.fst-cmp-key.is-best::before { background: var(--ink); }
.fst-cmp-key.is-me::before { background: var(--accent); }
.fst-cmp-t { margin: 0; }



.mde-ai, .fpl-ai { align-self: flex-start; }
.mde-ai-splits { margin: 0; padding-inline-start: var(--sp-4); }
.mde-ai-splits > li + li { margin-block-start: var(--sp-2); }


.lk-bar-filters { flex: 1 1 100%; order: 5; min-inline-size: 0; }
.lk-frow { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); min-inline-size: 0; }
.lk-fdrop { position: relative; display: inline-flex; align-items: center; }
.lk-fdd { display: inline-flex; align-items: center; gap: var(--sp-2); block-size: var(--ctl-h); max-inline-size: 18rem; white-space: nowrap; }
.lk-fdd-l { min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; }
.lk-fdd-c { display: inline-flex; line-height: 0; }
.lk-fdd-c svg { transform: rotate(-90deg); }
.lk-fdrop .lk-fdd.active { padding-inline-end: calc(var(--sp-5) + 1.25rem); }
.lk-fdrop > .lk-chip-x { position: absolute; inset-inline-end: var(--sp-2); inset-block-start: 50%; transform: translateY(-50%); }
.lk-fpop { display: none; position: absolute; inset-block-start: calc(100% + var(--sp-1)); inset-inline-start: 0; z-index: 40;
           min-inline-size: 15rem; max-inline-size: 22rem; max-block-size: 24rem; overflow: auto; padding: var(--sp-3);
           background: var(--card); border: 1px solid var(--line); border-radius: var(--r); box-shadow: var(--shadow); }
.lk-fdrop.open > .lk-fpop { display: block; }
.lk-fpop .lk-fopts { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 2px; }
.lk-fpop .lk-fopt { display: flex; align-items: center; gap: var(--sp-2); margin: 0; padding: var(--sp-1) var(--sp-2); border-radius: var(--r-s);
                    font-size: var(--fs-s); color: var(--ink); cursor: pointer; }
.lk-fpop .lk-fopt:hover { background: var(--card2); }
.lk-fpop .lk-fopt input { margin: 0; flex: none; }
.lk-fopt-l { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lk-fpop .lk-fopt-n { flex: none; color: var(--muted); }
.lk-ffind { inline-size: 100%; block-size: var(--ctl-h); margin: 0 0 var(--sp-2); }
.lk-fmore { margin-block-start: var(--sp-2); font-size: var(--fs-s); }
.lk-fpop .lk-frange { flex-direction: column; }
.lk-fbtn, .lk-fsheet { display: none; }
.lk-frow.stacked { flex-direction: column; align-items: stretch; }
.lk-frow.stacked .lk-fdrop { display: flex; flex-direction: column; align-items: stretch; }
.lk-frow.stacked .lk-fdd { justify-content: space-between; max-inline-size: none; inline-size: 100%; }
.lk-frow.stacked .lk-fdrop > .lk-chip-x { inset-block-start: calc(var(--ctl-h) / 2); }
.lk-frow.stacked .lk-fpop { position: static; max-inline-size: none; box-shadow: none; margin-block-start: var(--sp-1); }
@media (max-width: 899px) {
  .lk-bar-filters { display: none; }
  .lk-fbtn { display: inline-flex; }
  .lk-fsheet { display: block; }
  .lk-fpop .lk-fopt { min-block-size: 44px; }
}

.td-tiles.td-tiles-v3 { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fit, minmax(10.5rem, 1fr)); }
.td-tiles-v3 > .lk-tile, .td-tiles-v3 > .arr-item > .lk-tile { flex: none; min-inline-size: 0; inline-size: auto; }
@media (max-width: 719px) {
  .td-tiles.td-tiles-v3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .td-tiles-v3 > .lk-tile:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (min-width: 720px) {
  .td-tiles-v3 > .lk-tile.td-tile-wide { grid-column: span 2; }
}
.td-tiles-v3 .lk-tile-n { white-space: nowrap; }
.td-tiles-v3 .lk-tile-l { white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; }
.td-tiles-v3 .lk-tile-n.long { font-size: var(--fs-2xl); }



:is(.lk-dt, .dt) td:has(.pill, .chip) { overflow: visible; }
:is(.lk-dt, .dt) td :is(.pill, .ha-chip) { max-inline-size: 100%; overflow: hidden; white-space: nowrap; line-height: 1.45; }
:is(.lk-dt, .dt) td :is(.pill, .ha-chip):not(:has(*)) { display: inline-block; vertical-align: middle; text-overflow: ellipsis; }

.fst-rows tr.dt-row:has(button.lk-exp) { cursor: pointer; }
.fst-rows tr.dt-row:has(button.lk-exp):hover > td { background: var(--accent-soft); }
.fst-link { color: var(--accent); text-decoration: none; }
.fst-link:hover { text-decoration: underline; }
.fst-link:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 2px; }
.fst-skel { display: flex; flex-direction: column; gap: var(--sp-2); }
.fst-skel-tiles { display: flex; gap: var(--sp-3); margin-block-end: var(--sp-3); }
.fst-skel-tile { flex: 0 1 11rem; block-size: 8rem; border-radius: 10px; background: var(--line); }
.fst-skel-row { display: block; block-size: 2.75rem; border-radius: 6px; background: var(--line); opacity: .6; }


.vf-sheet-grid > .card { display: block; break-inside: avoid; margin-block-end: var(--sp-4); }
.vf-by { white-space: nowrap; }
.vf-why { margin: 0; }
.vf-wide { margin-block-start: var(--sp-2); }

@media (max-width: 719px) {
  .rn-modal.vf-sheet { align-items: stretch; }
  .rn-modal.vf-sheet .rn-modal-card { inline-size: 100%; max-block-size: none; block-size: 100%; border-radius: 0; }
  .rn-modal.vf-sheet .rn-modal-body { flex: 1 1 auto; }
}
.vf-foot .ho-big { min-inline-size: 10rem; }


.pill.kp-crit { background: var(--crit); color: var(--on-crit); border-color: transparent; font-weight: var(--fw-med); }
.pill.vp-chip-solid { border-color: transparent; }
.vp-htiles { display: flex; flex-wrap: wrap; gap: var(--sp-2); margin-block-start: var(--sp-3); min-inline-size: 0; }
.vp-ht { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; row-gap: 2px;
         min-inline-size: 7.5rem; padding: var(--sp-2) var(--sp-3); border-radius: var(--r); border: 1px solid transparent;
         background: var(--kind-archive-bg); border-color: var(--kind-archive-line); color: var(--kind-on); text-decoration: none; }
a.vp-ht:hover { text-decoration: none; filter: brightness(1.06); }
.vp-ht.kp-live { background: var(--kind-live-bg); border-color: var(--kind-live-line); }
.vp-ht.kp-attention { background: var(--kind-attention-bg); border-color: var(--kind-attention-line); }
.vp-ht.kp-upcoming { background: var(--kind-upcoming-bg); border-color: var(--kind-upcoming-line); }
.vp-ht-n { font-size: var(--fs-l); font-weight: var(--fw-semi); line-height: var(--lh-num); white-space: nowrap; }
.vp-ht-l { font-size: var(--fs-xs); font-weight: var(--fw-med); }
.vp-ht-s { font-size: var(--fs-xs); opacity: .85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.vp-state > .vp-htiles { margin-block-start: var(--sp-3); }
@media (max-width: 719px) {
  .vp-htiles { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding-block-end: 2px; }
  .vp-htiles::-webkit-scrollbar { display: none; }
  .vp-ht { flex: 0 0 auto; }
}


.vp .tiles > .tile { background: var(--kind-live-bg); border-color: var(--kind-live-line); color: var(--kind-on); }
.vp .tiles > .tile.is-stale { background: var(--kind-archive-bg); border-color: var(--kind-archive-line); }
.vp .tiles > .tile.is-crit { background: var(--kind-attention-bg); border-color: var(--kind-attention-line); }
.vp .tiles > .tile :is(.tile-label, .tile-unit, .muted, .tile-src, .small) { color: var(--kind-on); }
.vp .tiles > .tile .tile-value { color: var(--kind-on); }
.vp .tiles > .tile .tile-value.stale { opacity: 1; }
.vp .tiles > .tile .bar { background: var(--kind-foot); }
.vp .tiles > .tile .bar > span { background: var(--kind-on); }
.vp .tiles > .tile:hover { border-color: var(--kind-on); filter: none; }
.vp .tiles > .tile.open { background: var(--kind-live-line); box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--kind-live-bg); }


.vp-subacc { display: none; }
@media (max-width: 719px) {
  .vp-tabs.vp-tabs-main { overflow-x: auto; gap: var(--sp-2); border-block-end: 0; padding-block: var(--sp-1); }
  .vp-tabs-main > .vp-tab, .vp-tabs-main > .vp-tab:first-child {
    flex: 0 0 auto; min-block-size: 40px; padding: 0 var(--sp-4); border: 1px solid var(--line); border-radius: var(--r-pill);
    font-size: var(--fs-s); }
  .vp-tabs-main > .vp-tab.active { border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); }
  .vp-tabs-main .vp-tab-l { overflow: visible; }
  .vp-tabs-wrap > .vp-subtabs { display: none; }
  .vp-subacc { display: block; margin-block-start: var(--sp-2); border: 1px solid var(--line); border-radius: var(--r); background: var(--card); }
  .vp-subacc > summary { display: flex; align-items: center; gap: var(--sp-2); min-block-size: 44px; padding: 0 var(--sp-4);
                         font-weight: var(--fw-med); cursor: pointer; list-style: none; }
  .vp-subacc > summary::-webkit-details-marker { display: none; }
  .vp-subacc > summary::after { content: '▾'; margin-inline-start: auto; color: var(--muted); }
  .vp-subacc[open] > summary::after { content: '▴'; }
  .vp-subacc-list { display: flex; flex-direction: column; border-block-start: 1px solid var(--line); }
  .vp-subacc-list > a { display: flex; align-items: center; gap: var(--sp-2); min-block-size: 44px; padding: 0 var(--sp-4);
                        color: var(--ink); text-decoration: none; }
  .vp-subacc-list > a.active { font-weight: var(--fw-semi); box-shadow: inset 3px 0 0 var(--accent); }
}


@media (max-width: 719px) {
  .vp-htiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; }
  .vp-ht { min-inline-size: 0; }
  .vp-ht-n { font-size: var(--fs-m); overflow: hidden; text-overflow: ellipsis; }
}


.dt td.num, .lk-dt td.num, .fpl-page .num { white-space: nowrap; }


.src-tap { display: block; font-size: var(--fs-xs); color: var(--muted); font-weight: var(--fw-reg); line-height: 1.3; flex-basis: 100%; }
.src-tap[hidden] { display: none; }


.fpl-tiles .lk-tile-note { white-space: normal; overflow: visible; overflow-wrap: anywhere; max-inline-size: calc(100% - 2 * var(--sp-5)); }
.fpl-tiles .lk-tile-l { white-space: normal; overflow: visible; }
.fpl-tiles .lk-tile-n { white-space: nowrap; }
.fpl-tiles .fpl-nofoot { display: none; }
.fpl-tiles .lk-tile-btn { cursor: default; }
@media (min-width: 720px) { .fpl-tiles .lk-tiles-row { grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); } }
@media (max-width: 719px) { .fpl-tiles .lk-tiles-row > .lk-tile:last-child:nth-child(odd) { grid-column: 1 / -1; } }



.dt thead th:not(:has(.dt-sort)) { padding-inline: var(--sp-3); }
@media (min-width: 900px) {
  :is(.lk-dt, .dt) thead th:not(:has(.dt-sort)) { padding-inline: var(--dt-pad); }
}



svg .fst-dn-0 { stroke: var(--dn-0); } span.fst-dn-0 { background: var(--dn-0); }
svg .fst-dn-1 { stroke: var(--dn-1); } span.fst-dn-1 { background: var(--dn-1); }
svg .fst-dn-2 { stroke: var(--dn-2); } span.fst-dn-2 { background: var(--dn-2); }
svg .fst-dn-3 { stroke: var(--dn-3); } span.fst-dn-3 { background: var(--dn-3); }
svg .fst-dn-4 { stroke: var(--dn-4); } span.fst-dn-4 { background: var(--dn-4); }
svg .fst-dn-5 { stroke: var(--dn-5); } span.fst-dn-5 { background: var(--dn-5); }
svg .fst-dn-6 { stroke: var(--dn-6); } span.fst-dn-6 { background: var(--dn-6); }
svg .fst-dn-x { stroke: var(--dn-x); } span.fst-dn-x { background: var(--dn-x); }
.fst-dn-track { stroke: var(--dn-track); }
.fst-dn { cursor: pointer; transition: stroke-width .2s, opacity .2s; }
.fst-share-row { display: grid; grid-template-columns: minmax(16rem, 1fr) minmax(0, 1fr); gap: var(--sp-7); align-items: center; }
.fst-share-row.solo { grid-template-columns: minmax(0, 1fr); }
.fst-share-row.solo .fst-donut { grid-template-columns: minmax(0, 300px) minmax(0, 32rem); }
.fst-takeaway { margin: 0 0 var(--sp-4); color: var(--ink); font-size: var(--fs-m); }
.fst-donut { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: var(--sp-6); align-items: center; min-inline-size: 0; }
.fst-donut-ring { position: relative; inline-size: 100%; max-inline-size: 300px; margin-inline: auto; container-type: inline-size; }
.fst-donut-svg { display: block; inline-size: 100%; block-size: auto; }
.fst-donut-mid { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; pointer-events: none; }
.fst-donut-mid b { font-size: 7.6cqw; line-height: 1; }
.fst-donut-small { font-size: 4.8cqw; color: var(--muted); margin-top: 1.4cqw; max-inline-size: 52cqw; line-height: 1.25; }
.fst-legend { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }
.fst-legend li { display: grid; grid-template-columns: 14px minmax(0, 1fr) auto 3.4em; gap: var(--sp-4); align-items: center; padding: var(--sp-2) var(--sp-3);
                 border-radius: var(--r-s); font-size: var(--fs-s); cursor: default; }
.fst-legend li:hover, .fst-legend li.on { background: var(--card2); }
.fst-sw { inline-size: 12px; block-size: 12px; border-radius: 3px; }
.fst-lg-n { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fst-lg-v { text-align: end; color: var(--muted); }
.fst-lg-p { text-align: end; font-weight: var(--fw-semi); }
.fst-share .plc-bars { margin-block-start: var(--sp-5); }
.fst-pdf { white-space: nowrap; }
@media (max-width: 899px) {
  .fst-share-row { grid-template-columns: minmax(0, 1fr); gap: var(--sp-5); }
  .fst-donut, .fst-share-row.solo .fst-donut { grid-template-columns: minmax(0, 1fr); }
  .fst-donut-ring { max-inline-size: 260px; }
}

.fst-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line);
            border-radius: var(--r); overflow: hidden; margin-block-end: var(--sp-5); }
.fst-kpi { background: var(--card); padding: var(--sp-5) var(--sp-6); min-inline-size: 0; display: flex; flex-direction: column; gap: var(--sp-2); }
.fst-kpi-l { color: var(--muted); font-size: var(--fs-s); }
.fst-kpi-v { font-size: var(--fs-2xl); line-height: 1.1; white-space: nowrap; }
.fst-kpi-t { min-block-size: 1.2em; font-size: var(--fs-s); }
.fst-trend.up { color: var(--dn-up); font-weight: var(--fw-semi); }
.fst-trend.down { color: var(--dn-down); font-weight: var(--fw-semi); }
.fst-spark { display: flex; flex-direction: column; gap: 2px; min-inline-size: 0; }
.fst-spark-svg { inline-size: 100%; max-inline-size: 150px; block-size: 34px; display: block; touch-action: none; overflow: visible; }
.fst-spark-now { stroke: var(--dn-0); stroke-width: 1.8; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.fst-spark-ly { stroke: var(--muted); stroke-width: 1.2; opacity: .5; stroke-dasharray: 3 2; vector-effect: non-scaling-stroke; }
.fst-spark-dot, .fst-spark-mark { fill: var(--dn-0); }
.fst-spark-mark { stroke: var(--card); stroke-width: 1; }
.fst-spark-cap { color: var(--muted); font-size: var(--fs-xs); }
.fst-spark-tip { color: var(--ink); font-size: var(--fs-xs); min-block-size: 1.2em; }

.fst-spark-svg.is-bars { max-inline-size: 100%; block-size: 44px; overflow: hidden; }
.fst-spark-bar { fill: var(--dn-0); opacity: .85; } .fst-spark-bar.on { opacity: 1; fill: var(--accent); }
.fst-spark-base { stroke: var(--line); stroke-width: 1; vector-effect: non-scaling-stroke; }
@media (max-width: 899px) { .fst-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }



.bd-panel { background: radial-gradient(120% 140% at 20% 0%, var(--bd-bg2), var(--bd-bg) 60%); color: var(--bd-ink); border-radius: var(--r);
            padding: var(--sp-5) var(--sp-6); margin-block-end: var(--sp-6); display: grid; grid-template-columns: minmax(0, 1fr) auto;
            grid-template-areas: 'head gauges' 'odo gauges' 'facts gauges' 'say gauges'; column-gap: var(--sp-7); align-items: center; }
.bd-head { grid-area: head; display: flex; justify-content: space-between; gap: var(--sp-2) var(--sp-5); flex-wrap: wrap; align-items: baseline; min-inline-size: 0; }
.bd-odo { grid-area: odo; } .bd-facts { grid-area: facts; } .bd-say { grid-area: say; } .bd-gauges { grid-area: gauges; }

.bd-facts { display: grid; grid-template-columns: repeat(3, minmax(0, auto)); justify-content: start; gap: var(--sp-3); margin-block: var(--sp-3) var(--sp-4); min-inline-size: 0; }
.bd-fact { display: grid; grid-row: span 3; grid-template-rows: subgrid; gap: 2px; background: var(--bd-glass); border: 1px solid var(--bd-line); border-radius: var(--r);
           padding: var(--sp-2) var(--sp-4); min-inline-size: 7.5rem; align-content: start; }
.bd-fact-l { align-self: end; }
.bd-fact-l { color: var(--bd-muted); font-size: var(--fs-xs); line-height: 1.25; }
.bd-fact-v { font-size: var(--fs-l); font-weight: 700; line-height: 1.15; font-variant-numeric: tabular-nums; }
.bd-fact-ly { color: var(--bd-muted); font-size: var(--fs-xs); min-block-size: 1.25em; }
.bd-head h2 { margin: 0; font-size: var(--fs-l); color: var(--bd-ink); border: 0; padding: 0; }
.bd-sub { color: var(--bd-muted); font-size: var(--fs-s); }
.bd-odo { display: flex; align-items: center; gap: var(--sp-4); flex-wrap: wrap; margin-block: var(--sp-2) var(--sp-1); }
.bd-digits { display: flex; gap: 3px; }
.bd-d { font: 600 30px/1 'IBM Plex Mono', ui-monospace, monospace; background: linear-gradient(var(--bd-d1), var(--bd-d2)); border: 1px solid var(--bd-dline);
        border-radius: 6px; padding: 5px 5px 6px; min-inline-size: 1.1em; text-align: center; }
.bd-d.sep { background: none; border: 0; min-inline-size: auto; padding-inline: 1px; color: var(--bd-muted); }
.bd-eur { font-size: var(--fs-xl); color: var(--bd-muted); }
.bd-delta { font-weight: var(--fw-semi); font-size: var(--fs-s); border-radius: 999px; padding: 4px 10px; }
.bd-delta.up { color: var(--bd-green); background: var(--bd-green-soft); }
.bd-delta.down { color: var(--bd-amber); background: var(--bd-amber-soft); }
.bd-gauges { display: grid; grid-template-columns: repeat(2, 150px); gap: var(--sp-5); }
.bd-g { background: none; border: 0; color: inherit; border-radius: var(--r); padding: var(--sp-3) var(--sp-2); text-align: center; min-inline-size: 0; }
.bd-gauge-svg { inline-size: 100%; max-inline-size: 150px; block-size: auto; display: block; margin-inline: auto; }
.bd-track { stroke: var(--bd-track); } .bd-zone { stroke: var(--bd-zone); }
.bd-prog.bd-ok { stroke: var(--bd-green); } .bd-prog.bd-warn { stroke: var(--bd-amber); } .bd-prog.bd-blue { stroke: var(--bd-blue); }
.bd-tick { stroke: var(--bd-muted); } .bd-needle { stroke: var(--bd-amber); } .bd-hub { fill: var(--bd-amber); } .bd-hub-in { fill: var(--bd-bg); }
.bd-gv { font-size: 22px; font-weight: 700; line-height: 1; margin-block-start: 2px; }
.bd-gl { color: var(--bd-muted); font-size: var(--fs-xs); margin-block-start: var(--sp-1); }
.bd-gn { font-size: var(--fs-xs); opacity: .85; margin-block-start: var(--sp-1); }
.bd-say { margin: 0; color: var(--bd-ink); font-size: var(--fs-m); line-height: 1.45; max-inline-size: 60ch; }

@media (prefers-color-scheme: light) {
  :root:not([data-theme='dark']) .bd-panel { border: 1px solid var(--line); background: var(--card); }
  :root:not([data-theme='dark']) .bd-d:not(.sep) { color: var(--card); }
  :root:not([data-theme='dark']) .bd-hub-in { fill: var(--card); }
}
:root[data-theme='light'] .bd-panel { border: 1px solid var(--line); background: var(--card); }
:root[data-theme='light'] .bd-d:not(.sep) { color: var(--card); }
:root[data-theme='light'] .bd-hub-in { fill: var(--card); }
@media (max-width: 899px) {
  .bd-panel { grid-template-columns: minmax(0, 1fr); grid-template-areas: 'head' 'odo' 'facts' 'gauges' 'say'; padding: var(--sp-5) var(--sp-4); row-gap: var(--sp-3); }
  .bd-d { font-size: clamp(22px, 6.2vw, 26px); }
  .bd-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--sp-2); margin-block: 0; }
  .bd-fact { min-inline-size: 0; padding: var(--sp-2) var(--sp-3); }
  .bd-fact-v { font-size: var(--fs-m); }
  .bd-gauges { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-3); }
  .bd-gauge-svg { max-inline-size: 130px; }
  .bd-gv { font-size: 20px; }
}
@keyframes fst-sweep { from { opacity: .4; transform: rotate(-90deg) scale(.92); } }
@media (prefers-reduced-motion: no-preference) { .fst-donut-svg { animation: fst-sweep .7s cubic-bezier(.2, .8, .2, 1); } }
@media (prefers-reduced-motion: reduce) { .fst-dn, .bd-prog { transition: none; } }




.fwi-grid { display: grid; gap: var(--sp-4); align-items: start; }
.fwi-side { min-inline-size: 0; }
.fwi-main { min-inline-size: 0; display: grid; gap: var(--sp-4); }
.fwi-h { font-size: var(--fs-m); margin: 0 0 var(--sp-2); }
.fwi-hint { margin: 0 0 var(--sp-3); }
.fwi-sec { border-block-start: 1px solid var(--line); padding-block: var(--sp-2); }
.fwi-sec-t { cursor: pointer; font-weight: var(--fw-semi); min-block-size: var(--ctl-h); display: flex; align-items: center; }
.fwi-sec-b { display: grid; gap: var(--sp-2); padding-block-end: var(--sp-2); }
.fwi-row { display: grid; grid-template-columns: minmax(0, 1fr) 5.5rem 7.5rem; gap: var(--sp-2); align-items: center; }
.fwi-row-l { display: grid; min-inline-size: 0; overflow-wrap: anywhere; line-height: 1.25; }
.fwi-row-sub { line-height: 1.2; }
.fwi-in, .fwi-unit { block-size: var(--ctl-h); min-block-size: var(--ctl-h); box-sizing: border-box; margin: 0; inline-size: 100%; }
.fwi-in { text-align: end; font-variant-numeric: tabular-nums; }
.fwi-unit-fixed { display: flex; align-items: center; color: var(--muted); }
.fwi-foot { display: flex; flex-wrap: wrap; gap: var(--sp-2); align-items: center; padding-block-start: var(--sp-3); border-block-start: 1px solid var(--line); }
.fwi-save { display: flex; gap: var(--sp-2); flex: 1 1 100%; }
.fwi-name { flex: 1 1 auto; min-inline-size: 0; block-size: var(--ctl-h); margin: 0; }
.fwi-open { display: inline-flex; align-items: center; gap: var(--sp-2); inline-size: 100%; justify-content: center; }
.fwi-open-n { background: var(--on-accent); color: var(--accent); border-radius: 999px; padding-inline: var(--sp-2); font-size: var(--fs-xs); }
.fwi-levers-line { display: flex; flex-wrap: wrap; gap: var(--sp-1) var(--sp-3); margin: 0; font-weight: var(--fw-semi); }
.fwi-lever-bit + .fwi-lever-bit::before { content: '·'; margin-inline-end: var(--sp-3); color: var(--muted); font-weight: var(--fw-reg); }
.fwi-note { margin: 0; }
.fwi-tiles { margin: 0; }
.fwi-table-card { padding: 0; overflow: hidden; }
.fwi-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.fwi-table { inline-size: 100%; min-inline-size: 34rem; margin: 0; }
.fwi-table th, .fwi-table td { vertical-align: middle; white-space: nowrap; }
.fwi-table thead th.r, .fwi-table td.r { text-align: end; }
.fwi-table tbody th { font-weight: var(--fw-reg); text-align: start; }
.fwi-table th.fwi-sub { padding-inline-start: calc(var(--sp-3) + var(--sp-4)); color: var(--muted); }
.fwi-table tr.fwi-total th, .fwi-table tr.fwi-total td { font-weight: var(--fw-semi); border-block-start: 2px solid var(--line); }
.fwi-table tr.fwi-costs th { font-weight: var(--fw-semi); }
.fwi-d.up { color: var(--ok); }
.fwi-d.down { color: var(--crit); }
.fwi-chart .fwi-plot { inline-size: 100%; }
.fwi-s0 { fill: var(--chart-neutral); background: var(--chart-neutral); }
.fwi-s1 { fill: var(--accent); background: var(--accent); }
.fwi-s2 { fill: var(--chart-kept); background: var(--chart-kept); }
.fwi-s3 { fill: var(--muted); background: var(--muted); }
.fwi-saved { display: grid; gap: var(--sp-2); }
.fwi-saved > .small { margin: 0; }
.fwi-saved-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; gap: var(--sp-3); align-items: center;
  border-block-start: 1px solid var(--line); padding-block: var(--sp-2); min-block-size: 44px; }
.fwi-saved-name { display: grid; min-inline-size: 0; }
.fwi-saved-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fwi-cmp[aria-pressed="true"] { background: var(--accent-soft); }
@media (max-width: 899px) {
  .fwi-levers:not(.open) { display: none; }
  .fwi-levers.open { position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 80; margin: 0; max-block-size: 85vh; overflow: auto;
    border-end-start-radius: 0; border-end-end-radius: 0; box-shadow: var(--shadow-strong); }
  .fwi-backdrop { position: fixed; inset: 0; z-index: 79; background: color-mix(in srgb, var(--ink) 35%, transparent); }
  .fwi-row { grid-template-columns: minmax(0, 1fr) 5rem 6.5rem; }
  .fwi-saved-row { grid-template-columns: minmax(0, 1fr) auto; }
  .fwi-saved-row .link { justify-self: start; }
}

@media (min-width: 900px) {
  .fwi-grid { grid-template-columns: minmax(18rem, 22rem) minmax(0, 1fr); }
  .fwi-levers { position: sticky; inset-block-start: var(--sp-4); max-block-size: calc(100vh - 2 * var(--sp-4)); overflow: auto; }
  .fwi-open, .fwi-done, .fwi-backdrop { display: none; }
}
.fwi-table tbody tr:last-child > * { border-block-end: 0; }


.fst-sug-sheet .fst-sug-h { margin: 0; font-size: var(--fs-s); font-weight: var(--fw-semi); color: var(--muted); }
.fst-sug-sheet .fst-sug-sec + .fst-sug-sec { border-top: 1px solid var(--line); padding-top: var(--sp-3); }
.fst-sug-scroll { overflow-x: auto; max-inline-size: 100%; }
.fst-sug-cases { inline-size: 100%; border-collapse: collapse; font-size: var(--fs-s); }
.fst-sug-cases :is(th, td) { padding: var(--sp-2) var(--sp-3); text-align: start; vertical-align: middle; border-bottom: 1px solid var(--line); }
.fst-sug-cases thead th { color: var(--muted); font-weight: var(--fw-reg); }
.fst-sug-cases :is(th, td) { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: normal; word-break: normal; hyphens: manual; }
.fst-sug-cases .num, .fst-sug-cases th.num { font-variant-numeric: tabular-nums; white-space: nowrap; text-align: start; }
.fst-sug-golist { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-2); }
.fst-sug-go { position: relative; display: inline-block; }
@media (max-width: 899px) { .fst-sug-go::after { content: ''; position: absolute; inset: -12px -6px; } }
.fst-sug-more { justify-content: center; }
.mde-sup { padding: var(--sp-4); }
.mde-sup h3 { margin: 0; font-size: var(--fs-m); }
.mde-sup-c { margin: 0; }


.sync-mark { white-space: normal; overflow-wrap: anywhere; }
.rn-hdr-sync { margin-top: var(--sp-1); }
.tcard-pms { align-self: flex-start; }




.own-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); }
.own-toolbar .dt-search { flex: 1 1 16rem; max-inline-size: 28rem; min-block-size: 44px; }
.own-filter.on { background: var(--accent); color: var(--on-accent); border-color: transparent; }
.own-grid { column-count: 1; column-gap: var(--sp-4); }
@media (min-width: 800px) { .own-grid { column-count: 2; } }
@media (min-width: 1200px) { .own-grid { column-count: 3; } }
.own-card { display: block; break-inside: avoid; margin-block: 0 var(--sp-4); min-inline-size: 0; }
.own-card > * + * { margin-block-start: var(--sp-3); }
.own-head { display: flex; align-items: center; gap: var(--sp-2); min-block-size: 44px; }
.own-name { margin: 0; font-size: var(--fs-m); font-weight: var(--fw-semi); overflow-wrap: anywhere; min-inline-size: 0; }
.own-sub { margin: 0; font-size: var(--fs-s); font-weight: var(--fw-semi); }
.own-meta, .own-veh { margin-block-start: 0; overflow-wrap: anywhere; }
.own-contacts > * + * { margin-block-start: 0; }
.own-contact { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: var(--sp-2);
               min-block-size: 44px; padding-block: var(--sp-1); border-block-start: 1px solid var(--line); }
.own-c-text { display: flex; flex-wrap: wrap; column-gap: var(--sp-4); min-inline-size: 0; }
.own-c-who, .own-c-how { display: inline-flex; flex-wrap: wrap; column-gap: var(--sp-4); min-inline-size: 0; overflow-wrap: anywhere; }
.own-c-name { font-weight: var(--fw-med); }
.own-c-menu { display: flex; justify-content: flex-end; align-items: center; }
.own-c-menu .dt-menu-btn { min-inline-size: 44px; min-block-size: 44px; }
.own-warn, .own-need { margin: 0; color: var(--warn); }
.own-form-actions { gap: var(--sp-3); }
.own-form-actions .spacer { flex: 1; }
.own-contact-form { border-block-start: 1px solid var(--line); padding-block-start: var(--sp-3); }
@media (max-width: 799px) {
  .own-c-text { flex-direction: column; }
}


.plat-url { display: block; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); }
.plat-line { display: flex; align-items: center; gap: var(--sp-3); min-width: 0; }
.plat-line .plat-url { flex: 1 1 auto; }
.plat-line .plat-copy { flex: 0 0 auto; }
.plat-hint { margin: 0; }
.plat-foot { align-items: center; gap: var(--sp-3); }
.plat-veh { display: grid; align-content: center; gap: 0; min-width: 0; }
.plat-veh > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.plat-chip { display: inline-flex; align-items: center; gap: var(--sp-1); }
.plat-add { gap: var(--sp-2); align-items: center; }
.plat-add-input { flex: 1 1 auto; min-width: 0; max-width: 320px; }
.plat-field { display: grid; gap: var(--sp-1); margin: 0; max-width: 420px; }
.plat-switch { margin: 0; font-size: inherit; color: inherit; display: flex; align-items: center; justify-content: space-between;
               gap: var(--sp-3); max-width: 420px; }



.pp { display: flex; flex-direction: column; gap: var(--sp-2); }
.pp-art { width: 100%; }
.pp-svg { display: block; width: 100%; height: auto; max-height: 260px; overflow: visible; }
.pp .pp-dot { cursor: pointer; outline: none; }
.pp .pp-dot .pp-hit { fill: transparent; stroke: none; }
.pp .pp-dot .pp-c { fill: var(--card); stroke: var(--line); stroke-width: 1.5; }
.pp .pp-dot .pp-n, .pp .pp-badge text { fill: var(--ink); font-variant-numeric: tabular-nums; font-weight: var(--fw-semi); }
.pp .pp-dot.pp-empty, .pp .pp-zone.pp-empty .pp-badge { opacity: .55; }
.pp .pp-dot.pp-on .pp-c { fill: var(--accent-soft); stroke: var(--accent); stroke-width: 2.5; }
.pp .pp-dot:focus-visible .pp-c, .pp .pp-zone:focus-visible .sk-zone-r { stroke: var(--accent); stroke-width: 3; }
.pp .pp-zone { cursor: pointer; outline: none; }
.pp .pp-zone.pp-on .sk-zone-r { fill: var(--accent-soft); fill-opacity: 1; stroke: var(--accent); stroke-width: 2.5; }
.pp .pp-badge circle { fill: var(--card); stroke: var(--line); stroke-width: 1.2; }
.pp .pp-muted { cursor: default; opacity: .45; }
.pp .pp-miss .pp-c, .pp .pp-miss .pp-badge circle { stroke: var(--warn); }
.pp .pp-miss .pp-n, .pp .pp-miss .pp-badge text { fill: var(--warn); }
.pp-chips { flex-wrap: wrap; }
.pp-chips .chip { display: inline-flex; align-items: center; gap: var(--sp-1); }
.pp-chips .chip .pp-chip-n { color: var(--muted); font-variant-numeric: tabular-nums; }
.pp-chips .chip.pp-muted { opacity: .45; }
.pp-current { margin: 0; }
.pp-list .pp-row { display: flex; justify-content: space-between; align-items: center; width: 100%; min-height: var(--ctl-h);
  padding: 0 var(--sp-3); background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-s); }
.pp-list .pp-row.active { border-color: var(--accent); background: var(--accent-soft); }
@media (min-width: 900px) {
  .vph-body { display: grid; grid-template-columns: 420px 1fr; gap: var(--sp-6); align-items: start; }
  .vph-body > .vph-pp { position: sticky; top: var(--sp-6); }
}

.ho-tour { gap: var(--sp-3); }
.ho-tour-btn { white-space: normal; line-height: var(--lh-text); text-align: center; }
.ho-tour-bar { width: 100%; height: 6px; accent-color: var(--accent); }
.ho-tour-done { margin: 0; font-weight: var(--fw-semi); color: var(--ok); }
.ho-tour-prog { margin: 0; }
.ho-gap { gap: var(--sp-2); }
.ho-gap-alt { flex-wrap: wrap; gap: var(--sp-2); }
.ho-grid-fold > summary { cursor: pointer; min-height: var(--ctl-h); display: flex; align-items: center; }
.ho-grid-fold[open] > summary { margin-bottom: var(--sp-2); }

.hh-int { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: var(--sp-3); align-items: start; }
.hh-int > .inc-label { grid-column: 1 / -1; }
.hh-int-pair .ho-pair { margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-2); }
.hh-int-pair .ho-pair > .ph-cmp-tools, .hh-int-pair .ho-pair > .ph-ov-wrap { grid-column: 1 / -1; }
.hh-int-act { flex-wrap: wrap; gap: var(--sp-2); align-items: center; }



.fpl-fut-btn, .fst-fut-btn { block-size: var(--ctl-h); min-block-size: var(--ctl-h); box-sizing: border-box; padding-inline: var(--sp-5); cursor: pointer;
               border: 2px solid var(--kind-upcoming-bg); background: var(--card); color: var(--ink);
               border-radius: var(--r-ctl); font: inherit; font-weight: var(--fw-semi); white-space: nowrap; }





.tp-sub { margin: var(--sp-2) 0 var(--sp-4); }
.tp-done, .tp-done .lk-v, .tp-done .tp-l1 { color: var(--muted); text-decoration: line-through; text-decoration-color: var(--muted); }
.tp-two { display: inline-flex; flex-direction: column; min-inline-size: 0; max-inline-size: 100%; }
.tp-two > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tp-since { display: inline-flex; align-items: baseline; flex-wrap: wrap; column-gap: var(--sp-2); }
.tp-late { font-weight: var(--fw-semi); }
.tp-late.is-warn { color: var(--warn); }
.tp-late.is-crit { color: var(--crit); }
.tp-closed { white-space: nowrap; }




.icon-btn.ib { box-sizing: border-box; padding: 0;
               inline-size: var(--ctl) !important; block-size: var(--ctl) !important; min-inline-size: 0 !important; min-block-size: 0 !important; }
.icon-btn.ib svg { width: 18px; height: 18px; }
.icon-btn.ib.danger { color: var(--crit); }
.icon-btn.ib.danger:hover { border-color: var(--crit); }
.icon-btn.ib[aria-pressed="true"] { color: var(--ink); border-color: var(--muted); background: var(--accent-soft); }
.icon-btn.ib:disabled { opacity: .4; cursor: not-allowed; }
.ib-group { display: inline-flex; gap: var(--sp-1); align-items: center; }
.ib-slot { flex: none; inline-size: var(--ctl); block-size: var(--ctl); }
.ib-slot.ib-slot-menu { inline-size: 30px; }
@media (min-width: 720px) {
  .usr-role-row .usr-meta { grid-template-columns: 6rem 5.5rem auto; }
  .usr-role-row .usr-meta > .ib-group { grid-column: 3; justify-self: end; }
}
.row > .ib-group { margin-inline-start: auto; }
@media (max-width: 899px) {
  .icon-btn.ib { position: relative; }
  .icon-btn.ib::after { content: ''; position: absolute; inset: -5px; }
}






.fin-state { display: flex; flex-direction: column; align-items: stretch; gap: 2px; inline-size: 100%; min-inline-size: 0; }
.fin-state-top { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); min-inline-size: 0; }
.fin-sent { display: inline-flex; align-items: center; gap: var(--sp-1); color: var(--muted); flex: none; }
.fin-sent-word { white-space: normal; line-height: 1.25; }
.fin-sent.warn { color: var(--warn); }
.fin-sent svg { flex: none; }
.fin-sending { white-space: normal; line-height: 1.25; }
.fin-sentline { display: flex; align-items: center; gap: var(--sp-2); margin: var(--sp-2) 0 0; color: var(--muted); font-size: var(--fs-s); }
.fin-sentline svg { flex: none; }
.fin-sentline.warn { color: var(--warn); }
.fin-queue { display: flex; align-items: center; gap: var(--sp-4); flex-wrap: wrap; padding: var(--sp-3) var(--sp-4);
             background: var(--accent-soft); border: 1px solid var(--line); border-radius: var(--r-s); }

.fin-inline-title { margin: 0; font-size: var(--fs-m); font-weight: var(--fw-semi); }
.fin-inline [data-rate-what] { margin: 0; }
.fin-rs-cell { display: flex; align-items: center; gap: var(--sp-3); min-inline-size: 0; }
.fin-rs-cell > button { margin-inline-start: auto; flex: none; white-space: nowrap; }
.fin-rs-cell > button:first-child { margin-inline-start: 0; padding-inline-start: 0; }




.lk-dt.lk-dragging :is(th, td).dt-act {
  box-shadow: none;
  background-image: linear-gradient(to left, transparent 3.25rem, var(--line) 3.25rem, var(--line) calc(3.25rem + 1px), transparent calc(3.25rem + 1px));
}
.lk-dt.lk-dragging thead th.dt-act { box-shadow: inset 0 -1px 0 var(--line); }



.lk-dt tbody tr.lk-sub > td { color: var(--muted); font-size: var(--fs-s); padding-block: var(--sp-1); background: var(--bg2); }
.lk-dt tbody tr.lk-sub > td.dt-act { background-color: var(--bg2); }
.lk-dt tbody tr.lk-sub > td.lk-m { display: none; }
@media (min-width: 900px) {
  .lk-dt .lk-xr.lk-xr-sub > td dl > div:not([data-spare]) { display: none; }
  .lk-dt .lk-xr.lk-xr-sub:not(:has(dl > div[data-spare]:not([hidden]))) { display: none; }
}
@media (max-width: 899px) {
  .lk-dt tbody tr.lk-sub { display: none !important; }
}








:root { --bar-h: 44px; }
.page-head[data-template] { display: block; padding: 0; margin-block-end: var(--sp-6); border: 0; gap: 0; }
.page-head[data-template] > .ph-top { padding-block-end: var(--sp-5); border-block-end: 1px solid var(--line); }



.ls-page { display: flex; flex-direction: column; gap: var(--sp-5); }
.ls-page.fin-page { gap: var(--sp-5); }
.ph-row { display: flex; align-items: center; flex-wrap: nowrap; gap: var(--sp-2) var(--sp-4); min-block-size: var(--bar-h); }
.ph-row > .spacer { flex: 1 1 0; min-inline-size: 0; }
.ph-row > .back-link { align-self: center; flex: none; }
.ph-title { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--sp-3); min-inline-size: 12rem; flex: 0 1 auto; }
.ph-title h1 { margin: 0; }
.ph-period, .ph-acts { display: inline-flex; align-items: center; gap: var(--sp-2); flex: none; }
.ph-acts > * { block-size: var(--bar-h); min-block-size: var(--bar-h); }
.ph-acts > .primary { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); padding-block: 0; padding-inline: var(--sp-6);
                      font-weight: var(--fw-semi); white-space: nowrap; }
.ph-acts > .primary svg { flex: none; }
.ph-acts > .dt-menu-btn { inline-size: var(--bar-h); }
.ph-acts > .dt-menu-btn svg { width: 20px; height: 20px; }
.ph-break { display: none; }



.ph-row { flex-wrap: wrap; }
.ph-row > .spacer { display: none; }
.ph-title { flex: 1 1 12rem; min-inline-size: 0; }
.ph-period { margin-inline-start: auto; }
.ph-acts { margin-inline-start: auto; }
.ph-period + .ph-acts { margin-inline-start: 0; }
.ph-period > *, .ph-period .fin-month > *, .ph-acts > * { flex-shrink: 0; }
.ph-period .fin-month button { block-size: var(--bar-h); min-block-size: var(--bar-h); box-sizing: border-box; }
.ph-period .fin-month .fin-month-pick { flex: 0 0 10.5rem; }
.ph-sub { margin: var(--sp-1) 0 0; color: var(--muted); font-size: var(--fs-s); }
.ph-why { margin: var(--sp-2) 0 0; text-align: end; }
.ph-tabs { margin-block-start: var(--sp-4); }

.icon-btn.ib.ib-bar { inline-size: var(--bar-h) !important; block-size: var(--bar-h) !important; }
.icon-btn.ib.ib-bar svg { width: 20px; height: 20px; }
@media (max-width: 899px) { .icon-btn.ib.ib-bar::after { content: none; } }
@media (max-width: 719px) {
  .page-head[data-template] { margin-block-end: var(--sp-4); }
  .ph-row { gap: var(--sp-2); flex-wrap: wrap; }
  .ph-title { min-inline-size: 0; }
  .ph-row > .spacer { display: none; }
  .ph-title { flex: 1 1 0; }
  .ph-title h1 { font-size: var(--fs-xl); }
  .ph-row > .back-link { inline-size: var(--bar-h); padding: 0; justify-content: center; }
  .ph-row > .back-link > span { display: none; }

  .ph-break { display: block; order: 2; flex: 0 0 100%; block-size: 0; }
  .ph-period { order: 3; flex: 1 1 100%; }
  .ph-period > .fin-month { flex: 1 1 100%; }
  .ph-period .fin-month .fin-month-pick { max-inline-size: none; flex: 1 1 auto; }
  .ph-acts { display: contents; }
  .ph-acts > * { order: 4; }
  .ph-acts > .primary { flex: 1 1 auto; min-inline-size: 0; }
  .ph-acts > .dt-menu-btn { order: 1; margin-inline-start: auto; }
  .ph-why { text-align: start; }
  .ph-tabs { overflow-x: auto; white-space: nowrap; }
  .ph-tabs > .fin-tabs { flex-wrap: nowrap; }
}

.fin-head h2 { margin: 0; font-size: var(--fs-2xl); line-height: var(--lh-num); }
.ph-tabs .fin-tab { flex: none; }







.ph-period .fin-month .fin-month-pick { flex: none; inline-size: 10.5rem; max-inline-size: none; }
.ph-period { max-inline-size: 100%; }
@media (max-width: 719px) { .ph-period .fin-month .fin-month-pick { inline-size: auto; flex: 1 1 auto; } }

.ph-sub strong { color: var(--ink); font-weight: var(--fw-semi); }
.ph-sub .ph-sub-sep { margin-inline: var(--sp-2); }


.ph-title h1 { overflow-wrap: anywhere; min-inline-size: 0; }

.ph-acts > :not(.primary):not(.icon-btn):not(.dt-menu-btn) { display: inline-flex; align-items: center; margin: 0; white-space: nowrap; }
.ph-period button { block-size: var(--bar-h); min-block-size: var(--bar-h); min-inline-size: var(--bar-h); box-sizing: border-box; }
.ph-acts button:not(.icon-btn), .ph-acts a.ho-big { block-size: var(--bar-h); min-block-size: var(--bar-h); box-sizing: border-box; display: inline-flex; align-items: center; }

@media (min-width: 900px) { .page-head.stg-head .ph-row > .back-link { display: none; } }



.lk-bar-left > .lk-bar-filters.lk-bar-filters-in { flex: 0 1 auto; order: 0; margin-inline-start: var(--sp-3); }


.lk-pa > .lk-pa-gap { display: inline-block; inline-size: 34px; block-size: 34px; flex: none; }
.lk-pa > .lk-pa-gap[hidden] { display: none; }
.lk-pa > .icon-btn.lk-pa-btn { flex: none; }
.lk-pa > .icon-btn.lk-pa-btn[hidden] { display: none; }






.fst-fut-btn[aria-pressed="true"], .fpl-fut-btn[aria-pressed="true"] { background: var(--kind-upcoming-bg); border-color: var(--kind-upcoming-line); color: var(--kind-on); }
.fst-kpis.is-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 899px) { .fst-kpis.is-3 { grid-template-columns: minmax(0, 1fr); } }
.fst-fut-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); margin-block: var(--sp-2) var(--sp-3); }
.fst-fut-say { margin-block: var(--sp-2) var(--sp-3); max-inline-size: 60rem; }

.fst-win .lk-fdd-l { overflow: visible; text-overflow: clip; white-space: normal; text-align: start; }
.fst-win .lk-fdd { block-size: auto; min-block-size: var(--ctl-h); }

.dt-sub { display: block; padding: 0 var(--sp-3); font-size: var(--fs-xs); font-weight: normal; letter-spacing: 0; text-transform: none; line-height: 1.2; }
.fst-chip.is-after, .fwi-sec.is-after > summary { color: var(--muted); }
.fwi-row-sub { display: block; }




.yd-nav { display: inline-flex; align-items: center; gap: var(--sp-2); min-inline-size: 0; }
.yd-nav .yd-day { display: inline-flex; flex-direction: row; align-items: center; min-inline-size: 0; }
.yd-dlabel { font-size: var(--fs-m); font-weight: var(--fw-semi); text-transform: capitalize; white-space: nowrap; line-height: 1.3; }
.ph-period .yd-nav-b { display: inline-flex; align-items: center; justify-content: center; padding: 0; inline-size: var(--bar-h); }
.ph-period .yd-nav-today { padding-block: 0; padding-inline: var(--sp-4); }
.ph-acts > .yd-span { padding: 0; overflow: hidden; }
@media (max-width: 719px) {
  .ph-period > .yd-nav { flex: 1 1 100%; }
  .yd-nav .yd-day { flex: 1 1 auto; justify-content: center; }
  .ph-acts > .yd-span { flex: 1 1 100%; }
}


.lk-bar-left > .lk-filters { flex: 0 1 auto; min-inline-size: 0; }

.yd > .page-head[data-template] { margin-block-end: 0; }
.ph-acts > .yd-span .yd-span-b { justify-content: center; }

.lk-auto-bar[hidden] { display: none; }

.lk-pa > .lk-pa-gap.lk-pa-mgap { inline-size: 30px; }
.lk-list[data-list='mnt'] .lk-pa > .lk-pa-gap.lk-pa-mgap, .lk-list[data-list='vmt-needs'] .lk-pa > .lk-pa-gap.lk-pa-mgap { inline-size: 36px; }



.lg-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-1) var(--sp-4); margin: 0; font-size: var(--fs-s); color: var(--muted); }
.lg-item { display: inline-flex; align-items: center; gap: var(--sp-2); }
.shf-chip.lg-sw { min-block-size: 1.25rem; min-inline-size: 1.75rem; padding: 0 var(--sp-1); justify-content: center; pointer-events: none; }
@media (max-width: 899px) { .shf-chip.lg-sw { min-block-size: 1.25rem; } }


.shf-chip.outside:not(.is-missed) { box-shadow: inset 0 0 0 2px var(--warn); }
.shf-drag-hint { margin: 0; }

.shf-chip-risk { flex: none; display: inline-flex; align-items: center; justify-content: center; inline-size: 1rem; block-size: 1rem; margin-inline-start: auto;
                 border-radius: 50%; background: var(--warn); color: var(--on-warn); font-size: var(--fs-xs, .7rem); font-weight: var(--fw-semi); line-height: 1; }
.shf-chip.is-red .shf-chip-risk { background: var(--crit); color: var(--on-crit); }
.shf-chip.lg-sw.is-risk { background: var(--card); }
.ha-risk { font-weight: var(--fw-semi); }

.rn-modal-card.dlg-del { inline-size: min(26rem, 100%); padding: var(--sp-5) var(--sp-6); }
.dlg-del .dlg-del-q { margin: 0; font-size: var(--fs-m); font-weight: var(--fw-semi); line-height: var(--lh-text); overflow-wrap: anywhere; }
.dlg-del .dlg-del-foot { position: static; gap: var(--sp-3); padding-block: var(--sp-4) 0; margin-block-start: var(--sp-4); }
.dlg-del .dlg-del-foot button { min-block-size: 44px; }

.lk-list tr.dt-row.lk-hl > td { background: var(--accent-soft); transition: background .4s; }

.tp-what-grp { display: inline-flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.tp-progress { font-variant-numeric: tabular-nums; }
.tp-check { display: inline-flex; align-items: center; gap: var(--sp-2) var(--sp-3); flex-wrap: wrap; }
.tp-check.is-failed .tp-check-st { color: var(--crit); }



.lk-view-chips { margin-block-end: var(--sp-4); }
.lk-view-chips .chip .num { margin-inline-start: var(--sp-2); opacity: .75; }


@media (max-width: 899px) {
  :is(.dfl-page, .dtc-page, .mnt-page, .asv-page) .lk-tile.k-archive .lk-tile-n { min-block-size: calc(var(--fs-2xl) * var(--lh-num)); }
}


.usr-site-ticks { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-4); }
.usr-site-ticks > .usr-site-tick { display: inline-flex; align-items: center; gap: var(--sp-2); margin: 0; min-block-size: var(--ctl-h);
  font-size: inherit; color: inherit; cursor: pointer; }
.usr-site-ticks > .usr-site-tick:first-child { flex-basis: 100%; font-weight: var(--fw-med); }
.usr-site-ticks > .usr-site-tick > input { margin: 0; inline-size: auto; }
.usr-site-ticks > .usr-site-tick:has(input:disabled) { cursor: not-allowed; color: var(--muted); }
.usr-invite-sites[hidden] { display: none; }
.usr-blind-line { margin: 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--sp-1); }
.usr-blind-line > .usr-blind-who { padding: 0; min-block-size: 0; background: none; border: 0; color: var(--accent); text-decoration: underline; cursor: pointer; font: inherit; }

.usr-blind-line > .usr-blind-who { position: relative; max-inline-size: 100%; overflow-wrap: anywhere; text-align: start; }
@media (max-width: 899px) {
  .usr-blind-line > .usr-blind-who { display: inline-flex; align-items: center; min-block-size: 44px; }
}


.fst-offer { display: grid; gap: var(--sp-3); }
.fst-offer-pick { display: flex; align-items: center; gap: var(--sp-3); margin: 0; font-size: inherit; color: inherit; }
.fst-offer-pick select { inline-size: auto; min-inline-size: 0; }
.fst-offer-card { display: flex; align-items: flex-start; gap: var(--sp-3); padding: var(--sp-3); border: 1px solid var(--line); border-radius: var(--r-s); background: var(--card); }
.fst-offer-body { flex: 1 1 auto; min-inline-size: 0; display: grid; gap: var(--sp-1); }
.fst-offer-lbl { font-size: var(--fs-s); color: var(--muted); }
.fst-offer-t { margin: 0; overflow-wrap: anywhere; user-select: all; }
.fst-offer-card > .fst-offer-copy { flex: 0 0 auto; }
.fst-offer-acts { display: flex; justify-content: flex-end; gap: var(--sp-3); }


.prep-rep-img { display: block; inline-size: 100%; max-block-size: 40vh; object-fit: cover; border-radius: var(--r); background: var(--line); }
.prep-rep-shot {
  position: relative; margin: 0; display: flex; align-items: center; justify-content: center; gap: var(--sp-2);
  min-block-size: var(--ctl-h); padding: 0 var(--sp-4); border: 1px solid var(--line); border-radius: var(--r);
  font-size: var(--fs-m); color: var(--ink); cursor: pointer;
}
.prep-rep-shot svg { flex: none; }
.prep-rep-done { margin: 0; font-weight: var(--fw-semi); }
@media (min-width: 900px) { .nav-mode { display: none; } }

.bk2 .dcz-big.two.bk-three > button.bk-tech { grid-column: 1 / -1; }
#bottom .sheet .nav-mode { border-style: solid; color: var(--accent); font-weight: var(--fw-semi); margin-block-end: var(--sp-2); }



.pin-wrap { overflow-x: auto; }
.pin-grid { --dt-min: calc(10rem + var(--pin-cols, 1) * 16rem); }
.pin-grid th:first-child, .pin-grid td.pin-veh { inline-size: 10rem; }
.pin-grid td { white-space: normal; overflow: visible; vertical-align: middle; }
.pin-cell { display: grid; gap: var(--sp-1); min-width: 0; }
.pin-line { display: flex; align-items: center; gap: var(--sp-2); min-width: 0; }
.pin-line > .pin-act { margin-inline-start: auto; flex: 0 0 auto; }
.pin-input { flex: 1 1 auto; min-width: 0; margin: 0; }
.pin-two { display: grid; gap: 0; min-width: 0; }
.pin-two > * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pin-st.is-warn { color: var(--warn); }
.pin-st.is-crit { color: var(--crit); }
.pin-two > .pin-st.is-warn, .pin-two > .pin-st.is-crit { white-space: normal; }
.pin-lbl { display: none; }
.pin-msg:empty { display: none; }
.pin-empty { margin: 0; }
.pin-settings { display: flex; flex-wrap: wrap; align-items: end; gap: var(--sp-3) var(--sp-5); }
.pin-set { display: grid; gap: var(--sp-1); margin: 0; font-size: inherit; color: inherit; }
.pin-select { min-block-size: 44px; }
.pin-set-note { flex-basis: 100%; margin: 0; }
.pin-vehicle .pin-lbl { display: block; font-weight: var(--fw-semi); }
.pin-vehicle .pin-cell { padding-block: var(--sp-2); border-block-end: 1px solid var(--line); }
.pin-vehicle .pin-cell:last-child { border-block-end: 0; }
@media (max-width: 719px) {
  .pin-wrap { overflow: visible; }
  .pin-grid { --dt-min: 0; table-layout: auto; }
  .pin-grid thead { display: none; }
  .pin-grid, .pin-grid tbody, .pin-grid tr, .pin-grid td { display: block; inline-size: 100%; }
  .pin-grid tr { border: 1px solid var(--line); border-radius: var(--r); padding: var(--sp-2) var(--sp-3); margin-block-end: var(--sp-3); }
  .pin-grid td, .pin-grid td.pin-veh { padding: var(--sp-2) 0; border: 0; inline-size: 100%; }
  .pin-grid td + td { border-block-start: 1px solid var(--line); }
  .pin-lbl { display: block; font-weight: var(--fw-semi); }
  .pin-act { position: relative; }
  .pin-act::after { content: ''; position: absolute; inset: -6px; }
}

.pin-th { vertical-align: top; }
.pin-th .pin-acct { margin-block-start: var(--sp-1); text-transform: none; letter-spacing: normal; font-weight: var(--fw-reg);
  font-size: var(--fs-s); color: inherit; white-space: normal; }
.pin-acct-open { font-size: var(--fs-s); }
.pin-map td { white-space: normal; vertical-align: middle; }
.pin-listings { margin-block-start: var(--sp-3); }
@media (max-width: 719px) {
  .pin-two > * { white-space: normal; }
  .pin-map thead { display: none; }
  .pin-map, .pin-map tbody, .pin-map tr, .pin-map td { display: block; inline-size: 100%; }
  .pin-map tr { border: 1px solid var(--line); border-radius: var(--r); padding: var(--sp-2) var(--sp-3); margin-block-end: var(--sp-3); }
  .pin-map td { padding: var(--sp-1) 0; border: 0; }
}



.trd { display: grid; gap: var(--sp-2); min-inline-size: 0; }
.trd-cur, .vp-cur {
  display: flex; align-items: center; gap: var(--sp-3); inline-size: 100%; min-block-size: var(--ctl-h);
  padding: 0 var(--sp-3); border: 1px solid var(--line); border-radius: var(--r); background: var(--card); color: var(--ink);
  font-size: var(--fs-m); text-align: start; cursor: pointer;
}
.trd-cur.empty .trd-cur-t { color: var(--muted); }
.trd-cur-t, .vp-cur .vp-name { flex: 1 1 auto; min-inline-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.trd-cur svg, .vp-cur svg { flex: none; color: var(--muted); }
.trd-panel, .vp-panel { display: grid; gap: var(--sp-2); padding: var(--sp-2); border: 1px solid var(--line); border-radius: var(--r); background: var(--card); }
.trd-search { inline-size: 100%; }
.trd-list, .vp-list { display: grid; gap: 1px; max-block-size: 22rem; overflow-y: auto; }
.trd-grid { max-block-size: none; overflow: visible; }
.trd-head { padding: var(--sp-2) var(--sp-2) var(--sp-1); font-size: var(--fs-xs); color: var(--muted); }
.trd-row { display: flex; align-items: center; gap: var(--sp-2); border-radius: var(--r-s); }
.trd-row.on { background: var(--accent-soft); }
.trd-opt {
  flex: 1 1 auto; min-inline-size: 0; display: flex; align-items: center; gap: var(--sp-2); min-block-size: var(--ctl-h);
  padding: 0 var(--sp-2); border: 0; border-radius: var(--r-s); background: transparent; color: var(--ink); font-size: var(--fs-m);
  text-align: start; cursor: pointer;
}
.trd-opt:hover { background: var(--hover); }
.trd-row.on > .trd-opt { font-weight: var(--fw-semi); }
.trd-row > .dt-menu-btn { flex: none; }
.trd-none { color: var(--muted); }
.trd-new { color: var(--accent); font-weight: var(--fw-semi); }
.trd-new-row { display: flex; align-items: center; gap: var(--sp-2); padding: var(--sp-1) 0; }
.trd-new-row .trd-new-input { flex: 1 1 auto; min-inline-size: 0; }
.trd-empty { margin: 0; padding: var(--sp-2); }
.trd-box {
  flex: none; display: inline-flex; align-items: center; justify-content: center; inline-size: 1.25rem; block-size: 1.25rem;
  border: 1px solid var(--line); border-radius: var(--r-s); font-size: var(--fs-s); color: var(--on-accent);
}
.trd-tick[aria-checked="true"] .trd-box { background: var(--accent); border-color: var(--accent); }
@media (min-width: 720px) { .trd-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--sp-3); } }
.vnd-tick { display: flex; align-items: center; gap: var(--sp-2); min-block-size: var(--ctl-h); margin: 0; font-size: inherit; color: inherit; }
.vnd-tick input { flex: none; }

.vp { display: grid; gap: var(--sp-2); min-inline-size: 0; }
.vp-row {
  display: flex; align-items: center; gap: var(--sp-3); inline-size: 100%; min-block-size: var(--ctl-h);
  padding: var(--sp-2); border: 0; border-radius: var(--r-s); background: transparent; color: var(--ink); text-align: start; cursor: pointer;
}
.vp-row:hover { background: var(--hover); }
.vp-row.on { background: var(--accent-soft); }
.vp-main { flex: 1 1 auto; min-inline-size: 0; display: grid; gap: 2px; }
.vp-name { font-size: var(--fs-m); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.vp-row.on .vp-name { font-weight: var(--fw-semi); }
.vp-sub { display: flex; flex-wrap: wrap; column-gap: var(--sp-2); }
.vp-tag { color: var(--warn); }
.vp-km { flex: none; margin-inline-start: auto; font-size: var(--fs-s); color: var(--muted); font-variant-numeric: tabular-nums; text-align: end; min-inline-size: 4rem; }
.vp-empty { display: grid; gap: var(--sp-1); padding: var(--sp-3) var(--sp-2); }
.vp-empty p { margin: 0; }
.vp-empty-t { color: var(--ink); }
.vp-at, .vp-relaxed { margin: 0; }
.vp-new-btn {
  min-block-size: var(--ctl-h); padding: 0 var(--sp-2); border: 0; border-block-start: 1px solid var(--line); background: transparent;
  color: var(--accent); font-weight: var(--fw-semi); text-align: start; cursor: pointer;
}
.vp-addr > summary { min-block-size: var(--ctl-h); display: flex; align-items: center; cursor: pointer; color: var(--muted); }

.vnd-top { align-items: center; gap: var(--sp-3); }
.vnd-top > p { margin: 0; }
.vnd-card-head { display: flex; flex-wrap: wrap; align-items: center; column-gap: var(--sp-3); row-gap: var(--sp-1); }
.vnd-card-head h2 { margin: 0; }
.vnd-sec-h { align-items: center; }
.vnd-sec-h h3, .vnd-card section h3 { margin: 0; font-size: var(--fs-m); }
.vnd-dl { display: grid; gap: var(--sp-2); margin: 0; }
.vnd-kv { display: grid; grid-template-columns: minmax(7rem, 30%) 1fr; gap: var(--sp-3); align-items: center; }
.vnd-kv dt { color: var(--muted); font-size: var(--fs-s); }
.vnd-kv dd { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); min-inline-size: 0; }
.vnd-phone { display: inline-flex; align-items: baseline; gap: var(--sp-1); }
.vnd-orders { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-1); }
.vnd-orders li { gap: var(--sp-2); align-items: center; min-block-size: 2.25rem; }
.vnd-card-foot { align-items: center; }
.vnd-phone-row { gap: var(--sp-2); align-items: center; }
.vnd-phone-row input { flex: 1 1 8rem; min-inline-size: 0; }
.oc-vendor { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-3); }
@media (max-width: 719px) {
  .vnd-kv { grid-template-columns: 1fr; gap: var(--sp-1); }
  .vnd-top { flex-wrap: wrap; }
  .vnd-top > .primary { flex: 1 1 100%; }
}


.msg-row-bot { flex-wrap: wrap; row-gap: var(--sp-1); }
.msg-row-bot > .msg-last { order: 1; flex: 1 1 100%; }


.pw-list { display: grid; gap: 0; }
.pw-row { display: grid; grid-template-columns: minmax(0, 1fr) 13rem 13rem 9rem; align-items: center; gap: var(--sp-3) var(--sp-4);
          padding-block: var(--sp-3); border-top: 1px solid var(--line); min-block-size: 56px; }
.pw-row:first-child { border-top: 0; }
.pw-who { display: grid; gap: var(--sp-1); min-inline-size: 0; }
.pw-row .pin-select { inline-size: 100%; }
.pw-note { grid-column: span 2; }
.pw-retry { justify-self: end; min-block-size: 44px; grid-column: 4; }
@media (max-width: 719px) {
  .pw-row { grid-template-columns: minmax(0, 1fr); }
  .pw-note, .pw-retry { grid-column: auto; justify-self: stretch; }
}






@media (min-width: 720px) { .sell-grid { --dt-min: calc(10rem + var(--pin-cols, 1) * 7.5rem); } }
.sell-sum { margin: 0; }
.sell-cell .pin-two > .sell-ex { overflow: visible; }
.sell-ex { display: inline-flex; align-items: center; gap: var(--sp-1); margin: 0; font-size: var(--fs-s); color: inherit; white-space: nowrap; cursor: pointer; position: relative; }
.sell-ex input { margin: 0; inline-size: 18px; block-size: 18px; flex: 0 0 auto; }
.sell-cell[data-exempt="1"] .sell-ex { color: var(--muted); }

@media (max-width: 719px) {
  .sell-grid tr { padding: var(--sp-1) var(--sp-3); margin-block-end: var(--sp-2); }
  .sell-grid td, .sell-grid td.pin-veh { padding: var(--sp-1) 0; }
  .sell-grid td + td { border-block-start: 0; }
  .sell-cell { grid-template-columns: minmax(6rem, 9rem) 1fr; align-items: center; column-gap: var(--sp-2); }
  .sell-cell .pin-lbl { font-weight: var(--fw-reg); color: var(--muted); }
  .sell-ex { min-block-size: 32px; }
  .sell-ex::after { content: ''; position: absolute; inset: -6px -6px; }
}




.plat-scope { margin: 0; }
.plat-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sp-4); }
.set-body .plat-cards > .plat-card, .plat-cards > .plat-card { margin: 0; padding: var(--sp-5); display: flex; flex-direction: column; gap: var(--sp-3); }
.plat-card-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); min-block-size: 32px; }
.plat-card-name { margin: 0; }
.plat-facts { display: grid; gap: var(--sp-2); margin: 0; }
.plat-fact { display: grid; grid-template-columns: 11rem minmax(0, 1fr); align-items: baseline; gap: var(--sp-3); }
.plat-fact dt { font-size: var(--fs-s); margin: 0; }
.plat-fact dd { margin: 0; display: grid; gap: 0; min-inline-size: 0; }
.plat-fact dd.is-warn .plat-word, .plat-answer.is-warn .plat-word { color: var(--warn); }
.plat-word { font-weight: var(--fw-semi); }
.plat-note { overflow-wrap: anywhere; }
.plat-att { display: grid; gap: var(--sp-1); justify-items: start; }
.plat-att-line { margin: 0; color: var(--warn); text-align: start; padding: 0; }
.plat-card-foot { display: flex; justify-content: flex-end; margin-block-start: auto; }
.plat-open { min-block-size: 44px; }
.plat-off { display: grid; gap: var(--sp-1); justify-items: start; }
.plat-off-line { color: var(--muted); min-block-size: 44px; padding: 0; }

.plat-sheet-head { display: grid; gap: var(--sp-1); }
.plat-sheet-head .plat-back { justify-self: start; padding-inline: 0; margin-inline: 0; }
.plat-sheet-title { display: flex; align-items: center; gap: var(--sp-3); }
.plat-sheet-title .set-h2 { margin: 0; }
.plat-group-head { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); min-block-size: 44px; }
.plat-group-head .set-h3 { margin: 0; }
.plat-answer { margin: 0; display: grid; gap: 0; }
.plat-choices { display: grid; gap: var(--sp-2); }
.plat-choice { display: flex; align-items: flex-start; gap: var(--sp-3); margin: 0; font-size: inherit; color: inherit; cursor: pointer;
  padding: var(--sp-2) var(--sp-3); border: 1px solid var(--line); border-radius: var(--r-s); min-block-size: 44px; }
.plat-choice input { margin: var(--sp-1) 0 0; flex: 0 0 auto; }
.plat-choice-t { display: grid; gap: 0; }
.plat-choice.is-off { cursor: not-allowed; color: var(--muted); }
.plat-links { --dt-min: calc(10rem + 3 * 15rem); }
.plat-ext { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-inline-size: 0; }
.plat-sheet-foot { display: flex; justify-content: flex-start; }
.plat-remove { color: var(--crit); min-block-size: 44px; padding: 0; }
@media (max-width: 899px) {
  .plat-cards { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 719px) {
  .plat-cards > .plat-card { padding: var(--sp-4); }
  .plat-fact { grid-template-columns: 8.5rem minmax(0, 1fr); gap: var(--sp-2); }
  .plat-links { --dt-min: 0; }
}

.plat-fill { margin: 0; padding-inline-start: 1.1em; display: grid; gap: var(--sp-1); }


.plat-links th:first-child, .plat-links td.pin-veh { inline-size: 12rem; }
.plat-links .pin-input { max-inline-size: none; }
@media (min-width: 720px) { .plat-links { --dt-min: calc(12rem + var(--pin-cols, 1) * 16rem); } }
.plat-tick-veh { display: flex; align-items: center; gap: var(--sp-3); }
.plat-links tr.is-off .pin-veh { color: var(--muted); }
@media (max-width: 719px) {
  .plat-links td.plat-off-cell { display: none; }
  .plat-tick-l { min-block-size: 32px; }
  .plat-tick-l::after { content: ''; position: absolute; inset: -6px -6px; }
}



.yd-nav .yd-day { inline-size: 15rem; flex: 0 0 15rem; justify-content: center; text-align: center; }
.yd-nav .yd-dlabel { text-align: center; }
.ph-period .yd-nav-today:disabled, .shf-today:disabled { opacity: .45; cursor: default; }
@media (max-width: 719px) {
  .yd-nav .yd-day { inline-size: auto; flex: 1 1 0; }
  .yd-nav .yd-dlabel { font-size: var(--fs-s); }
}


.mv-chip { display: inline-flex; flex: none; inline-size: auto; min-block-size: 1.5rem; padding-inline: var(--sp-2); font-weight: var(--fw-med); }



.yd-nav .yd-dnum:not(.today):not([aria-current='date']) { display: inline; min-inline-size: 0; block-size: auto; padding: 0; vertical-align: baseline; }
.yd-nav .yd-dlabel { word-spacing: normal; letter-spacing: normal; }




.evrow.dt-bar.is-done { box-shadow: inset 3px 0 0 var(--line); }


.asg-job-ticks { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-4); }
.asg-job-ticks > .asg-job-tick { display: inline-flex; align-items: center; gap: var(--sp-2); margin: 0; min-block-size: var(--ctl-h);
                                 font: inherit; color: inherit; cursor: pointer; }
.asg-job-ticks > .asg-job-tick > input { margin: 0; inline-size: 1.25rem; block-size: 1.25rem; flex: none; }




.sprep-role-ticks { display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-4); }
.sprep-role-ticks > .sprep-role-tick { display: inline-flex; align-items: center; gap: var(--sp-2); margin: 0; min-block-size: var(--ctl-h);
                                       font: inherit; color: inherit; cursor: pointer; }
.sprep-role-ticks > .sprep-role-tick > input { margin: 0; inline-size: 1.25rem; block-size: 1.25rem; flex: none; }


.yd-kindbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2) var(--sp-3); margin-block: var(--sp-2); }
.yd-kindbar .yd-kind-l { display: inline-flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: var(--fs-s); color: var(--muted); }
.yd-kindbar select { min-block-size: var(--ctl-h); inline-size: auto; max-inline-size: 100%; }
.yd-kindbar .yd-kind-x { min-block-size: var(--ctl-h); }
.yd-kindbar .yd-kind-none { font-size: var(--fs-s); }
@media (max-width: 719px) { .yd-kindbar .yd-kind-l { flex: 1 1 100%; flex-direction: column; align-items: stretch; } .yd-kindbar select { inline-size: 100%; } }


.shf-chip[class*="job-"]:not(.is-missed) { background: var(--jc-soft); box-shadow: inset 0 0 0 1px var(--jc); }
.shf-chip[class*="job-"] svg { color: var(--jc); }
.shf-chip[class*="job-"].outside:not(.is-missed) { box-shadow: inset 0 0 0 2px var(--warn); }
.shf-chip.is-dormant .shf-chip-v { opacity: .75; }



.jt-card .jt-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(11rem, 15rem); align-items: center; column-gap: var(--sp-3); row-gap: var(--sp-1); min-block-size: var(--ctl-h); }
.jt-card .jt-l { margin: 0; font-size: inherit; color: inherit; }
.jt-card .jt-f { display: grid; grid-template-columns: minmax(0, 8rem) minmax(0, 1fr); align-items: center; column-gap: var(--sp-2); }
.jt-card .jt-f input { inline-size: 100%; max-inline-size: none; min-block-size: var(--ctl-h); margin: 0; }
.jt-card .jt-u { white-space: nowrap; }
.jt-card .jt-n { grid-column: 1 / -1; margin: 0; }
.jt-card .jt-check { display: inline-flex; align-items: center; gap: var(--sp-2); grid-column: 1 / -1; }
.jt-card .jt-check input { margin: 0; inline-size: 1.125rem; block-size: 1.125rem; }
.jt-card .jt-piece { padding-block-start: var(--sp-2); border-block-start: 1px solid var(--line); }
.jt-card .jt-piece .set-h3 { margin: 0; }
@media (max-width: 719px) { .jt-card .jt-row { grid-template-columns: minmax(0, 1fr); } .jt-card .jt-f { grid-template-columns: minmax(0, 7rem) minmax(0, 1fr); } }
.rd-move { margin-block-start: var(--sp-1); }
.jt-card .jt-row, .jt-card .jt-piece > .jt-row { max-inline-size: 44rem; }

.jt-card .jt-mx { display: grid; row-gap: var(--sp-2); }
.jt-card .jt-mx-row { display: grid; grid-template-columns: minmax(9rem, 1.4fr) repeat(var(--jt-n, 1), minmax(4.5rem, 1fr)); align-items: center; column-gap: var(--sp-3); min-block-size: var(--ctl-h); }
.jt-card .jt-mx-head { min-block-size: 0; }
.jt-card .jt-mx-h { color: var(--muted); line-height: 1.2; overflow-wrap: anywhere; }
.jt-card .jt-mx-l { margin: 0; }
.jt-card .jt-mx-c { display: grid; margin: 0; }
.jt-card .jt-mx-c input { inline-size: 100%; max-inline-size: none; min-block-size: var(--ctl-h); margin: 0; }
.jt-card .jt-mx-s { display: none; }
@media (max-width: 719px) {
  .jt-card .jt-mx-head { display: none; }
  .jt-card .jt-mx-row { grid-template-columns: repeat(auto-fit, minmax(6.5rem, 1fr)); row-gap: var(--sp-1); padding-block-end: var(--sp-2); border-block-end: 1px solid var(--line); }
  .jt-card .jt-mx-l { grid-column: 1 / -1; font-weight: 600; }
  .jt-card .jt-mx-s { display: block; }
}

.rd-tags .rd-tag { margin-inline-start: var(--sp-1); }
.rd-tags .pill { font-size: var(--fs-s); }




.dt-ink { color: var(--dt); }
.dt-chip:not(.is-missed) { background: var(--dt-bg); box-shadow: inset 0 0 0 1px var(--dt); }
.dt-chip svg { color: var(--dt); }
.dt-pill { background: var(--dt-bg); color: var(--dt); }
.dt-bar { box-shadow: inset 3px 0 0 var(--dt); }
.tt-chip.dt { --tt-tone: var(--dt); background: var(--dt-bg); }
.lk-tile.dt-tile { --t-bg: var(--dt-solid); --t-line: var(--dt-solid-line); --t-on: var(--kind-on); --t-sub: var(--kind-on); --t-icon: var(--kind-icon); --t-foot: var(--kind-foot); }


.lg-item .lg-t { white-space: nowrap; }


.sw-name { display: flex; flex-direction: column; gap: var(--sp-1); min-inline-size: 0; }
.sw-what { min-inline-size: 0; }
.sw-toggle { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); min-block-size: var(--ctl-h); min-inline-size: var(--ctl-h); padding-inline: var(--sp-2);
  margin: 0; border: 1px solid var(--line); border-radius: var(--r); background: var(--card); color: var(--muted); font-size: var(--fs-s); }
.sw-toggle.is-on { color: var(--ink); border-color: var(--ok); }
.sw-toggle.is-on .sw-mark { color: var(--ok); }
.sw-toggle.is-special { border-style: dashed; }
.sw-toggle:disabled { opacity: .6; }
.sw-mark { inline-size: 1em; text-align: center; font-weight: var(--fw-semi); }
.sw-fixed { display: inline-flex; align-items: center; min-block-size: var(--ctl-h); color: var(--muted); font-size: var(--fs-s); }
.sw-count { margin: 0; }
.sw-grp { margin: var(--sp-3) 0 var(--sp-1); font-size: var(--fs-s); color: var(--muted); font-weight: var(--fw-semi); }
.sw-row { display: flex; flex-direction: column; gap: var(--sp-2); padding-block: var(--sp-3); border-block-end: 1px solid var(--line); }
.sw-pair { display: flex; flex-wrap: wrap; gap: var(--sp-4); }
.sw-lab { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-1); min-inline-size: 0; }
@media (max-width: 719px) { .sw-toggle, .sw-fixed { min-block-size: 44px; } }
.sw-narrow .lk-views { flex-wrap: nowrap; overflow-x: auto; }
.sw-narrow .lk-view { flex: 0 0 auto; white-space: nowrap; }
.sw .dt-sort { padding-inline: var(--sp-1); letter-spacing: 0; }


.rd-running { font-size: var(--fs-l); font-weight: 600; color: var(--ink); }
.rd-sheet .rd-running::before { content: ""; display: inline-block; inline-size: 0.6rem; block-size: 0.6rem; margin-inline-end: var(--sp-2); border-radius: 50%; background: var(--accent); animation: rd-pulse 1.2s ease-in-out infinite; }
@keyframes rd-pulse { 50% { opacity: 0.25; } }
@media (prefers-reduced-motion: reduce) { .rd-sheet .rd-running::before { animation: none; } }



.ph-acts > a.ph-settings { padding-inline: var(--sp-3); color: var(--accent); text-decoration: none; }
.ph-acts > a.ph-settings:hover { text-decoration: underline; }


.shf-busy-note { margin: 0; padding: var(--sp-3) var(--sp-4); border: 1px solid var(--line); border-radius: var(--r); background: var(--card); color: var(--ink); font-size: var(--fs-m); font-weight: 600; }
.shf-jobs-body.is-busy { opacity: 0.45; filter: grayscale(1); pointer-events: none; user-select: none; }



.shf-block { padding-inline-end: 1.75rem; }
@media (max-width: 899px) { .shf-grid { min-inline-size: 64rem; } }


.sprep-stage-head { align-items: center; gap: var(--sp-3); min-block-size: var(--ctl-h); }
.sprep-stage-head .set-h2 { margin: 0; }
.sprep-active { min-block-size: var(--ctl-h); }
.jt-card.is-inactive > :not(.sprep-stage-head) { opacity: 0.6; }


.inc-titlecell { display: block; min-inline-size: 0; }
.inc-titlecell > .inc-who { display: block; font-weight: 400; color: var(--muted); font-size: var(--fs-s); margin-block-start: var(--sp-1); padding-inline-start: calc(var(--sp-2) + 8px); }


.asg-both { display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--sp-1); }



.td-tiles-v3 > .lk-tile, .td-tiles-v3 > .arr-item > .lk-tile { --t-ic: 56px; }
@media (max-width: 899px) { .td-tiles-v3 > .lk-tile, .td-tiles-v3 > .arr-item > .lk-tile { --t-ic: 40px; } }
.td-tiles-v3 .lk-tile-l { max-inline-size: calc(100% - var(--sp-5) - var(--sp-3) - var(--t-ic) - var(--sp-2)); }
.td-tiles-v3 .lk-tile-n { max-inline-size: calc(100% - var(--sp-5) - var(--sp-3) - var(--t-ic) - var(--sp-2)); }


.td-tiles-v3 .lk-tile-l { display: block; -webkit-line-clamp: unset; line-clamp: unset; overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }
.td-tiles-v3 .lk-tile-note { overflow: visible; text-overflow: clip; white-space: normal; overflow-wrap: anywhere; }


.td-tiles-v3 .lk-tile-btn > .lk-tile-foot { margin-block-start: auto; }


.ha-who-name { margin: 0 0 var(--sp-1); }



.vp { grid-template-columns: minmax(0, 1fr); }



.pill.dt { inline-size: auto; min-inline-size: 0; }



.vp:has(> .vp-head) { gap: var(--sp-5); }

@media (max-width: 719px) { .vp-tabs-main > .vp-tab, .vp-tabs-main > .vp-tab:first-child { min-block-size: 44px; } }



.pp .pp-dot.pp-ok .pp-c { fill: var(--ok-soft); stroke: var(--ok); stroke-width: 2.5; }
.pp .pp-dot.pp-ok .pp-n { fill: var(--ok); }
.pp .pp-dot.pp-todo .pp-c { fill: var(--card); stroke: var(--line); stroke-width: 1.5; stroke-dasharray: 3 3; }
.pp .pp-dot.pp-todo .pp-n { fill: var(--muted); }
.pp .pp-zone.pp-ok .sk-zone-r { fill: var(--ok-soft); fill-opacity: 1; stroke: var(--ok); stroke-width: 2; }
.pp .pp-zone.pp-ok .pp-badge circle { fill: var(--ok-soft); stroke: var(--ok); }
.pp .pp-zone.pp-ok .pp-badge text { fill: var(--ok); }
.pp .pp-zone.pp-todo .pp-badge text { fill: var(--muted); }
.ho-map { align-items: stretch; }
.ho-map .pp-svg { max-height: 320px; }
.ho-gap > summary.ho-gap-sum { list-style: none; cursor: pointer; display: flex; align-items: center; gap: var(--sp-3); min-block-size: 44px; }
.ho-gap > summary.ho-gap-sum::-webkit-details-marker { visibility: hidden; font-size: 0; inline-size: 0; }
.ho-gap-sum .ho-gap-name { flex: 1 1 auto; min-width: 0; }
.ho-gap-chev::before { content: '\25B8'; color: var(--muted); }
.ho-gap[open] .ho-gap-chev::before { content: '\25BE'; }
.ho-gap-chev { inline-size: 1.2em; text-align: center; }
.ho-gap[open] > .ho-gap-body { margin-block-start: var(--sp-2); }
.ho-leave-step, .ho-leave { gap: var(--sp-4); }
.ho-leave-title { margin: 0; }
.ho-leave-hint { margin: 0; }
.ho-leave-allok.is-done { background: var(--ok); border-color: var(--ok); }
.ho-leave-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--sp-2); }
@media (min-width: 720px) { .ho-leave-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ho-leave-row { display: flex; align-items: center; gap: var(--sp-3); min-block-size: 56px; padding: var(--sp-2) var(--sp-4); text-align: start;
  background: var(--card); color: var(--ink); border: 2px solid var(--line); border-radius: var(--r-l); cursor: pointer; }
.ho-leave-row.is-ok { border-color: var(--ok); background: var(--ok-soft); }
.ho-leave-row.is-missing { border-color: var(--warn); background: var(--warn-soft); }
.ho-leave-ico { font-size: 1.6em; line-height: 1; }
.ho-leave-name { flex: 1 1 auto; min-width: 0; font-weight: var(--fw-semi); }
.ho-leave-mark { inline-size: 1.6em; block-size: 1.6em; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  border: 2px solid var(--line); font-weight: var(--fw-semi); }
.ho-leave-row.is-ok .ho-leave-mark { background: var(--ok); border-color: var(--ok); color: var(--card); }
.ho-leave-row.is-missing .ho-leave-mark { background: var(--warn); border-color: var(--warn); color: var(--card); }
.ho-gate { gap: var(--sp-3); }
.ho-gate.is-not-now { background: var(--warn-soft); }
.ho-gate-warn { margin: 0; }
.ho-nn-chips { flex-wrap: wrap; gap: var(--sp-2); }
.ho-nn-chip { min-block-size: 44px; padding-inline: var(--sp-4); background: var(--card); color: var(--ink); border: 2px solid var(--line);
  border-radius: 999px; cursor: pointer; }
.ho-nn-chip.on { border-color: var(--ink); background: var(--accent-soft); font-weight: var(--fw-semi); }
.ho-nn-note { width: 100%; box-sizing: border-box; }

.sup-q.is-low { color: var(--warn); font-weight: 600; }
.sup-mode { display: flex; gap: var(--sp-2); flex-wrap: wrap; }
.sup-mode .chip { min-block-size: 44px; }
.sup-sites, .sup-nature { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.sup-sites .chip, .sup-nature .chip { min-block-size: 44px; display: inline-flex; align-items: center; gap: var(--sp-2); }
.sup-chip-n.is-low { color: var(--warn); font-weight: 600; }
.sup-act { display: flex; align-items: flex-end; gap: var(--sp-3); }
.sup-act .sup-lab { flex: 1 1 auto; display: flex; flex-direction: column; gap: var(--sp-1); margin: 0; font-size: inherit; color: inherit; min-inline-size: 0; }
.sup-act .sup-n { inline-size: 100%; min-block-size: 44px; }
.sup-act .sup-go { min-block-size: 44px; flex: 0 0 auto; }
.sup-moves { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-2); }
.sup-moves li { border-block-end: 1px solid var(--line); padding-block-end: var(--sp-2); }
.rg-two { display: inline-flex; flex-direction: column; align-items: flex-start; gap: var(--sp-1); }
.rg-choices { display: flex; flex-direction: column; gap: var(--sp-2); }
.rg-choice { min-block-size: 44px; inline-size: 100%; }
.rg-note { inline-size: 100%; min-block-size: 44px; }
.rg-counts { margin: 0; }
.grp-row { display: flex; align-items: center; gap: var(--sp-2); min-block-size: 48px; border-block-end: 1px solid var(--line); }
.grp-ico { inline-size: 32px; text-align: center; font-size: var(--fs-l, 20px); }
.grp-nm { min-inline-size: 0; overflow-wrap: anywhere; }
.grp-head { align-items: center; }
.grp-icons { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.grp-ic { min-inline-size: 44px; min-block-size: 44px; }
.grp-icon-in, .grp-name input { inline-size: 100%; min-block-size: 44px; }
.grp-name { display: flex; flex-direction: column; gap: var(--sp-1); margin: 0; font-size: inherit; color: inherit; }
.rcv-form, .rcv-lines { display: flex; flex-direction: column; gap: var(--sp-3); }
.rcv-row { display: flex; align-items: center; gap: var(--sp-2); }
.rcv-item { flex: 1 1 auto; min-inline-size: 0; min-block-size: 44px; }
.rcv-qty { flex: 0 0 6rem; inline-size: 6rem; min-block-size: 44px; }
.rcv-site, .rcv-note, .rcv-name { inline-size: 100%; min-block-size: 44px; }
.rcv-fresh { padding-block-start: var(--sp-2); }
.rcv-foot { justify-content: flex-end; }
.rcv-save, .rcv-add { min-block-size: 44px; }
.sup-act .sup-lab .sup-n { inline-size: 100%; max-inline-size: none; }
.rg-choice { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); }
.sup-nm { display: flex; align-items: center; gap: var(--sp-2); min-inline-size: 0; }
.sup-mode .chip { display: inline-flex; align-items: center; gap: var(--sp-2); }


.sv-line { align-items: center; min-block-size: 36px; gap: var(--sp-2); }
.sv-state { white-space: nowrap; }
.sv-line .sv-edit { flex: 0 0 auto; }

.xst-status .lk-views { flex-wrap: wrap; }
.sv-alert { align-items: center; gap: var(--sp-2); min-block-size: 44px; padding-inline: var(--sp-3); border: 1px solid var(--line); border-radius: 8px; background: var(--card); }
.sv-alert-t { font-weight: 600; }
.xst-dates { display: inline-flex; align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.xst-dates input[type="date"] { min-block-size: 36px; inline-size: 9.5rem; }
.xu-line { align-items: center; gap: var(--sp-2); flex-wrap: wrap; }
.xu-nm { overflow-wrap: anywhere; }
.xu-where { white-space: nowrap; }
.xu-line .ib-group { margin-inline-start: auto; flex-wrap: wrap; }
@media (max-width: 600px) {
  .xst-dates { flex-wrap: nowrap; inline-size: 100%; gap: var(--sp-1); }
  .xst-dates-l { display: none; }
  .xst-dates input[type="date"] { inline-size: auto; flex: 1 1 0; min-inline-size: 0; }
}


@media (min-width: 900px) { .lk-kv > div:has(> dd > .pex-m-only) { display: none; } }
@media (max-width: 899px) { .pex-m-only .pex-pick { min-height: 44px; inline-size: 100%; } .pex-m-only .pex-target { min-height: 44px; } }


.so-form, .so-card { min-inline-size: 0; }
.so-ctl { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-2); }
.so-ctl select, .so-ctl .dmy input { min-block-size: 44px; }
.so-ctl .chip { min-block-size: 44px; display: inline-flex; align-items: center; gap: var(--sp-2); }
.so-until { display: inline-flex; align-items: center; gap: var(--sp-2); margin: 0; font-size: inherit; color: inherit; }
.so-grid { display: flex; flex-direction: column; min-inline-size: 0; }
.so-row { display: grid; grid-template-columns: minmax(0, 3fr) repeat(4, minmax(0, 1fr)) minmax(0, 1.7fr); align-items: center; gap: var(--sp-2);
  min-block-size: 48px; padding-block: var(--sp-1); padding-inline: var(--sp-2); border-block-end: 1px solid var(--line); }
.so-row.so-dh, .so-row.so-dl { grid-template-columns: minmax(0, 3fr) repeat(3, minmax(0, 1fr)); }
.so-hd { min-block-size: 36px; font-size: var(--fs-s); color: var(--muted); font-weight: 600; }
.so-nm { min-inline-size: 0; display: flex; flex-direction: column; overflow-wrap: anywhere; }
.so-c { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; text-align: end; margin: 0; min-inline-size: 0; font-size: inherit; color: inherit; }
.so-q { flex-direction: row; align-items: center; justify-content: flex-end; gap: var(--sp-1); }
.so-in { flex: 1 1 auto; inline-size: 100%; min-inline-size: 0; min-block-size: 44px; text-align: end; }
.so-u { flex: 0 0 auto; }
.so-hl { background: var(--accent-soft); box-shadow: inset 3px 0 0 var(--accent); border-radius: var(--r); font-weight: 600; }
.so-done { color: var(--muted); }
.so-pend { font-weight: 600; }
.so-none { margin: 0; padding-block: var(--sp-3); }
.so-foot { display: flex; align-items: center; }
.so-create, .so-acts button { min-block-size: 44px; display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-2); }
.so-acts { flex-wrap: wrap; gap: var(--sp-2); align-items: center; }
.so-flag { margin-inline-start: auto; min-block-size: 32px; display: inline-flex; align-items: center; gap: var(--sp-1); padding-inline: var(--sp-2); background: var(--accent-soft); border-color: transparent; color: var(--ink); white-space: nowrap; }
.so-flag-m { min-block-size: 44px; min-inline-size: 44px; justify-content: center; }
.so-where { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.so-w { display: inline-flex; align-items: center; gap: var(--sp-2); padding: 2px var(--sp-3); border: 1px solid var(--line); border-radius: 999px; min-block-size: 28px; }
.so-total { border-block-start: 1px solid var(--line); padding-block-start: var(--sp-2); }
.so-rule { flex-wrap: wrap; }
.so-m { inline-size: 6rem; min-block-size: 44px; }
.so-tick { display: inline-flex; align-items: center; gap: var(--sp-2); min-block-size: 44px; margin: 0; font-size: inherit; color: inherit; }
.sup-unit { min-block-size: 44px; inline-size: 100%; }
.so-rcpts { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--sp-2); }
.so-rcpt { display: flex; align-items: center; gap: var(--sp-2); border-block-end: 1px solid var(--line); padding-block-end: var(--sp-2); }
.so-rcpt-t { display: flex; flex-direction: column; min-inline-size: 0; overflow-wrap: anywhere; }
.so-rcpt.is-undone { opacity: .6; }
.so-pick-b { display: flex; flex-direction: column; align-items: flex-start; gap: var(--sp-1); min-block-size: 56px; inline-size: 100%; }
.rcv-modes .chip, .rcv-photo { min-block-size: 44px; display: inline-flex; align-items: center; gap: var(--sp-2); }
.rcv-photo.active { border-color: var(--ink); background: var(--accent-soft); }
.rcv-foot { align-items: center; flex-wrap: wrap; gap: var(--sp-2); }
.rcv-oline { display: grid; grid-template-columns: minmax(0, 1fr) 6rem 3rem; align-items: center; gap: var(--sp-2); min-block-size: 56px; }
.rcv-oname { display: flex; flex-direction: column; min-inline-size: 0; overflow-wrap: anywhere; }
.rcv-unit { min-inline-size: 2rem; }
.rcv-unitsel { min-block-size: 44px; inline-size: 100%; }
@media (max-width: 899px) {
  .so-hd { display: none; }
  .so-row { grid-template-columns: repeat(4, minmax(0, 1fr)); row-gap: var(--sp-1); padding-block: var(--sp-2); align-items: start; }
  .so-row.so-dl { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .so-row .so-nm { grid-column: 1 / -1; }
  .so-row .so-c { align-items: flex-start; justify-content: flex-start; text-align: start; }
  .so-row .so-c::before { content: attr(data-l); font-size: var(--fs-xs); color: var(--muted); font-weight: 400; overflow-wrap: anywhere; }
  .so-row .so-q { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: space-between; }
  .so-row .so-q::before { flex: 1 1 auto; }
  .so-row .so-q .so-in { flex: 0 0 7rem; inline-size: 7rem; }
  .so-flag { min-block-size: 44px; }
  .so-form .so-row .so-c.so-e { display: none; }
  .so-acts { gap: var(--sp-1); }
  .so-acts button.primary, .so-acts button.ghost { padding-inline: var(--sp-3); }
  .so-until { flex: 1 1 100%; }
  .so-until .dmy, .so-until .dmy input { flex: 1 1 auto; min-inline-size: 0; }
}



.so-row.so-dh.so-dc3, .so-row.so-dl.so-dc3 { grid-template-columns: minmax(0, 4fr) minmax(0, 1.2fr) minmax(0, 1.2fr); }
.so-row.so-dh.so-dc5, .so-row.so-dl.so-dc5 { grid-template-columns: minmax(0, 3fr) minmax(0, 1fr) repeat(2, minmax(0, 1fr)) minmax(0, 1.6fr); }
.so-un { min-inline-size: 0; align-self: center; overflow-wrap: anywhere; }
.so-head { margin: 0; display: flex; flex-wrap: wrap; gap: var(--sp-2) var(--sp-6); }
.so-hp { display: flex; flex-direction: column; min-inline-size: 0; }
.so-hp dt, .so-hp dd { margin: 0; }
.so-hp dd { overflow-wrap: anywhere; }
.so-why { margin: 0; display: flex; flex-direction: column; }
.so-why .so-hp { flex-direction: row; justify-content: space-between; align-items: baseline; gap: var(--sp-3); border-block-end: 1px solid var(--line); padding-block: var(--sp-3); }
.so-click { cursor: pointer; }
.so-click:hover { background: var(--accent-soft); }
.so-click:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; border-radius: var(--r); }
.so-gone { color: var(--muted); font-style: italic; }
.so-over { color: var(--ok); font-weight: 600; }
.pill.so-muted { background: transparent; border: 1px solid var(--line); color: var(--muted); }
.so-sup, .so-headedit { display: flex; flex-direction: column; gap: var(--sp-3); }
.so-sup-in, .so-headedit input { inline-size: 100%; min-block-size: 44px; }
.prep-rcv { display: inline-flex; align-items: center; justify-content: center; gap: var(--sp-3); inline-size: 100%; min-block-size: 56px; }
@media (max-width: 899px) {
  .so-row.so-dh.so-dc3, .so-row.so-dl.so-dc3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .so-row.so-dl.so-dc5 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .so-row .so-un::before { content: attr(data-l); display: block; font-size: var(--fs-xs); color: var(--muted); font-weight: 400; }
  .so-row .so-un { align-self: start; }
  .so-head { flex-direction: column; }
}


.sup-settings { gap: var(--sp-5); }
.sup-set { display: flex; flex-direction: column; gap: var(--sp-3); }
.sup-set-t { margin: 0; font-size: var(--fs-s); font-weight: var(--fw-semi); color: var(--muted); }


.own-grid { display: grid; column-count: auto; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: var(--sp-4); align-items: stretch; }
.own-grid > .own-card { margin-block: 0; break-inside: auto; }



.fwi-dt { padding: 0; }
.fwi-dt .fwi-sub { padding-inline-start: var(--sp-4); color: var(--muted); }
.fwi-dt .fwi-costs { font-weight: var(--fw-semi); }
.fwi-dt .fwi-line { display: inline-flex; flex-direction: column; }