/* One mobile palette for welcome, chat, account, Portal and WOW frames.
 * Run npm run sync:mobile-theme after edits; sandboxed frames embed this stylesheet. */
@media(max-width:767px){
 :root{
  color-scheme:light;
  --ns-mobile-page:#FAF8F4;--ns-mobile-surface:#FEF7ED;--ns-mobile-soft:#FFF6ED;--ns-mobile-paper:#FFFCF7;
  --ns-mobile-ink:#3D3027;--ns-mobile-heading:#6B4E32;--ns-mobile-muted:#6B5A4B;
  --ns-mobile-line:#E5D8C7;--ns-mobile-gold:#B49266;--ns-mobile-circle:#ECDCCC;
  --ns-mobile-gold-light:#DAC39D;--ns-mobile-gold-deep:#CBAE7E;--ns-mobile-gold-rim:#AB895B;--ns-mobile-hover:#F5E8D6;
  --ns-mobile-primary:#49392F;--ns-mobile-primary-deep:#30251F;--ns-mobile-on-primary:#FFF8ED;
  --bg-primary:var(--ns-mobile-page);--bg-secondary:var(--ns-mobile-soft);--sidebar-bg:var(--ns-mobile-surface);
  --surface-bg:var(--ns-mobile-surface);--text-primary:var(--ns-mobile-ink);--text-secondary:var(--ns-mobile-muted);
  --text-tertiary:var(--ns-mobile-muted);--border-color:var(--ns-mobile-line);--accent:var(--ns-mobile-primary);
  --on-accent:var(--ns-mobile-on-primary);--btn-hover:var(--ns-mobile-hover)
 }
 /* The same surfaces apply before and after entering a conversation. */
 #messagesArea .msg-user span{background:var(--ns-mobile-primary);color:var(--ns-mobile-on-primary)}
 #messagesArea .msg-ai-avatar{background:var(--ns-mobile-gold-light);color:var(--ns-mobile-ink);border:1px solid var(--ns-mobile-gold);border-radius:50%}
 #messagesArea .msg-ai-bubble,#messagesArea .job-card,#messagesArea .ns-mem-wow,#messagesArea .ns-mem-portal-card{background:var(--ns-mobile-surface);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line);box-shadow:0 3px 9px rgba(80,59,34,.06)}
 #messagesArea .ns-mem-btn{background:var(--ns-mobile-soft);color:var(--ns-mobile-ink);border:1px solid var(--ns-mobile-gold);box-shadow:0 2px 4px -2px rgba(80,59,34,.18)}
 #messagesArea .ns-mem-btn:hover{background:var(--ns-mobile-hover)}
 #messagesArea .ns-mem-btn.primary,#messagesArea .ns-mem-btn.on,#messagesArea .ns-vw-final .ns-mem-btn,#messagesArea .ns-vw-form .ns-mem-btn{background:var(--ns-mobile-primary);color:var(--ns-mobile-on-primary);border-color:var(--ns-mobile-gold)}
 #messagesArea button:focus-visible,#sidebar button:focus-visible{outline:2px solid var(--ns-mobile-heading);outline-offset:3px}
 #messagesArea .ns-mem-group,#messagesArea .ns-mem-note,#messagesArea .ns-mem-empty,#messagesArea .ns-mem-feed time{color:var(--ns-mobile-muted)}
 #messagesArea .ns-mem-wow-chips span,#messagesArea .ns-mem-wow-portal,#messagesArea .ns-mem-pill.off{background:var(--ns-mobile-circle);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)}
 #messagesArea .ns-mem-pill{background:var(--ns-mobile-primary);color:var(--ns-mobile-on-primary)}
 #messagesArea .ns-mem-wow-steps li span{background:var(--ns-mobile-line)}
 #messagesArea .ns-mem-wow-steps li.on{color:var(--ns-mobile-heading)}
 #messagesArea .ns-mem-wow-steps li.on span{background:var(--ns-mobile-gold)}
 #messagesArea .ns-mem-feed li{border-color:var(--ns-mobile-gold)}
 #sidebar{background:var(--ns-mobile-surface)!important;color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)!important}
 #sidebar .logo-section,#sidebar .menu-item{color:var(--ns-mobile-ink)}
 #sidebar .menu-item:hover,#sidebar .menu-item.active{background:var(--ns-mobile-hover)}
 #sidebar .new-chat-btn,#sidebar #authSection button,#sidebar .ns-mobile-close{background:var(--ns-mobile-soft)!important;color:var(--ns-mobile-ink)!important;border:1px solid var(--ns-mobile-gold)!important}
 #sidebar #authSection{background:var(--ns-mobile-paper)!important;border-color:var(--ns-mobile-line)}
 #sidebar #authSection p,#sidebar .ns-personal-heading{color:var(--ns-mobile-muted)!important}
 #authModal{background:rgba(61,48,39,.42)!important}
 #authModal>div{background:var(--ns-mobile-surface)!important;color:var(--ns-mobile-ink);border:1px solid var(--ns-mobile-gold)}
 #authModal #authTitle{color:var(--ns-mobile-heading)}
 #authModal #authSubtitle,#authModal #authToggle,#authModal label{color:var(--ns-mobile-muted)!important}
 #authModal input{background:var(--ns-mobile-paper)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-line)!important}
 #authModal input:focus{border-color:var(--ns-mobile-gold)!important;box-shadow:0 0 0 2px rgba(180,146,102,.15)}
 #authModal #authBtn{background:var(--ns-mobile-primary)!important;color:var(--ns-mobile-on-primary)!important;border:1px solid var(--ns-mobile-gold)!important}
 #authModal>div>button:first-child{background:var(--ns-mobile-soft)!important;color:var(--ns-mobile-ink)!important;border:1px solid var(--ns-mobile-gold)!important}
 /* Card chrome and its selected states use the palette; artwork keeps its own colors. */
 #messagesArea .ns-quiet-wow,#messagesArea .ns-quiet-wow-top,#messagesArea .ns-vw-light,#messagesArea .ns-vw-final,#messagesArea .ns-vw-form,#messagesArea .ns-vw-options{background:var(--ns-mobile-surface);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)}
 #messagesArea .ns-quiet-wow-top button{background:var(--ns-mobile-soft);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-gold)}
 #messagesArea .ns-vw-dark{background:var(--ns-mobile-hover);color:var(--ns-mobile-ink);border:1px solid var(--ns-mobile-line)}
 #messagesArea .ns-vw-intro h2,#messagesArea .ns-vw-how h2,#messagesArea .ns-vw-final b,#messagesArea .ns-vw-form h3{color:var(--ns-mobile-heading)}
 #messagesArea .ns-vw-intro p,#messagesArea .ns-vw-eyebrow,#messagesArea .ns-vw-eyebrow.light,#messagesArea .ns-vw-caption,#messagesArea .ns-vw-note,#messagesArea .ns-vw-note.light,#messagesArea .ns-vw-step-no,#messagesArea .ns-vw-step-txt b,#messagesArea .ns-vw-step-txt small,#messagesArea .ns-vw-step-txt p,#messagesArea .ns-vw-final small,#messagesArea .ns-vw-options small,#messagesArea .ns-vw-options>p{color:var(--ns-mobile-muted)}
 #messagesArea .ns-vw-step{border-color:var(--ns-mobile-line)}
 #messagesArea .ns-vw-step.on .ns-vw-step-no,#messagesArea .ns-vw-step.on .ns-vw-step-txt b{color:var(--ns-mobile-heading)}
 #messagesArea .ns-vw-step.on .ns-mem-btn{background:var(--ns-mobile-primary);color:var(--ns-mobile-on-primary)}
 #messagesArea .ns-vw-promise,#messagesArea .ns-vw-call,#messagesArea .ns-vw-call-side div{background:var(--ns-mobile-soft);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)}
 #messagesArea .ns-vw-call-top,#messagesArea .ns-vw-call-bar,#messagesArea .ns-vw-time{color:var(--ns-mobile-muted)}
 #messagesArea .ns-vw-call-top em,#messagesArea .ns-vw-call-side span,#messagesArea .ns-vw-chips span{background:var(--ns-mobile-gold-light);color:var(--ns-mobile-ink)}
 #messagesArea .ns-vw-time i{background:var(--ns-mobile-line)}
 #messagesArea .ns-vw-time b{background:var(--ns-mobile-gold)}
 #messagesArea .ns-vw-final .ns-vw-sample{color:var(--ns-mobile-heading)}
 #messagesArea .ns-vw-option-list label{background:var(--ns-mobile-paper);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)}
 #messagesArea .ns-vw-option-list label:has(input:checked){background:var(--ns-mobile-circle);border-color:var(--ns-mobile-gold)}
 #messagesArea .ns-vw-option-list input{accent-color:var(--ns-mobile-primary)}
 #messagesArea .ns-vw-form input,#messagesArea .ns-vw-form textarea{background:var(--ns-mobile-paper);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)}
 /* Authenticated Portal surfaces share the same tokens as the chat shell. */
 #nsCustomerPortal{--p-bg:var(--ns-mobile-page);--p-card:var(--ns-mobile-surface);--p-ink:var(--ns-mobile-ink);--p-muted:var(--ns-mobile-muted);--p-line:var(--ns-mobile-line);--p-soft:var(--ns-mobile-soft);--p-accent:var(--ns-mobile-gold);--p-green:var(--ns-mobile-hover)}
 #nsCustomerPortal .p-top,#nsCustomerPortal .p-mobile,#nsCustomerPortal .p-card,#nsCustomerPortal .p-account button,#nsCustomerPortal .p-shortcut,#nsCustomerPortal .p-button,#nsCustomerPortal .p-options label{background:var(--ns-mobile-surface);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)}
 #nsCustomerPortal h1,#nsCustomerPortal h2,#nsCustomerPortal h3,#nsCustomerPortal .p-heading h1 span{color:var(--ns-mobile-heading)}
 #nsCustomerPortal .p-logo,#nsCustomerPortal .p-update-strip,#nsCustomerPortal .p-button.primary,#nsCustomerPortal .p-sidebar button[aria-current=page]{background:var(--ns-mobile-primary);color:var(--ns-mobile-on-primary);border-color:var(--ns-mobile-gold)}
 #nsCustomerPortal .p-ink{background:var(--ns-mobile-soft);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-gold)}
 #nsCustomerPortal .p-mobile button[aria-current=page],#nsCustomerPortal .p-options label:has(input:checked){background:var(--ns-mobile-circle);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-gold)}
 #nsCustomerPortal .p-form :is(input:not([type=checkbox]):not([type=radio]),textarea,select){background:var(--ns-mobile-paper);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-line)}
 .ns-original-bar{background:var(--ns-mobile-surface);color:var(--ns-mobile-ink);border-bottom:1px solid var(--ns-mobile-line)}
 .ns-original-bar button,.ns-original-bar [data-original-action="logout"]{background:var(--ns-mobile-soft);color:var(--ns-mobile-ink);border-color:var(--ns-mobile-gold)}

 /* These rules are embedded in sandboxed frames by scripts/sync-mobile-theme.cjs. */
 html[data-ns-mobile-theme="warm"]{
  --bg:var(--ns-mobile-page);--bg2:var(--ns-mobile-soft);--band:var(--ns-mobile-soft);--panel:var(--ns-mobile-surface);--card:var(--ns-mobile-paper);
  --ink:var(--ns-mobile-ink);--text:var(--ns-mobile-ink);--tx:var(--ns-mobile-ink);--mut:var(--ns-mobile-muted);--muted:var(--ns-mobile-muted);--mu:var(--ns-mobile-muted);--soft:var(--ns-mobile-muted);
  --line:var(--ns-mobile-line);--bd:var(--ns-mobile-line);--dkbd:var(--ns-mobile-line);--glass:var(--ns-mobile-surface);--gl2:var(--ns-mobile-soft);--dk:var(--ns-mobile-surface);--dk2:var(--ns-mobile-soft);
  --gold:var(--ns-mobile-heading);--cream:var(--ns-mobile-soft);--amber:var(--ns-mobile-heading);--am:var(--ns-mobile-heading);--ch:var(--ns-mobile-ink);--vi:var(--ns-mobile-heading);--bl:var(--ns-mobile-heading);--cy:var(--ns-mobile-heading);
  --ok:#2E7446;--warn:#936219;--bad:#AD3F32
 }
 html[data-ns-mobile-theme="warm"],html[data-ns-mobile-theme="warm"] body{background:var(--ns-mobile-page)!important;color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] :is(header,.hero,.intro,.dark,.demo){background:var(--ns-mobile-surface)!important;color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] :is(.panel,.card,.final,.sum,.stats,.chip,.pill,.badge,.c3,.gc,.sysnote,.trust,.scope,.quote,.frame,.mock,.win,.wi,.wh,.inp,.fn,.ai,.me,.player,.sc,.vw,.t1,.t2,.t3){background:var(--ns-mobile-surface)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-line)!important}
 html[data-ns-mobile-theme="warm"] :is(h1,h2,h3,h4){color:var(--ns-mobile-heading)!important}
 html[data-ns-mobile-theme="warm"] :is(h1,h2) :is(span,i,em){color:var(--ns-mobile-heading)!important;background:none!important;-webkit-text-fill-color:currentColor!important;-webkit-text-stroke:0!important}
 html[data-ns-mobile-theme="warm"] :is(.note,.lead,.sub,.p,.fine,.promise,.eyebrow,.panel-top,.card-top,.role-top,.field-top,.legend,.compact-info,.compact-demo-notice,.layers-brief,.layers-scope,.light-brief,.light-safety,.scan-brief,.scan-note,.sysnote,.src,.kick,.foot,.bd,.cnt,.scale){color:var(--ns-mobile-muted)!important}
 html[data-ns-mobile-theme="warm"] :where(.panel,.card,.sum,.role,.step,.st,.js,.lyr,.quote,.demo,.trust,.sphere,.sc) :is(p,small,label){color:var(--ns-mobile-muted)!important}
 html[data-ns-mobile-theme="warm"] small{color:var(--ns-mobile-muted)!important}
 html[data-ns-mobile-theme="warm"] :is(.pill,.tags span,.stat,.lb,.reset,.q,.tl span:last-child,.wh .tg,.inp span,.mini i,.ic){background:var(--ns-mobile-soft)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-line)!important}
 html[data-ns-mobile-theme="warm"] :is(button,a.btn,a.cta,a.go,a.pbtn){background:var(--ns-mobile-soft)!important;color:var(--ns-mobile-ink)!important;border:1px solid var(--ns-mobile-gold)!important}
 html[data-ns-mobile-theme="warm"] :is(button.btn,button.cta,button.go,a.btn,a.cta,a.go,button[type=submit]){background:var(--ns-mobile-primary)!important;color:var(--ns-mobile-on-primary)!important}
 html[data-ns-mobile-theme="warm"] :is(button,a.btn):hover{border-color:var(--ns-mobile-heading)!important}
 html[data-ns-mobile-theme="warm"] :is(button[aria-pressed=true],button[aria-selected=true],button[aria-checked=true],button.on,button.act,button.active){background:var(--ns-mobile-gold-light)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-heading)!important;box-shadow:0 0 0 1px var(--ns-mobile-gold)}
 html[data-ns-mobile-theme="warm"] button :is(h2,h3,h4,p,small,b,strong){color:inherit!important}
 html[data-ns-mobile-theme="warm"] :where(button span:not(.ck):not(.d):not(.i):not(.sh):not(.ic):not(.ar)){color:inherit!important}
 html[data-ns-mobile-theme="warm"] :is(.pill b,.layers-scope b){color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] :is(.stat small,.trust li){color:var(--ns-mobile-muted)!important}
 html[data-ns-mobile-theme="warm"] :is(.bar span,.ph span,.chips span,.demo>span,.demo small,.lab small,.forest-brief small,.tag,.head span,.log span,.ct small){color:var(--ns-mobile-muted)!important}
 html[data-ns-mobile-theme="warm"] :is(.st span,.pillc){color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] :is(.pillc,.tt em,.num){background:var(--ns-mobile-gold-light)!important;color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] .b.al{color:#936219!important}
 html[data-ns-mobile-card="forest-sample"] :is(.lbl small,.cap span){color:var(--ns-mobile-muted)!important}
 html[data-ns-mobile-card="forest-sample"] .type small{color:var(--ns-mobile-on-primary)!important}
 html[data-ns-mobile-card="restore-sample"] .res{background:var(--ns-mobile-soft)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-line)!important}
 html[data-ns-mobile-card="restore-sample"] :is(.i,.sh){background:var(--ns-mobile-primary)!important;color:var(--ns-mobile-on-primary)!important}
 html[data-ns-mobile-card="restore-sample"] .sn{color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] button[aria-pressed=true] .ck{background:var(--ns-mobile-primary)!important;color:var(--ns-mobile-on-primary)!important}
 html[data-ns-mobile-theme="warm"] :is(.btn .ar,.btn i,.opt,.pk,.mb,.mk,.trk){background:var(--ns-mobile-soft)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-gold)!important}
 html[data-ns-mobile-theme="warm"] :is(.opt,.pk,.mb,.mk,.trk)[aria-pressed=true],html[data-ns-mobile-theme="warm"] :is(.opt,.pk,.mb,.mk,.trk)[aria-selected=true]{background:var(--ns-mobile-gold-light)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-heading)!important}
 html[data-ns-mobile-theme="warm"] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select){background:var(--ns-mobile-paper)!important;color:var(--ns-mobile-ink)!important;border-color:var(--ns-mobile-line)!important}
 html[data-ns-mobile-theme="warm"] label{color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] select{appearance:auto!important}
 html[data-ns-mobile-theme="warm"] :is(input,select,textarea){accent-color:var(--ns-mobile-primary)}
 html[data-ns-mobile-theme="warm"] :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--ns-mobile-heading);outline-offset:3px}
 html[data-ns-mobile-theme="warm"] .grad{background:none!important;color:var(--ns-mobile-heading)!important;-webkit-text-fill-color:currentColor!important}
 html[data-ns-mobile-theme="warm"] :is(.stage,.phone,.scr,.screen,.pv,.disc){--gold:var(--ns-mobile-gold-light);--vi:var(--ns-mobile-gold-light);--cy:var(--ns-mobile-gold-light)}
 html[data-ns-mobile-theme="warm"] :is(.phone,.scr,.screen) :is(p,small,.cap){color:var(--ns-mobile-on-primary)!important}
 html[data-ns-mobile-theme="warm"] .seat{background:var(--ns-mobile-line)}
 html[data-ns-mobile-theme="warm"] .seat.g{background:var(--ns-mobile-primary)}
 html[data-ns-mobile-theme="warm"] .seat.t{background:var(--ns-mobile-gold)}
 /* Neutral Tailwind utilities in the original Portal/fall demo; semantic status colors stay intact. */
 html[data-ns-mobile-theme="warm"] :is([class~="bg-white"],[class~="bg-[#FAF7F3]"],[class~="bg-[#FFFBF0]"],[class~="bg-[#FFF6ED]"]){background-color:var(--ns-mobile-surface)!important}
 html[data-ns-mobile-theme="warm"] :is([class~="bg-[#0F0F0E]"],[class~="bg-[#11110F]"],[class~="bg-[#1A1A18]"],[class~="bg-[#1C1C19]"],[class~="bg-[#101828]"]){background:var(--ns-mobile-primary)!important;color:var(--ns-mobile-on-primary)!important}
 html[data-ns-mobile-theme="warm"] :is([class~="text-[#11110F]"],[class~="text-[#1A1A18]"],[class~="text-[#101828]"],[class~="text-black"]){color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] :is([class~="text-[#6B6560]"],[class~="text-[#A8A29D]"],[class~="text-[#C4A484]"]){color:var(--ns-mobile-muted)!important}
 html[data-ns-mobile-theme="warm"] :is([class~="border-[#E8E2D9]"],[class~="border-black/10"],[class~="border-black/20"]){border-color:var(--ns-mobile-line)!important}
 html[data-ns-mobile-theme="warm"] :is([class~="bg-[#C4A484]"],[class~="bg-[#FF6B35]"]){background:var(--ns-mobile-gold-light)!important;color:var(--ns-mobile-ink)!important}
 html[data-ns-mobile-theme="warm"] :is([class~="text-emerald-600"],[class~="text-emerald-300"]){color:#2E7446!important}
 html[data-ns-mobile-theme="warm"] :is(button,a.btn)[class*="bg-red"]{background:#b4412b!important;color:#fff!important;border-color:#b4412b!important}
}