.order-grid {
  margin-top: 32px;
}
.cart .field {
  margin-top: 18px;
}
.cart input,
.cart textarea,
.staff-form input,
.staff-form textarea,
.staff-form select {
  width: 100%;
  padding: 12px;
  border: 1px solid #8b763e;
  border-radius: 8px;
  background: #1d1912;
  color: #fff8ee;
  font: inherit;
}
.cart #pay {
  width: 100%;
  margin-top: 20px;
}
.cart p {
  font-size: 14px;
  line-height: 1.6;
}
.order-alert {
  padding: 16px;
  border: 1px solid #e8bd67;
  border-radius: 10px;
  background: #261e12;
}
#payment-status[data-kind='error'] {
  color: #ffab9e;
}
#payment-status[data-kind='success'] {
  color: #a8d39b;
}
#card-container {
  margin-top: 24px;
  min-height: 100px;
}
.staff-wrap {
  max-width: 1100px;
  margin: 40px auto;
  padding: 0 20px;
}
.staff-wrap h1 {
  font-size: clamp(30px, 4vw, 50px);
}
.staff-tools {
  display: flex;
  gap: 12px;
  align-items: center;
  flex-wrap: wrap;
  margin: 24px 0;
}
.staff-form {
  max-width: 800px;
}
.staff-form label {
  display: block;
  margin: 16px 0 6px;
}
.staff-form input[type='checkbox'] {
  width: auto;
  margin-right: 8px;
}
.staff-form details {
  margin: 22px 0;
  border: 1px solid #655938;
  padding: 18px;
  border-radius: 10px;
}
.staff-form summary {
  cursor: pointer;
  font-size: 20px;
}
.staff-form table {
  width: 100%;
  border-collapse: collapse;
}
.staff-form td,
.staff-form th {
  padding: 10px 4px;
  text-align: left;
  border-bottom: 1px solid #463d2b;
}
.staff-form input[type='number'] {
  max-width: 110px;
}
.hour-row {
  display: grid;
  grid-template-columns: 90px 1fr 1fr;
  gap: 12px;
  align-items: center;
  margin: 12px 0;
}
.orders {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
}
.kitchen-ticket {
  padding: 24px;
  border: 1px solid #8b763e;
  border-radius: 12px;
  background: #1c1811;
}
.kitchen-ticket[data-state='NEW'] {
  border: 3px solid #e8bd67;
}
.kitchen-ticket h2 {
  font-family: var(--sans);
  font-size: 24px;
}
.kitchen-ticket ul {
  padding-left: 20px;
}
.kitchen-ticket li {
  margin: 12px 0;
}
.kitchen-ticket .btn {
  margin-top: 16px;
}
.stock-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
  margin: 18px 0;
}
.stock-list label {
  padding: 12px;
  border: 1px solid #655938;
  border-radius: 8px;
}
.stock-list input {
  margin-right: 10px;
}
.staff-note {
  padding: 16px;
  border-left: 3px solid #e8bd67;
}
#owner-section,
#staff-content,
#login-form[hidden],
[hidden] {
  display: none !important;
}
#owner-section:not([hidden]),
#staff-content:not([hidden]) {
  display: block !important;
}
.receipt-lines {
  margin: 24px 0;
}
.receipt-lines > div {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 12px 0;
}
.copy-link {
  overflow-wrap: anywhere;
}
.test-banner {
  color: #ffe1a3;
  background: #402b0a;
  padding: 16px;
  border: 2px solid #e8bd67;
  font-weight: bold;
}
@media (max-width: 600px) {
  .staff-form table {
    font-size: 13px;
  }
  .hour-row {
    grid-template-columns: 70px 1fr 1fr;
    gap: 6px;
  }
  .hour-row input {
    padding: 8px;
  }
  .staff-tools .btn {
    width: 100%;
  }
}