.sales-rules-page { max-width:1100px; margin:0 auto; }
.sales-rules-heading { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:22px; }
.sales-rules-heading h1 { margin:6px 0; }
.sales-rules-heading p { margin:0; }
.sales-rules-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:18px; }
.sales-rules-card { padding:24px; min-width:0; }
.sales-rules-card > header { display:flex; align-items:center; gap:12px; margin-bottom:24px; }
.sales-rules-card h2 { font-size:18px; margin:0 0 7px; overflow-wrap:anywhere; }
.sales-rules-icon { display:grid; place-items:center; width:46px; height:46px; background:#e9f5fe; border-radius:12px; font-size:23px; flex-shrink:0; }
.sales-rules-card form > .f { margin-top:18px; }
.sales-rules-card .f input { width:100%; }
.sales-rules-card form > p { line-height:1.6; margin:7px 0 16px; }
.sales-rules-toggle { display:flex; gap:12px; align-items:flex-start; padding:15px; margin:22px 0 14px; background:#f3f8fc; border-radius:8px; cursor:pointer; }
.sales-rules-toggle input { width:17px; height:17px; margin:2px 0 0; flex-shrink:0; accent-color:#159bd6; }
.sales-rules-toggle b, .sales-rules-toggle small { display:block; }
.sales-rules-toggle small { color:var(--muted); margin-top:4px; line-height:1.6; }
.sales-rules-card footer { display:flex; align-items:center; gap:14px; margin-top:16px; }
.sales-rules-card footer button { flex-shrink:0; }
.sales-rules-card footer span { line-height:1.5; }
.sales-rules-message { font-size:12px; line-height:1.6; }
.sales-rules-message.error { color:#a53131; }
.sales-rules-message.success { color:#17734a; }
.sales-rules-footnote { line-height:1.7; margin-top:20px; }
.sales-rules-readonly dl { margin:0; }
.sales-rules-readonly dl > div { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:13px 0; border-bottom:1px solid var(--line,#dfebf3); }
.sales-rules-readonly dt { color:var(--muted); }
.sales-rules-readonly dd { font-weight:600; margin:0; text-align:right; }
.sales-rules-hint { display:flex; align-items:flex-start; gap:8px; padding:10px 12px; margin:12px 0; background:#edf7ff; border-radius:8px; font-size:12px; line-height:1.6; color:#245876; }
@media(max-width:600px) { .sales-rules-card { padding:18px; } .sales-rules-card footer { align-items:flex-start; flex-direction:column; } .sales-rules-heading { align-items:flex-start; } }