.sales-settings { display:grid; gap:16px; }
.product-tabs { flex-wrap:wrap; }
.cash-list-header { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.cash-settings-list { padding:0 24px; }
.cash-settings-item { padding:18px 0; border-bottom:1px solid var(--line); }
.cash-settings-item:last-child { border-bottom:0; }
.cash-settings-heading { display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin:0 0 12px; }
.cash-settings-heading h3 { margin:0; font-size:16px; font-weight:500; }
.cash-settings-heading h3 small { font-size:14px; color:var(--muted); }
.cash-settings-heading>span { font-size:12px; }
.cash-settings-actions { display:flex; gap:12px; margin-left:auto; flex-wrap:wrap; }
.cash-settings-form { padding:24px; border-left:2px solid #b5c9cf; background:#f8fafb; display:grid; gap:12px; }
.cash-setting-field { display:grid; grid-template-columns:145px minmax(0,440px); gap:16px; align-items:center; }
.cash-setting-field label { font-size:14px; }
.cash-setting-field input,.cash-setting-field select,.cash-setting-field textarea,.cash-closing-filter input,.cash-closing-filter select { width:100%; box-sizing:border-box; padding:10px 12px; border:1px solid #d9e3e9; background:white; border-radius:6px; color:var(--ink); font:inherit; }
.cash-form-save { display:flex; align-items:center; gap:12px; padding-left:161px; }
.cash-form-save small { color:var(--muted); }
#cash-settings-status { font-size:13px; margin:16px 0; }
.cash-closing-filter { padding:20px; display:flex; align-items:end; gap:18px; flex-wrap:wrap; margin-bottom:20px; }
.cash-closing-filter label { display:grid; gap:8px; min-width:200px; }
.cash-closing-filter .cash-date-actions { display:flex; gap:6px; }
.cash-closing-totals { margin-bottom:20px; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); }
@media(max-width:650px) { .cash-setting-field { grid-template-columns:1fr; gap:6px; } .cash-form-save { padding-left:0; flex-wrap:wrap; } .cash-settings-list { padding:0 16px; } .cash-settings-form { padding:16px; } .cash-settings-actions { margin-left:0; } }
.sales-card header { padding:20px 24px 16px; border-bottom:1px solid var(--line); }
.sales-card h2 { margin:0 0 6px; font-size:19px; font-weight:600; }
.sales-card header p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.sales-check { display:flex; align-items:flex-start; gap:10px; padding:22px 24px; line-height:1.6; cursor:pointer; }
.sales-check input { accent-color:var(--teal); width:16px; height:16px; flex-shrink:0; margin-top:3px; }
.payment-methods { list-style:none; margin:0; padding:0 24px; }
.payment-methods li { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); }
.payment-methods small { display:inline-block; margin-left:12px; font-size:11px; }
.payment-methods .muted { color:var(--muted); }
.add-payment-form { padding:20px 24px 24px; }
.add-payment-form label { display:block; color:var(--muted); font-size:12px; margin-bottom:8px; }
.add-payment-form>div { display:flex; gap:10px; }
.add-payment-form input { width:min(340px,100%); min-width:0; padding:10px 12px; border:1px solid var(--line); border-radius:8px; font:inherit; color:var(--ink); }
#sales-settings-status { margin:0; font-size:13px; }
.sales-settings>.info-storage-note { margin:0 0 24px; }
.sale-receipt .modal-body { line-height:1.8; overflow-wrap:anywhere; }
@media(max-width:600px) { .payment-methods small { display:block; margin:4px 0 0; } .sales-card header,.sales-check { padding:18px; } }
@media print {
  body:has(.sale-receipt) { background:white; }
  body:has(.sale-receipt)>:not(#modal-root) { display:none!important; }
  body:has(.sale-receipt) #modal-root { position:static; }
  #receipt-backdrop { position:static; display:block; background:white; padding:0; }
  .sale-receipt { width:100%; max-width:none; max-height:none; box-shadow:none; border:0; overflow:visible; }
  .sale-receipt .modal-body { max-height:none; overflow:visible; }
  .sale-receipt .modal-foot,.sale-receipt .modal-close { display:none!important; }
}