.mt-account-dropdown {
  --mt-dropdown-bg: var(--mt-surface);
  --mt-dropdown-hover: var(--mt-surface-raised);
  --mt-dropdown-selected: var(--mt-accent);
  --mt-dropdown-selected-ink: var(--mt-accent-ink);
  --mt-dropdown-selected-border: var(--mt-accent);

  position: relative;
  flex: 0 0 44px;
  font-family: var(--wp--preset--font-family--geist, "Geist", sans-serif);
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  white-space: normal;
}

html[data-theme="light"] .mt-account-dropdown {
  --mt-dropdown-bg: var(--mt-paper);
  --mt-dropdown-hover: var(--mt-surface);
  --mt-dropdown-selected: var(--mt-paper);
  --mt-dropdown-selected-ink: var(--mt-text);
  --mt-dropdown-selected-border: var(--mt-border);
}

.mt-account-dropdown [hidden] { display: none; }
.mt-account-dropdown svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mt-account-dropdown .mt-account-trigger { display: grid; width: 44px; height: 44px; padding: 0; color: var(--mt-text); background: transparent; border: 0; border-radius: var(--mt-radius-sm); cursor: pointer; place-items: center; }
.mt-account-dropdown .mt-account-trigger[hidden] { display: none; }
.mt-account-trigger svg { width: 19px; height: 19px; }
.mt-account-dropdown .mt-account-trigger:is(:hover, [aria-expanded="true"]) { background: var(--mt-dropdown-hover); }
.mt-account-dropdown :is(a, button):focus-visible { outline: 2px solid var(--mt-focus); outline-offset: 2px; }
.mt-account-panel { position: fixed; z-index: 120; display: grid; width: 280px; gap: 4px; padding: 8px; overflow-y: auto; overscroll-behavior: contain; color: var(--mt-text); background: var(--mt-dropdown-bg); border-radius: var(--mt-radius-sm); box-shadow: inset 0 0 0 1px var(--mt-border); }
.mt-account-summary { display: grid; gap: 5px; padding: 12px; }
.mt-account-summary strong { font-size: 16px; font-weight: 500; line-height: 21px; }
.mt-account-summary span { color: var(--mt-muted); font-size: 12px; line-height: 18px; }
.mt-account-divider { height: 1px; background: var(--mt-border); }
.mt-account-nav { display: grid; gap: 4px; }
.mt-account-dropdown :is(.mt-account-nav a, .mt-account-signout) { display: flex; min-height: 44px; align-items: center; gap: 12px; padding: 8px 12px; color: var(--mt-text); border-radius: var(--mt-radius-xs); text-decoration: none; }
.mt-account-dropdown :is(.mt-account-nav a, .mt-account-signout):hover { background: var(--mt-dropdown-hover); }
.mt-account-appearance { display: grid; gap: 10px; padding: 12px; }
.mt-account-appearance > span { color: var(--mt-muted); font-size: 12px; line-height: 16px; }
.mt-theme-segmented { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; padding: 4px; background: var(--mt-dropdown-hover); border-radius: var(--mt-radius-sm); }
.mt-theme-segmented button { display: flex; min-width: 0; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 4px; color: var(--mt-muted); font: inherit; background: transparent; border: 1px solid transparent; border-radius: var(--mt-radius-xs); cursor: pointer; }
.mt-theme-segmented svg { width: 16px; height: 16px; }
.mt-theme-segmented button:hover { color: var(--mt-text); }
.mt-theme-segmented button[aria-pressed="true"] { color: var(--mt-dropdown-selected-ink); background: var(--mt-dropdown-selected); border-color: var(--mt-dropdown-selected-border); }

@media (prefers-reduced-motion: no-preference) {
  .mt-account-panel:not([hidden]) { animation: mt-panel-enter var(--mt-transition-fast) ease; }
}