/* Logical alignment keeps the same controls usable in LTR and RTL locales. */
html {
  color-scheme: dark;
}
.preferences-form,
table,
th,
.queue-table th,
.queue-table .badge,
.queue-table .queue-row-action,
.errorlist {
  text-align: start;
}
.preferences-panel {
  text-align: end;
}
.preferences-chevron {
  margin-left: 0;
  margin-inline-start: 4px;
}
.topbar .top-actions {
  margin-left: 0;
  margin-inline-start: auto;
}
.brand,
input[type="url"],
input[type="email"],
input[type="number"],
input[type="password"],
.queue-ref {
  direction: ltr;
  unicode-bidi: isolate;
}
.brand {
  flex-shrink: 0;
}
.preferences-fields > *,
.page-heading > *,
.queue-heading > * {
  min-width: 0;
}
.preferences-fields button,
.heading-actions .btn {
  white-space: normal;
}
.policy-language-note {
  padding: 12px 16px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
html:lang(ja) {
  --font: "DM Sans", "Yu Gothic", "Meiryo", sans-serif;
  --display: var(--font);
}
html:lang(zh-hant) {
  --font: "DM Sans", "Microsoft JhengHei", "PingFang TC", sans-serif;
  --display: var(--font);
}
html:lang(ar) {
  --font: "Segoe UI", "Tahoma", "Arial", sans-serif;
  --display: var(--font);
}
html:lang(ar) h1,
html:lang(ar) h2,
html:lang(ar) .eyebrow,
html:lang(ja) h1,
html:lang(ja) h2,
html:lang(zh-hant) h1,
html:lang(zh-hant) h2 {
  letter-spacing: normal;
  text-transform: none;
  line-height: 1.35;
}
[dir="rtl"] .help ul,
[dir="rtl"] .errorlist {
  padding-left: 0;
  padding-right: 20px;
}
[dir="rtl"] .queue-value {
  unicode-bidi: isolate;
}
[dir="rtl"] .legal-columns[dir="ltr"] {
  text-align: left;
}
[dir="rtl"] .toast-stack {
  right: auto;
  left: 25px;
}
[dir="rtl"] .queue-search,
[dir="rtl"] .queue-filter-label a {
  margin-left: 0;
  margin-right: auto;
}
[dir="rtl"] .request-help {
  border-left: 0;
  border-right: 1px solid #e2e8ee;
  padding-left: 0;
  padding-right: 28px;
}
[dir="rtl"] .brief-panel,
[dir="rtl"] .queue-feedback {
  border-left: 0;
  border-right: 2px solid var(--lime);
}
@media (max-width: 800px) {
  [dir="rtl"] .request-help {
    border-right: 0;
    padding: 24px 0;
  }
}
@media (max-width: 700px) {
  .topbar {
    gap: 14px;
  }
  .queue-summary-card small {
    white-space: normal;
  }
}
