/* Customer receipts: keep the primary action and its saved records together. */
#tab-alert .hk-receipts-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:20px}
#tab-alert .hk-receipt-form{padding:20px;display:flex;flex-direction:column;gap:14px}
#tab-alert .hk-receipt-intro,#tab-alert .hk-receipt-basis{font-size:12px;line-height:1.7;color:var(--muted-foreground)}
#tab-alert .hk-receipt-field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600}
#tab-alert .hk-receipt-field input,#tab-alert .hk-receipt-field select,#tab-alert .hk-receipt-search{width:100%;min-width:0;height:40px;padding:0 11px;border:1px solid var(--input);border-radius:8px;background:var(--background);color:var(--foreground);font:inherit;box-sizing:border-box}
#tab-alert .hk-receipt-field input:focus-visible,#tab-alert .hk-receipt-field select:focus-visible,#tab-alert .hk-receipt-search:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
#tab-alert .hk-receipt-amount input{height:56px;font-size:26px;font-weight:650;font-variant-numeric:tabular-nums}
#tab-alert .hk-receipt-presets{display:flex;gap:8px}
#tab-alert .hk-receipt-presets button{flex:1;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);padding:7px 0;cursor:pointer;font:inherit;font-size:12px}
#tab-alert .hk-receipt-presets button:hover{border-color:var(--primary);color:var(--primary)}
#tab-alert .hk-receipt-more summary,#tab-alert .hk-receipt-secondary>summary{cursor:pointer;font-size:12px;color:var(--muted-foreground);padding:10px 0}
#tab-alert .hk-receipt-more .hk-receipt-field{margin-top:12px}
#tab-alert .hk-receipt-secondary{margin:0 0 18px;border:1px solid var(--border);border-radius:10px;padding:4px 16px}
#tab-alert .hk-receipt-feedback{font-size:12px;line-height:1.6;color:var(--primary);overflow-wrap:anywhere}
#tab-alert .hk-receipt-feedback:empty{display:none}
#tab-alert .hk-receipt-feedback[data-error="true"]{color:var(--destructive)}
#tab-alert .hk-receipt-form>.btn{height:44px;justify-content:center}
#tab-alert .hk-receipt-search{max-width:280px;height:34px;font-size:12px}
#tab-alert .hk-receipt-toolbar,#tab-alert .hk-receipt-basis{padding:10px 18px}
#tab-alert #payment-records-panel .head{flex-wrap:wrap;gap:10px}
#tab-alert #payment-records-panel td{font-variant-numeric:tabular-nums}
#tab-alert .hk-receipts-grid.user-view{grid-template-columns:1fr}
@media(max-width:1100px){#tab-alert .hk-receipts-grid{grid-template-columns:1fr}#tab-alert .hk-receipt-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#tab-alert .hk-receipt-intro,#tab-alert .hk-receipt-more,#tab-alert .hk-receipt-feedback,#tab-alert .hk-receipt-form>.btn{grid-column:1/-1}}
@media(max-width:580px){#tab-alert .hk-receipt-form{display:flex}#tab-alert .hk-receipt-search{max-width:100%}}

#tab-alert .hk-receipt-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:700px){#tab-alert .hk-receipt-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#tab-alert .hk-receipt-summary .kpi-value{font-size:22px}#tab-alert .hk-receipt-summary .kpi-card{padding:14px}#tab-alert .hk-receipt-summary .badge{display:none}}

.hk-alert-tier-settings { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 12px; }
.hk-alert-tier-settings label { display: flex; flex: 1 1 240px; flex-direction: column; gap: 6px; font-size: 12px; color: var(--muted-foreground); }
.hk-alert-tier-settings input { padding: 9px 10px; border: 1px solid var(--input); border-radius: 6px; background: var(--background); color: var(--foreground); font: inherit; min-width: 0; }
.hk-alert-tier-note { font-size: 12px; line-height: 1.8; color: var(--muted-foreground); margin: 10px 0 0; }