/* 絞り込みの吹き出し（PLCUi.filterMenu）。一般ページ・管理ページの両方で読む。styles.css の :root のトークンを使う */
.plc-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.plc-filter-anchor{position:relative}
.plc-filter-btn{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--deep);background:var(--white);color:var(--deep);font:inherit;font-size:13px;font-weight:800;cursor:pointer}
.plc-filter-btn svg{width:22px;height:22px;fill:currentColor}
.plc-filter-anchor:hover .plc-filter-btn,.plc-filter.is-open .plc-filter-btn{background:var(--deep);color:var(--white)}
.plc-filter-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--lime);color:var(--deep);font-size:11px}
/* 吹き出し：アイコンの下。上端に透明の余白を持たせ、アイコンから吹き出しへカーソルを動かしても閉じないようにする */
.plc-filter-pop{display:none;position:absolute;z-index:40;top:100%;left:0;width:max-content;min-width:260px;max-width:min(560px,calc(100vw - 32px));max-height:min(70vh,520px);overflow:auto;margin-top:6px;padding:14px 16px;background:var(--white);color:var(--ink);border:2px solid var(--white);outline:1px solid var(--line);box-shadow:0 16px 40px rgba(11,29,41,.25)}
.plc-filter-anchor::after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}
@media (hover:hover){.plc-filter-anchor:hover .plc-filter-pop{display:block}}
.plc-filter.is-open .plc-filter-pop{display:block}
.plc-filter-pop fieldset{border:0;margin:0 0 12px;padding:0}
.plc-filter-pop legend{padding:0;margin-bottom:6px;font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.plc-filter-options{display:flex;flex-wrap:wrap;gap:6px}
.plc-filter-options label{display:inline-flex;align-items:center;cursor:pointer}
.plc-filter-options input{position:absolute;opacity:0;pointer-events:none}
.plc-filter-options span{display:inline-block;padding:7px 12px;border:1px solid var(--line);font-size:13px;font-weight:700;line-height:1.3;background:var(--white)}
.plc-filter-options label:hover span{border-color:var(--deep)}
.plc-filter-options input:checked + span{background:var(--deep);border-color:var(--deep);color:var(--white)}
.plc-filter-options input:focus-visible + span{outline:3px solid #75b6c9;outline-offset:2px}
.plc-filter-foot{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:10px}
.plc-filter-foot button{border:0;background:none;font:inherit;font-size:12px;font-weight:800;color:var(--deep);text-decoration:underline;cursor:pointer}
.plc-filter-foot button:disabled{opacity:.4;cursor:default;text-decoration:none}
.plc-filter-chips{display:flex;flex-wrap:wrap;gap:6px}
.plc-filter-chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 10px;border:1px solid var(--deep);background:var(--paper);font:inherit;font-size:12px;font-weight:700;color:var(--deep);cursor:pointer}
.plc-filter-chip span{font-size:14px;line-height:1}
.plc-filter-chip:hover{background:var(--deep);color:var(--white)}
.plc-filter-empty{font-size:12px;color:var(--muted)}
/* 横長（管理画面）：項目を横に並べる */
.plc-filter.is-wide .plc-filter-pop{width:min(1080px,calc(100vw - 280px));max-width:none;max-height:min(75vh,640px)}
.plc-filter.is-wide .plc-filter-groups{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px 24px}
.plc-filter.is-wide fieldset{grid-column:span var(--span,1)}
@media (max-width:900px){.plc-filter.is-wide .plc-filter-pop{width:calc(100vw - 32px)}.plc-filter.is-wide .plc-filter-groups{grid-template-columns:1fr}.plc-filter.is-wide fieldset{grid-column:auto}}