.console-membership-menu { position: relative; flex-shrink: 0; }
.console-membership-menu > summary { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px; border-radius: 6px; background: #eef1ff; color: #405bc7; cursor: pointer; list-style: none; white-space: nowrap; font-size: 13px; font-weight: 500; }
.console-membership-menu > summary::-webkit-details-marker { display: none; }
.console-membership-menu > summary > svg { width: 16px; height: 16px; }
.console-membership-chevron { display: inline-flex; }
.console-membership-chevron svg { width: 13px; height: 13px; }
.console-membership-menu[open] .console-membership-chevron { transform: rotate(180deg); }
.console-membership-popover { position: absolute; right: 0; top: calc(100% + 14px); z-index: 40; width: 340px; max-width: calc(100vw - 32px); max-height: 75vh; overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 12px 36px #24283a1c; }
.console-membership-popover > h2 { padding: 20px 22px 0; font-size: 16px; }
.console-membership-current { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 8px 22px 0; }
.console-membership-current strong { color: var(--console-ink); font-size: 13px; font-weight: 500; }
.console-membership-current > span { color: var(--console-muted); font-size: 12px; }
.console-membership-quota { margin: 0 22px; padding-top: 22px; }
.console-membership-quota-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.console-membership-summary h3 { margin: 0; font-size: 13px; font-weight: 500; }
.console-membership-numbers { margin-top: 8px !important; font-size: 22px; line-height: 1.4; font-weight: 600; font-variant-numeric: tabular-nums; }
.console-membership-numbers > span { color: var(--console-muted); font-size: 12px; font-weight: 400; }
.console-membership-status { flex-shrink: 0; color: var(--console-muted); font-size: 12px; }
.console-membership-status.is-exhausted, .console-membership-quota.is-exhausted .console-membership-remaining { color: #b54141; }
.console-membership-status.is-near { color: #966016; }
.console-membership-meter { height: 6px; margin-top: 10px; overflow: hidden; border-radius: 4px; background: var(--console-line); }
.console-membership-meter > span { display: block; height: 100%; border-radius: inherit; background: var(--console-blue); }
.console-membership-quota.is-near .console-membership-meter > span { background: #ae7220; }
.console-membership-quota.is-exhausted .console-membership-meter > span { background: #c4473e; }
.console-membership-remaining { margin-top: 8px !important; color: var(--console-muted); font-size: 12px; }
.console-membership-note, .console-membership-warning { padding: 20px 22px 0; color: var(--console-muted); font-size: 12px; line-height: 1.7; }
.console-membership-warning { padding-top: 12px; color: #966016; }
.console-membership-expiry { padding: 16px 22px; }
.console-membership-expiry h3 { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; font-size: 12px; }
.console-membership-expiry p { color: var(--console-muted); margin-top: 6px !important; font-size: 12px; overflow-wrap: anywhere; }
.console-membership-summary a.console-membership-purchase { display: flex; justify-content: center; align-items: center; min-height: 44px; margin: 0 22px 20px; padding: 10px 12px; border-radius: 8px; background: var(--console-blue); color: #fff; font-size: 13px; font-weight: 500; }
.console-membership-summary a.console-membership-purchase:hover { background: #405dce; }
.console-membership-loading { padding: 20px 22px 0; color: var(--console-muted); font-size: 13px; }
.console-membership-retry { display: inline-flex; align-items: center; min-height: 44px; margin: 0 22px; color: var(--console-blue) !important; font-size: 13px; }
@media (max-width: 959px) {
  .console-membership-menu > summary { padding: 0 6px; font-size: 12px; }
  .console-membership-menu > summary > svg { display: none; }
}
@media (min-width: 960px) and (max-width: 1199px) {
  .console-account-name { display: none; }
  .console-header-inner { gap: 20px; }
}