/* tools/rs485-bus-planner/tool.css — only what the RS-485 bus planner needs beyond
 * /assets/tool.css: the node rows, the checklist, and the parts of the bus drawing.
 * Every class starts with rbp-. Colours are tokens, as in tool.css. */

/* ------------------------------------------------------------ node rows */

.rbp-nodes { display: grid; gap: var(--s-2); }
.rbp-node { display: grid; grid-template-columns: minmax(0, 1fr) 6em 7em auto;
            gap: var(--s-2); align-items: center; }
.rbp-node--head { font-size: var(--t-xs); color: var(--page-muted); }
.rbp-del { padding-inline: 10px; }
@media (max-width: 460px) {
  .rbp-node { grid-template-columns: minmax(0, 1fr) 6em 7em; }
  .rbp-node--head > :last-child { display: none; }
  .rbp-del { grid-column: 1 / -1; justify-self: start; }
}

/* ------------------------------------------------------------ checklist */

.rbp-checks { display: grid; gap: var(--s-2); margin: 0; padding: 0; list-style: none; }
.rbp-check > b { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2); }

/* ------------------------------------------------------------ bus drawing */

.rbp-figure { display: grid; gap: var(--s-2); }
.rbp-cap { font-size: var(--t-xs); color: var(--page-muted); }
.tk-chart .rbp-wire,
.tk-chart .rbp-stub { fill: none; stroke: var(--page-fg); stroke-width: 1.25; }
.tk-chart .rbp-stub--bad { stroke: var(--danger); stroke-width: 1.5; stroke-dasharray: 3 3; }
.tk-chart .rbp-box { fill: var(--page-raised); stroke: var(--page-muted); stroke-width: 1; }
.tk-chart .rbp-res { fill: var(--media-bg); stroke: var(--page-fg); stroke-width: 1.25; }
.tk-chart .rbp-term { fill: var(--brand-wash); stroke: var(--brand); stroke-width: 1.5; }
.tk-chart .rbp-dot { fill: var(--page-fg); }
.tk-chart .rbp-label { fill: var(--page-fg); font-weight: var(--w-medium); }
.tk-chart .rbp-note { fill: var(--danger); }