.customer-blocking-card { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:20px 0; padding:20px; border:1px solid #dbe3dd; border-radius:14px; background:#f8faf8; }
.customer-blocking-card p { margin:6px 0 0; color:#56635a; line-height:1.5; }
.customer-blocking-card button,.customer-blocking-dialog button { min-height:44px; padding:10px 16px; border:1px solid #cbd6ce; border-radius:10px; background:#f1f5f2; color:#244531; font:inherit; cursor:pointer; }
.customer-blocking-dialog { box-sizing:border-box; width:min(560px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; padding:24px; border:1px solid #dbe3dd; border-radius:18px; background:white; color:#202923; }
.customer-blocking-dialog::backdrop { background:#14201980; }
.customer-block-heading,.customer-block-actions { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.customer-block-heading h2 { margin:0; font-size:24px; }
.customer-block-heading button { min-width:44px; }
.customer-blocking-dialog [data-name] { font-weight:600; overflow-wrap:anywhere; }
.customer-block-option { display:flex; gap:12px; align-items:flex-start; padding:14px; margin:12px 0; border:1px solid #dbe3dd; border-radius:10px; line-height:1.5; cursor:pointer; }
.customer-block-option input { width:22px; height:22px; flex:0 0 22px; margin:1px 0 0; accent-color:#244531; }
.customer-block-help { font-size:14px; line-height:1.6; color:#56635a; }
.customer-block-reason { display:block; font-weight:600; }
.customer-block-reason textarea { box-sizing:border-box; width:100%; font:inherit; font-size:16px; padding:10px; margin-top:8px; border:1px solid #aab9ae; border-radius:10px; }
.customer-blocking-dialog [data-error] { color:#a42a22; font-size:14px; line-height:1.5; }
.customer-blocking-dialog [type=submit] { background:#244531; color:white; }
.customer-blocking-dialog button:disabled { opacity:.6; cursor:wait; }
@media(max-width:600px) { .customer-blocking-card { align-items:stretch; flex-direction:column; } .customer-blocking-dialog { padding:20px; } }