/* Calculator page extras */
#chart_div { width: 100%; min-height: 400px; }

.calc-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
  margin: 16px 0 24px;
}
.calc-controls label { display: flex; flex-direction: column; font-size: 13px; color: #666; }
.calc-controls select { padding: 4px 6px; font-size: 14px; }
.calc-controls .btn { border: 0; cursor: pointer; }

.table-scroll { overflow-x: auto; margin-bottom: 8px; }

table.grid { border-collapse: collapse; min-width: 100%; }
table.grid th,
table.grid td { border: 1px solid #ccc; padding: 4px 6px; }
table.grid th {
  background: gainsboro;
  color: green;
  text-align: center;
  white-space: nowrap;
}
table.grid td.center { text-align: center; }
table.grid td.num { text-align: right; white-space: nowrap; }
table.grid input[type="text"],
table.grid input[type="number"] {
  width: 100%;
  min-width: 110px;
  border: 1px solid #ddd;
  padding: 3px 4px;
  font: inherit;
  font-size: 14px;
}
table.grid input[type="number"] { text-align: right; }

table.compare { min-width: 0; }
table.compare td:last-child { text-align: center; }
table.compare tr.ahr { color: red; background: rgb(255, 222, 222); font-weight: 700; }

.notes { font-size: 13px; color: #777; }