/* V4.41: compact customer picker and clearer product / tax controls. */
.full-order-surface .customer-picker { position: relative; }
.full-order-surface .customer-picker-field { position: relative; z-index: 3; }
.full-order-surface .customer-picker-field:focus-within { z-index: 12; }
.full-order-surface .customer-match-list {
  position: absolute;
  z-index: 40;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  max-height: 260px;
  overflow-y: auto;
  margin: 0;
  padding: 6px;
  border: 1px solid #d8e0eb;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 28px rgba(25, 39, 66, .16);
}
.full-order-surface .customer-match-list button { min-height: 44px; }
.full-order-surface .customer-match-list button:hover,
.full-order-surface .customer-match-list button:focus-visible { background: #f1f5fd; outline: 0; }
.full-order-surface .customer-match-list > div { padding: 10px; }
.customer-row-actions { flex-wrap: wrap; }
.customer-row-actions button { white-space: nowrap; }
#renumberCustomersV441 { margin-right: 7px; }
.tax-toggle-field { display: flex !important; align-items: center; justify-content: space-between; gap: 10px; }
.tax-switch { position: relative; display: inline-flex; width: 40px; height: 23px; margin-left: auto; }
.tax-switch input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.tax-switch i { width: 100%; height: 100%; border-radius: 999px; background: #cbd3df; transition: background .16s ease; }
.tax-switch i::after { content: ""; position: absolute; top: 3px; left: 3px; width: 17px; height: 17px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(15, 23, 42, .2); transition: transform .16s ease; }
.tax-switch input:checked + i { background: #246bfd; }
.tax-switch input:checked + i::after { transform: translateX(17px); }
.tax-switch input:focus-visible + i { outline: 3px solid rgba(36, 107, 253, .22); }
.tax-rate-field input:disabled { background: #f5f7fa; color: #8b95a5; }
.full-order-surface .draft-sheet { min-width: 1560px; }
.full-order-surface.bluecloud-entry .draft-sheet-head,
.full-order-surface.bluecloud-entry .draft-sheet-row {
  grid-template-columns: 42px 196px 118px minmax(180px, 1.25fr) 124px 124px 84px 80px 92px 106px minmax(190px, 1fr) 72px !important;
}
.full-order-surface.bluecloud-entry .draft-sheet-row { min-height: 132px; }
.full-order-surface.bluecloud-entry .draft-sheet-row .draft-photo-wrap {
  position: relative;
  width: 184px;
  height: 112px;
  flex: 0 0 112px;
  align-self: center;
}
.full-order-surface.bluecloud-entry .draft-sheet-row .draft-photo {
  width: 184px;
  height: 112px;
  border-color: #d7dfeb;
  background: #fff;
}
.full-order-surface.bluecloud-entry .draft-sheet-row .draft-photo img {
  object-fit: contain;
  padding: 5px;
}
.full-order-surface.bluecloud-entry .draft-sheet-row .draft-preview-image {
  width: 30px;
  height: 30px;
  font-size: 19px;
}
.full-order-surface .draft-summary > div:has(#draftTaxAmount) { color: #58657a; }
.full-order-surface #draftTaxAmount { color: #58657a; }
.full-order-surface .payment-tax-settings {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 11px 15px;
  border-bottom: 1px solid var(--line);
  background: #fbfcfe;
}
.full-order-surface .payment-tax-heading b,
.full-order-surface .payment-tax-heading small { display: block; }
.full-order-surface .payment-tax-heading b { color: var(--ink); font-size: 12px; }
.full-order-surface .payment-tax-heading small { margin-top: 3px; color: var(--muted); font-size: 10px; }
.full-order-surface .payment-tax-fields {
  display: grid;
  grid-template-columns: minmax(150px, 190px) minmax(130px, 170px);
  align-items: end;
  gap: 12px;
}
.full-order-surface .payment-tax-fields label { margin: 0; }
.full-order-surface .payment-tax-fields .tax-toggle-field {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font-size: 11px;
}
.full-order-surface .payment-tax-fields .tax-rate-field { color: var(--muted); font-size: 10px; }
.full-order-surface .payment-tax-fields .tax-rate-field input {
  display: block;
  width: 100%;
  min-height: 36px;
  margin-top: 4px;
  padding: 7px 9px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-size: 12px;
}
@media (max-width: 760px) {
  .full-order-surface .payment-tax-settings { align-items: stretch; flex-direction: column; gap: 9px; }
  .full-order-surface .payment-tax-fields { grid-template-columns: minmax(130px, 1fr) minmax(120px, 1fr); }
  .full-order-surface.bluecloud-entry .draft-sheet { min-width: 0; }
  .full-order-surface.bluecloud-entry .draft-sheet-row .draft-photo-wrap,
  .full-order-surface.bluecloud-entry .draft-sheet-row .draft-photo { width: 100%; height: 92px; }
}