.sales-platform-setup {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 18px;
  padding: 20px 22px;
  border: 1px solid #d1e6f3;
  border-radius: 12px;
  background: #fff;
  color: #145787;
}
.sales-platform-setup strong { font-size: 14px; }
.sales-platform-setup p { margin: 6px 0 0; color: #58748a; font-size: 11px; line-height: 1.5; }
.sales-platform-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.sales-platform-presets .button { color: #0969b5; border-color: #d1e6f3; font-size: 11px; }
.sales-platform-presets .button:hover { background: #f3faff; border-color: #0969b5; }
.sales-platform-fee { min-width: 0; margin: 0; padding: 16px; border: 1px solid #97cdeb; border-radius: 12px; background: #f3faff; }
.sales-platform-fee legend { padding: 0 6px; color: #145787; font-size: 12px; font-weight: 850; }
.sales-platform-fee > p { margin: 0 0 14px; color: #58748a; font-size: 11px; line-height: 1.6; }
.sales-platform-fee-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.sales-platform-fee-fields label { min-width: 0; }
.sales-platform-fee-fields :is(input,select) { min-width: 0; width: 100%; background: #fff; }
.sales-platform-fee output { display: block; margin-top: 14px; color: #145787; font-size: 11px; line-height: 1.6; }
.sales-platform-fee:disabled { opacity: .7; }
.sales-platform-note { margin: 0; color: #58748a; font-size: 10px; line-height: 1.6; }
.sales-type-search-empty { padding: 24px; text-align: center; color: #58748a; font-size: 12px; }
.sales-type-fee-chip { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.cashier-channel-tabs { max-height: 320px; overflow-y: auto; align-content: start; }
.cashier-channel-tabs button { min-width: 0; overflow-wrap: anywhere; }
.cashier-channel-tabs button span { max-width: 100%; }
@media (max-width: 1050px) {
  .sales-platform-setup { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 600px) {
  .sales-platform-setup { padding: 16px; }
  .sales-platform-presets { display: grid; grid-template-columns: 1fr 1fr; width: 100%; }
  .sales-platform-presets .button { padding: 10px 8px; min-width: 0; }
  .sales-platform-fee-fields { grid-template-columns: 1fr; }
  .sales-type-editor.form-grid { grid-template-columns: 1fr; }
  .sales-type-table-card .data-toolbar { align-items: stretch; flex-direction: column; }
  .sales-type-table-card .classic-search { width: 100%; min-width: 0; }
}