.helixid-content[data-helixid-view="mfa"],
.helixid-security-response {
    --helix-security-text: #e8f2ff;
    --helix-security-muted: #bacbe0;
    --helix-security-accent: #8fc1ff;
    --helix-security-warm: #e8d49d;
    --helix-security-line: rgba(112, 190, 255, 0.23);
    --helix-security-panel: #061327;
    --helix-security-display: "Space Grotesk", sans-serif;
    color: var(--helix-security-text);
}

.sapphire-auxilium .helixid-content[data-helixid-view="mfa"],
.helixid-security--auxilium {
    --helix-security-text: #f7fbf8;
    --helix-security-muted: #b8cbd0;
    --helix-security-accent: #8ce9d4;
    --helix-security-warm: #ffd58a;
    --helix-security-line: rgba(164, 221, 219, 0.25);
    --helix-security-panel: #0b2534;
    --helix-security-display: "Fraunces", serif;
}

.emporium-layout .helixid-content[data-helixid-view="mfa"],
.helixid-security--shop {
    --helix-security-text: #eaf2ff;
    --helix-security-muted: #b6c6da;
    --helix-security-accent: #79e3ff;
    --helix-security-display: "Manrope", sans-serif;
}

.helixid-content[data-helixid-view="mfa"] .helixid-content__header h2 {
    color: var(--helix-security-accent);
}

.helixid-mfa {
    display: grid;
    gap: 20px;
    max-width: 820px;
    margin-block: 20px;
}

.helixid-mfa > p {
    margin: 0;
    color: var(--helix-security-muted);
    line-height: 1.65;
}

.helixid-mfa__status {
    display: grid;
    gap: 5px;
    padding: 16px 18px;
    border: 1px solid var(--helix-security-line);
    border-radius: 13px;
    background: rgba(79, 160, 188, 0.09);
}

.helixid-mfa .helixid-content__form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--helix-security-line);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(11, 27, 48, 0.88), rgba(5, 15, 32, 0.92));
}

.helixid-mfa__field,
.helixid-factor__field {
    display: grid;
    gap: 8px;
    min-width: 0;
    font-size: 0.84rem;
    font-weight: 600;
}

.helixid-mfa input:not([type="hidden"]),
.helixid-mfa select,
.helixid-factor input,
.helixid-factor select {
    width: 100%;
    min-width: 0;
    min-height: 44px;
    padding: 11px 12px;
    border: 1px solid var(--helix-security-line, rgba(112, 190, 255, 0.3));
    border-radius: 11px;
    background: var(--helix-security-panel, #061327);
    color: var(--helix-security-text, #e8f2ff);
    font: inherit;
}

.helixid-mfa :is(input, select):focus-visible,
.helixid-factor :is(input, select, summary):focus-visible,
.helixid-security-card :is(input, button, a):focus-visible {
    outline: 3px solid var(--helix-security-accent, #8fc1ff);
    outline-offset: 3px;
}

.helixid-mfa .helixid-content__form button {
    grid-column: 1 / -1;
    min-height: 44px;
    justify-self: start;
    width: auto;
    padding: 11px 18px;
    border: 1px solid var(--helix-security-line);
    border-radius: 11px;
    background: rgba(75, 148, 224, 0.15);
    color: var(--helix-security-accent);
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.helixid-mfa .helixid-content__form--danger {
    border-color: rgba(255, 154, 168, 0.3);
}

.helixid-mfa .helixid-content__form--danger button {
    color: #ffb2bc;
}

.helixid-factor {
    grid-column: 1 / -1;
    min-width: 0;
    margin-block: 8px;
    padding: 12px 14px;
    border: 1px solid rgba(112, 190, 255, 0.23);
    border-radius: 12px;
}

.helixid-factor summary {
    color: #c8d8eb;
    cursor: pointer;
    font-size: 0.84rem;
    font-weight: 600;
}

.helixid-factor__fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding-block-start: 16px;
}

.helixid-security-response {
    box-sizing: border-box;
    min-height: 100vh;
    margin: 0;
    padding: clamp(16px, 5vw, 56px);
    background: radial-gradient(circle at 15% 0%, #112f50 0, transparent 38rem), linear-gradient(145deg, #030a16, #07182d);
    font: 17px/1.6 "Manrope", sans-serif;
}

.helixid-security-response *,
.helixid-security-response *::before,
.helixid-security-response *::after {
    box-sizing: border-box;
}

.helixid-security--auxilium {
    background: radial-gradient(circle at 15% 0%, #0b3941 0, transparent 38rem), linear-gradient(145deg, #04111d, #092331);
}

.helixid-security--shop {
    background: radial-gradient(circle at 82% 4%, #123345 0, transparent 34rem), linear-gradient(145deg, #050914, #0b1628);
    font-family: "DM Sans", sans-serif;
}

.helixid-security-card {
    width: min(780px, 100%);
    margin-inline: auto;
    padding: clamp(22px, 5vw, 52px);
    border: 1px solid var(--helix-security-line);
    border-block-start: 3px solid var(--helix-security-warm);
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(14, 29, 49, 0.96), rgba(5, 15, 32, 0.98));
    box-shadow: 0 24px 70px rgba(0, 3, 13, 0.48);
}

.helixid-security-card__brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    color: var(--helix-security-muted);
    text-decoration: none;
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 0.06em;
}

.helixid-security-card__brand img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.helixid-security-card__eyebrow {
    margin-block: 28px 8px;
    color: var(--helix-security-warm);
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.13em;
    text-transform: uppercase;
}

.helixid-security-card h1 {
    margin-block: 8px 20px;
    color: var(--helix-security-text);
    font-family: var(--helix-security-display);
    font-size: clamp(2rem, 6vw, 3.5rem);
    line-height: 1.1;
    overflow-wrap: anywhere;
}

.helixid-security-card > p:not(.helixid-security-card__eyebrow) {
    color: var(--helix-security-muted);
}

.helixid-security-card__qr {
    max-width: 330px;
    margin: 28px auto;
    padding: 16px;
    border-radius: 16px;
    background: #fff;
}

.helixid-security-card__qr svg {
    display: block;
    width: 100%;
    height: auto;
}

.helixid-security-card__key,
.helixid-security-card__codes code {
    display: block;
    padding: 12px 14px;
    border: 1px solid var(--helix-security-line);
    border-radius: 11px;
    background: var(--helix-security-panel);
    color: var(--helix-security-text);
    overflow-wrap: anywhere;
}

.helixid-security-card form,
.helixid-security-card label {
    display: grid;
    gap: 10px;
    margin-block-start: 22px;
}

.helixid-security-card input {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    padding: 12px 14px;
    border: 1px solid var(--helix-security-line);
    border-radius: 11px;
    background: var(--helix-security-panel);
    color: var(--helix-security-text);
    font: inherit;
}

.helixid-security-card__action {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    min-height: 46px;
    margin-block-start: 18px;
    padding: 12px 20px;
    border: 1px solid var(--helix-security-line);
    border-radius: 11px;
    background: rgba(75, 148, 224, 0.15);
    color: var(--helix-security-accent);
    font: inherit;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.helixid-security-card__error {
    padding: 13px 16px;
    border-inline-start: 3px solid #ff9aa8;
    border-radius: 9px;
    background: rgba(101, 31, 43, 0.25);
    color: #ffdce1;
}

.helixid-deletion-profile {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px 16px;
    margin-block-start: 30px;
    padding: 20px;
    border: 1px solid rgba(255, 157, 141, 0.48);
    border-block-start: 3px solid #ff9d8d;
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(70, 29, 36, 0.66), rgba(31, 20, 29, 0.82));
}

.helixid-deletion-profile__icon,
.helixid-deletion__policy-icon,
.helixid-deletion__protected-icon {
    display: grid;
    place-items: center;
    inline-size: 42px;
    block-size: 42px;
    border: 1px solid rgba(255, 157, 141, 0.48);
    border-radius: 50%;
    color: #ffd5ce;
    background: rgba(255, 129, 110, 0.12);
    font-size: 1.1rem;
}

.helixid-deletion-profile__copy {
    min-inline-size: 0;
}

.helixid-deletion-profile__eyebrow,
.helixid-deletion__eyebrow {
    margin: 0 0 6px;
    color: #ffd5ce !important;
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.helixid-deletion-profile h3,
.helixid-deletion h3,
.helixid-deletion-card h2 {
    margin: 0;
    color: #f7fbf8;
    font-family: "Fraunces", serif;
    font-weight: 600;
    line-height: 1.25;
}

.helixid-deletion-profile p,
.helixid-deletion__policy p,
.helixid-deletion__protected p,
.helixid-deletion__request > p {
    margin: 8px 0 0;
    color: #c5d9da !important;
}

.helixid-deletion-profile__facts {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
}

.helixid-deletion-profile__facts li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    color: #f7fbf8;
    line-height: 1.55;
}

.helixid-deletion-profile__facts i {
    margin-block-start: 3px;
    color: #ffb9ae;
}

.helixid-deletion-profile__action,
.helixid-deletion__back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-block-size: 46px;
    padding: 10px 16px;
    border-radius: 11px;
    color: #fff4f1;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.helixid-deletion-profile__action {
    grid-column: 2;
    justify-self: start;
    border: 1px solid #ff9d8d;
    background: #71333c;
}

.helixid-deletion-profile :is(a, button):focus-visible,
.helixid-deletion :is(a, button, input, select):focus-visible,
.helixid-deletion-card :is(a, button, input, select):focus-visible {
    outline: 3px solid #8ce9d4;
    outline-offset: 3px;
}

.sapphire-auxilium .helixid-deletion {
    --helix-deletion-text: #f7fbf8;
    --helix-deletion-muted: #c5d9da;
    --helix-deletion-coral: #ff9d8d;
    --helix-deletion-mint: #8ce9d4;
    max-inline-size: 48rem;
    color: var(--helix-deletion-text);
    border-block-start-color: var(--helix-deletion-coral);
    background: radial-gradient(circle at 100% 0, rgba(255, 129, 110, 0.1), transparent 24rem), #081e2d;
}

.helixid-deletion__header {
    margin-block-end: 22px;
}

.sapphire-auxilium .helixid-deletion__header h2 {
    margin: 0 0 10px;
    color: var(--helix-deletion-text);
    font-family: "Fraunces", serif;
    font-size: clamp(2rem, 5vw, 3.25rem);
    font-weight: 600;
    line-height: 1.12;
}

.helixid-deletion__header > p:last-child {
    margin: 0;
    color: var(--helix-deletion-muted) !important;
}

.helixid-deletion__notice,
.helixid-deletion-card__notice,
.helixid-deletion__error {
    margin-block: 16px;
    padding: 14px 16px;
    border-radius: 10px;
}

.helixid-deletion__notice,
.helixid-deletion-card__notice {
    border-inline-start: 3px solid #8ce9d4;
    color: #e5fff8;
    background: #143a39;
}

.helixid-deletion__error {
    border-inline-start: 3px solid #ff9d8d;
    color: #ffe7e2;
    background: #4a222c;
}

.helixid-deletion__policy,
.helixid-deletion__protected,
.helixid-deletion__request {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px 16px;
    margin-block: 18px;
    padding: 20px;
    border: 1px solid rgba(164, 221, 219, 0.25);
    border-radius: 16px;
    background: rgba(4, 17, 29, 0.56);
}

.helixid-deletion__policy-icon {
    border-color: rgba(140, 233, 212, 0.4);
    color: #baf2df;
    background: rgba(140, 233, 212, 0.09);
}

.helixid-deletion__protected {
    border-color: rgba(255, 213, 138, 0.45);
    background: rgba(83, 57, 20, 0.28);
}

.helixid-deletion__protected-icon {
    border-color: rgba(255, 213, 138, 0.52);
    color: #ffe5ae;
    background: rgba(255, 213, 138, 0.1);
}

.helixid-deletion__request {
    display: block;
}

.helixid-deletion__email {
    overflow-wrap: anywhere;
}

.helixid-deletion__form {
    margin-block-start: 20px;
}

.helixid-deletion__factor {
    display: grid;
    gap: 10px;
    min-inline-size: 0;
    margin: 8px 0;
    padding: 16px;
    border: 1px solid rgba(164, 221, 219, 0.28);
    border-radius: 12px;
}

.helixid-deletion__factor legend {
    padding-inline: 6px;
    color: #f7fbf8;
    font-weight: 800;
}

.sapphire-auxilium .helixid-deletion__form button,
.sapphire-auxilium .helixid-deletion__primary {
    inline-size: 100%;
    margin-block-start: 8px;
    border: 1px solid #ffad9f;
    color: #fff;
    background: #8f3040;
}

.sapphire-auxilium .helixid-deletion__form button:hover,
.sapphire-auxilium .helixid-deletion__primary:hover {
    background: #a53949;
}

.helixid-deletion__back {
    margin-block-start: 8px;
    color: #a9f1df;
    background: transparent;
}

html[dir="rtl"] .helixid-deletion__back i {
    transform: scaleX(-1);
}

.helixid-deletion-response {
    --helix-security-muted: #c5d9da;
    --helix-security-line: rgba(164, 221, 219, 0.3);
}

.helixid-deletion-card {
    border-block-start-color: #ff9d8d;
    background: radial-gradient(circle at 100% 0, rgba(255, 129, 110, 0.1), transparent 23rem), linear-gradient(145deg, rgba(11, 37, 52, 0.98), rgba(4, 17, 29, 0.99));
}

.helixid-deletion-card__state {
    display: grid;
    place-items: center;
    inline-size: 54px;
    block-size: 54px;
    margin-block-start: 28px;
    border: 1px solid rgba(255, 157, 141, 0.48);
    border-radius: 50%;
    color: #ffd5ce;
    background: rgba(255, 129, 110, 0.11);
    font-size: 1.35rem;
}

.helixid-deletion-card__facts {
    display: grid;
    gap: 10px;
    margin-block: 24px;
}

.helixid-deletion-card__facts > div {
    display: grid;
    gap: 5px;
    padding: 14px 16px;
    border: 1px solid var(--helix-security-line);
    border-radius: 11px;
    background: rgba(4, 17, 29, 0.56);
}

.helixid-deletion-card__facts dt {
    color: #c5d9da;
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.helixid-deletion-card__facts dd {
    margin: 0;
    color: #f7fbf8;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.helixid-deletion-card__form {
    margin-block-start: 18px;
}

.helixid-deletion-card__form .helixid-security-card__action,
.helixid-deletion-card__cancel-action,
.helixid-deletion-card__signout {
    inline-size: 100%;
    min-block-size: 48px;
}

.helixid-deletion-card__cancel {
    margin-block-start: 26px;
    padding: 20px;
    border: 1px solid rgba(140, 233, 212, 0.34);
    border-radius: 16px;
    background: rgba(140, 233, 212, 0.06);
}

.helixid-deletion-card__cancel p,
.helixid-deletion-card__hint,
.helixid-deletion-card__legal {
    color: #c5d9da;
}

.helixid-deletion-card__cancel-action {
    border-color: #8ce9d4;
    color: #08282b;
    background: #8ce9d4;
}

.helixid-deletion-card__form--secondary {
    padding-block-start: 18px;
    border-block-start: 1px solid var(--helix-security-line);
}

.helixid-deletion-card__signout {
    border: 1px solid rgba(197, 217, 218, 0.55);
    border-radius: 11px;
    color: #f7fbf8;
    background: transparent;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.helixid-deletion-card__legal {
    margin-block-start: 24px;
    padding-block-start: 18px;
    border-block-start: 1px solid var(--helix-security-line);
    font-size: 0.82rem;
}

.helixid-security-card__codes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-block: 24px;
}

.helixid-security-card__codes code {
    text-align: center;
}

@media (max-width: 640px) {
    .helixid-mfa .helixid-content__form,
    .helixid-factor__fields,
    .helixid-security-card__codes {
        grid-template-columns: 1fr;
    }
    .helixid-mfa .helixid-content__form button,
    .helixid-security-card__action {
        width: 100%;
    }
    .helixid-deletion-profile,
    .helixid-deletion__policy,
    .helixid-deletion__protected {
        grid-template-columns: 1fr;
    }
    .helixid-deletion-profile__action {
        grid-column: 1;
        inline-size: 100%;
        box-sizing: border-box;
    }
    .helixid-deletion-profile__icon,
    .helixid-deletion__policy-icon,
    .helixid-deletion__protected-icon {
        inline-size: 38px;
        block-size: 38px;
    }
    .helixid-deletion-card__cancel,
    .helixid-deletion__policy,
    .helixid-deletion__protected,
    .helixid-deletion__request {
        padding: 16px;
    }
}

@media print {
    .helixid-security-response { padding: 0; background: #fff; }
    .helixid-security-card { width: 100%; padding: 0; border: 0; box-shadow: none; background: #fff; }
    .helixid-security-card h1,
    .helixid-security-card > p,
    .helixid-security-card__codes code { color: #000; background: #fff; }
    .helixid-security-card__brand,
    .helixid-security-card__action { display: none; }
    .helixid-deletion-card__form { display: none; }
}

/* Append to each pack's assets/css/sapphire_helixid.css: permission table of the personal-token form. */
.helixid-token-center__scopes {
    grid-column: 1 / -1;
    border: 1px solid rgba(127, 150, 180, 0.35);
    border-radius: 12px;
    padding: 12px 14px;
}

.helixid-token-center__scopes legend {
    padding: 0 6px;
    font-weight: 700;
}

.helixid-token-center__scope-wrap {
    max-height: 360px;
    overflow: auto;
}

.helixid-token-center__scope-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.helixid-token-center__scope-table th,
.helixid-token-center__scope-table td {
    padding: 8px 10px;
    border-bottom: 1px solid rgba(127, 150, 180, 0.25);
    text-align: left;
    vertical-align: top;
}

.helixid-token-center__scope {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    cursor: pointer;
}

.helixid-token-center__scope span {
    font: 12px ui-monospace, SFMono-Regular, Menlo, monospace;
    overflow-wrap: anywhere;
}

.helixid-token-center__scope--write span {
    color: #b8742a;
}

/* ---- Account pages (sign-in, profile, photo, password, two-factor, sessions, journal) on the personal skins ----
   Default/Sapphire, Forum/Concilium and Constellum share this look; Auxilium and the shop style their own, and the
   two-factor view keeps its dedicated design above. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) {
    --helix-front-display: "Space Grotesk", "Manrope", system-ui, sans-serif;
    --helix-front-text: var(--sapphire-text, #e5e7eb);
    --helix-front-muted: var(--sapphire-text-soft, #9ca3af);
    --helix-front-faint: #667d98;
    --helix-front-line: var(--sapphire-line, rgba(148, 163, 184, .25));
    --helix-front-line-strong: color-mix(in srgb, var(--sapphire-blue, #60a5fa) 54%, var(--sapphire-line-strong, #334155));
    --helix-front-panel: color-mix(in srgb, var(--sapphire-bg-soft, #0f172a) 78%, transparent);
    --helix-front-accent: var(--sapphire-cyan, #93c5fd);
}
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]),
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) * { box-sizing: border-box; }
/* The main-zone binding of HelixID also prints its account widget after the page; the header already has it. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .sapphire-content-host > .helixid-widget--front { display: none; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) { display: grid; gap: 20px; max-width: 900px; color: var(--helix-front-text); font-size: .82rem; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__notice,
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__error { padding: 11px 14px; border: 1px solid rgba(101, 211, 154, .32); border-radius: 12px; background: rgba(101, 211, 154, .08); color: #c3f3d9; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__error { border-color: rgba(255, 118, 136, .34); background: rgba(255, 118, 136, .08); color: #ffcad2; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) a { color: var(--helix-front-accent); }

/* A form is a panel of label | field rows; hidden inputs take no cell. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form { display: grid; grid-template-columns: minmax(120px, 190px) minmax(0, 1fr); gap: 10px 18px; align-items: center; padding: 18px; border: 1px solid var(--helix-front-line); border-radius: 16px; background: var(--helix-front-panel); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > label { color: #a9bdd2; font-size: .74rem; font-weight: 700; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > :is(button, details, p, small),
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > label:has(input, select) { grid-column: 2; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > :is(button, small) { justify-self: start; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > details { grid-column: 1 / -1; }
/* Labels that wrap their field (two-factor rows) keep the same label | field columns. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > label:has(input, select) { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(120px, 190px) minmax(0, 1fr); gap: 18px; align-items: center; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__form, .helixid-content__session) :is(input:not([type="hidden"], [type="checkbox"], [type="radio"], [type="file"]), select) { width: 100%; min-height: 42px; padding: 9px 12px; border: 1px solid rgba(101, 150, 212, .24); border-radius: 10px; color: #e8f3ff; color-scheme: dark; background-color: rgba(4, 14, 29, .9); font: inherit; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(input, select):focus { border-color: rgba(95, 184, 255, .62); outline: none; box-shadow: 0 0 0 3px rgba(77, 160, 255, .1); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__form, .helixid-content__session) input:disabled:not([type="file"]) { border-style: dashed; color: var(--helix-front-muted); background-color: rgba(4, 14, 29, .35); cursor: not-allowed; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) select option { color: #e8f3ff; background: #07162b; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) button { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 42px; padding: 9px 17px; border: 1px solid rgba(99, 190, 255, .5); border-radius: 12px; color: #031325; background: linear-gradient(135deg, #7bd8ff, #579dff 52%, #7678f7); box-shadow: 0 10px 28px rgba(54, 133, 236, .22), inset 0 1px rgba(255, 255, 255, .36); font: inherit; font-weight: 800; cursor: pointer; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) button:hover { background: linear-gradient(135deg, #98e2ff, #6eaeff 52%, #8d8aff); transform: translateY(-1px); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) button:focus-visible { outline: 2px solid var(--helix-front-accent); outline-offset: 2px; }
/* Revoking, removing and disabling are quiet red actions. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__form--danger, .helixid-content__session, .helixid-avatar__form--remove) button,
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form--compact:has(input[value="revoke_all_sessions"]) button { border-color: rgba(255, 118, 136, .4); color: #ffd3da; background: rgba(255, 118, 136, .1); box-shadow: none; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__form--danger, .helixid-content__session, .helixid-avatar__form--remove) button:hover,
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form--compact:has(input[value="revoke_all_sessions"]) button:hover { border-color: rgba(255, 118, 136, .7); color: #fff; background: rgba(255, 118, 136, .2); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form--danger { border-color: rgba(255, 118, 136, .26); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form--compact { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; padding: 0; border: 0; background: none; }

/* Second factor inside sign-in and password forms. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-factor { padding: 12px 14px; border: 1px dashed var(--helix-front-line); border-radius: 12px; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-factor summary { color: var(--helix-front-muted); font-weight: 700; cursor: pointer; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-factor__fields { display: grid; gap: 10px; margin-top: 12px; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-factor__field { display: grid; gap: 6px; color: #a9bdd2; font-size: .74rem; font-weight: 700; }

/* Sessions, connected apps and the security journal. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__sessions, .helixid-content__audit) { display: grid; gap: 12px; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__session, .helixid-content__audit-event) { display: grid; gap: 4px; padding: 15px 16px; border: 1px solid var(--helix-front-line); border-radius: 14px; background: var(--helix-front-panel); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__session, .helixid-content__audit-event) h3 { margin: 0 0 2px; color: #e8f4ff; font-size: .86rem; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) :is(.helixid-content__session, .helixid-content__audit-event) p { margin: 0; color: var(--helix-front-muted); overflow-wrap: anywhere; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__session details summary { color: var(--helix-front-faint); cursor: pointer; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__session form { margin-top: 8px; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__pager { display: flex; flex-wrap: wrap; gap: 8px; }

/* Profile photo: the preview, then the upload and remove actions. */
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar { padding: 18px; border: 1px solid var(--helix-front-line); border-radius: 16px; background: var(--helix-front-panel); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar h3 { margin: 0 0 14px; color: #e8f4ff; font-size: .9rem; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__body { display: flex; flex-wrap: wrap; gap: 18px; align-items: flex-start; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__preview { flex: 0 0 auto; width: 96px; height: 96px; border: 2px solid var(--helix-front-line-strong); border-radius: 50%; object-fit: cover; background: rgba(4, 14, 29, .9); }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__preview--empty { display: inline-grid; place-items: center; color: var(--helix-front-faint); font-size: 2.4rem; border-style: dashed; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__controls { display: grid; flex: 1 1 280px; gap: 12px; min-width: 0; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__form > label { flex: 1 0 100%; color: #a9bdd2; font-size: .74rem; font-weight: 700; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__form input[type="file"] { flex: 0 1 auto; min-width: 0; color: var(--helix-front-muted); font: inherit; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__form input[type="file"]::file-selector-button { margin-right: 10px; padding: 8px 12px; border: 1px solid rgba(89, 177, 255, .3); border-radius: 9px; color: #e6f2ff; background: linear-gradient(135deg, rgba(25, 102, 161, .88), rgba(13, 63, 111, .9)); font: inherit; font-weight: 700; cursor: pointer; }
body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__hint { flex: 1 0 100%; order: 3; color: var(--helix-front-faint); font-size: .7rem; line-height: 1.5; }

@media (max-width: 640px) {
    body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form:not(.helixid-content__form--compact) { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 14px; }
    body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > label:not(:first-of-type) { margin-top: 6px; }
    body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > :is(button, details, p, small) { grid-column: 1; }
    body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > label:has(input, select) { grid-template-columns: minmax(0, 1fr); gap: 6px; }
    body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-content__form > button { justify-self: stretch; margin-top: 8px; }
    body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__body { flex-direction: column; align-items: center; }
    body.sapphire-personal-luxury:not(.sapphire-auxilium) .helixid-content--front:not([data-helixid-view="mfa"]) .helixid-avatar__controls { width: 100%; }
}