comm-board-tools{display:block;margin:8px 0 10px;min-width:0}
.comm-board-bar{display:flex;align-items:center;justify-content:flex-end;gap:4px}
.comm-board-bar button,.comm-board-bar select,.comm-board-search button{min-height:44px;border:1px solid var(--line,#2b3c48);border-radius:10px;background:var(--surface,#131e26);color:var(--text,#eef4f8);font:inherit;font-size:14px;padding:8px 12px}
.comm-board-bar select{width:auto;max-width:60%;min-width:0}
.comm-board-search{display:flex;gap:6px;margin-top:6px;padding:0;align-items:center}
.comm-board-search[hidden]{display:none}
.comm-board-search input{flex:1;min-width:0;width:0;min-height:44px;font:inherit;font-size:16px;background:var(--surface,#131e26);color:var(--text,#eef4f8);border:1px solid var(--line,#2b3c48);border-radius:10px;padding:8px 10px}
.comm-board-search button{flex:0 0 auto;padding:8px;white-space:nowrap}
.comm-delete-actions{display:flex;gap:8px;justify-content:flex-end}
.comm-dialog .comm-moderate-delete{color:#ffaaaa;border-color:#805151;min-height:44px}
comm-board-tools :focus-visible{outline:2px solid #78baff;outline-offset:2px}

.comm-board-bar button,.comm-board-bar select{background:transparent;padding:6px 10px;min-height:44px;font-weight:600;color:var(--muted,#98a7b3)}
.comm-board-bar select{max-width:min(52%,180px)}

/* Match native-select and button geometry across Safari and Chromium. */
.comm-board-bar button,.comm-board-bar select{box-sizing:border-box;height:44px;min-height:44px;margin:0;border:0;border-radius:0;background:transparent;color:var(--muted,#98a7b3);font-size:13px;line-height:20px;box-shadow:none}
.comm-board-bar button{display:grid;place-items:center;width:44px;padding:0;flex:0 0 44px}
.comm-board-bar button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.comm-board-sort{position:relative;display:flex;align-items:center;min-width:0}
.comm-board-bar .comm-board-sort select{appearance:none;-webkit-appearance:none;width:auto;max-width:100%;padding:0 24px 0 8px;cursor:pointer}
.comm-board-sort>svg{position:absolute;right:5px;width:14px;height:14px;fill:none;stroke:var(--muted,#98a7b3);stroke-width:1.7;pointer-events:none}

/* Native selection stays accessible; its painted text cannot shift on iOS. */
.comm-board-sort{height:44px;flex:0 0 auto;gap:8px;padding:0 12px 0 8px}
.comm-board-sort-label{display:flex;align-items:center;height:44px;font-family:inherit;font-size:13px;font-weight:600;line-height:20px;color:var(--muted,#98a7b3);white-space:nowrap;pointer-events:none}
.comm-board-bar .comm-board-sort select{position:absolute;inset:0;width:100%;height:100%;max-width:none;opacity:0;padding:0;z-index:1}
.comm-board-sort>svg{position:static;display:block;flex:0 0 14px;width:14px;height:14px}
.comm-board-sort:focus-within{outline:2px solid #78baff;outline-offset:2px}