/* YousoroFinance redesign-web — account surfaces: settings, subscription plans, balance, notifications, support */

/* Shared modal primitives used by account dialogs */
:root body.yf-redesign.yf-dashboard-auth .yf-modal-surface { border: 0 !important; border-radius: var(--rd-radius-xl) !important; background: var(--rd-surface) !important; box-shadow: var(--rd-shadow-modal) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-modal-header { border: 0 !important; background: transparent !important; }
:root body.yf-redesign.yf-dashboard-auth :is(.yf-modal-eyebrow, .yf-account-modal__eyebrow, .yf-support__eyebrow, .yf-rewards-settings__eyebrow, .yf-rewards-notice__eyebrow) {
    color: var(--rd-muted) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

:root body.yf-redesign.yf-dashboard-auth :is(.yf-primary-button, .yf-account-button, .yf-support__primary, .yf-rewards-notice__button) {
    min-height: 40px;
    padding: 0 16px;
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--rd-accent) !important;
    color: #fff !important;
    font-size: 14px;
    font-weight: 650;
    box-shadow: 0 1px 2px rgba(var(--rd-accent-rgb), .28), inset 0 1px 0 rgba(255, 255, 255, .14) !important;
    transition: background var(--rd-dur-fast) var(--rd-ease), transform var(--rd-dur-fast) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth :is(.yf-primary-button, .yf-account-button, .yf-support__primary, .yf-rewards-notice__button):hover { background: var(--rd-accent-hover) !important; }
:root body.yf-redesign.yf-dashboard-auth :is(.yf-primary-button, .yf-account-button, .yf-support__primary):active { transform: scale(.98); }

:root body.yf-redesign.yf-dashboard-auth :is(.yf-secondary-button, .yf-account-avatar-actions .yf-account-button, .yf-support__back) {
    border: 0 !important;
    border-radius: 11px !important;
    background: var(--rd-fill) !important;
    color: var(--rd-ink) !important;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth :is(.yf-secondary-button, .yf-account-avatar-actions .yf-account-button, .yf-support__back):hover { background: var(--rd-fill-hover) !important; }

/* ── Settings: macOS System Settings layout ────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .yf-account-modal { border: 0 !important; border-radius: var(--rd-radius-xl) !important; box-shadow: var(--rd-shadow-modal) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-account-modal__mark {
    border: 0 !important;
    border-radius: 13px !important;
    background: linear-gradient(160deg, #8e8e93, #636366) !important;
    color: #fff !important;
    box-shadow: 0 4px 10px -4px rgba(0, 0, 0, .35) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-account-modal__heading h5,
:root body.yf-redesign.yf-dashboard-auth .yf-account-modal .modal-title { font-size: 22px !important; }

:root body.yf-redesign.yf-dashboard-auth .yf-settings-shell { gap: 0 !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-sidebar {
    padding: 14px 12px !important;
    border: 0 !important;
    border-radius: var(--rd-radius-lg) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}

:root body.yf-redesign.yf-dashboard-auth .yf-account-identity {
    padding: 8px 8px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--rd-line) !important;
    background: transparent !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-account-identity strong { color: var(--rd-ink); font-size: 16px; font-weight: 700; }
:root body.yf-redesign.yf-dashboard-auth .yf-account-identity__status {
    border: 0 !important;
    background: var(--rd-fill-soft) !important;
    color: var(--rd-muted) !important;
}

:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav { gap: 2px !important; margin-top: 10px; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item {
    gap: 12px !important;
    min-height: 48px;
    padding: 7px 8px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--rd-ink) !important;
    transition: background var(--rd-dur-fast) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item::before { display: none !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item:hover { background: var(--rd-fill-soft) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item.is-active {
    background: var(--rd-surface) !important;
    box-shadow: var(--rd-shadow-control) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item strong { color: var(--rd-ink) !important; font-size: 14px; font-weight: 650; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item small { color: var(--rd-subtle) !important; font-size: 11.5px; }
@media (max-width: 575.98px) {
    :root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item { grid-template-columns: 30px minmax(0, 1fr); gap: 8px !important; }
    :root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item strong { font-size: 12px; overflow-wrap: anywhere; }
}

/* Coloured squircle icons, one hue per destination */
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px;
    border: 0 !important;
    border-radius: 8px !important;
    background: linear-gradient(160deg, #34c38f, var(--rd-accent)) !important;
    color: #fff !important;
    font-size: 16px !important;
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, .3) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item[data-account-settings-target="subscription"] .yf-settings-nav__icon { background: linear-gradient(160deg, #f4c152, #c58a12) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item[data-account-settings-target="security"] .yf-settings-nav__icon { background: linear-gradient(160deg, #8e8e93, #5a5a60) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item[data-account-settings-target="notifications"] .yf-settings-nav__icon { background: linear-gradient(160deg, #ff6b6b, #d93a3f) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item[data-account-settings-target="currencies"] .yf-settings-nav__icon { background: linear-gradient(160deg, #5aa0ff, #2f6fe4) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item[data-account-settings-target="panel"] .yf-settings-nav__icon { background: linear-gradient(160deg, #a58bff, #7c5cd6) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-nav__item[data-account-settings-target="personalization"] .yf-settings-nav__icon { background: linear-gradient(160deg, #ff8fc7, #e0529b) !important; }
:root body.yf-redesign.yf-dashboard-auth a.yf-settings-nav__item[href*="t.me"] .yf-settings-nav__icon { background: linear-gradient(160deg, #4fc3f7, #1d8fd8) !important; }

:root body.yf-redesign.yf-dashboard-auth .yf-settings-sidebar__note {
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--rd-surface) !important;
    box-shadow: var(--rd-shadow-control) !important;
    color: var(--rd-muted) !important;
}

:root body.yf-redesign.yf-dashboard-auth .yf-settings-content__head span { color: var(--rd-muted) !important; font-size: 12px !important; font-weight: 600 !important; letter-spacing: 0 !important; text-transform: none !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-content__head h2,
:root body.yf-redesign.yf-dashboard-auth .yf-settings-content__head h3,
:root body.yf-redesign.yf-dashboard-auth .yf-settings-content__head h4 { color: var(--rd-ink); font-size: 26px; font-weight: 750; letter-spacing: var(--rd-tracking-tight); }
:root body.yf-redesign.yf-dashboard-auth .yf-settings-content__head p { color: var(--rd-muted); font-size: 14px; }

/* Grouped settings sections */
:root body.yf-redesign.yf-dashboard-auth .yf-account-section {
    padding: 18px 20px !important;
    border: 0 !important;
    border-radius: var(--rd-radius-lg) !important;
    background: var(--rd-surface) !important;
    box-shadow: var(--rd-shadow-card) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-account-section__head { gap: 12px !important; margin-bottom: 14px !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-account-section__head > i {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 32px;
    display: inline-grid !important;
    place-items: center;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--rd-accent-soft) !important;
    color: var(--rd-accent) !important;
    font-size: 16px !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-account-section__head strong { color: var(--rd-ink) !important; font-size: 15.5px; font-weight: 700; }
:root body.yf-redesign.yf-dashboard-auth .yf-account-section__head span { color: var(--rd-muted) !important; font-size: 12.5px; }

:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option) {
    padding: 12px 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option) strong { color: var(--rd-ink) !important; font-size: 14px; font-weight: 650; }
:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option) small { color: var(--rd-muted) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-account-switch.yf-account-switch--inline { padding: 0 !important; background: transparent !important; box-shadow: none !important; }

/* iOS-style switch for checkbox toggles inside settings */
:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option, .yf-tag-edit-schedule .yf-recurring-setting) input[type="checkbox"]:not(.form-check-input) {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    flex: 0 0 44px;
    width: 44px !important;
    height: 26px !important;
    margin: 0;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(120, 120, 128, .24) !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background var(--rd-dur) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option, .yf-tag-edit-schedule .yf-recurring-setting) input[type="checkbox"]:not(.form-check-input)::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .16), 0 0 0 .5px rgba(0, 0, 0, .04);
    margin: 0 !important; /* the classic switch gives the knob margin: 3px, which pushed it out of the track */
    content: "";
    transition: transform var(--rd-dur) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option, .yf-tag-edit-schedule .yf-recurring-setting) input[type="checkbox"]:not(.form-check-input):checked { background: var(--rd-positive) !important; }
:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option, .yf-tag-edit-schedule .yf-recurring-setting) input[type="checkbox"]:not(.form-check-input):checked::after { transform: translateX(18px); }
:root body.yf-redesign.yf-dashboard-auth :is(.yf-account-switch, .yf-rewards-settings__option, .yf-tag-edit-schedule .yf-recurring-setting) input[type="checkbox"]:not(.form-check-input):disabled { opacity: .5; cursor: not-allowed; }

:root body.yf-redesign.yf-dashboard-auth .yf-account-connection {
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-account-connection__icon { border: 0 !important; border-radius: 10px !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-account-status { border: 0 !important; border-radius: var(--rd-radius-pill) !important; font-weight: 650; }

:root body.yf-redesign.yf-dashboard-auth .yf-currency-rate {
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-currency-rate__value { color: var(--rd-ink); font-weight: 700; }

/* ── Balance ───────────────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .yf-balance-hero {
    border: 0 !important;
    border-radius: var(--rd-radius-lg) !important;
    background: linear-gradient(135deg, var(--rd-accent), #16a06b) !important;
    color: #fff !important;
    box-shadow: 0 18px 40px -18px rgba(var(--rd-accent-rgb), .65) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-balance-hero :is(strong, span, small, p) { color: #fff !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-balance-hero__icon { border: 0 !important; background: rgba(255, 255, 255, .18) !important; color: #fff !important; border-radius: 13px !important; }

:root body.yf-redesign.yf-dashboard-auth .yf-top-up-panel {
    border: 0 !important;
    border-radius: var(--rd-radius-lg) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-quick-amounts { gap: 8px !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-quick-amount {
    min-height: 34px;
    border: 0 !important;
    border-radius: var(--rd-radius-pill) !important;
    background: var(--rd-surface) !important;
    color: var(--rd-ink) !important;
    box-shadow: var(--rd-shadow-control) !important;
    font-weight: 650;
}
:root body.yf-redesign.yf-dashboard-auth .yf-quick-amount:hover,
:root body.yf-redesign.yf-dashboard-auth .yf-quick-amount.is-active { background: var(--rd-accent-soft) !important; color: var(--rd-accent-ink) !important; box-shadow: inset 0 0 0 1px var(--rd-accent-ring) !important; }
:root body.yf-redesign.yf-dashboard-auth :is(.yf-form-hint, .yf-transaction-note, .yf-field-status) { color: var(--rd-muted) !important; }

:root body.yf-redesign.yf-dashboard-auth .yf-modal-table {
    overflow: hidden;
    border-radius: var(--rd-radius-md);
    box-shadow: inset 0 0 0 1px var(--rd-line-soft);
}
:root body.yf-redesign.yf-dashboard-auth .yf-modal-table :is(th, td) { padding: 10px 12px !important; border-color: var(--rd-line-soft) !important; font-size: 13px; }
:root body.yf-redesign.yf-dashboard-auth .yf-modal-table th { background: var(--rd-surface-grouped) !important; color: var(--rd-muted) !important; font-weight: 650; }

/* ── Notifications ─────────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .yf-notifications-panel { border: 0 !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-notifications-toolbar {
    padding: 8px 4px 12px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--rd-muted);
    font-size: 13px;
}
:root body.yf-redesign.yf-dashboard-auth #yf-notifications-read-all {
    border: 0 !important;
    background: transparent !important;
    color: var(--rd-accent) !important;
    font-weight: 650;
}
:root body.yf-redesign.yf-dashboard-auth .yf-notifications-list > * {
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}

/* ── Support ───────────────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth .yf-support-modal .modal-content { border: 0 !important; }
:root body.yf-redesign.yf-dashboard-auth :is(.yf-support__list > *, .yf-support__welcome) {
    border: 0 !important;
    border-radius: var(--rd-radius-md) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-support__compose {
    border: 0 !important;
    border-radius: var(--rd-radius-lg) !important;
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft) !important;
}

/* ── PWA install ───────────────────────────────────────────────────────── */
:root body.yf-redesign.yf-dashboard-auth #pwaInstallModal .modal-content { border: 0 !important; }

/* The plans surface is moved into Settings; there it is content, not a dialog */
:root body.yf-redesign.yf-dashboard-auth .yf-account-panel .yf-modal-surface {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* ── Personalization (Эфир refinements over css/financeDashboard/personalization.css) ── */
:root body.yf-redesign.yf-dashboard-auth .yf-personalization:not([hidden]) { gap: 16px; }
:root body.yf-redesign.yf-dashboard-auth .yf-design-options { gap: 14px; }
:root body.yf-redesign.yf-dashboard-auth .yf-design-option {
    gap: 14px;
    padding: 10px 10px 16px;
    border: 0;
    border-radius: 18px;
    background: var(--rd-surface-grouped);
    box-shadow: inset 0 0 0 1px var(--rd-line-soft);
    transition: box-shadow var(--rd-dur) var(--rd-ease), background var(--rd-dur) var(--rd-ease), transform var(--rd-dur) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth .yf-design-option:hover { background: var(--rd-surface); box-shadow: var(--rd-shadow-card); transform: translateY(-1px); }
:root body.yf-redesign.yf-dashboard-auth .yf-design-option:has(> input:checked) {
    background: var(--rd-surface);
    box-shadow: 0 0 0 2px var(--rd-accent), 0 12px 28px -16px rgba(var(--rd-accent-rgb), .45);
}
:root body.yf-redesign.yf-dashboard-auth .yf-design-option:has(> input:focus-visible) { box-shadow: 0 0 0 2px var(--rd-accent), var(--rd-focus-ring); }
:root body.yf-redesign.yf-dashboard-auth .yf-design-preview { border-radius: 12px; box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06); }
:root body.yf-redesign.yf-dashboard-auth .yf-design-option__meta strong { color: var(--rd-ink); font-size: 15px; letter-spacing: var(--rd-tracking-snug); }
:root body.yf-redesign.yf-dashboard-auth .yf-design-option__meta small { color: var(--rd-muted); font-size: 12.5px; }
:root body.yf-redesign.yf-dashboard-auth .yf-design-option__meta em { background: var(--rd-accent-soft); color: var(--rd-accent-ink); font-size: 11px; }
:root body.yf-redesign.yf-dashboard-auth .yf-design-option__check { top: 18px; right: 18px; width: 24px; height: 24px; background: var(--rd-accent); box-shadow: 0 4px 10px -4px rgba(var(--rd-accent-rgb), .7); }
:root body.yf-redesign.yf-dashboard-auth .yf-personalization__status { color: var(--rd-muted); font-size: 12.5px; }
:root body.yf-redesign.yf-dashboard-auth .yf-personalization__status.is-error { color: var(--rd-negative); }
:root body.yf-redesign.yf-dashboard-auth .yf-account-switch--theme input[type="checkbox"]:checked { background: var(--rd-positive) !important; }

:root body.yf-redesign.yf-dashboard-auth .yf-language-options { gap: 12px; }
:root body.yf-redesign.yf-dashboard-auth .yf-language-option {
    min-height: 48px;
    border: 0;
    border-radius: 14px;
    background: var(--rd-surface-grouped);
    box-shadow: inset 0 0 0 1px var(--rd-line-soft);
    color: var(--rd-ink);
    font-size: 14px;
    transition: box-shadow var(--rd-dur) var(--rd-ease), background var(--rd-dur) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth .yf-language-option:hover { background: var(--rd-surface); box-shadow: var(--rd-shadow-card); color: var(--rd-ink); }
:root body.yf-redesign.yf-dashboard-auth .yf-language-option[aria-current="page"] { background: var(--rd-surface); box-shadow: 0 0 0 2px var(--rd-accent), 0 10px 24px -16px rgba(var(--rd-accent-rgb), .45); }
:root body.yf-redesign.yf-dashboard-auth .yf-language-option i { color: var(--rd-accent); }

/* ── Settings → Панель: quick links editor and saved links ─────────────── */
:root body.yf-redesign.yf-dashboard-auth .yf-link-form,
:root body.yf-redesign.yf-dashboard-auth.dark-theme .yf-link-form {
    display: grid;
    gap: 12px;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-link-form > label {
    display: grid;
    gap: 6px;
    margin: 0;
    color: var(--rd-muted);
    font-size: 12px;
    font-weight: 650;
}
:root body.yf-redesign.yf-dashboard-auth .yf-link-form__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 2px; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-form__actions .yf-account-button { flex: 1 1 auto; justify-content: center; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-list { display: grid; gap: 8px; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 58px;
    padding: 9px 10px 9px 12px;
    border: 0 !important;
    border-radius: var(--rd-radius-md);
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft);
    transition: box-shadow var(--rd-dur) var(--rd-ease), background-color var(--rd-dur) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth .yf-link-row:hover { box-shadow: inset 0 0 0 1px var(--rd-accent-ring); }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row__icon {
    display: inline-grid;
    flex: none;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 10px;
    background: var(--rd-accent-soft) !important;
    color: var(--rd-accent-ink) !important;
    font-size: 17px;
}
:root body.yf-redesign.yf-dashboard-auth .yf-link-row__content { display: grid; flex: 1 1 auto; gap: 2px; min-width: 0; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row__content strong { overflow: hidden; color: var(--rd-ink); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row__content a { overflow: hidden; color: var(--rd-muted) !important; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row__content a:hover { color: var(--rd-accent) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row__actions { display: flex; flex: none; gap: 4px; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row__actions form { margin: 0; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row .yf-icon-button {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0 !important;
    border-radius: 9px;
    background: transparent !important;
    color: var(--rd-muted) !important;
    transition: background-color var(--rd-dur-fast) var(--rd-ease), color var(--rd-dur-fast) var(--rd-ease);
}
:root body.yf-redesign.yf-dashboard-auth .yf-link-row .yf-icon-button:hover { background: var(--rd-fill-soft) !important; color: var(--rd-ink) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-link-row .yf-icon-button--danger:hover { background: var(--rd-negative-soft) !important; color: var(--rd-negative) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-empty-links {
    display: grid;
    justify-items: center;
    gap: 6px;
    padding: 28px 16px;
    border: 0 !important;
    border-radius: var(--rd-radius-md);
    background: var(--rd-surface-grouped) !important;
    box-shadow: inset 0 0 0 1px var(--rd-line-soft);
    text-align: center;
}
:root body.yf-redesign.yf-dashboard-auth .yf-empty-links > span {
    display: inline-grid;
    width: 44px;
    height: 44px;
    place-items: center;
    border: 0 !important;
    border-radius: 12px;
    background: var(--rd-accent-soft) !important;
    color: var(--rd-accent-ink) !important;
    font-size: 20px;
    box-shadow: none !important;
}
:root body.yf-redesign.yf-dashboard-auth .yf-empty-links strong { color: var(--rd-ink); font-size: 14px; }
:root body.yf-redesign.yf-dashboard-auth .yf-empty-links small { max-width: 260px; color: var(--rd-muted); font-size: 12px; }

/* ── First-login welcome in «Эфир»: token palette, same brand hero ─────── */
:root body.yf-redesign.yf-dashboard-auth .yf-welcome {
    --wl-ink: var(--rd-ink);
    --wl-muted: var(--rd-muted);
    --wl-card: var(--rd-surface-grouped);
    --wl-line: var(--rd-line-soft);
    --wl-accent: var(--rd-accent);
    --wl-accent-soft: var(--rd-accent-soft);
}
:root body.yf-redesign.yf-dashboard-auth.dark-theme .yf-welcome { --wl-accent: var(--rd-accent-ink); }
:root body.yf-redesign.yf-dashboard-auth .yf-welcome .modal-content { border-radius: 26px !important; background: var(--rd-surface) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-welcome .modal-body { padding: 22px 26px 6px !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-welcome .modal-footer { padding: 16px 26px 24px !important; border: 0 !important; background: transparent !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-welcome .yf-welcome-modal__primary { background: var(--rd-accent) !important; color: #fff !important; box-shadow: 0 10px 22px -12px rgba(var(--rd-accent-rgb), .9) !important; }
:root body.yf-redesign.yf-dashboard-auth .yf-welcome .yf-welcome-modal__secondary { background: var(--rd-fill-soft) !important; color: var(--rd-ink) !important; }