/* The selector is deliberately available in both designs and without app.js. */
.design-switch { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; color: #93a4bf; font: 600 11px/1.3 Manrope, 'Segoe UI', sans-serif; }
.design-switch select { width: 126px; min-width: 0; height: 36px; padding: 0 24px 0 10px; border: 1px solid #27466f; border-radius: 9px; background: #0b1526; color: #e8eef8; color-scheme: dark; font: 600 12px/1.3 Manrope, 'Segoe UI', sans-serif; cursor: pointer; }
.design-switch select:focus-visible { outline: 2px solid #6cb2ff; outline-offset: 2px; }
html:not([data-design="modern"]) .topbar { flex-wrap: wrap; gap: 12px; }
html:not([data-design="modern"]) .topbar-account { flex-wrap: wrap; justify-content: flex-end; }
@media (max-width:720px) {
  .design-switch { gap: 0; }
  .design-switch > span { display: none; }
  .design-switch select { height: 44px; width: 124px; font-size: 12px; }
  html:not([data-design="modern"]) .topbar-account { display: flex !important; flex-wrap: wrap; position: static; }
  html:not([data-design="modern"]) .topbar-account .design-switch { margin-left: auto; }
}