/* Scoped styles for the portable Account renderer; token values stay in Phase 1. */
.mlma-ui .mlma-account__main { padding-block: clamp(24px, 4vw, 48px); }
.mlma-ui.mlma-account { min-height: 100vh; background: var(--mlma-black); color: var(--mlma-ink); }
.mlma-ui .mlma-account__content { display: grid; gap: var(--mlma-space-6); min-width: 0; }
.mlma-ui .mlma-account__header { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--mlma-space-6); padding: clamp(20px, 3vw, 36px); }
.mlma-ui .mlma-account__header-copy { min-width: 0; }
.mlma-ui .mlma-account__eyebrow { color: #d0cec4; }
.mlma-ui .mlma-account__title { color: var(--mlma-ink); font-size: clamp(2rem, 5vw, 3.75rem); overflow-wrap: anywhere; }
.mlma-ui .mlma-account__welcome { margin: var(--mlma-space-4) 0 0; color: var(--mlma-yellow); font-size: clamp(1.05rem, 2.5vw, 1.45rem); font-weight: 800; overflow-wrap: anywhere; }
.mlma-ui .mlma-account__identity { margin: var(--mlma-space-2) 0 0; color: #d0cec4; font-size: .88rem; }
.mlma-ui .mlma-account__quick-meta { display: grid; justify-items: end; gap: var(--mlma-space-1); margin: 0; }
.mlma-ui .mlma-account__quick-meta dt { color: #d0cec4; font: 700 .66rem/1.4 var(--mlma-font-label); letter-spacing: .11em; text-transform: uppercase; }
.mlma-ui .mlma-account__quick-meta dd { margin: 0; color: var(--mlma-yellow); font: 800 1rem/1.4 var(--mlma-font-label); overflow-wrap: anywhere; }
.mlma-ui .mlma-account__header-actions { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: var(--mlma-space-3); }
.mlma-ui .mlma-account__current-route { display: inline-flex; align-items: center; min-height: 44px; color: var(--mlma-yellow); font-size: .85rem; font-weight: 800; }
.mlma-ui .mlma-account-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--mlma-space-4); align-items: start; }
.mlma-ui .mlma-account-section { grid-column: span 6; min-width: 0; padding: var(--mlma-space-6); border-top: 2px solid var(--mlma-yellow); border-radius: var(--mlma-radius); background-color: var(--mlma-surface); color: var(--mlma-ink); }
.mlma-ui .mlma-account-section--wide { grid-column: span 12; }
.mlma-ui .mlma-account-section__heading { margin: 0 0 var(--mlma-space-4); }
.mlma-ui .mlma-account-section > h2 { margin: 0 0 var(--mlma-space-4); font-size: 1.18rem; line-height: 1.25; }
.mlma-ui .mlma-profile-list { display: grid; margin: 0; }
.mlma-ui .mlma-profile-row { display: grid; grid-template-columns: minmax(110px, .7fr) minmax(0, 1.3fr); gap: var(--mlma-space-4); padding-block: var(--mlma-space-3); border-top: 1px solid var(--mlma-line); }
.mlma-ui .mlma-profile-row dt { color: var(--mlma-muted); font-size: .8rem; }
.mlma-ui .mlma-profile-row dd { min-width: 0; margin: 0; font-weight: 700; overflow-wrap: anywhere; }
.mlma-ui .mlma-profile-row[data-editable="false"] dd::after { content: " · только чтение"; color: var(--mlma-muted); font-size: .72rem; font-weight: 400; }
.mlma-ui .mlma-profile-form { display: grid; gap: var(--mlma-space-4); }
.mlma-ui .mlma-account__actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--mlma-space-2); margin-top: var(--mlma-space-4); }
.mlma-ui .mlma-account__actions .mlma-button { max-width: 100%; }
.mlma-ui .mlma-account__saved-state { color: var(--mlma-green); font-size: .86rem; font-weight: 800; }
.mlma-ui .mlma-account__meta { margin: var(--mlma-space-1) 0 0; color: var(--mlma-muted); font-size: .82rem; overflow-wrap: anywhere; }
.mlma-ui .mlma-account-list { display: grid; gap: var(--mlma-space-2); margin: 0; padding: 0; list-style: none; }
.mlma-ui .mlma-account-list > li { display: flex; align-items: center; justify-content: space-between; gap: var(--mlma-space-4); min-width: 0; padding-block: var(--mlma-space-3); border-top: 1px solid var(--mlma-line); }
.mlma-ui .mlma-account__item-title { min-width: 0; margin: 0; font-size: .96rem; font-weight: 800; line-height: 1.35; overflow-wrap: anywhere; }
.mlma-ui .mlma-account__access-copy,.mlma-ui .mlma-account__track-copy,.mlma-ui .mlma-account__projection-copy { min-width: 0; flex: 1 1 auto; overflow-wrap: anywhere; }
.mlma-ui .mlma-account__track-copy { display: grid; gap: var(--mlma-space-1); color: var(--mlma-ink); text-decoration-color: var(--mlma-yellow); text-underline-offset: 4px; }
.mlma-ui .mlma-account__track-actions { display: flex; flex: 0 0 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--mlma-space-1); }
.mlma-ui .mlma-button--icon { min-width: 44px; padding-inline: 9px; }
.mlma-ui .mlma-account__access-item { align-items: flex-start !important; }
.mlma-ui .mlma-access-badge { flex: 0 0 auto; align-self: flex-start; white-space: normal; overflow-wrap: anywhere; }
.mlma-ui .mlma-access-badge[data-state="active"] { border-color: var(--mlma-green); background: var(--mlma-green); color: var(--mlma-success-ink); }
.mlma-ui .mlma-access-badge[data-state="pending"] { border-color: var(--mlma-yellow); background: var(--mlma-yellow); color: var(--mlma-black); }
.mlma-ui .mlma-access-badge[data-state="expired"],.mlma-ui .mlma-access-badge[data-state="inactive"],.mlma-ui .mlma-access-badge[data-state="blocked"],.mlma-ui .mlma-access-badge[data-state="unavailable"] { border-color: var(--mlma-line); background: var(--mlma-surface-raised); color: var(--mlma-ink); }
.mlma-ui .mlma-account__subheading { margin: var(--mlma-space-6) 0 var(--mlma-space-2); font-size: .95rem; }
.mlma-ui .mlma-account__telegram-status { display: grid; gap: var(--mlma-space-1); }
.mlma-ui .mlma-account__telegram-status .mlma-account__item-title { font-size: 1rem; }
.mlma-ui .mlma-account__projection-item { align-items: flex-start !important; }
.mlma-ui .mlma-account__projection-copy { display: grid; gap: var(--mlma-space-1); }
.mlma-ui .mlma-account__projection-copy .mlma-progress { width: 100%; margin-top: var(--mlma-space-2); }
.mlma-ui .mlma-account__next { color: var(--mlma-ink); font-size: .84rem; font-weight: 800; text-decoration: underline; text-decoration-color: var(--mlma-yellow); text-underline-offset: 4px; overflow-wrap: anywhere; }
.mlma-ui .mlma-toast-region { position: fixed; z-index: 1000; inset: auto 16px 16px auto; display: grid; gap: var(--mlma-space-2); width: min(420px, calc(100vw - 32px)); }
.mlma-ui .mlma-account__toasts > * { max-width: 100%; }
.mlma-ui .mlma-account-section [data-state="saving"] { opacity: .72; }
.mlma-ui .mlma-account [hidden] { display: none !important; }
@media (max-width: 760px) {
  .mlma-ui .mlma-account__header { grid-template-columns: minmax(0, 1fr); align-items: start; }
  .mlma-ui .mlma-account__quick-meta { justify-items: start; }
  .mlma-ui .mlma-account-section,.mlma-ui .mlma-account-section--wide { grid-column: span 12; }
}
@media (max-width: 480px) {
  .mlma-ui .mlma-account__main { width: min(var(--mlma-content-width), calc(100% - 28px)); padding-block: 20px 32px; }
  .mlma-ui .mlma-account__header { gap: var(--mlma-space-4); padding: 18px; }
  .mlma-ui .mlma-account-section { padding: var(--mlma-space-4); }
  .mlma-ui .mlma-profile-row { grid-template-columns: 1fr; gap: var(--mlma-space-1); }
  .mlma-ui .mlma-account-list > li { align-items: flex-start; flex-direction: column; }
  .mlma-ui .mlma-account__track-actions { width: 100%; justify-content: flex-start; }
  .mlma-ui .mlma-account__actions { align-items: stretch; }
  .mlma-ui .mlma-account__actions .mlma-button { flex: 1 1 100%; }
  .mlma-ui .mlma-access-badge { max-width: 100%; }
  .mlma-ui .mlma-toast-region { inset: auto 14px 14px; width: auto; }
}