/* Five-Year Tax Bracket Calculator — tool-specific additions only.
 * Anything reusable belongs in brand.css so the other tools inherit it too. */

/* The band table is the point of this tool, so it gets more room than the
   default .rows sizing gives it. */
.sfui.sftb table.rows{font-size:13.5px;}
.sfui.sftb table.rows td{padding:9px 8px 9px 0;}
.sfui.sftb table.rows tfoot th{padding-top:11px;border-top:1px solid var(--brand-navy);
  font-family:var(--sans);font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--brand-navy);}
.sfui.sftb table.rows tfoot th.r{font-family:var(--mono);font-size:14px;letter-spacing:0;
  text-transform:none;font-variant-numeric:tabular-nums;}

.sfui.sftb .sftb-rate{font-family:var(--mono);font-variant-numeric:tabular-nums;
  font-weight:700;color:var(--brand-navy);width:64px;}

/* A band with nothing in it stays visible — seeing the empty 32% and 35%
   rows is half of what tells a reader they are nowhere near them. */
.sfui.sftb tr.sftb-empty td{color:var(--muted);}
.sfui.sftb tr.sftb-empty .sftb-rate{color:var(--muted);font-weight:400;}

/* The band holding the top dollar. Gold as a left edge, never a fill. */
.sfui.sftb tr.sftb-marg td:first-child{box-shadow:inset 3px 0 0 var(--brand-gold);
  padding-left:9px;}
.sfui.sftb tr.sftb-marg td{background:#fdfaf4;}

.sfui.sftb tr.sftb-sel td{background:#fdfaf4;}
.sfui.sftb tr.sftb-sel td:first-child{box-shadow:inset 3px 0 0 var(--brand-gold);padding-left:9px;}
.sfui.sftb .sftb-up{color:var(--bad);}
.sfui.sftb .sftb-down{color:var(--good);}
.sfui.sftb .sftb-mut{color:var(--muted);font-style:italic;}

/* The computed taxable-income line reads as a figure, not a field. */
.sfui.sftb output.ro{display:inline-block;min-width:110px;text-align:right;
  font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px;
  font-weight:700;color:var(--brand-navy);padding:8px 0;}

/* The checkbox row carries a disabled itemised field beside it; a disabled
   input that looks live is the sort of thing people click at twice. */
.sfui.sftb input:disabled{background:#f6f2ea;color:var(--muted);cursor:not-allowed;}

@media(max-width:640px){
  .sfui.sftb table.rows{font-size:12.5px;}
  .sfui.sftb .sftb-rate{width:48px;}
  .sfui.sftb table.sftb-years th:nth-child(2),
  .sfui.sftb table.sftb-years td:nth-child(2){display:none;}
}