.sales-root { padding: var(--sp-6); }
.sales-header { display:flex; justify-content:space-between; align-items:flex-start; gap:var(--sp-4); margin-bottom:var(--sp-5); }
.sales-header__actions { display:flex; flex-wrap:wrap; gap:var(--sp-2); }
.sales-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--sp-3); margin-bottom:var(--sp-4); }
.sales-stat { padding:var(--sp-4); }
.sales-stat strong { display:block; margin-top:var(--sp-1); font-size:var(--text-xl); }
.sales-table-wrap { overflow:auto; }
.sales-table { width:100%; border-collapse:collapse; min-width:760px; }
.sales-table th,.sales-table td { padding:12px 14px; border-bottom:1px solid var(--border); text-align:left; vertical-align:middle; }
.sales-table th { color:var(--text-muted); font-size:var(--text-xs); font-weight:600; }
.sales-table td:last-child { text-align:right; }
.sales-customer { display:block; color:var(--text-muted); margin-top:3px; }
.sales-status { display:inline-flex; align-items:center; border-radius:999px; padding:4px 9px; font-size:12px; font-weight:600; }
.sales-status--paid { color:var(--lime); background:var(--lime-dim); }
.sales-status--pending,.sales-status--authorized { color:var(--gold); background:var(--gold-dim); }
.sales-status--draft { color:var(--blue); background:var(--blue-dim); }
.sales-status--failed,.sales-status--expired,.sales-status--cancelled { color:var(--red); background:var(--red-dim); }
.sales-status--refunded { color:var(--text-muted); background:var(--surface-2); }
.sales-empty { padding:48px 20px; text-align:center; color:var(--text-muted); }
.sales-items { display:flex; flex-direction:column; gap:var(--sp-2); }
.sales-items-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--sp-2); }
.sales-item-row { display:grid; grid-template-columns:minmax(180px,1fr) 100px 140px 40px; gap:var(--sp-2); align-items:end; }
.sales-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:var(--sp-3); }
.sales-form-grid .sales-span-2 { grid-column:1/-1; }
.sales-settings-note { padding:12px; border-radius:var(--r-md); background:var(--blue-dim); color:var(--text); }
.tochka-payment-modes { display:flex; align-items:center; flex-wrap:wrap; gap:var(--sp-4); margin-top:var(--sp-2); }
.tochka-payment-modes .checkbox-label { display:inline-flex; align-items:center; gap:var(--sp-2); cursor:pointer; }
.tochka-payment-modes input[type="checkbox"] { width:18px; height:18px; margin:0; accent-color:var(--blue); cursor:pointer; }
.tochka-webhook-row { display:flex; align-items:center; gap:var(--sp-2); }
.tochka-webhook-row .input { min-width:0; }
.sales-link-actions { display:flex; justify-content:flex-end; gap:6px; }
.sales-details { display:flex; flex-direction:column; gap:var(--sp-5); }
.sales-details__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-3); margin:0; }
.sales-details__grid div,.sales-details__totals div { display:flex; flex-direction:column; gap:4px; }
.sales-details dt { color:var(--text-muted); font-size:var(--text-xs); }
.sales-details dd { margin:0; color:var(--text); overflow-wrap:anywhere; }
.sales-details__table { overflow:auto; border:1px solid var(--border); border-radius:var(--r-md); }
.sales-details__table .sales-table { min-width:600px; }
.sales-details__totals { display:flex; justify-content:flex-end; gap:var(--sp-6); margin:0; text-align:right; }
.sales-details__totals div:last-child dd { font-size:var(--text-lg); font-weight:700; }
.sales-details__note { margin:var(--sp-2) 0 0; white-space:pre-wrap; }
.sales-modal { max-height:calc(100vh - 48px); }
.sales-modal .modal__body {
  max-height:72vh;
  padding:var(--sp-5) var(--sp-6);
  overflow-y:auto;
}
.sales-modal .modal__footer {
  flex-shrink:0;
  gap:var(--sp-3);
  padding:var(--sp-4) var(--sp-6) var(--sp-5);
  border-top:1px solid var(--line);
  background:var(--panel);
}
.sales-modal .modal__footer .btn { min-width:124px; }
.sales-modal .checkbox-label {
  display:inline-flex;
  align-items:center;
  gap:var(--sp-2);
  width:max-content;
  cursor:pointer;
}
.sales-modal .checkbox-label input[type="checkbox"] {
  width:18px;
  height:18px;
  margin:0;
  accent-color:var(--blue);
  cursor:pointer;
}
@media (max-width:760px) {
  .sales-root { padding:var(--sp-4); }
  .sales-header { flex-direction:column; }
  .sales-stats { grid-template-columns:1fr; }
  .sales-form-grid,.sales-item-row { grid-template-columns:1fr; }
  .sales-details__grid { grid-template-columns:1fr; }
  .sales-details__totals { justify-content:space-between; gap:var(--sp-3); }
  .sales-form-grid .sales-span-2 { grid-column:auto; }
  .sales-modal .modal__body { padding:var(--sp-4); }
  .sales-modal .modal__footer { padding:var(--sp-3) var(--sp-4) var(--sp-4); }
  .sales-modal .modal__footer .btn { min-width:0; flex:1; }
  .tochka-webhook-row { align-items:stretch; flex-direction:column; }
}