/* Line 15917 (upskill-security-2-r1): the voice clone terms page (GET /dashboard/voice/clone) and the voice take-back
   page (GET /voice/revoke) on the Google-path tokens. Loaded only while ai.features.upskill_security_2 is lit, together
   with css/ns-tokens.css; each page root then carries .ns-gp (light by default, dark under prefers-color-scheme: dark).
   Off, neither this file nor the class is printed, so both pages look exactly as before. */

main.voice-consent.ns-gp,
main.voice-revoke.ns-gp {
    background: var(--ns-card);
    color: var(--ns-text);
    font-family: var(--ns-font);
    border: 1px solid var(--ns-border);
    border-radius: var(--ns-radius);
    line-height: 1.55;
}

main.voice-revoke.ns-gp {
    margin: 16px auto 48px;
    padding: 16px 16px 32px;
}

main.ns-gp h1 { font-weight: 500; letter-spacing: 0; color: var(--ns-text); }
main.ns-gp h2 { font-weight: 500; color: var(--ns-text); }

main.ns-gp .voice-consent__eyebrow,
main.ns-gp .voice-revoke__eyebrow,
main.ns-gp .voice-consent__version,
main.ns-gp .voice-consent__hint,
main.ns-gp .voice-revoke__hint { color: var(--ns-text-2); }

main.ns-gp .voice-consent__terms,
main.ns-gp .voice-revoke__box {
    background: var(--ns-bg-deep);
    border: 1px solid var(--ns-border);
    border-radius: var(--ns-radius);
}

main.ns-gp input[type="text"],
main.ns-gp input[type="file"],
main.ns-gp select {
    background: var(--ns-bg);
    color: var(--ns-text);
    border: 1px solid var(--ns-border-strong);
    border-radius: 8px;
    min-height: 44px;
}

main.ns-gp input:focus-visible,
main.ns-gp select:focus-visible,
main.ns-gp .btn:focus-visible {
    outline: 2px solid var(--ns-gold-light);
    outline-offset: 2px;
    box-shadow: none;
}

main.ns-gp .btn { border-radius: 999px; padding-inline: 20px; font-weight: 500; }

main.ns-gp .btn-primary {
    background: var(--ns-gold);
    border-color: var(--ns-gold);
    color: var(--ns-on-accent);
}

main.ns-gp .btn-primary:hover { background: var(--ns-gold-deep); border-color: var(--ns-gold-deep); color: var(--ns-on-accent); }

main.ns-gp .btn-outline-primary,
main.ns-gp .btn-outline-secondary {
    background: transparent;
    border-color: var(--ns-border-strong);
    color: var(--ns-text);
}

main.ns-gp .voice-consent__done,
main.ns-gp .voice-revoke__done {
    background: var(--ns-surface);
    border-color: var(--ns-border-strong);
    color: var(--ns-text);
}

main.ns-gp .voice-consent__takeback { margin: 24px 0 0; }
main.ns-gp .voice-consent__takeback a { color: var(--ns-gold-light); }

@media (max-width: 480px) {
    main.voice-consent.ns-gp,
    main.voice-revoke.ns-gp { margin: 8px; padding: 16px 14px 28px; }
    main.ns-gp .btn { width: 100%; }
}