.ticketFilters { position: relative; }
.ticketFilters-trigger { color: var(--text); font-size: 12px; display: inline-flex; align-items: center; gap: 4px; }
.ticketFilters-trigger::after { content: ''; border: 4px solid transparent; border-top-color: currentColor; margin-top: 4px; }
.ticketFilters-trigger:hover { text-decoration: none; color: var(--accent); }
.ticketFilterMenu { width: 260px; top: calc(100% + 6px) !important; left: auto !important; right: 0; }
.ticketList .structItem { min-height: 62px; }
.ticketList .structItem-title a { font-size: 14px; }
.ticketList .structItem-minor a.username, .ticketList .structItem-minor .username { color: var(--accent); }
.ticketList .structItem-stats { flex-basis: 135px; }
.ticketList .structItem-stats dt { color: var(--text-muted); }
.ticketList .structItem-latest a { color: var(--accent); }
.ticketList .structItem-latest .u-muted .username { color: var(--text-muted); }
.ticketWatch { background: none; border: 0; color: var(--text-muted); cursor: pointer; padding: 2px; display: inline-flex; }
.ticketWatch:hover, .ticketWatch.is-watched { color: var(--accent); }
.ticketChooser { padding: 16px 8px; }
.ticketForm { padding: 0; overflow: hidden; }
.ticketForm-main { padding: 24px 24px 16px; }
.ticketForm .formRow-label { flex-basis: 33%; }
.ticketForm .formSubmitRow { padding-left: calc(33% + 14px); }
.attachButton { position: relative; cursor: pointer; }
.ticketMeta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; margin: -4px 0 14px; font-size: 12px; }
.ticketReply { padding: 10px; }
.ticketReply .message-user { padding-top: 4px; }
.ticketManage { display: flex; flex-direction: column; gap: 4px; padding: 4px; }
.ticketManage .button { margin-top: 8px; }
.message-actions .button.is-active { color: var(--accent); border-color: var(--accent); }
.helpPage .helpContent > :first-child { margin-top: 0; }
.bbHelp { border-top: 1px solid var(--border); padding: 14px 0; }
.bbHelp-title { font-size: 15px; color: var(--accent); margin-bottom: 4px; }
.bbHelp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.bbHelp-grid .codePanel { margin: 4px 0 0; white-space: pre-wrap; }
.bbHelp-output { background: var(--bg-block-alt); border: 1px solid var(--border); border-radius: var(--radius); padding: 10px 12px; margin-top: 4px; }

.adminColumns { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 16px; }
.stat { color: var(--text); text-decoration: none !important; }
a.stat:hover { border-color: var(--accent); }
.adminStack { display: flex; flex-direction: column; gap: 8px; }
.adminStack .button { align-self: flex-start; }
.adminCatHeader { gap: 8px; }
.adminCatHeader .input { flex: 1 1 auto; min-height: 30px; padding: 4px 8px; }
.adminInlineForm { display: grid; grid-template-columns: minmax(120px, 1fr) minmax(160px, 2fr) 80px auto auto auto auto; gap: 8px; align-items: center; }
.adminInlineForm .input { min-height: 30px; padding: 4px 8px; }

@media (max-width: 800px) {
  .adminColumns, .bbHelp-grid { grid-template-columns: 1fr; }
  .adminInlineForm { grid-template-columns: 1fr; }
  .ticketForm .formSubmitRow { padding-left: 14px; }
  .ticketList .structItem-status { padding: 0 6px; }
}
select.input.input--inline, .input.input--inline { width: auto; }
.adminColumns { align-items: start; }
