.multi-select{position:relative;min-width:160px;font-size:13px}
.multi-select summary{list-style:none;cursor:pointer;border:1px solid #ded6c7;border-radius:10px;background:#fff;padding:11px 32px 11px 12px;position:relative}
.multi-select summary:after{content:'⌄';position:absolute;right:12px}
.multi-select[open] summary{background:#f5f7ff;border-color:#96a1bd}
.multi-select-panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:288px;max-width:calc(100vw - 32px);background:#fff;border:1px solid #e7ddce;border-radius:12px;box-shadow:0 4px 12px #14213f14;padding:8px}
.multi-select-options{max-height:220px;overflow:auto;display:grid;gap:4px}
.multi-select .multi-select-options label{display:flex;align-items:center;gap:9px;margin:0;padding:5px 8px;font-size:13px;cursor:pointer}
.multi-select input[type=checkbox]{width:16px;height:16px;min-height:0;margin:0;accent-color:#d9a24f;flex-shrink:0}
.multi-select-footer{display:flex;justify-content:space-between;border-top:1px solid #e7ddce;margin-top:6px;padding-top:4px}
.multi-select .multi-select-footer button{border:0;background:transparent;color:#425577;padding:4px;font-size:12px;min-height:28px;box-shadow:none}
.multi-select summary:focus-visible,.multi-select button:focus-visible{outline:2px solid #d9a24f;outline-offset:2px}
.multi-select .multi-select-source{border:0;margin:0;padding:0;max-height:none;display:block}
.multi-select .multi-select-source>legend{display:none}