/* Shared close targets also cover detail cards created after initial load.
   Keep each control's existing resting fill and border. */
:is(#close-member,#close-settings,#close-search,button[id^="close-"],button.detail-close,button.dialog-close,button[aria-label^="關閉"]){border-radius:8px;transition:background-color .15s ease}
:is(#close-member,#close-settings,#close-search,button[id^="close-"],button.detail-close,button.dialog-close,button[aria-label^="關閉"]):is(:hover,:focus-visible,:active){border-radius:8px;background:var(--hover,var(--tab-selected,#9bb0bf26))}
@media(prefers-reduced-motion:reduce){:is(#close-member,#close-settings,#close-search,button[id^="close-"],button.detail-close,button.dialog-close,button[aria-label^="關閉"]){transition:none}}
#display-settings #close-settings{border:0;box-shadow:none}