.topbar-home .topbar-actions { margin-left: auto; justify-content: flex-end; }
.topbar-home .nav { justify-content: flex-end; }
.user-category-menu {
  padding: 0; border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer;
}
.user-category-menu:hover, .user-category-menu:focus-visible { color: #fbbf24; }
.user-category-menu:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
body.user-category-modal-open { overflow: hidden; }
.user-category-dialog {
  --category-control-height: 40px;
  width: min(640px, calc(100vw - var(--space-8)));
  max-height: calc(100dvh - var(--space-8)); margin: auto; padding: var(--space-6);
  border: 1px solid var(--color-border-strong); border-radius: var(--radius);
  background: var(--color-surface); color: var(--color-text); box-shadow: var(--shadow-panel);
  overflow: auto;
}
.user-category-dialog::backdrop { background: rgba(2, 8, 23, .64); }
.user-category-dialog form { margin: 0; }
.user-category-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-3); }
.user-category-header h2 { margin: 0; font-size: 20px; font-weight: 600; }
.user-category-close {
  display: grid; place-items: center; width: var(--category-control-height); height: var(--category-control-height);
  flex: 0 0 auto; padding: 0; border: 1px solid var(--color-border); border-radius: var(--radius);
  background: var(--color-surface); color: var(--color-text); font: inherit; font-size: 24px; cursor: pointer;
}
.user-category-intro { color: var(--color-muted); margin: var(--space-4) 0; font-size: 14px; }
.user-category-label { display: block; font-size: 14px; font-weight: 600; margin-bottom: var(--space-2); }
.user-category-select {
  width: 100%; min-width: 0; min-height: var(--category-control-height); padding: var(--space-2);
  border: 1px solid var(--color-border-strong); border-radius: var(--radius);
  background: var(--color-surface); color: var(--color-text); font: inherit; font-size: 14px;
}
.user-category-details { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px solid var(--color-border); }
.user-category-details h3 { margin: 0 0 var(--space-2); font-size: 16px; font-weight: 600; }
.user-category-details p { margin: 0; font-size: 14px; }
.user-category-footer { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-6); }
.user-category-footer button {
  min-height: var(--category-control-height); padding: var(--space-2) var(--space-4); border-radius: var(--radius);
  border: 1px solid var(--color-border-strong); background: var(--color-surface);
  color: var(--color-text); font: inherit; font-size: 14px; cursor: pointer;
}
.user-category-footer .user-category-apply {
  border-color: var(--color-accent); background: var(--color-accent); color: var(--color-accent-contrast);
}
.user-category-close:hover, .user-category-cancel:hover { border-color: var(--color-accent); }
.user-category-apply:hover { filter: brightness(.92); }
.user-category-dialog button:focus-visible, .user-category-select:focus-visible {
  outline: 2px solid var(--color-accent); outline-offset: 2px;
}
@media (max-width: 860px) {
  .topbar-home { align-items: stretch; }
  .topbar-home .topbar-actions { align-items: flex-end; }
  .topbar-home .language-switcher { justify-content: flex-end; }
}
@media (max-width: 520px) {
  .user-category-dialog { padding: var(--space-4); --category-control-height: 44px; }
  .topbar-home .nav { align-items: center; column-gap: var(--space-3); }
  .user-category-menu { min-height: 40px; }
}