/* Geni Care appearance for the confirmed MyHome customer concept. */
:root{--care:#6037e6;--care-deep:#3e1fbc;--care-soft:#eee9ff;--care-ink:#241847;--care-muted:#716888;--care-line:#e4ddf6;--orange:var(--care);--navy:var(--care-ink);--navy2:var(--care-deep);--paper:#fcfbff;--ink:var(--care-ink);--muted:var(--care-muted);--line:var(--care-line)}

body,.phone-stage,.mobile-app,.customer-daily-mode .mobile-app{background:#fcfbff!important}
.topbar,.customer-daily-mode .topbar{background:rgba(252,251,255,.96)!important}
.welcome-row h1,.v2-welcome h1{color:var(--care-ink)!important}
.welcome-row h1 span,.v2-welcome h1 span,.v2-section-head p,.v2-pulse p,.v2-action-head em,.v2-actions article button,.v2-tools button>span{color:var(--care)!important}
.v2-pulse-icon,.v2-icon.payment,.v2-icon.choice,.v2-tools button>span{background:var(--care-soft)!important}
.v2-actions article,.v2-pulse,.v2-tools button{border-color:var(--care-line)!important;box-shadow:0 8px 24px #3e1fbc07!important}
.bottom-nav{background:#ffffffed!important;border-top-color:var(--care-line)!important}
.bottom-nav button.active,.bottom-nav button.active span{color:var(--care)!important}
.bottom-nav button.active:before{background:var(--care)!important}
.avatar{background:var(--care-deep)!important}

#genieCareHero{margin:20px 0 22px}
.genie-care-launch{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;border:0;text-align:left;padding:24px;border-radius:28px;background:radial-gradient(ellipse at top right,#956cff66,transparent 65%),linear-gradient(135deg,#6037e6,#3e1fbc);color:#fff;box-shadow:0 16px 34px #6037e624;overflow:hidden;position:relative}
.genie-care-launch:after{content:'⌂';position:absolute;right:20px;top:22px;font-size:100px;color:#ffffff10;pointer-events:none}
.care-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;color:#e6dcff}
.care-orb{width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff45;border-radius:16px;background:#ffffff15;font-size:27px}
.genie-care-launch strong{font-size:32px;line-height:1.15;letter-spacing:-1px}
.care-tagline{font-size:17px;font-weight:600;line-height:1.5;max-width:240px}
.care-copy{font-size:13px;line-height:1.65;color:#ede7ff;max-width:310px}
.care-completion{font-size:11px;color:#e6dcff}
.care-cta{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 17px;border-radius:15px;background:#fff;color:#4b28cc;font-size:15px;font-weight:700;margin-top:4px}
.care-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
.care-quick-actions button{min-height:48px;padding:11px 12px;border-radius:14px;border:1px solid var(--care-line);background:#fff;color:#4b28cc;font-size:12px;text-align:left;line-height:1.4;font-weight:600}
.care-quick-actions button span{margin-right:6px;font-size:16px}

#projectVoiceSheet{position:fixed!important;inset:0!important;z-index:2000!important;background:#24184755!important}
.project-voice-sheet:not(.open){display:none!important}
#projectVoiceSheet .project-voice-panel{position:relative!important;inset:auto!important;transform:none!important;margin:0 auto!important;width:min(100%,600px)!important;max-width:600px!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;padding:calc(20px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))!important;overflow-y:auto!important;background:#fcfbff!important;color:var(--care-ink)!important;text-align:left!important;box-shadow:0 0 90px #24184722}
.project-voice-panel>header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:24px!important}
.project-voice-panel>header p{color:var(--care-muted)!important;font-size:11px!important}
.project-voice-panel>header h2{font-size:25px!important;color:var(--care-ink)!important}
.project-voice-panel>header button{width:44px!important;height:44px!important;border:1px solid var(--care-line)!important;border-radius:50%!important;background:#fff!important;color:var(--care-ink)!important;font-size:24px!important}
.project-voice-panel>.project-voice-orb,.project-voice-panel>h3,.project-voice-panel>p:not(.care-mic-status),.project-voice-prompts{display:none!important}
.care-voice-heading{text-align:center;margin:10px 0 20px}
.care-voice-heading .care-orb{margin:0 auto 12px;width:70px;height:70px;border-radius:25px;background:var(--care-soft);color:var(--care);font-size:38px}
.care-voice-heading h3{font-size:22px;margin:0 0 7px}
.care-voice-heading p{font-size:13px;color:var(--care-muted);line-height:1.6;margin:0}
.care-waveform{display:flex;align-items:center;justify-content:center;gap:5px;height:55px;margin:18px 0 8px}
.care-waveform i{display:block;width:5px;height:10px;background:var(--care);border-radius:8px;opacity:.4}
.care-waveform i:nth-child(3n){height:23px}
.care-waveform i:nth-child(4n){height:34px}
.care-waveform.listening i{opacity:1;animation:careListen .8s ease-in-out infinite alternate}
.care-waveform.listening i:nth-child(odd){animation-delay:.3s}
.care-mic-status{text-align:center;font-size:13px;color:var(--care-muted);min-height:40px;line-height:1.5}
.care-intro{padding:17px;border:1px solid var(--care-line);background:#f2edff;border-radius:19px;margin:18px 0}
.care-intro[hidden]{display:none!important}
.care-intro strong{font-size:16px}
.care-intro p{font-size:13px;line-height:1.75;color:#53436e;margin:8px 0 12px}
.care-intro button{border:0;background:var(--care);color:#fff;border-radius:12px;padding:11px 16px;font-weight:600;min-height:44px}
.project-voice-language{display:flex!important;align-items:center;justify-content:space-between;gap:12px;font-size:12px!important;margin:20px 0 12px!important;color:var(--care-muted)!important}
.project-voice-language select{min-height:44px!important;border:1px solid var(--care-line)!important;background:#fff!important;border-radius:12px!important;color:var(--care-ink)!important;font:inherit;padding:8px!important}
.project-voice-primary{background:var(--care)!important;color:#fff!important;border-radius:15px!important;min-height:48px!important;font-size:14px!important;width:100%!important}
.project-voice-type{background:var(--care-soft)!important;color:var(--care-deep)!important;border:0!important;border-radius:15px!important;min-height:44px!important;font-size:13px!important;width:100%!important;margin:8px 0 12px!important}
#projectVoiceStatus{font-size:11px!important;line-height:1.6!important;color:var(--care-muted)!important;text-align:left!important}
.customer-ai-text{display:block!important;padding:0!important;background:transparent!important;border:0!important;margin-top:22px!important}
.customer-ai-text>p:first-child{font-size:11px!important;color:var(--care-muted)!important}
.care-transcript-label{display:block;font-size:14px;font-weight:600;color:var(--care-ink);margin-top:18px}
.home-genie-composer{display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;padding:8px!important;border:1px solid var(--care-line)!important;background:#fff!important;border-radius:17px!important;gap:5px!important}
.home-genie-composer input{font-size:14px!important;min-height:48px!important;color:var(--care-ink)!important;outline-offset:4px}
.home-genie-composer button{font-size:22px!important;min-height:44px!important;min-width:44px!important;border-radius:11px!important;background:var(--care-soft)!important;color:var(--care-deep)!important}
#homeGenieVoice{display:none!important}
#homeGenieSend{background:var(--care)!important;color:#fff!important}
#homeConciergeAnswer{font-size:14px!important;line-height:1.75!important;background:#fff!important;border:1px solid var(--care-line)!important;border-radius:19px!important;padding:18px!important;overflow-wrap:anywhere!important}
#homeConciergeAnswer[hidden]{display:none!important}
#homeConciergeAnswer h3{font-size:17px!important}
#homeConciergeAnswer p{font-size:14px!important;line-height:1.75!important}
#customerAiStatus{font-size:12px!important;color:var(--care-muted)!important;line-height:1.5!important}
.care-voice-actions{margin:18px 0}
.care-voice-actions button{font-size:12px!important}
.care-preview-note{font-size:11px;color:var(--care-muted);line-height:1.5}
button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #956cff!important;outline-offset:3px!important}
@keyframes careListen{to{transform:scaleY(1.8)}
}
@media(prefers-reduced-motion:reduce){.care-waveform.listening i{animation:none!important}
}
@media(max-width:370px){.genie-care-launch{padding:20px}
.care-quick-actions{gap:7px}
.care-quick-actions button{font-size:11px}
.project-voice-panel{padding-inline:16px!important}
}


/* Free, reusable product explanation; separate from charged project questions. */
.care-about{width:100%;min-height:44px;margin-top:12px;padding:12px 14px;border:1px solid #e4ddf6;border-radius:14px;background:#f2edff;color:#4b28cc;font:inherit;font-size:13px;font-weight:600;line-height:1.6;text-align:left}.care-intro-actions{display:flex;flex-wrap:wrap;gap:8px}.care-intro .care-intro-listen{background:#fff;color:#4b28cc;border:1px solid #d6caf7}.care-intro small{display:block;font-size:11px;color:#716888;line-height:1.7;margin-top:12px}.care-intro p:lang(ta){font-family:"Nirmala UI","Noto Sans Tamil",sans-serif;font-size:14px;line-height:1.9}.care-intro .care-free-label{display:block;color:#4b28cc;font-size:11px;letter-spacing:.2px;margin-top:6px}

/* One typography family for headings, body copy and controls across customer screens. */
:root{--care-font:Poppins,"Nirmala UI","Noto Sans Tamil","Noto Sans Devanagari",Arial,sans-serif}
html body,html body .mobile-app *,html body #projectVoiceSheet *{font-family:var(--care-font)!important}
.care-home-language{display:flex!important;align-items:center;justify-content:space-between!important;gap:12px;margin:0 0 16px;font-size:13px;color:var(--care-muted)}
.care-home-language select{min-height:44px;max-width:none;padding:8px 12px;border:1px solid var(--care-line);border-radius:12px;background:#fff;color:var(--care-ink);font-size:14px}
.project-voice-panel>.project-voice-language{position:sticky;top:0;z-index:2;background:#fcfbff;padding:8px 0;margin:0 0 16px!important;font-size:13px!important}

/* Match the GENI wordmark: remove competing heavy/italic/tracked text styles. */
html body .mobile-app *,html body #projectVoiceSheet *{font-style:normal!important;font-weight:400!important;letter-spacing:normal!important}
html body .mobile-app :is(h1,h2,h3,h4,strong,b),html body #projectVoiceSheet :is(h1,h2,h3,h4,strong,b){font-weight:700!important}
html body .mobile-app :is(h1,h2,h3,h4),html body #projectVoiceSheet :is(h1,h2,h3,h4),html body .mobile-app .genie-care-launch>strong{letter-spacing:-.5px!important}
html body .mobile-app :is(button,select,label),html body #projectVoiceSheet :is(button,select,label){font-weight:600!important}
html body .mobile-app button :is(span,em),html body #projectVoiceSheet button :is(span,em){font-weight:inherit!important}
html body .mobile-app .mobile-brand>span,html body .mobile-app .mobile-brand b{font-weight:700!important;letter-spacing:-.5px!important}
html body .mobile-app .mobile-brand small{font-weight:600!important;letter-spacing:.4px!important}
html body .mobile-app .care-tagline{font-weight:600!important}
html body .mobile-app .care-copy,html body .mobile-app .care-completion{font-weight:400!important}
html body .mobile-app .care-eyebrow{font-weight:600!important;letter-spacing:.5px!important}

html body .mobile-app :is(h1,h2,h3,h4)>:is(span,em),html body #projectVoiceSheet :is(h1,h2,h3,h4)>:is(span,em){font-weight:inherit!important;letter-spacing:inherit!important}

/* Complete the Care palette across inherited Home cards and badges. */
#view-home .v2-tools button{background:#fff!important;color:var(--care-ink)!important}
#view-home .v2-tools button b{color:var(--care-ink)!important}
#view-home .v2-tools button small,#view-home .v2-tools button i{color:var(--care-muted)!important}
#view-home .v2-tools button em,#view-home .v2-section-head>span{background:var(--care-soft)!important;color:var(--care-deep)!important;border:1px solid var(--care-line)!important}
#view-home .v2-icon.choice{color:var(--care)!important}
#view-home .v2-tools .live-tool{background:linear-gradient(120deg,var(--care-deep),#5031c2)!important;border-color:var(--care-deep)!important}
#view-home .v2-tools .live-tool b,#view-home .v2-tools .live-tool i{color:#fff!important}
#view-home .v2-tools .live-tool small{color:#eee9ff!important}
#view-home .v2-tools .live-tool>span{background:#fff!important;color:var(--care-deep)!important}
#view-home .v2-tools .live-tool u{background:#716888!important;box-shadow:none!important}
#view-home .v2-project-copy>p,#view-home .v2-project-copy>span,#view-home .v2-progress-orb>span{color:#eee9ff!important}
#view-home .v2-project-top>button{background:#241847a6!important}
#view-home .v2-project-shade{background:linear-gradient(180deg,transparent 20%,#241847e6 100%)!important}
.bottom-nav button:not(.active),.bottom-nav button:not(.active) span{color:var(--care-muted)!important}
#view-home .v2-welcome>p,#view-home .v2-welcome button{color:var(--care-muted)!important}

/* Shared Care styling for all customer destinations and their detail sheets. */
@font-face{font-family:CareTamil;src:url('../assets/fonts/NotoSansTamil.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--care-font:Poppins,CareTamil,"Nirmala UI","Noto Sans Devanagari",Arial,sans-serif;--cream:var(--care-soft)}
.mobile-app .myhome-fixed{background:#fcfbfff5!important;border-bottom-color:var(--care-line)!important}
.mobile-app .round-stat{border-color:var(--care-line)!important;background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app :is(.v2-myhome-tabs,.payment-filters,.photo-filters,.filter-row,.material-filters) button.active{background:var(--care)!important;border-color:var(--care)!important;color:#fff!important}
.mobile-app :is(.genie-support-card,.journey-summary,.stage-card,.material-card,.quality-stage,.report-entry-card,.query-card,.photo-story,.locker-score){background:#fff!important;border-color:var(--care-line)!important;color:var(--care-ink)!important}
.mobile-app .genie-support-card{background:#f5f1ff!important}
.mobile-app :is(.genie-support-mark,.genie-support-card header small,.report-entry-card>span,.project-milestones div:last-child>span,.quality-chain .active i,.current .quality-stage-mark){background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app :is(.genie-support-card>p,.genie-support-answer :is(p,li,label),.query-card>p){color:var(--care-muted)!important}
.mobile-app .genie-support-prompts button{background:#fff!important;border-color:var(--care-line)!important;color:var(--care-ink)!important}
.mobile-app .genie-support-prompts button[aria-expanded=true]{background:var(--care-soft)!important;border-color:var(--care)!important}
.mobile-app .genie-support-answer{border-color:var(--care-line)!important}
.mobile-app .genie-support-answer button{background:var(--care)!important;color:#fff!important}
.mobile-app :is(.payment-overview,.quality-score-card,.payment-due-card,.receipt-amount,.daily-genie){background:linear-gradient(135deg,var(--care),var(--care-deep))!important;color:#fff!important;border-color:var(--care-deep)!important}
.mobile-app :is(.payment-overview,.quality-score-card,.payment-due-card,.receipt-amount) :is(h2,strong,b){color:#fff!important}
.mobile-app :is(.payment-overview-top small,.payment-totals,.quality-score-top small,.quality-score-foot,.payment-due-card p,.payment-due-card small,.receipt-amount small){color:#eee9ff!important}
.mobile-app :is(.payment-progress i,.quality-progress i){background:#d9ccff!important}
.mobile-app :is(.payment-automation,.daily-photo-rule,.locker-auto-rule){background:#f2edff!important;border-color:var(--care-line)!important}
.mobile-app :is(.payment-automation,.daily-photo-rule,.locker-auto-rule)>span{color:var(--care)!important;background:#fff!important}
.mobile-app :is(.payment-automation,.daily-photo-rule,.locker-auto-rule) b{color:var(--care-ink)!important}
.mobile-app :is(.payment-automation,.daily-photo-rule,.locker-auto-rule) p{color:var(--care-muted)!important}
.mobile-app :is(.material-compare,.payment-date-grid,.journey-proof-gate>div:not(.overdue),.quality-proof-panel,.receipt-panel){background:#f5f1ff!important}
.mobile-app :is(.material-icon.cement,.material-icon.conduit,.material-icon.tile){background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app .live-page-status.preview{background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app :is(.live-page-status.preview i,.camera-topline span i,.live-camera-card footer>div>i){background:var(--care-muted)!important}
.mobile-app .live-actions>button>span{background:var(--care-soft)!important;color:var(--care)!important}
.mobile-app .locker-tabs{background:var(--care-soft)!important}
.mobile-app .locker-tabs button.active{background:#fff!important;color:var(--care-deep)!important}
.mobile-app :is(.query-card:not(.resolved) header em,.page-heading>em){background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app .query-card .query-journey{background:#f5f1ff!important;border-color:var(--care-line)!important;color:var(--care-ink)!important}
.mobile-app .query-card .query-journey :is(h4,strong,b){color:var(--care-ink)!important}
.mobile-app .query-card .query-journey :is(small,time,.query-journey-note,.query-journey-actor){color:var(--care-muted)!important}
.mobile-app .query-card .query-journey-marker{background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app .query-card .query-journey-steps li[data-confirmed=true] .query-journey-marker{background:#e7f6ef!important;color:#176b51!important}
.mobile-app .query-card .query-journey details{border-color:var(--care-line)!important}
/* The illustrative four-step workflow must not inherit the record-history block layout. */
.mobile-app .query-card .query-journey:has(>div){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px;padding:18px!important}
.mobile-app .query-card .query-journey>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:0 12px;text-align:left;min-width:0}
.mobile-app .query-card .query-journey>div>i{grid-row:1 / 3;width:28px;height:28px;margin:0}
.mobile-app .query-card .query-journey>div>b{margin:0;font-size:14px;line-height:1.5}
.mobile-app .query-card .query-journey>div>small{grid-column:2;font-size:13px;line-height:1.5}
.mobile-app .query-card .query-journey>div:not(:last-child):after{left:13px;right:auto;top:30px;bottom:-14px;width:2px;height:auto;background:var(--care-line)}
.mobile-app .query-card .query-journey>div.done:not(:last-child):after{background:#278465}
.mobile-app .query-card .query-journey>div.current>i{background:var(--care)!important;color:#fff!important}
.mobile-app .query-card .query-journey>div:not(.done):not(.current)>i{background:var(--care-line)!important;color:var(--care-muted)!important}
.mobile-app .query-card .query-journey>div.done>i{background:#278465!important;color:#fff!important}
.mobile-app .query-card header{flex-wrap:wrap}
.mobile-app .query-card header h3{font-size:16px!important;line-height:1.5}
.mobile-app .query-card footer{flex-wrap:wrap}
.mobile-app .quality-score-top h2{font-size:22px!important;line-height:1.5}
.mobile-app .quality-score-top h2 b{font-size:28px!important}
.mobile-app :is(.payment-stage-card,.material-card,.quality-stage-toggle) h3{font-size:16px!important;line-height:1.5}
.mobile-app :is(.payment-stage-card,.material-card,.quality-stage-toggle,.photo-detail) :is(p,small){line-height:1.6!important}
.mobile-app .query-card .query-journey>div{overflow-wrap:anywhere}
.mobile-app :is(.receipt-actions button,.stage-actions button,.report-entry-card button){min-height:44px}

.mobile-app :is(.v2-legal-score,.blueprint-card,.referral-hero,.profile-locker-link){background:linear-gradient(135deg,var(--care),var(--care-deep))!important;color:#fff!important}
.mobile-app :is(.v2-legal-score p,.v2-legal-score div>span,.blueprint-top>div>span,.blueprint-foot,.referral-hero>p,.referral-hero>small,.referral-hero>em,.profile-locker-link small){color:#eee9ff!important}
.mobile-app :is(.v2-legal-score h2,.blueprint-top h3,.referral-hero h2,.referral-hero h2 strong){color:#fff!important}
.mobile-app .blueprint-card svg{color:#d9ccff!important}
.mobile-app .v2-missing-doc{background:#f5f1ff!important;border-color:var(--care-line)!important}
.mobile-app .v2-legal-actions button>span{background:var(--care-soft)!important;color:var(--care)!important}
.mobile-app .floor-tabs button.active,.mobile-app .material-tabs button.active{background:var(--care)!important;color:#fff!important;border-color:var(--care)!important}
.mobile-app .genie-fab{background:linear-gradient(135deg,var(--care),var(--care-deep))!important;box-shadow:0 8px 24px #6037e630!important}
.mobile-app .v2-greeting>p{color:var(--care-muted)!important}
.mobile-app .v2-pulse-icon{border-color:var(--care-line)!important;color:var(--care)!important}
.mobile-app .property-file-list i{min-width:16px}

.mobile-app button[data-live-camera].active{border-color:var(--care)!important;background:#f5f1ff!important}

/* Detail sheets mount outside the app shell; they share the same typography. */
html body :is(.receipt-panel,.quality-proof-panel,.referral-share-panel,.chat-panel,.project-modal-panel),html body :is(.receipt-panel,.quality-proof-panel,.referral-share-panel,.chat-panel,.project-modal-panel) *{font-family:var(--care-font)!important;font-style:normal!important}
html body :is(.receipt-panel,.quality-proof-panel,.referral-share-panel,.chat-panel) :is(h1,h2,h3,h4,strong,b){font-weight:700!important}
html body :is(.receipt-panel,.quality-proof-panel,.referral-share-panel,.chat-panel) :is(button,label,select){font-weight:600!important}
.receipt-panel,.quality-proof-panel,.referral-share-panel,.chat-panel{background:#fcfbff!important;color:var(--care-ink)!important}
.receipt-amount{background:linear-gradient(135deg,var(--care),var(--care-deep))!important;color:#fff!important}
.receipt-amount :is(small,span){color:#eee9ff!important}
.receipt-amount strong{color:#fff!important}

.mobile-app .v2-score-ring{border-top-color:#d9ccff!important;border-right-color:#d9ccff!important}
.mobile-app .v2-score-ring span{color:#eee9ff!important}
.mobile-app .daily-access{background:#fff!important;border-color:var(--care-line)!important;color:var(--care-ink)!important}
.mobile-app .daily-access :is(input,textarea,select){background:#fff!important;border-color:var(--care-line)!important;color:var(--care-ink)!important}
.mobile-app .daily-access button{background:var(--care)!important;color:#fff!important}
.mobile-app .daily-access :is(.customer-record-filters,.customer-route-nav) button{background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app .daily-access :is(.customer-record-filters,.customer-route-nav) :is(button[aria-pressed=true],button[aria-current=page]){background:var(--care)!important;color:#fff!important}
.mobile-app .customer-journey-flow :is(.journey-primary,.journey-next-step .journey-step-number){background:var(--care)!important;border-color:var(--care)!important;color:#fff!important}
.mobile-app .customer-journey-flow :is(.journey-explainer,.journey-plan-label){background:var(--care-soft)!important;border-color:var(--care-line)!important;color:var(--care-ink)!important}

.mobile-app .referral-badge{background:#ffffff24!important;color:#fff!important}
.mobile-app .referral-spark{color:#d9ccff!important}
.mobile-app .referral-code-card{border-color:var(--care-line)!important}
.mobile-app .referral-code-card b{color:var(--care-ink)!important}
.mobile-app .referral-code-card button,.mobile-app .referral-steps article>span{background:var(--care-soft)!important;color:var(--care-deep)!important}
.mobile-app .referral-hero>button{background:#fff!important;color:var(--care-deep)!important}

.mobile-app .referral-code-card strong{color:var(--care-ink)!important}
.mobile-app .referral-steps i{background:var(--care-soft)!important;color:var(--care-deep)!important}

/* Demo tour and final customer care contrast corrections. */
.customer-demo-banner{margin:12px 20px;padding:12px 14px;border:1px solid #ded7ff;border-radius:16px;background:#f0ebff;color:#241847;display:grid;gap:5px;font-size:12px}
.customer-demo-banner b{font-weight:700}.customer-demo-banner span{color:#72688f}.customer-demo-banner a,.customer-demo-link{color:#6236ee;font-weight:600;text-decoration:none}
.customer-demo-link{display:block;margin:20px;text-align:center;font:600 14px Poppins,sans-serif}
.customer-demo-welcome{margin:12px 0 20px;padding:18px;background:#fff;border:1px solid #ded7ff;border-radius:20px;color:#241847}
.customer-demo-welcome p{font-size:14px;line-height:1.65;color:#72688f}.customer-demo-welcome button{background:#6236ee;color:#fff;border:0;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:600}
.demo-report-facts{display:grid;gap:10px;padding:16px;border:1px solid #ded7ff;border-radius:16px;background:#fff}.demo-report-facts div{display:grid;gap:3px}.demo-report-facts dt{color:#72688f;font-size:12px}.demo-report-facts dd{margin:0;color:#241847;font-size:14px;font-weight:600}
.mobile-app .care-actions button{min-height:44px;font-size:14px;font-weight:600}.mobile-app .care-actions button.primary,.mobile-app .query-recipients button.active{background:var(--care,#6236ee);border-color:var(--care,#6236ee);color:#fff}
.project-voice-panel>header{position:sticky;top:0;background:#fcfbff;z-index:5;padding-top:12px;padding-bottom:12px;margin-top:-12px}
.mobile-app .v2-progress-orb:not(.model-progress-unknown){width:84px;height:84px}.mobile-app .v2-progress-orb:not(.model-progress-unknown):before{background:#241847ed}.mobile-app .v2-progress-orb span{font-size:10px!important;letter-spacing:.3px!important;font-weight:600;color:#fff!important}
.project-voice-panel>.project-voice-language{position:sticky;top:84px;background:#fcfbff;z-index:4}
#projectVoiceStart{box-shadow:0 10px 20px rgba(98,54,238,.18)!important}

/* Frozen mobile shell: one scroll region between header and bottom navigation. */
:root{--customer-safe-bottom:env(safe-area-inset-bottom,0px);--customer-page-gutter:20px;--customer-nav-height:68px}
.mobile-app{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding-bottom:0}
.mobile-app>.topbar{position:relative;top:auto;flex:0 0 auto;height:calc(64px + env(safe-area-inset-top,0px));min-height:64px;padding:env(safe-area-inset-top,0px) var(--customer-page-gutter) 0;z-index:25}
.mobile-app>.content,.customer-daily-mode .mobile-app>.content{flex:1 1 0;min-height:0;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;padding:0 var(--customer-page-gutter) 24px;scroll-padding:16px 0 24px;-webkit-overflow-scrolling:touch}
.mobile-app>.bottom-nav,.customer-daily-mode.customer-existing-navigation .mobile-app>.bottom-nav{position:relative;inset:auto;flex:0 0 auto;width:100%;height:calc(var(--customer-nav-height) + var(--customer-safe-bottom));min-height:var(--customer-nav-height);padding:6px 4px calc(6px + var(--customer-safe-bottom));grid-template-columns:repeat(5,minmax(0,1fr));z-index:30;transform:none}
.mobile-app>.bottom-nav button{min-width:0;min-height:44px;padding:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.mobile-app>.bottom-nav button span{font-size:17px;line-height:20px}.mobile-app>.bottom-nav button em{font-size:11px;line-height:1.2;margin:0;white-space:normal;overflow-wrap:normal;text-align:center}
.mobile-app>.bottom-nav button.active:before{top:-6px}
.myhome-fixed{top:0;margin:0 calc(-1 * var(--customer-page-gutter));padding:12px var(--customer-page-gutter) 8px}
.customer-demo-banner{margin:12px 0 16px}.customer-demo-banner span{font-size:11px}
.mobile-app :is(input,select,textarea){max-width:100%;font-size:16px}.mobile-app textarea{resize:vertical}
.project-voice-panel :is(input,select,textarea),.chat-panel :is(input,select,textarea){font-size:16px;max-width:100%}
@media(max-width:900px),(orientation:landscape) and (max-height:600px){
 html,body{height:100%;min-height:0;overflow:hidden}
 body{margin:0;padding:0}
 .app-shell,.customer-daily-mode .app-shell{width:100%;max-width:none;height:100dvh;min-height:0;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden}
 .phone-stage{height:100%;min-height:0}
 .genie-care-launch{padding:22px;border-radius:24px}
 .genie-care-launch strong{font-size:30px}
 #projectVoiceSheet .project-voice-panel{width:100%!important;padding-inline:var(--customer-page-gutter)!important}
 .chat-panel{width:100%;right:0;max-height:100dvh}
 .chat-drawer.open .chat-panel{transform:none}
}
@media(max-width:370px){:root{--customer-page-gutter:16px}.genie-care-launch{padding:18px}.care-quick-actions{gap:8px}.query-recipients{gap:6px}.query-recipients button{padding:10px 5px}.query-recipients button b{font-size:12px}}
@media(max-height:500px) and (orientation:landscape){:root{--customer-nav-height:60px}.mobile-app>.topbar{height:calc(52px + env(safe-area-inset-top,0px));min-height:52px}.mobile-app>.bottom-nav{padding-top:3px;padding-bottom:calc(3px + var(--customer-safe-bottom))}}
@media(max-width:400px){.payment-filters,.query-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-filters button,.query-filters button{width:100%;min-width:0;white-space:normal;font-size:13px;padding:10px 8px}.partial-summary{column-gap:6px}.partial-summary span{white-space:normal;overflow-wrap:normal;font-size:10px;line-height:1.4}.partial-summary b{font-size:12px}}
/* Opaque sticky voice controls prevent scrolled content peeking above the title. */
#projectVoiceSheet .project-voice-panel{padding-top:0!important}
.project-voice-panel>header{top:0;height:calc(84px + env(safe-area-inset-top,0px));min-height:84px;margin:0 calc(-1 * var(--customer-page-gutter)) 16px!important;padding:calc(12px + env(safe-area-inset-top,0px)) var(--customer-page-gutter) 12px;width:calc(100% + 2 * var(--customer-page-gutter));background:#fcfbff}
.project-voice-panel>header p{margin:0 0 4px;line-height:1.4}.project-voice-panel>header h2{margin:0;line-height:1.2}
.project-voice-panel>.project-voice-language{top:calc(84px + env(safe-area-inset-top,0px))}
/* Cohesive stage colours preserve the frozen mobile shell. */
.timeline .stage{grid-template-columns:36px minmax(0,1fr);gap:12px;min-width:0}
.timeline .stage>i,.quality-stage-mark,.payment-node{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-style:normal;font-size:14px;font-weight:600;flex-shrink:0}
.timeline .stage>i{background:#f0ecff;color:#6138e9;border:1px solid #ddd4ff;box-shadow:none}
.timeline .stage.done>i,.quality-stage.complete .quality-stage-mark{background:#e7f5ef;color:#14795c;border:1px solid #c5e7da}
.timeline .stage.current>i,.quality-stage.current .quality-stage-mark{background:#6138e9;color:white;border:1px solid #6138e9}
.timeline .stage.upcoming>i,.quality-stage.upcoming .quality-stage-mark{background:#f3f1f8;color:#79718e;border:1px solid #e2dfea}
.timeline .stage>div{min-width:0}.timeline .stage.done>div,.timeline .stage.upcoming>div{padding:14px;border:1px solid #e7e0f7;border-radius:18px;background:#fff}
.timeline .stage.current .stage-card{background:#fbfaff;border:1px solid #d9ceff;border-radius:18px;box-shadow:none}
.timeline .stage>button{grid-column:2;justify-self:start}.timeline .stage span,.timeline .stage h3,.timeline .stage p{overflow-wrap:anywhere}
.demo-stage-legend{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0;font-size:11px}.demo-stage-legend span{padding:7px 10px;border-radius:20px;background:#f3f1f8;color:#716a83}.demo-stage-legend .done{background:#e7f5ef;color:#14795c}.demo-stage-legend .current{background:#f0ecff;color:#6138e9}
.demo-gate-note{font-size:12px;line-height:1.7;padding:14px;border:1px solid #e7e0f7;background:#fbfaff;border-radius:16px;color:#746a8f}
.demo-material-facts{display:grid;gap:10px;margin:16px 0}.demo-material-facts>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;font-size:12px}.demo-material-facts dt{color:#817697}.demo-material-facts dd{margin:0;color:#271b47;font-weight:600;overflow-wrap:anywhere}
.demo-material-proof{border-top:1px solid #e7e0f7;padding-top:10px;font-size:12px}.demo-material-proof summary{min-height:44px;display:flex;align-items:center;color:#6138e9;font-weight:600;cursor:pointer}.demo-material-proof summary:after{content:'＋';margin-left:auto}.demo-material-proof[open] summary:after{content:'−'}.demo-material-proof p{line-height:1.7;color:#746a8f}.demo-file{display:flex;gap:12px;padding:12px;margin:8px 0;background:#f6f3ff;border-radius:12px}.demo-file>div{min-width:0}.demo-file b,.demo-file small{display:block;overflow-wrap:anywhere}.demo-file small{color:#817697;margin-top:4px}.demo-photo-placeholder{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px;background:linear-gradient(135deg,#ece7fa,#f8f6ff);border:1px dashed #d2c7ee;border-radius:14px;color:#75668e;min-height:100px;text-align:center}.demo-photo-placeholder small{font-size:10px}.material-card[hidden]{display:none!important}
.site-photo.demo-photo-placeholder{position:relative;overflow:hidden;padding:0;min-height:100px}.site-photo.demo-photo-placeholder img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.site-photo.demo-photo-placeholder>small{position:relative;background:#ffffffec;padding:4px 6px;border-radius:6px;color:#6138e9;align-self:center;z-index:1}.demo-voice-play{min-height:44px;padding:10px 14px;border:1px solid #d9ceff;border-radius:12px;background:#f0ecff;color:#6138e9;font:inherit}.demo-voice-play:disabled{opacity:.6}
/* Gate corrections apply to the assigned-project flow as well as the sample tour. */
.mobile-app .timeline .stage.done>i{background:#168566!important;color:#fff!important;border-color:#168566!important}
.mobile-app .timeline .stage.current>i{background:#6138e9!important;color:#fff!important;border-color:#6138e9!important}
.mobile-app .timeline .stage.upcoming>i{background:#ece7f6!important;color:#675c7e!important;border-color:#d2c7e5!important}
.mobile-app .quality-chain .done i{background:#168566!important;color:white!important}.mobile-app .quality-chain .active i{background:#6138e9!important;color:white!important}
.mobile-app .journey-step-number{background:#ece7f6!important;color:#675c7e!important;border:1px solid #d2c7e5!important;border-radius:50%;box-shadow:none!important}
.mobile-app .journey-released .journey-step-number{background:#168566!important;color:white!important;border-color:#168566!important}
.mobile-app .journey-next-step .journey-step-number{background:#6138e9!important;color:white!important;border-color:#6138e9!important}
.mobile-app .journey-stage-button{background:#fff!important;color:#271b47!important;border:1px solid #e3d9f3!important;border-radius:18px!important;padding:16px!important}
.mobile-app .journey-next-step .journey-stage-button{background:#f5f1ff!important;border-color:#b9a5f2!important}
.mobile-app .journey-toolbar{display:flex;flex-wrap:wrap;gap:10px;padding:16px;margin:12px 0 20px;border:1px solid #d9ceee;border-radius:18px;background:#f5f1ff!important;align-items:center}
.journey-toolbar button,.demo-team-card button{min-height:44px;padding:10px 14px;border:1px solid #d8caef;border-radius:12px;background:white;color:#4b2ba5;font:inherit;font-size:13px;font-weight:600}
.demo-team-card b,.demo-team-card p,.demo-team-card small{flex-basis:100%;margin:0}.demo-team-card p{font-size:13px;line-height:1.7;color:#746a8f}.demo-team-card small{font-size:12px;color:#168566}
.demo-material-usage{display:grid;gap:14px;margin-bottom:24px}.demo-usage-card,.demo-payment-flow{padding:18px;border:1px solid #e3d9f3;border-radius:20px;background:white;min-width:0}
.demo-usage-card header{display:flex;align-items:start;flex-wrap:wrap;gap:10px;justify-content:space-between}.demo-usage-card h3{margin:0 0 5px;font-size:16px;color:#271b47}.demo-usage-card em{font-size:10px;font-style:normal;padding:6px 9px;border-radius:15px;background:#f0ecff;color:#6138e9}.demo-usage-card p,.demo-usage-card small{font-size:12px;color:#817697;line-height:1.6}.demo-usage-card dl{font-size:12px;display:grid;gap:10px}.demo-usage-card dl>div{display:grid;gap:4px}.demo-usage-card dt{color:#817697}.demo-usage-card dd{margin:0;font-weight:600;color:#271b47;overflow-wrap:anywhere}.demo-usage-track{height:7px;border-radius:10px;background:#efe9fa;overflow:hidden;margin:14px 0 8px}.demo-usage-track i{height:100%;display:block;background:#6138e9;border-radius:10px}
.demo-payment-flow{background:#fbf9ff;margin:16px 0 22px}.demo-payment-flow h2{font-size:22px;margin:8px 0}.demo-payment-flow p{font-size:13px;line-height:1.75;color:#746a8f}.demo-payment-steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}.demo-payment-steps li{border-radius:12px;background:#eee9f6;padding:10px;font-size:11px;color:#746a8f}.demo-payment-steps .active{background:#6138e9;color:white}.demo-payment-steps .done{background:#168566;color:white}.demo-payment-screen article{border:1px solid #e3d9f3;border-radius:16px;padding:16px;background:white}.demo-payment-screen h3{font-size:16px}.demo-payment-screen button,.demo-photo-expanded button,.photo-detail footer>button{min-height:44px;padding:10px 14px;border:1px solid #d9ceff;border-radius:12px;background:#f0ecff;color:#6138e9;font:inherit;font-size:13px;margin:4px 4px 4px 0}
.demo-photo-expanded{padding:16px;background:#f5f1ff;border-radius:18px}.demo-photo-expanded figure{margin:12px 0}.demo-photo-expanded img{width:100%;max-height:260px;object-fit:cover;border-radius:14px}.demo-photo-expanded figcaption{font-size:11px;color:#817697}.demo-photo-expanded p{font-size:12px;line-height:1.6}
@media(prefers-reduced-motion:no-preference){.demo-payment-screen article,.demo-photo-expanded{animation:geni-reveal .18s ease-out}.demo-usage-track i{transition:width .2s ease-out}}@keyframes geni-reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.demo-bill-facts{padding:14px;background:#f7f4fc;border-radius:14px;font-size:12px;display:grid;gap:12px}.demo-bill-facts>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.demo-bill-facts dt{color:#817697}.demo-bill-facts dd{margin:0;color:#271b47;font-weight:600}.demo-bill-facts>div:last-child{padding-top:12px;border-top:1px solid #ded4ef}
.mobile-app .journey-quality-guide{background:#f5f1ff!important;color:#4b2ba5!important;border-color:#d9ceee!important}.mobile-app .journey-step-actions{display:flex;flex-wrap:wrap;gap:10px;padding:14px;background:#f5f1ff;border:1px solid #d9ceee;border-radius:18px}
.legacy-quality-stage{background:white;border:1px solid #e3d9f3;border-radius:18px;margin:12px 0;padding:14px;min-width:0}.legacy-quality-stage>summary{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;cursor:pointer;min-height:44px;list-style:none}.legacy-quality-stage>summary:after{content:'＋';grid-column:2;color:#6138e9}.legacy-quality-stage[open]>summary:after{content:'−'}.legacy-quality-stage h3{font-size:16px;margin:5px 0}.legacy-quality-stage summary small{font-size:10px;color:#817697}.legacy-quality-stage summary p{font-size:12px;margin:5px 0;color:#817697}.legacy-quality-stage.complete .quality-stage-mark{background:#168566!important;color:white!important}.legacy-quality-stage.current .quality-stage-mark{background:#6138e9!important;color:white!important}.legacy-quality-stage.upcoming .quality-stage-mark{background:#ece7f6!important;color:#675c7e!important}
.legacy-quality-check{border-top:1px solid #e9e2f3;padding:14px 0;margin-top:10px}.legacy-quality-check h4{font-size:14px;margin:0 0 8px;overflow-wrap:anywhere}.legacy-quality-check p{font-size:12px;line-height:1.7;color:#817697}.legacy-check-status{display:inline-block;font-size:11px;padding:5px 10px;border-radius:14px;background:#f0ecff;color:#6138e9}.legacy-check-status.approved{background:#e7f5ef;color:#14795c}.legacy-check-status.pending{background:#f1eef6;color:#817697}.legacy-check-proof summary{font-size:12px;min-height:44px;display:flex;align-items:center;color:#6138e9;cursor:pointer}.legacy-check-proof img{width:100%;height:150px;object-fit:cover;border-radius:12px}.legacy-check-proof small{display:block;font-size:10px;color:#817697;margin-top:6px}
.legacy-quality-gates{background:#f7f4fe;padding:16px;border:1px solid #e3d9f3;border-radius:18px}.legacy-quality-gates h3{font-size:17px;margin:0}.legacy-quality-gates p{font-size:12px;line-height:1.6;color:#817697}.legacy-quality-gates article{display:flex;gap:12px;align-items:center;padding:12px 0;border-top:1px solid #e3d9f3}.legacy-quality-gates article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#6138e9;color:white;flex-shrink:0;font-size:12px}.legacy-quality-gates b,.legacy-quality-gates small{display:block}.legacy-quality-gates b{font-size:13px}.legacy-quality-gates small{font-size:11px;color:#817697;margin-top:4px}
.mobile-app .legacy-quality-stage.complete .quality-stage-mark{background:#168566!important;color:#fff!important}.mobile-app .legacy-quality-stage.current .quality-stage-mark{background:#6138e9!important;color:#fff!important}.mobile-app .legacy-quality-stage.upcoming .quality-stage-mark{background:#ece7f6!important;color:#675c7e!important}
/* Compact Quality reading flow: readable names first, evidence on demand. */
.customer-demo-mode .quality-score-card{background:#f5f1ff!important;color:#271b47!important;border:1px solid #d9ceee!important;border-radius:18px;padding:18px;box-shadow:none!important}
.customer-demo-mode .quality-score-card :is(h2,b,small,em,span){color:#271b47!important}.customer-demo-mode .quality-score-card h2{font-size:21px;line-height:1.4}.customer-demo-mode .quality-score-card small{font-size:11px}.customer-demo-mode .quality-score-card em{background:#e9e2fb!important;font-size:10px;padding:6px 9px}.customer-demo-mode .quality-score-foot{font-size:12px;gap:8px}.customer-demo-mode .quality-progress i{background:#6138e9!important}
.quality-review-focus{margin:14px 0;padding:16px;border:1px solid #e0d5f2;border-radius:18px;background:#fff}.quality-review-focus>span{font-size:11px;color:#6138e9;font-weight:600}.quality-review-focus h3{font-size:16px;line-height:1.5;margin:7px 0}.quality-review-focus p{font-size:13px;color:#746a8f;margin:6px 0 12px}.quality-review-focus button{min-height:44px;padding:10px 14px;background:#6138e9;color:white;border:0;border-radius:12px;font:inherit;font-size:13px}
.quality-optional-help{margin:12px 0;border:1px solid #e3d9f3;border-radius:14px;padding:0 14px;background:white}.quality-optional-help>summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#4b2ba5;cursor:pointer;list-style:none}.quality-optional-help>summary:after{content:'＋'}.quality-optional-help[open]>summary:after{content:'−'}.quality-optional-help .genie-support-card{margin:0 0 12px}.quality-optional-help .quality-chain{margin:10px 0 16px}.quality-optional-help .legacy-quality-gates{border:0;background:#fff;padding:8px 0}
.customer-demo-mode .legacy-quality-stage{padding:14px;margin:10px 0;scroll-margin-top:155px}.customer-demo-mode .legacy-quality-stage h3{font-size:15px;font-weight:600;line-height:1.5}.customer-demo-mode .legacy-quality-stage summary small{font-size:11px}.customer-demo-mode .legacy-quality-stage summary p{font-size:12px}.customer-demo-mode .legacy-quality-stage>summary:after{grid-column:1;grid-row:2;justify-self:center;font-size:16px}
.customer-demo-mode .legacy-quality-check{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:12px 0;margin-top:0}.customer-demo-mode .legacy-quality-check h4{font-size:14px;font-weight:600;line-height:1.5;margin:0}.customer-demo-mode .legacy-check-status{font-size:11px;padding:5px 8px;white-space:nowrap}.customer-demo-mode .legacy-check-proof{grid-column:1/-1;min-width:0}.customer-demo-mode .legacy-check-proof>summary{min-height:40px;font-size:12px}.customer-demo-mode .legacy-check-proof p{font-size:13px;line-height:1.7}.customer-demo-mode .legacy-quality-check>p{display:none}.customer-demo-mode .quality-section-title h2{font-size:20px;line-height:1.4}.customer-demo-mode .quality-intro{font-size:14px;line-height:1.7}.customer-demo-mode .quality-overdue-alert[hidden],.customer-demo-mode .quality-section-title[hidden]{display:none!important}
@media(max-width:370px){.customer-demo-mode .legacy-quality-check{grid-template-columns:minmax(0,1fr)}.customer-demo-mode .legacy-check-status{justify-self:start;margin-top:6px}.customer-demo-mode .quality-score-card h2{font-size:19px}}

/* Sample drawing previews: scoped away from authenticated ERP records. */
.customer-demo-mode .demo-drawing-library{display:grid;gap:14px}
.customer-demo-mode .demo-drawing-library .demo-drawing-card{display:flex!important;flex-direction:column;align-items:stretch;gap:12px;padding:16px;background:#fff;border:1px solid #e3d9ff;border-radius:20px}
.demo-drawing-card svg,.demo-drawing-dialog svg{width:100%;height:auto;color:#6138e9;background:#f6f2ff;border-radius:12px}
.demo-drawing-card h3{font-size:16px!important;margin:4px 0;color:#241644}
.demo-drawing-card p{font-size:13px!important;color:#746a8b;line-height:1.6}
.demo-drawing-card small{font-size:11px;color:#746a8b}
.customer-demo-mode .demo-drawing-card button{width:100%;height:auto!important;padding:12px;border:1px solid #e3d9ff;background:#f6f2ff;color:#4e29b7;border-radius:12px;font:600 13px Poppins,CareTamil,sans-serif}
.demo-drawing-dialog{box-sizing:border-box;width:min(92vw,600px);max-height:85dvh;overflow:auto;border:1px solid #e3d9ff;border-radius:24px;padding:20px;color:#241644;background:#fff;font-family:Poppins,CareTamil,sans-serif}
.demo-drawing-dialog::backdrop{background:rgba(25,15,49,.6)}
.demo-drawing-dialog h2{font-size:20px;margin:0}
.demo-drawing-dialog p{font-size:13px;line-height:1.6;color:#746a8b}
.demo-drawing-dialog button{padding:12px 20px;background:#6138e9;color:white;border:0;border-radius:12px;font:600 14px Poppins,CareTamil,sans-serif}

/* Demo allowance wallet. Real billing must remain server-authoritative. */
.demo-credit-card,.demo-credit-session{padding:16px;border:1px solid #e3d9ff;border-radius:18px;background:#f6f2ff;color:#241644;margin:12px 0;box-sizing:border-box}
.demo-credit-card{display:flex;align-items:center;gap:12px;justify-content:space-between}
.demo-credit-card small,.demo-credit-session small{display:block;font-size:10px;color:#746a8b;letter-spacing:.04em}
.demo-credit-balance{display:block;font-size:22px;line-height:1.5;font-weight:700}
.demo-credit-card p,.demo-credit-session p,.demo-credit-dialog p{font-size:12px;line-height:1.6;color:#746a8b;margin:6px 0}
.demo-credit-card button,.demo-credit-session button,.demo-credit-dialog button{font:600 12px Poppins,CareTamil,sans-serif;padding:10px 12px;border:1px solid #e3d9ff;border-radius:12px;background:white;color:#4e29b7;cursor:pointer}
.demo-credit-card button{flex-shrink:0}
.demo-credit-session button{margin:6px 4px 6px 0}
.demo-credit-session button:disabled{opacity:.6;cursor:default}
.demo-credit-card.low-balance{border-color:#c49039}
.demo-credit-dialog{box-sizing:border-box;width:min(92vw,440px);max-height:85dvh;overflow:auto;border:1px solid #e3d9ff;border-radius:22px;padding:20px;color:#241644;font-family:Poppins,CareTamil,sans-serif}
.demo-credit-dialog::backdrop{background:rgba(25,15,49,.6)}
.demo-credit-dialog h2{font-size:20px;margin:0 0 8px}
.demo-credit-packs,.demo-credit-grants{display:grid;gap:8px;margin:12px 0}
.demo-credit-dialog details{font-size:12px;line-height:1.6;margin:12px 0}
.demo-credit-dialog li{margin:6px 0}
@media(max-width:370px){.demo-credit-card{align-items:flex-start;flex-direction:column}.demo-credit-balance{font-size:20px}}

.customer-demo-mode .blueprint-card{background:#fff!important;color:#241644!important;border:1px solid #e3d9ff}
.customer-demo-mode .blueprint-top span,.customer-demo-mode .blueprint-top em,.customer-demo-mode .blueprint-foot span{color:#746a8b!important}
.customer-demo-mode .blueprint-top h3{color:#241644!important}
.customer-demo-mode .blueprint-card svg{width:100%;height:auto;color:#241644}
.demo-house-elevation{display:block;width:100%;max-height:520px;object-fit:contain;background:#ede8f5;border-radius:14px}
.demo-drawing-card .demo-house-elevation{height:300px;object-fit:cover;object-position:center 40%}
.demo-image-caption{font-size:11px!important;color:#746a8b!important;line-height:1.5}
.demo-drawing-downloads{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.demo-drawing-downloads a,.demo-drawing-downloads button{box-sizing:border-box;text-decoration:none;padding:10px 12px;border:1px solid #e3d9ff;border-radius:12px;background:#f6f2ff!important;color:#4e29b7!important;font:600 12px Poppins,CareTamil,sans-serif!important}
.customer-demo-mode .demo-drawing-card .demo-drawing-downloads button{width:auto}
.demo-drawing-dialog svg{background:#fcfbf8}
/* Compact home allowance: keep balance visible without taking over the hero. */
.customer-demo-mode #genieCareHero .demo-credit-card{padding:10px 12px;margin:8px 0;border-radius:14px;gap:10px;flex-direction:row;align-items:center}
.customer-demo-mode #genieCareHero .demo-credit-card small{font-size:8px;line-height:1.3;letter-spacing:.02em}
.customer-demo-mode #genieCareHero .demo-credit-card .demo-credit-balance{font-size:16px;line-height:1.4;margin-top:2px}
.customer-demo-mode #genieCareHero .demo-credit-card p{font-size:10px;line-height:1.4;margin:3px 0 0;max-width:180px}
.customer-demo-mode #genieCareHero .demo-credit-card button{font-size:10px;padding:8px 10px;border-radius:10px;line-height:1.3}

/* Keep section records near the top; GENI remains on the customer Home. */
.customer-daily-mode #view-home.customer-home-section #genieCareHero{display:none!important}
.customer-daily-mode .customer-home-support{display:block;width:100%;margin:10px 0 2px;padding:10px 12px;border:1px solid var(--care-line);border-radius:12px;background:var(--care-soft);color:var(--care-deep);font:600 12px var(--care-font);text-decoration:none;text-align:left;cursor:pointer}
.customer-daily-mode .customer-home-support[hidden]{display:none!important}
.customer-daily-mode .customer-myhome-shell .page-heading h1{font-size:24px!important;line-height:1.3!important}
.customer-daily-mode .customer-myhome-shell .v2-myhome-tabs{scrollbar-width:thin;scrollbar-color:var(--care-line) transparent}
/* Shared sample access and the compact customer voice allowance model. */
.customer-sample-entry{display:inline-block;color:var(--care-deep);font:600 12px var(--care-font);padding:10px 12px;border:1px solid var(--care-line);border-radius:12px;background:var(--care-soft);text-decoration:none;line-height:1.5}
.customer-credit-card{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 12px;padding:10px 12px;border:1px solid var(--care-line);border-radius:14px;background:#f6f2ff;color:var(--care-ink)}
.customer-credit-card>div{min-width:0}.customer-credit-card small{display:block;font-size:8px;letter-spacing:.03em}.customer-credit-card strong{display:block;font-size:14px;line-height:1.5}.customer-credit-card p{font-size:10px;line-height:1.5;margin:3px 0;color:var(--care-muted)}.customer-credit-card a{font-size:10px;background:white;flex-shrink:0;padding:8px}
.customer-sample-card{padding:14px;margin:12px 0 20px;border:1px solid var(--care-line);border-radius:18px;background:white}.customer-sample-card[hidden]{display:none!important}.customer-sample-card b{font-size:14px}.customer-sample-card p{font-size:12px;line-height:1.6;color:var(--care-muted)}
.customer-quality-model{display:grid;gap:10px;margin:12px 0 22px}.quality-model-note{font-size:12px;line-height:1.6;color:var(--care-muted)}
.quality-model-stage{border:1px solid var(--care-line);border-radius:18px;background:white;overflow:hidden}.quality-model-stage>summary{display:flex;align-items:center;gap:12px;padding:14px;cursor:pointer;list-style:none}.quality-model-stage>summary::-webkit-details-marker{display:none}.quality-model-stage summary>div{min-width:0}.quality-model-number{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:12px;background:var(--care-soft);color:var(--care-deep);font-weight:700}.quality-model-stage.complete .quality-model-number{background:#e1f4eb;color:#168566}.quality-model-stage h3{font-size:15px!important;line-height:1.5!important;margin:3px 0}.quality-model-stage small{font-size:10px;color:var(--care-muted)}.quality-model-stage summary p{font-size:12px;margin:3px 0;color:var(--care-muted)}
.quality-model-stage ul{list-style:none;margin:0;padding:0 14px 12px}.quality-model-stage li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-top:1px solid var(--care-line);font-size:13px;line-height:1.6}.quality-model-stage li b{flex-shrink:0;font-size:10px;font-weight:600;padding:4px 7px;border-radius:8px}.quality-model-released{background:#e1f4eb;color:#168566}.quality-model-pending{background:var(--care-soft);color:var(--care-muted)}
.customer-daily-mode .quality-score-card>small{font-size:10px;color:var(--care-deep)}.customer-daily-mode .quality-score-card>h2{font-size:20px!important;line-height:1.5!important;margin:8px 0}.customer-daily-mode .quality-score-card>p{font-size:12px;line-height:1.6;color:var(--care-muted)}
@media(max-width:370px){.customer-credit-card{align-items:flex-start;flex-direction:column}.quality-model-stage li{align-items:flex-start;flex-direction:column;gap:6px}}
/* Light summary preserves contrast for ERP checklist labels and counts. */
.customer-daily-mode .quality-score-card{background:#f6f2ff!important;color:var(--care-ink)!important;border:1px solid var(--care-line)!important;box-shadow:none!important}
.customer-daily-mode .quality-score-card>h2{color:var(--care-ink)!important}
.customer-daily-mode .quality-score-card .quality-progress{background:#e5dafd!important}
.customer-daily-mode .quality-score-card .quality-progress i{background:var(--care)!important}

/* Compact server-backed allowance and history. */
.customer-credit-card{flex-wrap:wrap}
.customer-credit-refresh{font:inherit;font-size:11px;color:var(--care);background:#fff;border:1px solid var(--care-line);border-radius:10px;padding:7px 10px;min-height:36px}
.customer-credit-history{flex-basis:100%;font-size:12px;color:var(--care-ink)}
.customer-credit-history summary{cursor:pointer;padding:6px 0}
.customer-credit-history p{font-size:11px;line-height:1.5;margin:6px 0}

/* A quiet Home balance; all wallet details live on their own authenticated page. */
.customer-model-connected .top-actions{gap:8px;align-items:center}
.customer-model-connected .customer-account-button{width:auto;min-height:44px;padding:0 10px;border-radius:12px;font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap}
.customer-credit-mini{display:flex;position:relative;align-items:center;gap:0;color:var(--care-ink);white-space:nowrap}
.customer-credit-mini[hidden],.customer-credit-warning[hidden]{display:none!important}
.customer-credit-mini button{border:0;background:transparent;color:var(--care-purple,#6539e8);font-family:inherit;font-size:11px;font-weight:600;line-height:1.2;min-height:44px;padding:0 4px;cursor:pointer}
.customer-credit-mini .customer-credit-plus{font-size:18px;min-width:32px}
.customer-credit-warning{position:absolute;right:0;top:35px;font-size:9px;color:#9a4d08;background:#fff5e8;border-radius:4px;padding:2px 4px}
.customer-wallet-page{padding:4px 0 24px;color:var(--care-ink)}
.wallet-heading{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}
.wallet-heading button{font:inherit;color:var(--care-purple,#6539e8);border:0;background:transparent;min-height:44px;padding:0 8px}
.wallet-heading h1{font-size:24px;margin:0}
.customer-wallet-page .customer-credit-card{padding:20px;gap:16px;align-items:flex-start}
.customer-wallet-page .customer-credit-card strong{font-size:24px;line-height:1.35;margin:8px 0}
.customer-wallet-page .customer-credit-card p{font-size:13px;line-height:1.6}
.customer-wallet-page .customer-credit-card small{font-size:11px}
.customer-wallet-page .customer-credit-history{width:100%;border-top:1px solid var(--care-line);padding-top:12px}
.customer-wallet-page .customer-credit-history summary{min-height:44px;display:flex;align-items:center;cursor:pointer}
.wallet-recharge,.customer-account-signout{margin-top:16px;border:1px solid var(--care-line);border-radius:16px;padding:16px;background:white}
.wallet-recharge h2,.customer-account-signout h2{font-size:17px;margin:0 0 8px}
.wallet-recharge p,.customer-account-signout p{font-size:13px;line-height:1.6;color:var(--care-muted)}
.wallet-recharge button,.customer-account-signout #dailyLogout{display:block!important;width:100%;min-height:44px;border:1px solid var(--care-line);border-radius:12px;padding:12px;font:inherit}
.wallet-recharge button{background:#f3f0fa;color:var(--care-muted)}
.customer-account-signout #dailyLogout{background:var(--care-ink);color:white;font-weight:600;cursor:pointer}
@media(max-width:370px){.customer-model-connected .top-actions{gap:2px}.customer-model-connected .customer-account-button{padding:0 6px;font-size:10px}.customer-credit-mini button{font-size:10px}.customer-credit-mini .customer-credit-plus{min-width:28px}.customer-wallet-page .customer-credit-card{padding:16px}}

/* Wallet controls visually belong to GENI, as siblings of the voice button. */
.geni-credit-hero{position:relative}
.geni-credit-hero .genie-care-launch{padding-top:60px}
.geni-credit-hero .customer-credit-mini{position:absolute;z-index:2;top:12px;right:16px;border:1px solid #ffffff40;border-radius:12px;background:#ffffff16;color:white;padding:0 4px}
.geni-credit-hero .customer-credit-mini button{color:white;min-height:36px;font-size:10px}
.geni-credit-hero .customer-credit-mini .customer-credit-plus{font-size:17px;min-width:28px}
.geni-credit-hero .customer-credit-warning{top:100%;margin-top:3px}
.geni-credit-hero .customer-credit-mini button:focus-visible{outline:2px solid white;outline-offset:1px;border-radius:8px}

/* Customer Live: one quiet surface; camera administration stays in Builder ERP. */
.customer-camera-view{padding:18px 14px 28px;color:#271946;font-family:inherit}
.customer-camera-view h2{font-size:24px;margin:8px 0 20px;font-weight:700}
.camera-eyebrow{font-size:11px;font-weight:600;letter-spacing:.05em;color:#7456a6}
.camera-live-stage{min-height:220px;aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e5dbfa;border-radius:22px;background:linear-gradient(145deg,#f0eaff,#faf8ff);padding:24px}
.camera-live-icon{font-size:35px;color:#6338e8}.camera-live-stage h3{font-size:18px;margin:12px 0 8px}.camera-live-stage p{font-size:13px;line-height:1.6;margin:0;color:#75698f;max-width:290px}
.customer-camera-view label{display:grid;gap:8px;margin-top:20px;font-size:13px;font-weight:600}.customer-camera-view select{min-height:44px;border:1px solid #e5dbfa;background:#fff;border-radius:12px;padding:10px;color:inherit;font:inherit;width:100%}
.camera-live-status{font-size:12px;color:#75698f}.customer-camera-view>button{min-height:44px;border-radius:12px;border:1px solid #ddd1f6;background:#fff;color:#6038d8;padding:10px 18px;font:inherit}.customer-camera-view>button:disabled{opacity:.6}

/* Approved supplied video; presentation only. */
.geni-companion{display:block;position:relative;flex-shrink:0;width:144px;max-width:100%;aspect-ratio:1;overflow:hidden;border-radius:24px;background:#ede7e5;box-shadow:0 8px 24px #24184716}
.geni-companion video{display:block;width:100%;height:100%;object-fit:contain}
.genie-care-launch>.geni-companion{align-self:center;margin:0 auto 2px}
.genie-care-launch:after{display:none}
.care-voice-heading .geni-companion{width:192px;margin:0 auto 14px}
.geni-motion-toggle{display:block;margin:6px auto;min-height:44px;padding:8px 14px;border:1px solid var(--care-line,#e4ddf6);border-radius:12px;background:transparent;color:var(--care-muted,#716888);font:inherit;font-size:11px;cursor:pointer}
.geni-motion-toggle:focus-visible{outline:2px solid var(--care,#6037e6);outline-offset:2px}
@media(max-width:370px){.genie-care-launch>.geni-companion{width:128px}.care-voice-heading .geni-companion{width:168px}}

/* The same GENI companion welcomes and guides customers without replacing evidence. */
.customer-login-screen::before,
.customer-demo-welcome::before,
.care-hub::before,
.model-empty::before {
  content: "";
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 0 14px;
  border-radius: 18px;
  background: #ede7e5 url("geni-companion-poster.png") center / cover no-repeat;
  flex-shrink: 0;
}
.customer-login-screen::before { width: 88px; height: 88px; border-radius: 24px; }
.customer-demo-welcome::before { float: right; margin: 0 0 12px 14px; }
.customer-demo-welcome::after { content: ""; display: block; clear: both; }
.care-hub::before { width: 72px; height: 72px; margin: 0 auto 16px; }
.model-empty::before { width: 48px; height: 48px; border-radius: 14px; margin-bottom: 12px; }
@media (max-width: 370px) {
  .customer-demo-welcome::before { width: 48px; height: 48px; border-radius: 14px; }
}
@media print {
  .customer-login-screen::before, .customer-demo-welcome::before,
  .care-hub::before, .model-empty::before { display: none; }
}
/* Compact companion card: identity, reassurance, explanation, one clear action. */
#genieCareHero .genie-care-launch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 96px;
  grid-template-areas: "eyebrow eyebrow" "title mascot" "tagline mascot" "copy copy" "cta cta";
  gap: 10px 16px;
  align-items: center;
  padding: 24px;
  border-radius: 24px;
}
#genieCareHero .care-eyebrow { grid-area: eyebrow; padding-right: 36px; margin-bottom: 8px; line-height: 1.5; }
#genieCareHero .genie-care-launch > strong { grid-area: title; align-self: end; font-size: 28px; line-height: 1.15; }
#genieCareHero .genie-care-launch > .geni-companion { grid-area: mascot; width: 96px; margin: 0; border-radius: 22px; align-self: center; }
#genieCareHero .care-tagline { grid-area: tagline; align-self: start; font-size: 14px; line-height: 1.5; max-width: none; }
#genieCareHero .care-copy { grid-area: copy; max-width: none; margin-top: 8px; font-size: 13px; line-height: 1.6; }
#genieCareHero .care-completion { display: none; }
#genieCareHero .care-cta { grid-area: cta; box-sizing: border-box; min-height: 48px; margin-top: 8px; padding: 13px 16px; border-radius: 14px; }
#genieCareHero .customer-credit-mini { top: 16px; right: 16px; }
#genieCareHero .customer-credit-plus { min-height: 44px; min-width: 44px; font-size: 22px; }
@media (max-width: 370px) {
  #genieCareHero .genie-care-launch { grid-template-columns: minmax(0, 1fr) 80px; gap: 8px 12px; padding: 20px; }
  #genieCareHero .genie-care-launch > .geni-companion { width: 80px; border-radius: 18px; }
  #genieCareHero .genie-care-launch > strong { font-size: 26px; }
}
/* Calm conversation stage, with motion only for an active voice state. */
#projectVoiceSheet .care-voice-heading {
  position: relative; isolation: isolate; padding: 22px 18px 24px;
  margin: 20px 0 8px; border: 1px solid #e7defc; border-radius: 28px;
  background: radial-gradient(ellipse at 50% 38%, #dfd1ff 0, #f2ebff 42%, #fcfaff 78%);
  box-shadow: 0 12px 36px #6037e60b;
}
.geni-conversation-state { display: table; margin: 0 auto 20px; padding: 7px 12px; border-radius: 30px; background: #ffffffd9; color: #62527f; font-size: 11px; font-weight: 600; letter-spacing: .2px; }
.geni-conversation-state::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 7px; border-radius: 50%; background: #a28abc; vertical-align: middle; }
#projectVoiceSheet .care-voice-heading .geni-companion { width: 164px; border-radius: 36px; margin: 0 auto 24px; box-shadow: 0 0 0 8px #ffffff80, 0 0 0 20px #ffffff35, 0 16px 40px #6138aa22; }
#projectVoiceSheet .care-voice-heading h3 { font-size: 22px; letter-spacing: -.5px; margin-bottom: 8px; }
#projectVoiceSheet .care-voice-heading p { max-width: 260px; margin: 0 auto; font-size: 13px; line-height: 1.6; }
#projectVoiceSheet .geni-motion-toggle { display: block; margin: 6px auto 10px; min-height: 36px; padding: 6px 12px; font-size: 11px; background: transparent; border-color: #e9e1f5; }
#projectVoiceSheet .care-waveform { height: 34px; margin: 8px 0 16px; gap: 4px; }
#projectVoiceSheet .care-waveform:not(.listening) i { height: 5px; opacity: .28; }
#projectVoiceSheet:has([data-voice-mood="speaking"]) .care-waveform i { height: 15px; opacity: .75; animation: careListen .65s ease-in-out infinite alternate; }
#projectVoiceSheet:has([data-voice-mood="speaking"]) .care-waveform i:nth-child(odd) { animation-delay: .25s; }
#projectVoiceSheet .care-voice-heading[data-voice-mood="speaking"] .geni-companion,
#projectVoiceSheet .care-voice-heading[data-voice-mood="listening"] .geni-companion { animation: geniVoiceGlow 2s ease-in-out infinite; }
[data-voice-mood="speaking"] .geni-conversation-state::before { background: #7140e8; }
[data-voice-mood="listening"] .geni-conversation-state::before { background: #228572; }
@keyframes geniVoiceGlow { 50% { box-shadow: 0 0 0 10px #ffffff90, 0 0 0 24px #b79aef30, 0 16px 40px #6138aa32; } }
@media(prefers-reduced-motion:reduce) { #projectVoiceSheet .geni-companion, #projectVoiceSheet .care-waveform i { animation: none!important; } }
#projectVoiceSheet:has([data-geni-motion][aria-pressed="true"]) .geni-companion,
#projectVoiceSheet:has([data-geni-motion][aria-pressed="true"]) .care-waveform i { animation: none!important; }
/* Focused premium voice surface. */
#projectVoiceSheet .project-voice-panel { background: linear-gradient(180deg,#f6f2ff 0,#fff 62%)!important; }
#projectVoiceSheet .project-voice-panel > header { margin-bottom: 12px!important; }
#projectVoiceSheet .project-voice-panel > .project-voice-language { margin: 8px 0 16px!important; }
#projectVoiceSheet .care-voice-heading { border: 0; box-shadow: none; background: radial-gradient(ellipse at 50% 47%,#e7d9ff 0, #f5eeff80 46%,transparent 72%); margin: 0; padding: 14px 12px 12px; }
#projectVoiceSheet .care-voice-heading .geni-companion { width: clamp(148px,40vw,180px); margin: 10px auto 28px; border-radius: 42px; }
#projectVoiceSheet .geni-conversation-state { color: #654d94; background: #fff; border: 1px solid #eae1f8; }
#projectVoiceSheet .care-voice-heading h3 { font-size: 23px; line-height: 1.5; }
#projectVoiceSheet .care-voice-heading p { font-size: 13px; line-height: 1.7; }
#projectVoiceSheet .care-mic-status { min-height: 0; font-size: 12px; margin: 0 0 14px; }
#projectVoiceSheet #projectVoiceStart { display: block; width: min(100%,340px)!important; min-height: 56px!important; margin: 0 auto; border-radius: 28px!important; background: linear-gradient(135deg,#7850ef,#542acf)!important; box-shadow: 0 8px 20px #6337d92b; }
#projectVoiceSheet #projectVoiceType { display: block; width: min(100%,340px)!important; margin: 10px auto!important; background: white!important; border: 1px solid #e9e1f5!important; border-radius: 24px!important; }
#projectVoiceSheet #projectVoiceStatus { display: block; max-width: 340px; margin: 0 auto 16px; text-align: center!important; }
#projectVoiceSheet .geni-motion-toggle { margin-top: 0; }
.geni-voice-settings { border: 1px solid #e6ddf6; background: #faf8ff; border-radius: 18px; margin: 20px 0; padding: 0 14px; }
.geni-voice-settings > summary { min-height: 52px; align-content: center; cursor: pointer; font-size: 13px; font-weight: 600; color: #58437e; }
.geni-voice-settings > summary:focus-visible { outline: 2px solid #7048dd; outline-offset: 3px; border-radius: 8px; }
.geni-voice-settings > .own-voice-card { margin: 0 0 12px; background: white; }
/* Branded companion stage for customer demonstrations. */
#projectVoiceSheet .project-voice-panel { background: linear-gradient(160deg,#faf7ff,#fffdf9 52%,#fff)!important; }
#projectVoiceSheet .care-voice-heading { overflow:hidden; padding:18px 18px 24px; margin:4px 0 10px; border-radius:30px; border:1px solid #e8def5; background:radial-gradient(ellipse at 50% 47%,#f9e0d3 0,#ede1fc 38%,#f7f0ff 64%,#fffcf8 100%); box-shadow:inset 0 1px 0 white,0 14px 36px #4826750a; }
.geni-stage-brand { display:block; font-size:9px; letter-spacing:2px; font-weight:700; color:#785998; margin:2px 0 14px; }
#projectVoiceSheet .geni-conversation-state { margin-bottom:14px; font-size:10px; padding:6px 12px; background:#ffffffb8; border-color:white; }
#projectVoiceSheet .care-voice-heading .geni-companion { width:clamp(152px,40vw,188px); border-radius:45px; margin:12px auto 26px; box-shadow:0 0 0 8px #ffffff75,0 0 0 22px #ffffff35,0 22px 38px #6f42752b; }
#projectVoiceSheet .care-voice-heading h3 { font-size:clamp(22px,5.3vw,28px); color:#352054; line-height:1.4; letter-spacing:-.7px; }
#projectVoiceSheet .care-voice-heading p { max-width:330px; color:#786687; font-size:12px; line-height:1.8; margin-top:10px; }
#projectVoiceSheet .care-waveform { margin:2px 0 6px; height:24px; }
#projectVoiceSheet .care-mic-status { font-size:11px; margin-bottom:12px; }
#projectVoiceSheet #projectVoiceStart { max-width:none; width:100%!important; font-size:15px!important; box-shadow:0 10px 24px #6941d930,inset 0 1px 0 #ffffff40; }
#projectVoiceSheet #projectVoiceType { min-height:38px!important; width:auto!important; padding:6px 18px!important; border:0!important; background:transparent!important; font-size:12px!important; }
#projectVoiceSheet .project-voice-panel > p.geni-demo-hint { display:block!important; text-align:center!important; font-size:11px!important; color:#8a789a!important; margin:12px 0 10px!important; }
.geni-demo-topics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:16px; }
.geni-demo-topics button { display:flex; flex-direction:column; align-items:center; gap:8px; border:1px solid #e9e0f4; border-radius:16px; background:#fff; color:#624a7d; padding:12px 6px; font:inherit; font-size:10px; line-height:1.5; cursor:pointer; }
.geni-demo-topics button > span:first-child { display:grid; place-items:center; width:28px; height:28px; background:#f2ecfc; color:#7950c6; border-radius:9px; font-size:15px; }
.geni-demo-topics button:hover { background:#f9f5ff; border-color:#bda1e7; }
.geni-demo-topics button:focus-visible { outline:2px solid #7850d3; outline-offset:3px; }/* Not signed in to UAT, GENI voice cannot start: the start control reads as unavailable (it stays focusable and explains). */
.project-voice-primary[aria-disabled="true"] { opacity:.62; cursor:not-allowed; box-shadow:none; }
/* GENI Voice Lab states inside the voice sheet: zero balance, outage, Builder pause, awaiting allowance; and balances. */
.voice-turn-state { display:grid; gap:8px; margin:0 0 12px; padding:12px 14px; border:1px solid var(--care-line); border-radius:15px; background:var(--care-soft); color:var(--care-ink); }
.voice-turn-state[hidden] { display:none; }
.voice-turn-state-text { margin:0; font-size:14px; font-weight:600; line-height:1.5; }
.voice-turn-state-note { margin:0; font-size:12px; line-height:1.5; color:var(--care-muted); }
.voice-turn-state-note:empty { display:none; }
.voice-turn-state button { margin:0 !important; }
.voice-turn-state button:disabled, .voice-turn-record:disabled { opacity:.62; cursor:not-allowed; }
.voice-turn-balances { display:flex; flex-wrap:wrap; gap:4px 14px; margin:0 0 4px; padding:0; list-style:none; font-size:12px; color:var(--care-ink); }
.voice-turn-credit-note { display:block; margin-bottom:10px; font-size:11px; color:var(--care-muted); }