/* Record tabs: equipment (asset) page. Port of the approved mockup frame f5-1233 (record-tabs v2/src/records.css:
   .rhead .rbody .sec .sh .utabs .chartwrap .legend .filters table.ht .rdg .flagrow dl.kv .bi .sm-row, after the A7/A8
   syncs). Scoped under .rt; values only through var(--ds-*) / var(--rt-*). Primitives (rt-st, rt-pill, rt-code, rt-kk,
   rt-link, rt-ico, rt-btn, rt-caps) come from records-base.css and are not restyled here except where noted. */

.rt.rt-asset { background: var(--ds-canvas); color: var(--ds-ink); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); min-width: 0; }
.rt-asset .rt-num { font-variant-numeric: var(--ds-nums); }
.rt-asset .rt-meta { font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); color: var(--ds-ink-3); letter-spacing: var(--ds-track-sm); }
.rt-asset .rt-qual { color: var(--ds-ink-3); }
.rt-asset .rt-hy { font-variant-numeric: normal; }
.rt-asset .rt-sep { color: var(--ds-icon); margin: 0 6px; }
.rt-asset button { font-family: var(--ds-font); }

/* ── record header ─────────────────────────────────────────────────── */
.rt-asset .rt-rhead { position: sticky; top: 0; z-index: 5; background: var(--ds-canvas); box-shadow: inset 0 -1px 0 var(--ds-line); padding: var(--ds-s-5) var(--ds-gutter); display: grid; grid-template-columns: minmax(0, 1fr) max-content; column-gap: var(--ds-s-6); align-items: end; }
.rt-asset .rt-rhead-main { min-width: 0; }
.rt-asset .rt-crumb { font-size: var(--ds-text-base); line-height: var(--ds-lh-base); color: var(--ds-ink-3); display: flex; align-items: center; gap: 6px; }
.rt-asset .rt-crumb .rt-ico { width: 12px; height: 12px; stroke-width: 2; color: var(--ds-icon); }
.rt-asset .rt-crumb-site { color: var(--ds-ink-2); font-weight: var(--ds-w-medium); }
.rt-asset .rt-l1 { display: flex; align-items: center; gap: var(--ds-s-3); margin-top: var(--ds-s-1); }
.rt-asset .rt-d1 { margin: 0; font-family: var(--ds-display); font-weight: var(--ds-display-weight); letter-spacing: var(--ds-display-track); font-size: var(--ds-text-d1); line-height: var(--ds-lh-d1); color: var(--ds-ink); font-variant-numeric: var(--ds-nums); }
.rt-asset .rt-l2 { margin-top: var(--ds-s-2); display: flex; align-items: center; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); color: var(--ds-ink-2); white-space: nowrap; overflow: hidden; }
.rt-asset .rt-l2 b { color: var(--ds-ink); font-weight: var(--ds-w-medium); }
.rt-asset .rt-l2 .rt-code-lead { margin-right: var(--ds-s-2); }
.rt-asset .rt-acts { display: flex; align-items: center; gap: var(--ds-s-2); }
.rt-asset .rt-acts > * { flex: none; }

/* ── body grid: main column + 360px rail ───────────────────────────── */
.rt-asset .rt-rbody { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: stretch; }
.rt-asset .rt-main { padding: 0 var(--ds-s-6) var(--ds-s-8) var(--ds-gutter); min-width: 0; }
.rt-asset .rt-rail { padding: 0 var(--ds-gutter) var(--ds-s-8) var(--ds-s-6); box-shadow: inset 1px 0 0 var(--ds-line); min-width: 0; }
.rt-asset .rt-sec { padding-bottom: var(--ds-s-4); }
.rt-asset .rt-sec + .rt-sec { box-shadow: inset 0 1px 0 var(--ds-line); }
.rt-asset .rt-rail .rt-sec { padding-bottom: var(--ds-s-3); }
.rt-asset .rt-sh { display: flex; align-items: center; gap: var(--ds-s-3); height: 72px; padding: var(--ds-s-4) 0 0; }
.rt-asset .rt-sh .rt-meta { font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.rt-asset .rt-sh .rt-end { margin-left: auto; display: flex; align-items: center; gap: var(--ds-s-3); min-width: 0; }
.rt-asset .rt-sh .rt-end .rt-fresh { white-space: normal; flex-wrap: wrap; justify-content: flex-end; column-gap: 4px; row-gap: 0; text-align: right; align-items: flex-start; }
.rt-asset .rt-utabs { flex: none; }
.rt-asset .rt-sh .rt-end .rt-fresh .rt-ico { margin-top: 2px; }
.rt-asset .rt-fresh-src { white-space: nowrap; }
.rt-asset .rt-h3 { margin: 0; font-size: var(--ds-text-md); line-height: var(--ds-lh-md); font-weight: var(--ds-w-semi); letter-spacing: var(--ds-track-tight); color: var(--ds-ink); white-space: nowrap; }

/* underline tabs (series, history) */
.rt-asset .rt-utabs { display: flex; align-items: stretch; gap: var(--ds-s-5); height: 32px; margin-left: var(--ds-s-4); }
.rt-asset .rt-utab { display: flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; cursor: pointer; font-size: var(--ds-text-base); font-weight: var(--ds-w-medium); color: var(--ds-ink-2); position: relative; white-space: nowrap; }
.rt-asset span.rt-utab { cursor: default; }
.rt-asset .rt-utab .rt-n { color: var(--ds-ink-3); font-weight: var(--ds-w-regular); font-variant-numeric: var(--ds-nums); }
.rt-asset .rt-utab.rt-on { color: var(--ds-ink); font-weight: var(--ds-w-semi); }
.rt-asset .rt-utab.rt-on::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; border-radius: var(--ds-r-tag) var(--ds-r-tag) 0 0; background: var(--ds-selection); }
.rt-asset .rt-fresh { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); color: var(--ds-ink-3); white-space: nowrap; }
.rt-asset .rt-fresh .rt-ico { width: 12px; height: 12px; stroke-width: 2; color: var(--ds-icon); }

/* ── readings chart ────────────────────────────────────────────────── */
.rt-asset .rt-chartwrap { padding: var(--ds-s-2) 0; }
.rt .rt-chart { display: block; width: 100%; height: auto; overflow: visible; }
.rt .rt-chart text { font-family: var(--ds-font); font-size: var(--ds-text-sm); fill: var(--ds-ink-3); font-variant-numeric: var(--ds-nums); }
.rt .rt-chart .rt-ch-lbl { fill: var(--ds-ink-2); }
.rt .rt-chart .rt-ch-lbl-bad { fill: var(--ds-st-late-ink); font-weight: var(--ds-w-medium); }
.rt .rt-chart .rt-ch-halo { paint-order: stroke; stroke: var(--ds-surface); stroke-width: 4px; stroke-linejoin: round; }
.rt .rt-chart .rt-ch-grid { stroke: var(--ds-hair); }
.rt .rt-chart .rt-ch-axis { stroke: var(--ds-line); }
.rt .rt-chart .rt-ch-line { fill: none; stroke: var(--ds-ink-2); stroke-width: 1.75; stroke-linejoin: round; }
.rt .rt-chart .rt-ch-pt { fill: var(--ds-surface); stroke: var(--ds-ink-2); stroke-width: 1.75; }
.rt .rt-chart .rt-ch-pt.rt-ch-pt-fail { fill: var(--ds-st-late); stroke: none; }
.rt .rt-chart .rt-ch-nr-line { stroke: var(--ds-st-late-bd); }
.rt .rt-chart .rt-ch-nr-dot { fill: var(--ds-surface); stroke: var(--ds-st-late); stroke-width: 1.5; }
.rt .rt-chart .rt-ch-ev-line { stroke: var(--ds-line); }
.rt .rt-chart .rt-ch-ev-dot { fill: var(--ds-ink-3); }
.rt-asset .rt-legend { display: flex; align-items: center; gap: var(--ds-s-5); font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); color: var(--ds-ink-3); }
.rt-asset .rt-legend i { display: inline-block; width: 8px; height: 8px; border-radius: var(--ds-r-full); margin-right: 6px; }
.rt-asset .rt-legend .rt-lg-pass { background: var(--ds-surface); box-shadow: inset 0 0 0 1.75px var(--ds-ink-2); }
.rt-asset .rt-legend .rt-lg-fail { background: var(--ds-st-late); }
.rt-asset .rt-legend .rt-lg-nr { background: var(--ds-surface); box-shadow: inset 0 0 0 2px var(--ds-st-late); }

/* sparkline (same model elsewhere) */
.rt .rt-spark { display: block; }
.rt .rt-spark .rt-spark-line { fill: none; stroke: var(--ds-field); stroke-width: 1.25; stroke-linejoin: round; }
.rt .rt-spark .rt-spark-dot { fill: var(--ds-ink-3); }
.rt .rt-spark .rt-spark-dot.rt-spark-dot-warn { fill: var(--ds-st-route); }

/* ── history: filters + table ──────────────────────────────────────── */
.rt-asset .rt-filters { display: flex; align-items: center; gap: var(--ds-s-2); padding: 0 0 var(--ds-s-3); }
.rt-asset .rt-filters .rt-meta { margin-left: auto; white-space: nowrap; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.rt-asset .rt-sel { position: relative; display: inline-flex; align-items: center; height: var(--ds-control-h); border-radius: var(--ds-r-md); background: var(--ds-surface); box-shadow: inset 0 0 0 1px var(--ds-field); }
.rt-asset .rt-sel select { appearance: none; -webkit-appearance: none; height: 100%; border: 0; margin: 0; background: transparent; padding: 0 32px 0 10px; font-family: var(--ds-font); font-size: var(--ds-text-base); color: var(--ds-ink); cursor: pointer; border-radius: var(--ds-r-md); field-sizing: content; max-width: 220px; text-overflow: ellipsis; }
.rt-asset .rt-sel select:focus-visible { outline: var(--ds-focus-w) solid var(--ds-focus); outline-offset: var(--ds-focus-off); }
.rt-asset .rt-sel .rt-ico { position: absolute; right: var(--ds-s-2); pointer-events: none; color: var(--ds-icon); }

.rt-asset .rt-ht { width: 100%; border-collapse: collapse; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); table-layout: fixed; }
.rt-asset .rt-ht .rt-c-date { width: 132px; }
.rt-asset .rt-ht .rt-c-job { width: 180px; }
.rt-asset .rt-ht .rt-c-emp { width: 136px; }
.rt-asset .rt-ht .rt-c-res { width: 84px; }
.rt-asset .rt-ht th { height: 32px; text-align: left; padding: 0 var(--ds-s-2); box-shadow: inset 0 -1px 0 var(--ds-line), inset 0 1px 0 var(--ds-line); white-space: nowrap; }
.rt-asset .rt-ht th:first-child { padding-left: 20px; }
.rt-asset .rt-ht td { padding: 10px var(--ds-s-2); box-shadow: inset 0 -1px 0 var(--ds-hair); vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rt-asset .rt-ht th:last-child, .rt-asset .rt-ht td:last-child { padding-right: 0; }
.rt-asset .rt-ht td:first-child { padding-left: 0; }
.rt-asset .rt-ht td.rt-wrap, .rt-asset .rt-ht td.rt-w2 { white-space: normal; }
.rt-asset .rt-ht td.rt-w2 { color: var(--ds-ink-2); }
.rt-asset .rt-ht .rt-cl2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rt-asset .rt-ht .rt-kk { color: var(--ds-ink-3); font-weight: var(--ds-w-medium); margin-right: 6px; }
.rt-asset .rt-ht .rt-code { vertical-align: 1px; }
.rt-asset .rt-ht .rt-car { display: inline-block; width: 12px; height: 12px; stroke-width: 2; color: var(--ds-icon); vertical-align: -1px; margin-right: var(--ds-s-2); }
.rt-asset .rt-ht tr[data-rt-action] { cursor: pointer; }
.rt-asset .rt-ht tr[data-rt-action]:hover td { background: var(--ds-paper-hover); }
.rt-asset .rt-ht tr.rt-xp td, .rt-asset .rt-ht tr.rt-xp:hover td { background: var(--ds-surface); box-shadow: none; }
.rt-asset .rt-ht tr.rt-xpd td { background: var(--ds-surface); white-space: normal; padding-top: 0; padding-bottom: var(--ds-s-4); color: var(--ds-ink-2); }
.rt-asset .rt-ht tr.rt-loading td { color: var(--ds-ink-3); padding-left: 20px; }
.rt-asset .rt-tfoot { padding: var(--ds-s-3) 0 0; }

/* readings grid in an expanded row: two columns, flagged values keep the D14 glyph */
.rt-asset .rt-rdg { display: grid; grid-template-columns: 1fr 1fr; column-gap: var(--ds-s-8); padding-left: 20px; }
.rt-asset .rt-rdg-row { display: flex; justify-content: space-between; gap: var(--ds-s-3); padding: 5px 0; box-shadow: inset 0 -1px 0 var(--ds-hair); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); white-space: nowrap; min-width: 0; }
.rt-asset .rt-rdg-k { color: var(--ds-ink-2); overflow: hidden; text-overflow: ellipsis; }
.rt-asset .rt-rdg-v { font-variant-numeric: var(--ds-nums); color: var(--ds-ink); }
.rt-asset .rt-rdg .rt-rdg-flag { font-size: var(--ds-text-base); line-height: var(--ds-lh-base); font-weight: var(--ds-w-medium); color: var(--ds-ink); }
.rt-asset .rt-rdg .rt-rdg-flag.rt-st-bad { color: var(--ds-st-late-ink); font-weight: var(--ds-w-semi); }

/* quiet navigation text (All 28 jobs, Edit in Simpro, photos) */
.rt-asset .rt-nav { display: inline-flex; align-items: center; gap: var(--ds-s-1); padding: 0; border: 0; background: none; cursor: pointer; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); font-weight: var(--ds-w-medium); color: var(--ds-ink-2); white-space: nowrap; }
.rt-asset .rt-nav .rt-ico { width: 14px; height: 14px; color: var(--ds-icon); }
.rt-asset .rt-nav.rt-nav-sm { font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); }
.rt-asset .rt-inl { padding: 0; border: 0; background: none; cursor: pointer; font-size: inherit; line-height: inherit; color: var(--ds-ink); }
.rt-asset .rt-inl:hover { text-decoration: underline; text-underline-offset: 3px; }

/* ── rail: flags ───────────────────────────────────────────────────── */
.rt-asset .rt-flagrow { padding: 10px 0 11px; box-shadow: inset 0 -1px 0 var(--ds-hair); }
.rt-asset .rt-flag-h { display: flex; align-items: center; gap: var(--ds-s-2); font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.rt-asset .rt-flag-h .rt-meta { margin-left: auto; }
.rt-asset .rt-flag-b { margin-top: 2px; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); color: var(--ds-ink-2); }

/* rail: details */
.rt-asset .rt-kv { display: grid; grid-template-columns: 112px minmax(0, 1fr); margin: 0; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); }
.rt-asset .rt-kv dt, .rt-asset .rt-kv dd { margin: 0; padding: 7px 0 8px; box-shadow: inset 0 -1px 0 var(--ds-hair); }
.rt-asset .rt-kv dt { color: var(--ds-ink-3); }
.rt-asset .rt-kv dd { min-width: 0; }
.rt-asset .rt-kv dd.rt-rel { display: flex; align-items: center; gap: var(--ds-s-2); }

/* rail: quotes naming this equipment */
.rt-asset .rt-bi { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--ds-s-3); padding: 9px 0 10px; box-shadow: inset 0 -1px 0 var(--ds-hair); align-items: start; }
.rt-asset .rt-bi-p { grid-column: 1; grid-row: 1; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); color: var(--ds-ink); min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.rt-asset .rt-bi-p b { font-weight: var(--ds-w-semi); }
.rt-asset .rt-bi-p .rt-kk { color: var(--ds-ink-3); font-weight: var(--ds-w-medium); }
.rt-asset .rt-bi-s { grid-column: 2; grid-row: 1; padding-top: 2px; }
.rt-asset .rt-bi-m { grid-column: 1 / -1; grid-row: 2; font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); color: var(--ds-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* rail: same model elsewhere */
.rt-asset .rt-sm-row { display: grid; grid-template-columns: minmax(0, 1fr) 72px 64px; column-gap: var(--ds-s-3); align-items: center; padding: 9px 0 10px; box-shadow: inset 0 -1px 0 var(--ds-hair); }
.rt-asset .rt-sm-who { min-width: 0; }
.rt-asset .rt-sm-p { display: block; font-size: var(--ds-text-base); line-height: var(--ds-lh-base); font-weight: var(--ds-w-medium); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rt-asset .rt-sm-m { font-size: var(--ds-text-sm); line-height: var(--ds-lh-sm); color: var(--ds-ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: var(--ds-nums); }
.rt-asset .rt-sm-vs { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
.rt-asset .rt-sm-v { font-size: var(--ds-text-base); line-height: var(--ds-lh-base); font-variant-numeric: var(--ds-nums); }

/* the last row of each rail section carries no rule */
.rt-asset .rt-rail .rt-sec > :last-child, .rt-asset .rt-rail .rt-rows > :last-child,
.rt-asset .rt-rail .rt-kv dt:last-of-type, .rt-asset .rt-rail .rt-kv dd:last-of-type { box-shadow: none; }