/* Blocking: the dialogs, the "Blocked people" list, the closed-chat banner and the hidden-sellers note. Light by default, dark follows <html data-theme="dark">. */
.blk-back { position: fixed; inset: 0; z-index: 10050; background: rgba(10, 15, 30, .55); display: grid; place-items: center; padding: 16px; }
.blk-dialog { width: min(440px, 100%); max-height: 90vh; overflow: auto; background: #fff; color: #1a1f2b; border-radius: 14px; padding: 20px; box-shadow: 0 18px 50px rgba(0, 0, 0, .35); line-height: 1.45; }
.blk-dialog h2 { margin: 0 0 8px; font-size: 1.15rem; color: inherit; overflow-wrap: anywhere; }
.blk-dialog p { margin: 8px 0; overflow-wrap: anywhere; }
.blk-dialog ul { margin: 8px 0 8px 18px; padding: 0; overflow-wrap: anywhere; }
.blk-dialog li { margin: 4px 0; }
.blk-dialog label { display: block; font-weight: 600; margin-top: 12px; font-size: .92rem; }
.blk-dialog textarea { width: 100%; box-sizing: border-box; margin-top: 6px; padding: 10px; border: 1px solid #ccd0d5; border-radius: 8px; font: inherit; background: #fff; color: #1a1f2b; }
.blk-actions { display: flex; gap: 10px; justify-content: flex-end; flex-wrap: wrap; margin-top: 16px; }
.blk-btn { border: 1px solid #ccd0d5; background: #fff; color: #1a1f2b; border-radius: 8px; padding: 10px 16px; font: inherit; font-weight: 700; cursor: pointer; min-height: 44px; }
.blk-btn.primary { background: #0b63ce; border-color: #0b63ce; color: #fff; }
.blk-btn.danger { background: #b42318; border-color: #b42318; color: #fff; }
.blk-btn[disabled] { opacity: .6; cursor: not-allowed; }
.blk-btn:focus-visible, .blk-dialog textarea:focus-visible { outline: 3px solid #5aa2ff; outline-offset: 2px; }
.blk-row { display: flex; gap: 12px; align-items: center; justify-content: space-between; padding: 12px 0; border-top: 1px solid #e3e6ea; }
.blk-row:first-child { border-top: 0; }
.blk-who { min-width: 0; overflow-wrap: anywhere; }
.blk-meta { display: block; color: #5b6472; font-size: .88rem; margin-top: 2px; }
.blk-reason { color: #5b6472; font-size: .88rem; margin-top: 4px; font-style: italic; }
.blk-empty { color: #5b6472; margin: 4px 0; }
/* chat: the Block button in the header, and the closed-chat banner */
#block-button { margin-left: auto; background: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, .6); border-radius: 16px; padding: 6px 12px; font-size: .85rem; cursor: pointer; }
#block-button[hidden] { display: none; }
.blk-closed { margin: 12px auto; max-width: 520px; text-align: center; background: #fff4f3; color: #7a1a12; border: 1px solid #f1b5b0; border-radius: 10px; padding: 10px 14px; font-weight: 600; }
.message-input-container.blk-disabled { opacity: .55; pointer-events: none; }
/* shop: the note under the heading when some sellers are hidden */
.blk-note { margin: 8px auto 12px; max-width: 760px; text-align: center; color: #5b6472; font-size: .92rem; }
.blk-note a { color: #0b63ce; font-weight: 600; }
html[data-theme="dark"] .blk-dialog { background: #172131; color: #e7edf5; box-shadow: 0 18px 50px rgba(0, 0, 0, .7); }
html[data-theme="dark"] .blk-dialog textarea { background: #0f1722; color: #e7edf5; border-color: #2e3d54; }
html[data-theme="dark"] .blk-btn { background: #1e2b3f; color: #e7edf5; border-color: #2e3d54; }
html[data-theme="dark"] .blk-btn.primary { background: #3b8bff; border-color: #3b8bff; color: #07111f; }
html[data-theme="dark"] .blk-btn.danger { background: #e5534b; border-color: #e5534b; color: #1a0605; }
/* the My account page has no dark look of its own, so its list (.blk-row, .blk-meta, .blk-reason, .blk-empty) stays light */
html[data-theme="dark"] .blk-note { color: #a9b6c9; }
html[data-theme="dark"] .blk-closed { background: #3a1d1a; color: #ffd7d2; border-color: #7a3a33; }
html[data-theme="dark"] .blk-note a { color: #7db4ff; }
@media (max-width: 480px) { .blk-actions { flex-direction: column-reverse; } .blk-actions .blk-btn { width: 100%; } }