/* tools/modbus-frame-builder/tool.css — the few styles this tool needs beyond /assets/tool.css.
 * Every class starts with mfb- so nothing here can restyle the shared kit. */

/* A titled block inside the results column: small title, then its content. */
.mfb-block { display: grid; gap: var(--s-2); min-width: 0; }
.mfb-block > * { margin: 0; }
.mfb-block .tk-formula { white-space: pre-wrap; overflow-wrap: anywhere; }
.mfb-fmt { font-size: var(--t-xs); color: var(--page-muted); }

/* Facts about the picked register: a two-column key/value list. */
.mfb-info { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px var(--s-3);
            margin: 0; font-size: var(--t-sm); }
.mfb-info dt { color: var(--page-muted); }
.mfb-info dd { margin: 0; overflow-wrap: anywhere; }

/* The address switches, drawn as chips; a closed (ON) switch is filled. */
.mfb-sw { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none;
          font-family: var(--font-mono); font-size: var(--t-xs); }
.mfb-sw li { padding: 2px 8px; background: var(--media-bg); border: 1px solid var(--page-hair-cool);
             border-radius: var(--r-sm); }
.mfb-sw li.is-on { background: var(--brand); color: var(--brand-on); border-color: var(--brand); }

.mfb-vals { display: grid; gap: var(--s-3); }
.mfb-msgs { display: grid; gap: var(--s-2); }

/* The decoder sits under the builder as a second working area. */
.mfb-dec { margin-top: var(--s-6); }