/*
 * SHIFT Design System
 * Shared visual tokens and surfaces for migrated pages.
 *
 * Reference: approved native detail page.
 * Does not apply to home.html or native_detail.html.
 */

body.shift-ui {
    --shift-text: #f4f3ff;
    --shift-muted: #a9afd0;
    --shift-glass: linear-gradient(
        145deg,
        rgba(18, 25, 67, 0.76),
        rgba(13, 18, 53, 0.68)
    );
    --shift-border: rgba(167, 158, 255, 0.30);
    --shift-border-soft: rgba(177, 188, 255, 0.17);
    --shift-violet: #8f83ff;
    --shift-violet-soft: #aaa1ff;
    --shift-blue: #647ff0;

    color: var(--shift-text);
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 15px;
    line-height: 1.45;
}

/* Shared glass surface: use this class for migrated blocks. */
body.shift-ui .shift-surface {
    border: 1px solid var(--shift-border);
    border-radius: 18px;
    background: var(--shift-glass);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 16px 48px rgba(0, 2, 25, 0.20),
        0 0 32px rgba(107, 89, 221, 0.07);
    backdrop-filter: blur(17px) saturate(112%);
    -webkit-backdrop-filter: blur(17px) saturate(112%);
}

body.shift-ui .shift-heading {
    color: #fbfaff;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

body.shift-ui .shift-muted {
    color: rgba(194, 201, 233, 0.70);
}

body.shift-ui .shift-eyebrow {
    color: var(--shift-violet-soft);
}

/* Interactive components are migrated page by page.
   Existing forms, tables and buttons are not overridden here. */
/* SHIFT ACCOUNT V1 */
body.shift-ui .shift-account {
    position: fixed;
    z-index: 74;
    top: 14px;
    right: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    max-width: calc(100vw - 96px);
    padding: 10px 14px;
    border: 1px solid var(--shift-border-soft);
    border-radius: 14px;
    background: var(--shift-glass);
    backdrop-filter: blur(17px);
}

body.shift-ui .shift-account a {
    color: var(--shift-text);
    font-size: 12px;
    text-decoration: none;
}

body.shift-ui .shift-account a:hover {
    color: var(--shift-violet-soft);
}

body.shift-ui .shift-account span {
    color: var(--shift-muted);
    font-size: 12px;
    overflow-wrap: anywhere;
}

body.shift-ui.home-mobile-menu-open .shift-account {
    visibility: hidden;
    pointer-events: none;
}

@media (max-width: 767px) {
    body.shift-ui .shift-account {
        right: 12px;
        gap: 8px;
        padding: 8px 10px;
    }
}
/* SHIFT GLASS COMPONENTS V1 */
/* Shared surfaces and typography. Scoped to migrated pages. */

body.shift-ui .content-panel,
body.shift-ui .planets-page .planet-group {
    border: 1px solid var(--shift-border);
    background: var(--shift-glass);
    color: var(--shift-text);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 16px 48px rgba(0,2,25,0.20),
        0 0 32px rgba(107,89,221,0.07);
    backdrop-filter: blur(17px) saturate(112%);
    -webkit-backdrop-filter: blur(17px) saturate(112%);
}

body.shift-ui .page-title,
body.shift-ui .section-toolbar h2,
body.shift-ui .planets-page .planet-group-header h3 {
    color: #fbfaff;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

body.shift-ui .section-eyebrow {
    color: var(--shift-violet-soft);
}

body.shift-ui .section-note,
body.shift-ui .planets-page .planet-group-header p {
    color: rgba(202,205,230,0.85);
}

body.shift-ui .planets-page .planet-card {
    border: 1px solid rgba(164,157,241,0.25);
    background:
        radial-gradient(circle at 82% 28%,
            rgba(120,106,236,0.07), transparent 32%),
        linear-gradient(145deg,
            rgba(16,21,60,0.68),
            rgba(6,10,31,0.60));
    color: var(--shift-text);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 10px 26px rgba(0,3,29,0.14);
    backdrop-filter: blur(12px);
}

body.shift-ui .planets-page .planet-card:hover {
    background: linear-gradient(145deg,
        rgba(40,39,104,0.84),
        rgba(15,18,59,0.80));
    border-color: var(--shift-border);
}

body.shift-ui .planets-page .planet-symbol {
    background: rgba(143,131,255,0.18);
    border: 1px solid var(--shift-border-soft);
    color: #f4f3ff;
}

body.shift-ui .planets-page .planet-action a {
    background: rgba(143,131,255,0.17);
    border: 1px solid var(--shift-border-soft);
    color: #f4f3ff;
}

body.shift-ui .planets-page .planet-action a:hover {
    background: rgba(143,131,255,0.35);
}
/* SHIFT SHARED CONTROLS V1 */
/* Buttons, filters, pagination and empty states. */
/* Only migrated pages. */

body.shift-ui .primary-action {
    border: 1px solid var(--shift-border);
    background: linear-gradient(
        135deg,
        rgba(105, 89, 211, 0.65),
        rgba(48, 45, 121, 0.85)
    );
    color: #f4f3ff;
    box-shadow: 0 6px 20px rgba(66, 49, 155, 0.22);
}

body.shift-ui .primary-action:hover {
    background: rgba(113, 94, 220, 0.85);
}

body.shift-ui .filter-button,
body.shift-ui .pagination-row a,
body.shift-ui .pagination-row span {
    border: 1px solid var(--shift-border-soft);
    background: rgba(24, 28, 75, 0.72);
    color: var(--shift-text);
}

body.shift-ui .filter-button span {
    background: rgba(143, 131, 255, 0.16);
    color: #dedaff;
}

body.shift-ui .filter-button:hover,
body.shift-ui .filter-button.is-active,
body.shift-ui .pagination-row a:hover {
    border-color: var(--shift-border);
    background: rgba(95, 79, 181, 0.68);
    color: #ffffff;
}

body.shift-ui .filter-button:hover span,
body.shift-ui .filter-button.is-active span {
    background: rgba(216, 207, 255, 0.20);
    color: #ffffff;
}

body.shift-ui .empty-state {
    border: 1px solid var(--shift-border-soft);
    background: var(--shift-glass);
    color: var(--shift-muted);
}

body.shift-ui .primary-action:focus-visible,
body.shift-ui .filter-button:focus-visible,
body.shift-ui .pagination-row a:focus-visible {
    outline: 2px solid var(--shift-violet-soft);
    outline-offset: 3px;
}
/* SHIFT ASPECT CARDS V1 */
/* Unified cosmic glass styling for aspect catalogue. */

body.shift-ui .aspect-card {
    border: 1px solid rgba(164, 157, 241, 0.25);
    background:
        radial-gradient(
            circle at 82% 28%,
            rgba(120, 106, 236, 0.07),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(16, 21, 60, 0.68),
            rgba(6, 10, 31, 0.60)
        );
    color: var(--shift-text);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 10px 26px rgba(0, 3, 29, 0.14);
    backdrop-filter: blur(12px);
}

body.shift-ui .aspect-card:hover {
    border-color: var(--shift-border);
    background: linear-gradient(
        145deg,
        rgba(40, 39, 104, 0.84),
        rgba(15, 18, 59, 0.80)
    );
}

body.shift-ui .aspect-card-header h3 {
    color: #fbfaff;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

body.shift-ui .aspect-card-header p,
body.shift-ui .aspect-stats span {
    color: rgba(202, 205, 230, 0.85);
}

body.shift-ui .aspect-card-header > span,
body.shift-ui .aspect-stats div {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.12);
    color: var(--shift-text);
}

body.shift-ui .aspect-action a {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.17);
    color: var(--shift-text);
}

body.shift-ui .aspect-action a:hover {
    background: rgba(143, 131, 255, 0.35);
}
/* SHIFT RECEPTION CARDS V1 */
/* Match approved aspect-card cosmic styling. */

body.shift-ui .reception-card {
    border: 1px solid rgba(164, 157, 241, 0.25);
    background:
        radial-gradient(
            circle at 82% 28%,
            rgba(120, 106, 236, 0.07),
            transparent 32%
        ),
        linear-gradient(
            145deg,
            rgba(16, 21, 60, 0.68),
            rgba(6, 10, 31, 0.60)
        );
    color: var(--shift-text);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.035),
        0 10px 26px rgba(0, 3, 29, 0.14);
    backdrop-filter: blur(12px);
}

body.shift-ui .reception-card:hover {
    border-color: var(--shift-border);
    background: linear-gradient(
        145deg,
        rgba(40, 39, 104, 0.84),
        rgba(15, 18, 59, 0.80)
    );
}

body.shift-ui .reception-card-header h3 {
    color: #fbfaff;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

body.shift-ui .reception-card-header p,
body.shift-ui .reception-stats span {
    color: rgba(202, 205, 230, 0.85);
}

body.shift-ui .reception-card-header > span,
body.shift-ui .reception-stats div {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.12);
    color: var(--shift-text);
}

body.shift-ui .reception-action a {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.17);
    color: var(--shift-text);
}

body.shift-ui .reception-action a:hover {
    background: rgba(143, 131, 255, 0.35);
}

/* SHIFT CATALOG GLASS V1 */
/* Shared appearance for six migrated catalogues. */

body.shift-ui :is(
    .stellium-card,
    .dignity-card,
    .symbolic-house-card,
    .natal-house-card,
    .configuration-card,
    .quality-card,
    .quality-detail-row
) {
    border: 1px solid rgba(164, 157, 241, 0.25);
    background:
        radial-gradient(circle at 82% 28%,
            rgba(120, 106, 236, 0.07), transparent 32%),
        linear-gradient(145deg,
            rgba(16, 21, 60, 0.68),
            rgba(6, 10, 31, 0.60));
    color: var(--shift-text);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.035),
        0 10px 26px rgba(0,3,29,0.14);
    backdrop-filter: blur(12px);
}

body.shift-ui :is(
    .stellium-card,
    .dignity-card,
    .symbolic-house-card,
    .natal-house-card,
    .configuration-card,
    .quality-card,
    .quality-detail-row
):hover {
    border-color: var(--shift-border);
    background: linear-gradient(145deg,
        rgba(40,39,104,0.84),
        rgba(15,18,59,0.80));
}

body.shift-ui :is(
    .stellium-card-header > span,
    .dignity-card-header > span,
    .symbolic-house-card-header > span,
    .natal-house-card-header > span,
    .configuration-card-header > span,
    .quality-card-header > span,
    .natal-house-stats div,
    .configuration-stats div,
    .quality-detail-meta span,
    .quality-detail-avatar,
    .quality-more-note
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143,131,255,0.12);
    color: var(--shift-text);
}

body.shift-ui :is(
    .stellium-native-list a,
    .dignity-native-list a,
    .symbolic-house-native-list a,
    .natal-house-preview-list a,
    .configuration-preview-list a,
    .quality-native-list a,
    .stellium-all-link,
    .dignity-all-link,
    .symbolic-house-all-link,
    .natal-house-action a,
    .configuration-action a,
    .quality-more-link,
    .quality-detail-actions a
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143,131,255,0.17);
    color: var(--shift-text);
}

body.shift-ui :is(
    .stellium-native-list a,
    .dignity-native-list a,
    .symbolic-house-native-list a,
    .natal-house-preview-list a,
    .configuration-preview-list a,
    .quality-native-list a,
    .stellium-all-link,
    .dignity-all-link,
    .symbolic-house-all-link,
    .natal-house-action a,
    .configuration-action a,
    .quality-more-link,
    .quality-detail-actions a
):hover {
    background: rgba(143,131,255,0.35);
    color: #ffffff;
}

body.shift-ui :is(
    .stellium-empty,
    .dignity-empty,
    .symbolic-house-empty,
    .natal-house-empty,
    .configuration-empty,
    .quality-empty
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143,131,255,0.10);
    color: var(--shift-muted);
}

/* SHIFT CONTENT HEADINGS V1 */
body.shift-ui .content-panel h2,
body.shift-ui .content-panel h3,
body.shift-ui .content-panel h4 {
    color: var(--shift-text);
}


/* SHIFT DETAIL GLASS V1 */
/* Migrated detail pages only. */

body.shift-ui :is(
    .sign-section-card,
    .planet-sign-row,
    .aspect-pair-card,
    .aspect-pair-row,
    .reception-pair-card,
    .reception-pair-row,
    .dignity-detail-row,
    .configuration-group-card,
    .configuration-group-detail-row,
    .natal-sign-card,
    .natal-house-sign-row,
    .symbolic-house-detail-row,
    .stellium-detail-row
) {
    border: 1px solid rgba(164, 157, 241, 0.25);
    background:
        radial-gradient(circle at 82% 28%,
            rgba(120, 106, 236, 0.07), transparent 32%),
        linear-gradient(145deg,
            rgba(16, 21, 60, 0.68),
            rgba(6, 10, 31, 0.60));
    color: var(--shift-text);
    box-shadow: 0 10px 26px rgba(0, 3, 29, 0.14);
    backdrop-filter: blur(12px);
}

body.shift-ui :is(
    .sign-section-card,
    .planet-sign-row,
    .aspect-pair-card,
    .aspect-pair-row,
    .reception-pair-card,
    .reception-pair-row,
    .dignity-detail-row,
    .configuration-group-card,
    .configuration-group-detail-row,
    .natal-sign-card,
    .natal-house-sign-row,
    .symbolic-house-detail-row,
    .stellium-detail-row
):hover {
    border-color: var(--shift-border);
    background: linear-gradient(145deg,
        rgba(40, 39, 104, 0.84),
        rgba(15, 18, 59, 0.80));
}

body.shift-ui :is(
    .sign-section-header > span,
    .planet-sign-avatar,
    .planet-sign-meta span,
    .aspect-pair-header > span,
    .aspect-pair-avatar,
    .aspect-pair-meta span,
    .aspect-more-note,
    .reception-pair-header > span,
    .reception-pair-avatar,
    .reception-pair-meta span,
    .dignity-detail-avatar,
    .dignity-planets,
    .configuration-group-card-header > span,
    .configuration-group-detail-avatar,
    .natal-sign-card-header > span,
    .natal-house-sign-avatar,
    .natal-house-sign-meta span,
    .symbolic-house-detail-avatar,
    .symbolic-house-planets,
    .stellium-detail-avatar,
    .stellium-planets
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.12);
    color: var(--shift-text);
}

body.shift-ui :is(
    .sign-native-link,
    .sign-all-link,
    .planet-sign-actions a,
    .aspect-native-list a,
    .aspect-all-link,
    .aspect-pair-actions a,
    .reception-native-list a,
    .reception-all-link,
    .reception-pair-actions a,
    .dignity-detail-actions a,
    .configuration-group-preview-list a,
    .configuration-group-all-link,
    .configuration-group-detail-actions a,
    .natal-sign-native-list a,
    .natal-sign-all-link,
    .natal-house-sign-actions a,
    .symbolic-house-detail-actions a,
    .stellium-detail-actions a
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.17);
    color: var(--shift-text);
}

body.shift-ui :is(
    .sign-native-link,
    .sign-all-link,
    .planet-sign-actions a,
    .aspect-native-list a,
    .aspect-all-link,
    .aspect-pair-actions a,
    .reception-native-list a,
    .reception-all-link,
    .reception-pair-actions a,
    .dignity-detail-actions a,
    .configuration-group-preview-list a,
    .configuration-group-all-link,
    .configuration-group-detail-actions a,
    .natal-sign-native-list a,
    .natal-sign-all-link,
    .natal-house-sign-actions a,
    .symbolic-house-detail-actions a,
    .stellium-detail-actions a
):hover {
    background: rgba(143, 131, 255, 0.35);
    color: #ffffff;
}

body.shift-ui :is(
    .sign-empty,
    .configuration-group-empty,
    .natal-sign-empty
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.10);
    color: var(--shift-muted);
}

/* SHIFT SHARED FORM FIELDS V1 */
/* Excludes catalogue and calculation pages reserved for final polish. */

body.shift-ui:not(.natives-redesign):not(.calculate-redesign)
:is(
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    input[type="url"],
    select,
    textarea
) {
    border: 1px solid var(--shift-border);
    border-radius: 12px;
    background: rgba(13, 18, 53, 0.76);
    color: var(--shift-text);
    color-scheme: dark;
}

body.shift-ui:not(.natives-redesign):not(.calculate-redesign)
:is(input, textarea)::placeholder {
    color: var(--shift-muted);
    opacity: 0.8;
}

body.shift-ui:not(.natives-redesign):not(.calculate-redesign)
:is(input, select, textarea):focus-visible {
    border-color: var(--shift-violet-soft);
    outline: 2px solid rgba(143, 131, 255, 0.45);
    outline-offset: 2px;
}

body.shift-ui:not(.natives-redesign):not(.calculate-redesign)
:is(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--shift-violet);
}

/* SHIFT AUTH GLASS V1 */
/* Auth pages only. Preserve forms and password-toggle behavior. */

body.shift-ui .auth-card {
    border: 1px solid var(--shift-border);
    background: linear-gradient(
        145deg,
        rgba(19, 25, 68, 0.92),
        rgba(10, 14, 43, 0.90)
    );
    box-shadow: 0 18px 42px rgba(0, 3, 29, 0.20);
    backdrop-filter: blur(14px);
}

body.shift-ui .auth-card h2 {
    color: #f4f3ff;
    font-family: Georgia, "Times New Roman", serif;
    font-weight: 500;
}

body.shift-ui .auth-note,
body.shift-ui .auth-bottom,
body.shift-ui .auth-inline-link {
    color: #c6c9e4;
}

body.shift-ui .auth-form label > span,
body.shift-ui .auth-form label.auth-terms > span {
    color: #d8d9f0;
}

body.shift-ui .auth-form input:not([type="checkbox"]) {
    border: 1px solid rgba(167, 158, 255, 0.35);
    background: rgba(7, 12, 39, 0.72);
    color: #f4f3ff;
    color-scheme: dark;
}

body.shift-ui .auth-form input:not([type="checkbox"]):focus {
    border-color: #aaa1ff;
    box-shadow: 0 0 0 4px rgba(143, 131, 255, 0.16);
}

body.shift-ui .auth-form input::placeholder {
    color: #a9afd0;
}

body.shift-ui .auth-form label.auth-terms {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143, 131, 255, 0.08);
}

body.shift-ui .auth-form label.auth-terms input {
    accent-color: #8f83ff;
}

body.shift-ui .auth-form button[type="submit"] {
    border: 1px solid rgba(186, 177, 255, 0.38);
    background: linear-gradient(135deg, #7568dc, #574cba);
    color: #ffffff;
}

body.shift-ui .auth-form button[type="submit"]:hover {
    background: linear-gradient(135deg, #9387f4, #695cd1);
}

body.shift-ui .auth-bottom a,
body.shift-ui .auth-inline-link a,
body.shift-ui .auth-terms a {
    color: #b8b0ff;
}

body.shift-ui .auth-bottom a:hover,
body.shift-ui .auth-inline-link a:hover,
body.shift-ui .auth-terms a:hover {
    color: #e0dcff;
    text-decoration: underline;
}

body.shift-ui .auth-form .password-row {
    background: transparent;
}

body.shift-ui .auth-form .password-plain-toggle,
body.shift-ui .auth-form .password-toggle {
    border: 1px solid rgba(167, 158, 255, 0.30);
    background: rgba(55, 49, 112, 0.85);
    color: #e4dfff;
}

body.shift-ui .auth-form .password-plain-toggle:hover,
body.shift-ui .auth-form .password-toggle:hover {
    background: rgba(105, 92, 209, 0.85);
    color: #ffffff;
}

body.shift-ui .auth-errors,
body.shift-ui .auth-form small {
    color: #ffadbd;
}

/* SHIFT PERSONAL PAGES V1 */
/* Personal database, card management, subscription. */

body.shift-ui :is(
    .my-native-row,
    .my-native-delete-card,
    .subscription-card
) {
    border: 1px solid var(--shift-border);
    background: linear-gradient(
        145deg, rgba(18,25,67,.82), rgba(9,13,39,.78)
    );
    color: var(--shift-text);
    box-shadow: 0 12px 30px rgba(0,3,29,.16);
}

body.shift-ui .my-native-row:hover {
    border-color: #aaa1ff;
    background: linear-gradient(
        145deg, rgba(40,39,104,.84), rgba(15,18,59,.80)
    );
}

body.shift-ui :is(
    .my-native-chart-type,
    .my-native-planet-row,
    .my-native-house-card,
    .subscription-status
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143,131,255,.10);
    color: var(--shift-text);
}

body.shift-ui .subscription-warning {
    border: 1px solid rgba(235,183,92,.35);
    background: rgba(235,183,92,.10);
    color: #f8dfb0;
}

body.shift-ui :is(
    .my-natives-empty h3,
    .my-native-section h3,
    .my-native-delete-card h2,
    .subscription-card h2
) {
    color: var(--shift-text);
}

body.shift-ui :is(
    .my-natives-calculate-link,
    .my-natives-empty-primary,
    .my-native-primary-button,
    .subscription-primary,
    .my-natives-empty a:not(.my-natives-empty-secondary)
) {
    border: 1px solid rgba(186,177,255,.38);
    background: linear-gradient(135deg, #7568dc, #574cba);
    color: #ffffff;
}

body.shift-ui :is(
    .my-natives-calculate-link,
    .my-natives-empty-primary,
    .my-native-primary-button,
    .subscription-primary:not(.subscription-primary--disabled),
    .my-natives-empty a:not(.my-natives-empty-secondary)
):hover {
    background: linear-gradient(135deg, #9387f4, #695cd1);
    color: #ffffff;
}

body.shift-ui :is(
    .my-natives-subscription-link,
    .my-natives-empty-secondary,
    .my-native-secondary-button,
    .subscription-secondary
) {
    border: 1px solid var(--shift-border-soft);
    background: rgba(143,131,255,.15);
    color: #d5d0ff;
}

body.shift-ui :is(
    .my-natives-subscription-link,
    .my-natives-empty-secondary,
    .my-native-secondary-button,
    .subscription-secondary
):hover {
    background: rgba(143,131,255,.30);
    color: #ffffff;
}

body.shift-ui .subscription-primary--disabled {
    opacity: .55;
    cursor: not-allowed;
}

body.shift-ui :is(
    .my-native-back-link,
    .subscription-login-note a
) {
    color: #b8b0ff;
}

body.shift-ui :is(
    .my-native-back-link,
    .subscription-login-note a
):hover {
    color: #e0dcff;
}

body.shift-ui .my-native-form input:not([type="checkbox"]):not([type="radio"]),
body.shift-ui .my-native-form select {
    border: 1px solid var(--shift-border);
    background: rgba(7,12,39,.72);
    color: var(--shift-text);
    color-scheme: dark;
}

body.shift-ui .my-native-form input:focus,
body.shift-ui .my-native-form select:focus {
    border-color: #aaa1ff;
    box-shadow: 0 0 0 3px rgba(143,131,255,.18);
}

body.shift-ui .my-native-chart-type-option input:checked + span {
    border-color: #aaa1ff;
    background: #6759c9;
    color: #ffffff;
}

/* SHIFT NATIVE EDIT FORM V1 */

body.shift-ui .my-native-manage-page .my-native-section {
    border: 1px solid rgba(167, 158, 255, 0.28);
    background: linear-gradient(
        145deg,
        rgba(19, 25, 68, 0.90),
        rgba(10, 14, 43, 0.88)
    );
    box-shadow: 0 14px 34px rgba(0, 3, 29, 0.18);
    backdrop-filter: blur(12px);
}

body.shift-ui .my-native-manage-page .my-native-section h3 {
    color: #f4f3ff;
}

body.shift-ui .my-native-manage-page :is(
    .my-native-chart-type-title,
    .my-native-planet-name,
    .my-native-house-title
),
body.shift-ui .my-native-manage-page .my-native-form label > span {
    color: #d8dcf8;
}

body.shift-ui .my-native-manage-page .my-native-section p,
body.shift-ui .my-native-manage-page .my-native-chart-type small,
body.shift-ui .my-native-manage-page .my-native-form label small {
    color: #bfc5e5;
}

body.shift-ui .my-native-manage-page .my-native-chart-type {
    border: 1px solid rgba(167, 158, 255, 0.20);
    background: rgba(143, 131, 255, 0.08);
}

body.shift-ui .my-native-manage-page
.my-native-chart-type-option span {
    border: 1px solid rgba(167, 158, 255, 0.30);
    background: rgba(143, 131, 255, 0.12);
    color: #e2dfff;
}

body.shift-ui .my-native-manage-page
.my-native-chart-type-option input:checked + span {
    border-color: #aaa1ff;
    background: #6759c9;
    color: #ffffff;
}

body.shift-ui .my-native-manage-page .my-native-errors {
    border: 1px solid rgba(255, 153, 178, 0.35);
    background: rgba(155, 35, 64, 0.17);
    color: #ffbccb;
}

/* SHIFT PERSONAL EMPTY STATE V1 */

body.shift-ui .my-natives-empty {
    border: 1px solid rgba(167, 158, 255, 0.30);
    border-radius: 24px;
    background: linear-gradient(
        145deg,
        rgba(19, 25, 68, 0.90),
        rgba(10, 14, 43, 0.88)
    );
    color: #f4f3ff;
    box-shadow: 0 14px 34px rgba(0, 3, 29, 0.18);
    backdrop-filter: blur(12px);
}

body.shift-ui .my-natives-empty h3 {
    color: #f4f3ff;
}

body.shift-ui .my-natives-empty p,
body.shift-ui .my-natives-empty .section-note {
    color: #c9cde9;
    line-height: 1.6;
}