.mg-filter-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0;padding:0 12px;box-sizing:border-box}
.mg-filter-trigger{appearance:none;display:flex;align-items:center;justify-content:center;gap:9px;min-width:0;height:42px;padding:0 8px;border:1px solid #e1e4e8;border-radius:9px;background:#fff;color:#333;font:500 14px/1.2 Arial,sans-serif;cursor:pointer;box-sizing:border-box}
.mg-filter-trigger::after{content:'';width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;flex-shrink:0}
.mg-filter-trigger.is-active{border-color:#d00000;color:#c50000;background:#fff7f7}
.mg-filter-trigger:focus-visible,.mg-filter-close:focus-visible,.mg-filter-done:focus-visible{outline:2px solid #c00;outline-offset:2px}
.mg-filter-dialog{position:fixed;inset:0;margin:auto;width:94vw;max-width:420px;max-height:85vh;max-height:85dvh;padding:18px;border:1px solid #e3e5e8;border-radius:16px;background:white;color:#222;box-shadow:0 12px 48px #0003;box-sizing:border-box}
.mg-filter-dialog::backdrop{background:rgba(0,0,0,.42)}
.mg-filter-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.mg-filter-header h2{font:700 19px/1.4 Arial,sans-serif;margin:0;color:#222}
.mg-filter-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:9px;background:#f3f4f6;color:#444;font:28px/1 Arial,sans-serif;cursor:pointer}
.mg-filter-options{display:grid;gap:8px;max-height:55vh;max-height:55dvh;overflow:auto}
.mg-filter-option{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px;border:1px solid #e5e7eb;border-radius:9px;text-decoration:none!important;color:#333!important;font:14px/1.4 Arial,sans-serif;box-sizing:border-box}
.mg-filter-option.is-selected{border-color:#d00000;background:#fff6f6;color:#c50000!important}
.mg-filter-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;border:1px solid #cbd0d7;border-radius:50%;font-size:13px;box-sizing:border-box}
.is-selected .mg-filter-check{background:#d00000;border-color:#d00000;color:#fff}
.mg-filter-done{width:100%;min-height:42px;margin-top:16px;padding:9px 12px;border:1px solid #ddd;border-radius:9px;background:white;color:#444;font:600 14px/1.3 Arial,sans-serif;cursor:pointer}
@media(max-width:340px){.mg-filter-bar{gap:6px}.mg-filter-trigger{font-size:12px;gap:7px}.mg-filter-dialog{padding:14px}}