/* Line 15826 (upskill-looks-10-r1, ai.features.looks_upskill_10): the present doors on the Google path.
   Loaded after css/pages/alive-present.css and css/ns-tokens.css only while the key is on, when <html> carries
   class="ns-stage-dark ns-looks10" (App\Support\Looks\LooksUpskill10::htmlClass()). ns-tokens.css gives :root.ns-stage-dark
   the Google dark set in both schemes (her face is drawn on a dark stage); this sheet points the HUD's own --pv-* colours
   and type at those --ns-* tokens and dresses the few surfaces alive-present.css paints with literal colours.
   One gold action (Send / Ask); everything else is Google grey. Off, this sheet is never linked. */

:root.ns-looks10 {
    --pv-ground-a: var(--ns-bg-deep);
    --pv-ground-b: var(--ns-bg);
    --pv-ink: var(--ns-text);
    --pv-dim: var(--ns-text-2);
    --pv-faint: #80868b;
    --pv-line: var(--ns-border-strong);
    --pv-amber: var(--ns-gold);
    --pv-teal: var(--ns-speaking);
    --pv-blue: #8ab4f8;
    --pv-red: #f28b82;
    --pv-sans: var(--ns-font);
}

.ns-looks10 .pv-portrait { background: linear-gradient(160deg, var(--ns-elevated), var(--ns-bg-deep)); }

.ns-looks10 .pv-id-mark { background: var(--ns-surface); }

.ns-looks10 .pv-id-name { color: var(--ns-text); font-weight: 500; letter-spacing: 0; }

.ns-looks10 .pv-id-role { font-family: var(--ns-font); letter-spacing: .08em; }

.ns-looks10 .pv-status,
.ns-looks10 .pv-pair { background: var(--ns-chrome-soft); border-color: var(--ns-border); }

.ns-looks10 .pv-ask-input {
    background: var(--ns-surface);
    border-color: var(--ns-border-strong);
    border-radius: var(--ns-radius);
}

.ns-looks10 .pv-ask-input:focus {
    border-color: var(--ns-gold);
    box-shadow: 0 0 0 .16em var(--ns-gold-glow);
}

.ns-looks10 .pv-ask-go {
    background: var(--ns-gold);
    border-color: transparent;
    border-radius: var(--ns-radius);
    color: var(--ns-on-accent);
    font-weight: 500;
}

.ns-looks10 .pv-ask-go:hover,
.ns-looks10 .pv-ask-go:focus-visible { background: var(--ns-gold-light); border-color: transparent; }

.ns-looks10 .pv-ask-go:focus-visible { outline: 3px solid var(--ns-gold-border); outline-offset: 2px; }

.ns-looks10 .pv-ask-mic {
    background: var(--ns-surface);
    border-color: var(--ns-border-strong);
    border-radius: var(--ns-radius);
}

.ns-looks10 .pv-live-link { background: var(--ns-surface); border-color: var(--ns-gold-border); }

/* The caption band's scrim matches the mounted face's own wrap colour (alive-element.js, voice repo) while she is live,
   so it keeps main's navy then; with the still portrait it fades into the Google grey ground instead. */
:root.ns-looks10[data-face="still"] .pv-lower {
    background: linear-gradient(0deg, var(--ns-bg-deep) 0%, rgba(27, 28, 31, .96) 46%, rgba(32, 33, 36, .72) 82%, rgba(32, 33, 36, 0) 100%);
}

.ns-looks10 .pv-portrait { box-shadow: 0 0 0 1.4vmin rgba(232, 234, 237, .06), 0 3vmin 9vmin rgba(0, 0, 0, .6); }

.ns-looks10 .pv-hud::before { background: radial-gradient(78% 70% at 50% 38%, rgba(232, 234, 237, .04) 0%, rgba(0, 0, 0, .06) 58%, rgba(0, 0, 0, .34) 100%); }

/* Line 16081 (fix-stage-05, F-0569 / HANDOFF1-0033): the present door's own remaining sheets and inline colours on the
   same dark tokens. The lobby desk (alive-present-desk.css), the corner phone code (alive-present-phone-code.css), the
   noisy-room hold button (alive-present-noisy-room.css), the own-still ground, the exit link and the try-a-look link each
   drew a navy or white literal of their own; while the key is on they read --ns-* like the rest of the HUD. */
:root.ns-looks10 { --pv-bg: var(--ns-bg-deep); }

.ns-looks10 .pv-desk { background: var(--ns-chrome-soft); border-radius: var(--ns-radius); }

.ns-looks10 .pv-desk-btn { background: var(--ns-surface); border-radius: var(--ns-radius); }

.ns-looks10 .pv-desk-btn:focus-visible { box-shadow: 0 0 0 .18em var(--ns-gold-glow); }

.ns-looks10 .pv-desk-input { background: var(--ns-surface); border-color: var(--ns-border-strong); border-radius: var(--ns-radius); }

.ns-looks10 .pv-desk-input:focus { border-color: var(--ns-gold); box-shadow: 0 0 0 .16em var(--ns-gold-glow); }

.ns-looks10 .pv-phone-code { background: var(--ns-chrome-soft); border-color: var(--ns-border); }

.ns-looks10 .pv-hold-btn[aria-pressed="true"] { color: var(--ns-bg-deep); }

.ns-looks10 .pv-exit:hover,
.ns-looks10 .pv-exit:focus-visible { color: var(--ns-text); }

.ns-looks10 [data-try-look-signup] { color: var(--ns-text) !important; }