.tab-window.df-navigation-ready { transition: transform .22s ease, visibility .22s !important; }
.tab-window [hidden], [data-auth-only][hidden] { display: none !important; }
.df-navigation-notice {
    position: absolute;
    z-index: 5;
    top: 58px;
    left: 0;
    right: 0;
    margin: 8px 24px 12px;
    padding: 12px 16px;
    border: 1px solid var(--aurora-border);
    border-radius: 14px;
    background: var(--aurora-surface);
    color: var(--aurora-ink);
    font-size: 14px;
}
.df-navigation-notice button, [data-frame-placeholder] button, [data-premium-placeholder] button {
    margin-left: 8px; border: 0; border-radius: 999px; padding: 8px 14px;
    background: var(--aurora-primary-btn); color: #fff; cursor: pointer; font: inherit;
}
.tab-window.df-navigation-ready:has(#tab-dashboard.active), .tab-window.df-navigation-ready:has(#tab-gopremium.active) {
    width: min(1180px, calc(100vw - 280px)); min-width: 0; max-width: calc(100vw - 280px);
}
#tab-dashboard.tab { width: 100% !important; max-width: none; min-width: 0; padding: 64px 0 0 !important; margin: 0 !important; height: 100%; overflow: hidden; box-sizing: border-box; }
#tab-dashboard iframe { width: 100%; height: 100%; border: 0; display: block; background: var(--aurora-surface); }
[data-frame-placeholder], #tab-gopremium [data-premium-placeholder] {
    display: flex; align-items: center; justify-content: center; min-height: 180px; height: 100%;
    background: var(--aurora-surface); color: var(--aurora-ink); font-size: 14px;
}
[data-frame-placeholder].is-hidden { display: none; }
#tab-gopremium .premium-iframe { background: var(--aurora-surface); }
.tab-window:has(#tab-dashboard.active) > .tab-logo { display: none; }
#tab-account .df-account-actions { display: flex; justify-content: flex-end; margin-bottom: 16px; }
#tab-account .df-account-identity, #tab-account .df-account-identity > div { min-width: 0; }
#tab-account .df-account-head h2 { overflow-wrap: anywhere; }
#tab-account .df-account-head p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 768px) {
    .tab-window.df-navigation-ready:has(#tab-dashboard.active), .tab-window.df-navigation-ready:has(#tab-gopremium.active) { width: 100%; min-width: 0; max-width: 100%; }
    .df-navigation-notice { margin: 8px 14px; }
    .tab-window.df-navigation-ready #tab-account.tab { padding: 64px 14px 28px !important; }
}
@media (prefers-reduced-motion: reduce) { .tab-window.df-navigation-ready { transition: none !important; } }
