/* ============================================================================
   ToolBench — number-base.css
   Number Base Converter: monospace input styling, bit grid, result tables.
   Loaded alongside calc.css/tools.css, which already supply
   .fieldgrid/.field/.inp/.panel/.prow/.seg/.capnote — none of that is
   redeclared here.
   ============================================================================ */

.nb-mono{font-family:var(--mono)}
.nb-baseinput{max-width:90px;flex:none}

.nb-bitgrid{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 0}
.nb-bit{
  width:34px;height:38px;padding:0;cursor:pointer;
  background:var(--paper);border:1px solid var(--paper-line);border-radius:2px;
  font:600 14px/1 var(--mono);color:var(--slate);
}
.nb-bit.is-on{background:var(--ink);border-color:var(--ink);color:var(--blueprint-light)}
.nb-bit:nth-child(8n+1){margin-left:10px}
.nb-bit:first-child{margin-left:0}

.nb-table{width:100%;margin:12px 0 0;border-collapse:collapse;font-size:14px}
.nb-table td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--paper-line)}
.nb-table td:first-child{color:var(--slate-light);width:1%;white-space:nowrap}
.nb-overflow{color:var(--danger-ink)}