.phx-language-switcher {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 132px;
  height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(176, 116, 69, .24);
  border-radius: 11px;
  background: rgba(255, 252, 248, .9);
  color: var(--text-secondary, #725f55);
  box-shadow: 0 4px 14px rgba(100, 55, 28, .06);
}
.phx-language-switcher:focus-within {
  border-color: rgba(207, 116, 42, .68);
  box-shadow: 0 0 0 3px rgba(221, 132, 55, .12);
}
.phx-language-switcher svg { width: 16px; height: 16px; flex: 0 0 auto; }
.phx-language-switcher select {
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0 20px 0 0;
  border: 0;
  outline: 0;
  appearance: auto;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.auth-language-slot { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.auth-language-slot .phx-language-switcher { background: #fff; }
@media (max-width: 620px) {
  .app-header .phx-language-switcher { min-width: 44px; width: 44px; padding: 0 8px; }
  .app-header .phx-language-switcher select { position: absolute; inset: 0; opacity: 0; }
}