button, input, select { font: inherit; }

select {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  padding: 10px 11px;
}

select:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(31, 122, 104, .14);
  outline: 0;
}

.section-actions { display: flex; gap: 8px; }
.preset-button { background: #153f73; color: #fff; }

.container-row {
  grid-template-columns: minmax(82px, .8fr) minmax(92px, 1.15fr) repeat(6, minmax(48px, .7fr)) 38px;
}

.container-row.preset-row {
  grid-template-columns: minmax(82px, .8fr) minmax(110px, 1.25fr) repeat(3, minmax(58px, .72fr)) 38px;
  border-color: #b8d9cf;
  background: #f3faf7;
}

.container-row.preset-row .upper-field { display: none; }
.container-row.preset-row input[readonly] { background: #e8f2ef; color: var(--accent-strong); font-weight: 800; }

@media (max-width: 760px) {
  .container-row, .container-row.preset-row { grid-template-columns: 1fr; }
  .section-actions { flex-wrap: wrap; justify-content: flex-end; }
}