.quota-seat-grid-v183 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(72px, 1fr));
  gap: 10px;
  max-height: 300px;
  overflow: auto;
  padding: 14px;
  border: 1px solid #c9ddd7;
  border-radius: 14px;
  background: #f4f9f7;
}

.quota-seat-v183 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 46px;
  padding: 8px 10px;
  border: 1px solid #bdd3cc;
  border-radius: 11px;
  background: #fff;
  color: #123e32;
  font-weight: 750;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease;
}

.quota-seat-v183:hover {
  border-color: #07805d;
  box-shadow: 0 5px 16px rgba(7, 128, 93, .13);
}

.quota-seat-v183:has(input:checked) {
  border-color: #087b5a;
  background: #087b5a;
  color: #fff;
  box-shadow: 0 6px 18px rgba(8, 123, 90, .23);
}

.quota-seat-v183 input {
  width: 18px;
  height: 18px;
  margin: 0;
  accent-color: #087b5a;
}

.quota-selection-v183 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.quota-selection-v183 span {
  padding: 5px 10px;
  border-radius: 999px;
  background: #e5f3ee;
  color: #08644a;
  font-weight: 700;
}

@media (max-width: 720px) {
  .quota-seat-grid-v183 { grid-template-columns: repeat(4, minmax(56px, 1fr)); }
  .quota-selection-v183 { align-items: flex-start; flex-direction: column; }
}