/* FlujoChat 0.25: shared brand and light appearance. Dark overrides load last. */
:root{color-scheme:light;--ink:#182337;--muted:#526178;--line:#D6DEEA;--green:#2563EB;--dark:#101622;--paper:#F4F7FB;--blue:#EAF2FF;--coral:#60A5FA}
body,.main{background:var(--paper);color:var(--ink)}
.topbar,.workspace-shell .topbar{background:#FFF}
.card,.stat,.lead,dialog,.auth .card,.home-assistant-form{background:#FFF;color:var(--ink);border-color:var(--line)}
.btn,.btn.green,.flow-save-button,.flow-node-done{background:#2563EB;color:#FFF}
.btn:hover,.btn.green:hover,.flow-save-button:hover,.flow-node-done:hover{background:#1D4ED8;color:#FFF}
.btn.light{background:#FFF;color:#23344D;border-color:#B8C6D9}
.btn.light:hover{background:#EAF2FF}
.btn.danger{background:#FFF0F1;color:#A62F42}
.brand-ninja{display:block;flex-shrink:0;width:60px;height:40px;object-fit:contain}
.sidebar-brand-row .brand{gap:8px;padding-left:0;padding-right:0}
.auth .brand{background:#101622;border-radius:12px;padding:16px;margin-bottom:22px;color:#FFF}
.auth .brand-ninja{width:81px;height:54px}
.brand-word>span{color:#60A5FA}
.assistant-emblem.ninja-welcome{width:144px;height:96px;margin:0 auto 10px;padding:0;background:#172B4D;border:1px solid #365785;border-radius:20px;box-shadow:none}
.ninja-welcome img{display:block;width:144px;height:96px;object-fit:contain}
.assistant-emblem,.setup-icon{background:#EAF2FF;color:#1D4ED8;border-color:#BCD3FA}
.setup-meter strong,.flow-template-list span,.text-btn{color:#1D4ED8}
.auth .card{border-top-color:#2563EB}
.home-assistant{padding-top:10px}
.home-assistant .eyebrow{color:#526178}
.home-assistant-form:focus-within{border-color:#2563EB;box-shadow:0 0 0 3px #2563EB20}
.home-prompts button{background:#EAF2FF;color:#174AA8;border-color:#BCD3FA}
.home-prompts button:hover{background:#DCEAFF}
.field input,.field textarea,.field select,.search,.composer textarea,.quick-reply-picker select,.conversation-control select{background:#FFF;color:var(--ink);border-color:#8393AA}
input::placeholder,textarea::placeholder{color:#617087;opacity:1}
input,select,textarea{accent-color:#2563EB}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #2563EB;outline-offset:3px}
.message.out{background:#EAF2FF}
.hero .eyebrow{color:#93C5FD}
.flow-trigger{background:#1748B5;border-color:#2563EB}
.flow-status-switch.is-active{color:#1D4ED8}
.flow-status-switch.is-active i{background:#2563EB}
.flow-node-body>.flow-message-preview{background:#EAF2FF;color:#23344D;border-color:#BCD3FA}
.qr{background:#FFF;padding:12px;border-radius:12px;color-scheme:light}
.theme-control{display:flex;gap:8px;align-items:center;font-size:11px;white-space:nowrap;color:var(--muted)}
.theme-control select{min-width:102px;max-width:125px;border:1px solid #8393AA;border-radius:8px;padding:8px 10px;background:#FFF;color:#23344D;font-size:12px;cursor:pointer}
.auth-theme{display:flex;justify-content:flex-end;margin-bottom:16px}
html[data-theme="dark"] .theme-control select{background:#2A3547;color:#F1F5FA;border-color:#62728A}
html[data-theme="dark"] .theme-control{color:#B3BECE}
html[data-theme="dark"] .auth .brand{background:#101622}
@media(max-width:650px){.brand-ninja{width:51px;height:34px}.assistant-emblem.ninja-welcome,.ninja-welcome img{width:120px;height:80px}.theme-control>span{display:none}.theme-control select{min-width:86px;padding:7px;max-width:100px}.top-right{gap:7px}.topbar,.workspace-shell .topbar{padding-left:14px;padding-right:14px}.topbar .top-right>.avatar{display:none}}