/* White navigation surfaces, with richer sky-blue conversation walls. */
:root[data-appearance=dark]{--ink:#182b3b;--muted:#576f82;--line:#cbdce8;--fnf-surface:#fff;--fnf-soft:#f0f6fb;--fnf-text:#182b3b;--fnf-muted:#576f82;--fnf-accent:#0877df;--fnf-border:#cbdce8}
body[data-page=chat],.chat-app,.app-header,.conversation-pane,.conversation-header,.bottom-nav,.fnf-section,.message-composer{background:#fff}
.message-stream{background-color:#99cbe8;background-image:url('/assets/brand/fnf-sky-doodles.svg'),radial-gradient(ellipse at 18% 12%,#b2dafa 0%,#99cbe8 52%,#86bddd 100%);background-size:320px 320px,100% 100%;background-attachment:local}
:root[data-appearance=dark] .message-stream{background-image:url('/assets/brand/fnf-sky-doodles.svg'),radial-gradient(ellipse at 18% 12%,#204c65,#102b3e);background-color:#123247}
:root[data-appearance=dark] .message-bubble{color:#eaf3fa}:root[data-appearance=dark] .message-bubble .message-time{color:#adc2d2}
dialog,.feature-modal,.people-card,.profile-panel,.conversation-safety-menu{border:2px solid #20b7ff;box-shadow:0 0 0 1px #0877df55,0 0 25px #14baff3b,0 18px 60px #0a223538}
:root[data-appearance=dark] dialog,:root[data-appearance=dark] .people-card,:root[data-appearance=dark] .profile-panel,:root[data-appearance=dark] .conversation-safety-menu{--fnf-text:#eaf3fa;--fnf-muted:#adc2d2;--fnf-soft:#1d3444;--fnf-surface:#1d3444;--fnf-accent:#79bdff;--ink:#eaf3fa;--muted:#adc2d2;color:#eaf3fa}
:root[data-appearance=dark] .appearance-preview{color:#eaf3fa;--fnf-text:#eaf3fa}
.bottom-nav{height:86px;min-height:86px;padding:8px 10px 10px;gap:6px;border-top:1px solid #d6e5ef}.bottom-nav button{position:relative;min-height:66px;gap:5px;font-size:12px;font-weight:600;padding:10px 5px 6px}.bottom-nav .icon{width:27px;height:27px}.dock-badge{position:absolute;top:0;left:calc(50% + 7px);min-width:20px;height:20px;display:grid;place-items:center;border-radius:12px;padding:0 5px;border:2px solid #fff;color:white;background:#0877df;font-size:10px;font-weight:750;line-height:1;box-shadow:0 2px 5px #12334822;pointer-events:none}.dock-groups{background:#07965d}.dock-calls{background:#007f9d}
.conversation-pane{padding-bottom:90px}.fnf-section{padding-bottom:95px}.chat-layout.conversation-open~.bottom-nav{display:none}
.fnf-avatar{position:relative;overflow:hidden;display:inline-grid;place-items:center;flex-shrink:0}.fnf-avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.fnf-avatar[role=button]{cursor:pointer}.profile-photo-large{width:140px;height:140px;max-width:100%;margin:10px auto 16px;border-radius:50%;display:grid;place-items:center;background:#e4f2ff;color:#0877df;font-size:52px;font-weight:700;position:relative;overflow:hidden}.profile-photo-large img{width:100%;height:100%;object-fit:cover}.profile-username{text-align:center;color:var(--fnf-muted)}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-actions .feature-button{margin:0}.avatar-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.avatar-choice{width:100%;aspect-ratio:1;border-radius:50%;border:2px solid transparent;font-size:19px;cursor:pointer}.preset-blue{background:#dceeff!important;color:#0866ba!important}.preset-green{background:#d8f2e4!important;color:#087845!important}.preset-teal{background:#d8f4f1!important;color:#087d77!important}.preset-navy{background:#dfe5f4!important;color:#264d87!important}.preset-sky{background:#d6f2fc!important;color:#087d9f!important}.preset-lime{background:#edf5d6!important;color:#4d751c!important}
.fnf-locked #chatApp{visibility:hidden!important}.fnf-lock-screen{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:#fff!important;color:#182b3b!important;box-shadow:none;text-align:center;padding:clamp(35px,12vh,130px) 24px 30px}.fnf-lock-screen h1{color:#0877df;letter-spacing:3px}.fnf-lock-screen form{max-width:320px;margin:28px auto;display:grid;gap:16px}.fnf-lock-screen input,.feature-modal input[inputmode=numeric]{text-align:center;font-size:24px;letter-spacing:12px;padding:16px;border:1px solid #b7d4e8;border-radius:14px;width:100%}.lock-status{color:#a32e40;min-height:28px}.fnf-lock-screen::backdrop{background:#fff}