.match-toolbar { container-type: inline-size; }
.match-blocked-toggle { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 5px; height: 40px; padding: 0 9px; border: 1px solid #d0e0e3; border-radius: 6px; background: rgba(255,255,255,.7); color: #55747c; font: inherit; font-size: 12px; white-space: nowrap; cursor: pointer; }
.match-blocked-toggle:hover, .match-blocked-toggle.has-terms { border-color: #7fb1ad; color: #216f69; background: #edf7f3; }
.match-blocked-toggle > span { display: grid; place-items: center; min-width: 17px; height: 17px; padding: 0 2px; border-radius: 4px; background: #d6eae3; font-size: 11px; font-weight: 650; }
.match-blocked-toggle > svg { transition: transform .18s ease; }
.match-blocked-toggle[aria-expanded="true"] > svg { transform: rotate(180deg); }
.match-blocked-panel { position: fixed; z-index: 1400; overflow-y: auto; overscroll-behavior: contain; box-sizing: border-box; margin: 0; padding: 12px; border: 1px solid #d9e7e5; border-radius: 10px; color: #365560; background: #f8fbfa; box-shadow: 0 12px 34px #183c3526, 0 2px 7px #183c3512; visibility: hidden; opacity: 0; pointer-events: none; transform: translateY(-7px) scale(.985); transform-origin: top right; transition: opacity 160ms ease, transform 220ms cubic-bezier(.2,.8,.2,1), visibility 220ms; }
.match-blocked-panel.is-open { visibility: visible; opacity: 1; pointer-events: auto; transform: translateY(0) scale(1); }
.match-blocked-heading { display: flex; align-items: center; gap: 9px; margin-bottom: 9px; }
.match-blocked-heading strong { flex: 0 0 auto; font-size: 13px; font-weight: 600; }
.match-blocked-heading .match-blocked-hint { flex: 1; margin: 0; color: #72888b; font-size: 11px; line-height: 1.5; }
.match-blocked-footer > button, .match-blocked-summary > button { min-height: 24px; padding: 0 3px; border: 0; border-radius: 3px; background: transparent; color: #367f79; font: inherit; font-size: 12px; cursor: pointer; }
.match-blocked-close { display: grid; place-items: center; flex: 0 0 26px; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 5px; color: #72888b; background: transparent; cursor: pointer; }
.match-blocked-close:hover { background: #e8f1ed; color: #365560; }
.match-blocked-form { display: flex; gap: 7px; }
.match-blocked-form input { width: 0; min-width: 0; flex: 1; height: 34px; box-sizing: border-box; padding: 0 9px; border: 1px solid #ccdcda; border-radius: 5px; background: #fff; color: #233e49; font: inherit; font-size: 12px; }
.match-blocked-form input::placeholder { color: #7d9297; }
.match-blocked-form > button { flex: 0 0 auto; height: 34px; padding: 0 11px; border: 1px solid #bbd4ce; border-radius: 5px; background: #e4f2ed; color: #28695d; font: inherit; font-size: 12px; cursor: pointer; }
.match-blocked-tags { display: flex; flex-wrap: wrap; gap: 6px; margin: 9px 0 0; padding: 0; list-style: none; }
.match-blocked-tags li { display: inline-flex; align-items: center; max-width: 100%; min-height: 26px; padding-left: 8px; border: 1px solid #cbded6; border-radius: 5px; background: #e9f3ee; color: #365e54; font-size: 12px; }
.match-blocked-tags li > span { min-width: 0; overflow-wrap: anywhere; }
.match-blocked-tags button { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 4px; background: transparent; color: #65877b; cursor: pointer; }
.match-blocked-tags button:hover { color: #923f3f; background: #f7e9e7; }
.match-blocked-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 24px; margin-top: 7px; color: #72888b; font-size: 11px; }
.match-blocked-summary { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 28px; padding: 2px 14px; border-bottom: 1px solid #edf1f2; background: #f6faf8; color: #72888b; font-size: 11px; }
.match-blocked-toggle:focus-visible, .match-blocked-panel button:focus-visible, .match-blocked-form input:focus-visible, .match-blocked-summary button:focus-visible { outline: 2px solid #2d829b; outline-offset: 2px; }
@container (max-width: 480px) {
  .match-toolbar .board-publish-action { flex-basis: 40px; width: 40px; min-width: 40px; padding: 0; overflow: hidden; font-size: 0; gap: 0; }
  .match-toolbar-main { gap: 7px; }
  .match-blocked-toggle { padding: 0 7px; }
}
[data-theme="dark"] .match-blocked-toggle, [data-theme="dark"] .match-blocked-panel, [data-theme="dark"] .match-blocked-summary { border-color: #46584e; background: #1e3228; color: #c4d2c9; }
[data-theme="dark"] .match-blocked-toggle:hover, [data-theme="dark"] .match-blocked-toggle.has-terms, [data-theme="dark"] .match-blocked-form > button, [data-theme="dark"] .match-blocked-tags li { border-color: #536a5d; background: #2c4235; color: #deebe3; }
[data-theme="dark"] .match-blocked-toggle > span { background: #425c4b; }
[data-theme="dark"] .match-blocked-form input { border-color: #536a5d; background: #172d24; color: #ebebeb; }
[data-theme="dark"] .match-blocked-form input::placeholder, [data-theme="dark"] .match-blocked-heading .match-blocked-hint, [data-theme="dark"] .match-blocked-footer { color: #a9bbb0; }
[data-theme="dark"] .match-blocked-close, [data-theme="dark"] .match-blocked-footer > button, [data-theme="dark"] .match-blocked-summary > button, [data-theme="dark"] .match-blocked-tags button { color: #b2d4bd; }
[data-theme="dark"] .match-blocked-close:hover { background: #2c4235; }
@media (prefers-reduced-motion: reduce) { .match-blocked-toggle > svg, .match-blocked-panel { transition: none; } }