.seller-intake {
  margin: 1.5rem 0 2rem;
  padding: clamp(1rem, 3vw, 2rem);
  border: 1px solid rgba(205, 164, 76, .38);
  border-radius: 1.25rem;
  background: linear-gradient(145deg, rgba(8, 36, 41, .98), rgba(4, 23, 29, .98));
}

.seller-intake__heading,
.seller-intake__record-heading,
.seller-intake__status-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
}

.seller-intake__heading h2,
.seller-intake__record h3 {
  margin: .25rem 0;
}

.seller-intake__boundary {
  margin: 1rem 0;
  padding: .9rem 1rem;
  border-left: 3px solid #d8b14d;
  background: rgba(216, 177, 77, .09);
  color: #e8e3d5;
}

.seller-intake__grid,
.seller-intake__records,
.seller-intake__summary {
  display: grid;
  gap: 1rem;
}

.seller-intake__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.seller-intake__records,
.seller-intake__summary {
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  margin-top: 1rem;
}

.seller-intake label {
  display: grid;
  gap: .4rem;
  color: #b8c8c9;
  font-size: .86rem;
}

.seller-intake label > span {
  font-weight: 700;
  letter-spacing: .03em;
}

.seller-intake input,
.seller-intake select,
.seller-intake textarea {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid rgba(143, 184, 188, .35);
  border-radius: .7rem;
  background: #061a20;
  color: #f3efe5;
  padding: .75rem .8rem;
  font: inherit;
}

.seller-intake textarea {
  min-height: 6rem;
  resize: vertical;
}

.seller-intake__full {
  grid-column: 1 / -1;
}

.seller-intake__checks {
  display: grid;
  gap: .65rem;
  margin: 1rem 0;
}

.seller-intake__availability-grid,
.seller-intake__fulfilment-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0;
}

.seller-intake__availability-grid label,
.seller-intake__fulfilment-options label {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-height: 4rem;
  padding: .85rem;
  border: 1px solid rgba(143, 184, 188, .3);
  border-radius: .8rem;
  background: rgba(2, 18, 23, .72);
  cursor: pointer;
}

.seller-intake__availability-grid label:has(input:checked),
.seller-intake__fulfilment-options label:has(input:checked) {
  border-color: #d8b14d;
  background: rgba(216, 177, 77, .11);
}

.seller-intake__availability-grid input,
.seller-intake__fulfilment-options input {
  width: auto;
  margin-top: .2rem;
  accent-color: #d8b14d;
}

.seller-intake__choice-copy strong,
.seller-intake__choice-copy span {
  display: block;
}

.seller-intake__choice-copy span {
  margin-top: .25rem;
  color: #9eb4b6;
  font-size: .78rem;
  line-height: 1.4;
}

.seller-intake__commercial {
  grid-column: 1 / -1;
  margin-top: 1rem;
  padding: 1rem;
  border: 1px solid rgba(216, 177, 77, .25);
  border-radius: 1rem;
}

.seller-intake__commercial-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  margin: 1rem 0;
}

.seller-intake__commercial-card {
  display: grid !important;
  align-content: space-between;
  gap: .8rem !important;
  min-width: 0;
  min-height: 10.5rem;
  padding: .85rem;
  border: 1px solid rgba(143, 184, 188, .3);
  border-radius: .8rem;
  background: rgba(2, 18, 23, .72);
  cursor: pointer;
}

.seller-intake__commercial-card:has(input[type="radio"]:checked) {
  border-color: #d8b14d;
  background: rgba(216, 177, 77, .11);
}

.seller-intake__commercial-card:not(:has(input[type="radio"]:checked)) .seller-intake__inline-value {
  display: none;
}

.seller-intake__commercial-heading {
  display: flex;
  align-items: flex-start;
  gap: .65rem;
  min-width: 0;
}

.seller-intake__commercial-heading > input {
  width: auto;
  flex: none;
  margin-top: .2rem;
  accent-color: #d8b14d;
}

.seller-intake__inline-value {
  display: grid;
  gap: .35rem;
  color: #b8c8c9;
  font-size: .78rem;
  font-weight: 700;
}

.seller-intake__inline-value input {
  box-sizing: border-box;
  min-width: 0;
  width: 100%;
}

.seller-intake__inline-value small {
  color: #9eb4b6;
  font-size: .72rem;
  font-weight: 500;
  line-height: 1.35;
}

.seller-intake__item-commercial {
  min-width: 0;
  margin: .25rem 0 0;
  padding: .9rem;
  border: 1px solid rgba(216, 177, 77, .25);
  border-radius: .8rem;
}

.seller-intake__item-commercial > legend {
  padding: 0 .35rem;
  color: #d8b14d;
  font-size: .82rem;
  font-weight: 800;
}

.seller-intake__override-toggle {
  display: flex !important;
  align-items: flex-start;
  gap: .65rem !important;
  cursor: pointer;
}

.seller-intake__override-toggle input {
  width: auto;
  flex: none;
  margin-top: .2rem;
  accent-color: #d8b14d;
}

.seller-intake__item-commercial:has(> .seller-intake__override-toggle input:not(:checked)) > .seller-intake__commercial-options,
.seller-intake__item-commercial:has(> .seller-intake__override-toggle input:not(:checked)) > .seller-intake__boundary {
  display: none;
}

.seller-intake__item-commercial .seller-intake__commercial-card {
  min-height: 9.5rem;
}

.seller-intake__item-commercial .seller-intake__commercial-options {
  grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
}

.seller-intake__item-commercial .seller-intake__choice-copy,
.seller-intake__item-commercial .seller-intake__inline-value {
  min-width: 0;
  overflow-wrap: anywhere;
}

.seller-intake__settlement-cycle {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  margin: 0;
  padding: .8rem;
  border: 1px solid rgba(143, 184, 188, .22);
  border-radius: .8rem;
}

.seller-intake__settlement-cycle legend {
  padding: 0 .35rem;
  color: #b8c8c9;
  font-size: .8rem;
  font-weight: 800;
}

.seller-intake__settlement-cycle label {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-height: 2.5rem;
  padding: .55rem .7rem;
  border: 1px solid rgba(143, 184, 188, .22);
  border-radius: .65rem;
  cursor: pointer;
}

.seller-intake__settlement-cycle label:has(input:checked) {
  border-color: #d8b14d;
  background: rgba(216, 177, 77, .11);
}

.seller-intake__settlement-cycle input {
  width: auto;
  accent-color: #d8b14d;
}

.seller-intake__listing-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
  padding: .85rem 1rem;
  border: 1px solid rgba(143, 184, 188, .22);
  border-radius: .8rem;
  background: rgba(2, 18, 23, .55);
}

.seller-intake__listing-toolbar strong,
.seller-intake__listing-toolbar span {
  display: block;
}

.seller-intake__listing-toolbar span {
  margin-top: .2rem;
  color: #9eb4b6;
  font-size: .78rem;
}

.seller-intake__listing-toolbar > div:last-child {
  display: flex;
  gap: .55rem;
}

.seller-intake__listing-toolbar button {
  width: auto;
  min-width: 8rem;
  margin: 0;
}

.seller-intake__checks label {
  display: flex;
  align-items: flex-start;
}

.seller-intake__checks input {
  width: auto;
  margin-top: .2rem;
}

.seller-intake__checks p {
  grid-column: 1 / -1;
  margin: 0;
  color: #b8c8c9;
  font-size: .82rem;
  line-height: 1.5;
}

.seller-intake__record,
.seller-intake__summary > div,
.seller-intake__message {
  border: 1px solid rgba(143, 184, 188, .22);
  border-radius: 1rem;
  background: rgba(2, 18, 23, .72);
  padding: 1rem;
}

.seller-intake__record-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  margin-top: 1rem;
}

.seller-intake__record-grid .wide {
  grid-column: 1 / -1;
}

.seller-intake__record-delete {
  display: flex;
  justify-content: flex-end;
  margin-top: 1rem;
  padding-top: .85rem;
  border-top: 1px solid rgba(143, 184, 188, .18);
}

.seller-intake__record-delete .text-button {
  color: #ffb8ad;
  border-color: rgba(255, 184, 173, .4);
}

.seller-listing-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  min-width: 9rem;
}

.seller-listing-actions button {
  padding: .45rem .65rem;
  white-space: nowrap;
}

.seller-listing-actions button[data-seller-item-action="Archive"] {
  color: #ffb8ad;
  border-color: rgba(255, 184, 173, .4);
}

.seller-intake__id {
  display: block;
  color: #8fb8bc;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: .78rem;
}

.seller-intake__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1rem;
}

.seller-intake__notice {
  min-height: 1.5rem;
  margin-top: .8rem;
  color: #d8b14d;
}

.seller-intake__errors {
  margin: 1rem 0;
  color: #ffb8ad;
}

.seller-intake__summary strong,
.seller-intake__summary span {
  display: block;
}

.seller-intake__summary span {
  color: #9eb4b6;
  font-size: .82rem;
  margin-bottom: .25rem;
}

.seller-intake__timeline {
  margin-top: 1rem;
  border-top: 1px solid rgba(143, 184, 188, .22);
  padding-top: 1rem;
}

.seller-intake__timeline ol {
  margin: .6rem 0 0;
  padding-left: 1.25rem;
  color: #bdcbcc;
}

.seller-intake__timeline li + li {
  margin-top: .45rem;
}

.seller-intake__message {
  margin-top: .7rem;
}

.seller-intake button:disabled,
.seller-intake input:disabled,
.seller-intake select:disabled,
.seller-intake textarea:disabled {
  opacity: .55;
  cursor: not-allowed;
}

@media (max-width: 760px) {
  .seller-intake__heading,
  .seller-intake__record-heading,
  .seller-intake__status-row {
    display: grid;
  }

  .seller-intake__grid,
  .seller-intake__records,
  .seller-intake__summary,
  .seller-intake__record-grid {
    grid-template-columns: 1fr;
  }

  .seller-intake__availability-grid,
  .seller-intake__commercial-options,
  .seller-intake__fulfilment-options,
  .seller-intake__settlement-cycle {
    grid-template-columns: 1fr;
  }

  .seller-intake__listing-toolbar,
  .seller-intake__listing-toolbar > div:last-child {
    display: grid;
  }

  .seller-intake__full,
  .seller-intake__record-grid .wide {
    grid-column: auto;
  }
}