.discord-page { display: grid; gap: 18px; max-width: 1200px; margin: 0 auto; color: var(--deep, #123e55); }
.discord-page *, .discord-page *::before, .discord-page *::after { box-sizing: border-box; }
.qa-tabs[aria-label="Automation sections"] { flex-wrap: wrap; }
.discord-page h2, .discord-page h3, .discord-page p { margin: 0; }
.discord-page h2 { font-size: 21px; line-height: 1.3; }
.discord-page h3 { font-size: 17px; line-height: 1.4; }
.discord-summary, .discord-link, .discord-connection, .discord-worklist { min-width: 0; border: 1px solid #d5e2e8; border-radius: 14px; background: #fff; padding: 22px; }
.discord-summary, .discord-worklist > header, .discord-card header { display: flex; gap: 18px; justify-content: space-between; align-items: flex-start; }
.discord-summary > div, .discord-worklist > header > div, .discord-card header > div { display: grid; gap: 7px; min-width: 0; }
.discord-summary .discord-summary-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.discord-help, .discord-card-meta, .discord-link { color: #536c78; font-size: 13px; line-height: 1.5; }
.discord-link { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.discord-link:empty, [data-discord-settings]:empty, .discord-feedback:empty, .discord-pages:empty { display: none; }
[data-discord-code] { flex-basis: 100%; display: grid; gap: 10px; overflow-wrap: anywhere; }
[data-discord-code] code { color: #183e52; background: #eef4f7; border-radius: 8px; padding: 12px; user-select: all; }
.discord-connection summary { cursor: pointer; font-weight: 800; min-height: 24px; }
.discord-connection[open] summary { margin-bottom: 20px; }
.discord-connection fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.discord-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.discord-fields label, .discord-filters label { display: grid; gap: 7px; min-width: 0; font-size: 13px; font-weight: 700; }
.discord-page input, .discord-page select { width: 100%; min-width: 0; max-width: 100%; min-height: 44px; border: 1px solid #b8cbd4; background: #fff; color: #123e55; border-radius: 8px; padding: 10px 12px; font: inherit; font-size: 16px; }
.discord-connection .discord-help { margin: 16px 0; }
.discord-filters { display: flex; flex-wrap: wrap; gap: 16px; margin: 20px 0; }
.discord-filters label { min-width: 160px; }
[data-discord-items] { display: grid; gap: 14px; }
.discord-card { min-width: 0; border: 1px solid #d9e4e9; border-radius: 12px; padding: 18px; }
.discord-division { color: #536f7c; font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.discord-state { flex-shrink: 0; max-width: 40%; border-radius: 20px; padding: 6px 10px; color: #684717; background: #fff1d8; font-size: 12px; font-weight: 800; line-height: 1.4; }
.discord-state.is-handled { color: #276044; background: #e4f3e9; }
.discord-page p, .discord-page h3, .discord-state, .discord-page a { overflow-wrap: anywhere; }
.discord-card .discord-detail { white-space: pre-wrap; line-height: 1.6; margin: 14px 0; }
.discord-card-meta { display: flex; gap: 8px 20px; flex-wrap: wrap; margin: 12px 0; }
.discord-card footer, .discord-pages { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.discord-card footer a:not(.button) { font-size: 13px; color: #246d86; font-weight: 700; }
.discord-pages { margin-top: 18px; justify-content: flex-end; }
.discord-feedback { color: #8b351f; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.discord-card .discord-feedback, .discord-connection .discord-feedback { margin-top: 10px; }
.discord-empty { padding: 25px 0; color: #536c78; line-height: 1.6; }
.discord-empty strong { display: block; color: #285f4a; font-size: 18px; }
.discord-page button { min-height: 44px; max-width: 100%; white-space: normal; }
@media (max-width: 640px) {
  .discord-page { gap: 12px; }
  .discord-summary, .discord-link, .discord-connection, .discord-worklist { padding: 16px; }
  .discord-summary, .discord-card header { flex-direction: column; gap: 12px; }
  .discord-summary .discord-summary-actions { justify-content: flex-start; }
  .discord-fields { grid-template-columns: minmax(0, 1fr); }
  .discord-filters { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .discord-filters label { min-width: 0; }
  .discord-card { padding: 14px; }
  .discord-state { max-width: 100%; }
  .discord-worklist > header { gap: 10px; }
  .discord-page .qa-tabs a { padding: 10px 9px; font-size: 13px; }
}