/* 僅調整品牌及管理員容量元件的呈現，不改權限。 */
#bi-qa.bq-inline:not(.bq-collapsed) {
  position: relative; inset: auto !important; width: 100%; margin: 16px 0;
  height: 650px; max-height: none; z-index: 1; box-shadow: none;
}
#bi-qa.bq-inline header, #bi-qa.bq-inline footer { flex-shrink: 0; }
#bi-qa.bq-inline .bq-scroll { min-height: 200px; }
.dark a[href="/"] img[src*="/brand-logo.png"] {
  mix-blend-mode: normal !important;
  background: #fff !important;
  border-radius: 8px !important;
  box-shadow: 0 0 0 5px #fff !important;
}
[data-b9-context-usage] { flex: 1 1 175px; min-width: 0; max-width: 100%; text-align: right; }
[data-b9-context-usage] > button { white-space: nowrap; padding: 6px 0; }
[data-b9-context-usage] [aria-label="對話容量診斷"] { white-space: normal; overflow-wrap: break-word; }
div:has(> [data-b9-context-usage]) { flex-wrap: wrap; min-width: 0; justify-content: flex-end; }
div:has(> div > [data-b9-context-usage]) { flex-wrap: wrap; gap: 8px; }
@media (max-width: 640px) {
  div:has(> div > [data-b9-context-usage]) {
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; height: auto !important; gap: 10px !important;
  }
  div:has(> div > [data-b9-context-usage]) > div {
    position: static !important; width: 100% !important; height: auto !important;
    flex-wrap: wrap !important; min-width: 0 !important; margin: 0 !important;
  }
  div:has(> [data-b9-context-usage]) { flex-basis: auto !important; }
}