:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f4;--surface:#fff;--surface-2:#f0f0ee;--ink:#1c1917;--muted:#6f6a63;--line:#ddd8cf;--primary:#0f766e;--primary-strong:#115e59;--accent:#b45309;--danger:#b91c1c;--radius:8px;font-family:Avenir Next,Avenir,Helvetica Neue,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:0 24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border-radius:var(--radius);color:#fff;background:var(--primary-strong);place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand div{gap:2px;min-width:0;display:grid}.brand span:last-child{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.tabs{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);gap:4px;padding:3px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:8px 14px}.tabs button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #1c19171f}.tabs button:not(.active):hover,.secondary-action:hover,.icon-action:hover{color:var(--ink);background:#fafaf9}.totem-layout{flex:1;grid-template-rows:1fr auto;display:grid}.totem-stage{grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);align-items:stretch;gap:24px;min-height:calc(100vh - 148px);padding:24px;display:grid}.avatar-box,.session-panel,.privacy-strip,.panel,.config-panel,.metric{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.avatar-box{--avatar-main:#0f766e;--avatar-soft:#0f766e29;--avatar-line:#0f766e6b;--avatar-glow:#0f766e47;align-content:center;place-items:center;gap:28px;padding:32px;display:grid;position:relative;overflow:hidden}.avatar-box.theme-care{--avatar-main:#be5f76;--avatar-soft:#be5f7624;--avatar-line:#be5f7666;--avatar-glow:#be5f763d}.avatar-box.theme-clarity{--avatar-main:#2563eb;--avatar-soft:#2563eb21;--avatar-line:#2563eb61;--avatar-glow:#2563eb3d}.avatar-box.theme-action{--avatar-main:#b45309;--avatar-soft:#b4530924;--avatar-line:#b4530966;--avatar-glow:#b453093d}.avatar-box.theme-energy{--avatar-main:#7c3aed;--avatar-soft:#7c3aed21;--avatar-line:#7c3aed61;--avatar-glow:#7c3aed38}.avatar-box.theme-safety{--avatar-main:#b91c1c;--avatar-soft:#b91c1c21;--avatar-line:#b91c1c66;--avatar-glow:#b91c1c38}.avatar-interface{aspect-ratio:1;background:linear-gradient(90deg, transparent 49%, var(--avatar-soft) 50%, transparent 51%), linear-gradient(0deg, transparent 49%, var(--avatar-soft) 50%, transparent 51%), radial-gradient(circle, #fffffff0 0 16%, var(--avatar-soft) 17% 18%, transparent 19% 100%);border-radius:50%;place-items:center;width:min(44vw,360px);display:grid;position:relative;box-shadow:inset 0 0 0 1px #1c19170a,0 0 0 1px #1c19170a}.avatar-ring,.avatar-core,.avatar-scan,.avatar-node{position:absolute}.avatar-ring{border:1px solid var(--avatar-line);transform-origin:50%;border-radius:50%;inset:0}.ring-outer{border-style:dashed;animation:18s linear infinite avatarRotate;inset:3%}.ring-mid{border-width:2px;border-color:var(--avatar-main);opacity:.55;inset:17%}.ring-inner{border-style:dotted;animation:12s linear infinite avatarRotateReverse;inset:32%}.avatar-core{aspect-ratio:1;border:1px solid var(--avatar-main);background:radial-gradient(circle, var(--avatar-main) 0 6%, transparent 7%), radial-gradient(circle, #fffffff2 0 42%, var(--avatar-soft) 43% 100%);width:34%;box-shadow:0 0 22px var(--avatar-glow);border-radius:50%;place-items:center;display:grid}.core-dot{aspect-ratio:1;background:var(--avatar-main);border-radius:50%;width:16%}.core-line{background:var(--avatar-main);transform-origin:0;opacity:.62;width:47%;height:1px;position:absolute;top:50%;left:50%}.line-a{transform:rotate(0)}.line-b{transform:rotate(120deg)}.line-c{transform:rotate(240deg)}.avatar-scan{background:conic-gradient(from 0deg, transparent 0 76%, var(--avatar-glow) 82%, transparent 90% 100%);border-radius:50%;animation:4.8s linear infinite avatarScan;inset:10%}.avatar-node{background:var(--avatar-main);width:10px;height:10px;box-shadow:0 0 12px var(--avatar-glow);border-radius:50%}.node-a{top:17%;left:49%}.node-b{top:58%;right:18%}.node-c{bottom:22%;left:21%}.node-d{top:26%;left:24%}.avatar-box.is-speaking .ring-mid{animation:.62s ease-out infinite avatarSpeak}.avatar-box.is-speaking .avatar-core{animation:.62s ease-out infinite avatarCoreSpeak}.avatar-box.is-speaking .avatar-node{animation:.62s ease-out infinite avatarNodePulse}.avatar-box.is-thinking .ring-inner{animation-duration:5.5s}.avatar-box.is-thinking .avatar-scan{animation-duration:2.6s}@keyframes avatarSpeak{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}@keyframes avatarCoreSpeak{0%,to{box-shadow:0 0 20px var(--avatar-glow);transform:scale(1)}50%{box-shadow:0 0 34px var(--avatar-glow);transform:scale(1.06)}}@keyframes avatarNodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.45)}}@keyframes avatarRotate{to{transform:rotate(360deg)}}@keyframes avatarRotateReverse{to{transform:rotate(-360deg)}}@keyframes avatarScan{to{transform:rotate(360deg)}}.avatar-status{text-align:center;gap:4px;display:grid}.avatar-status strong{font-size:28px}.avatar-status span{color:var(--muted)}.session-panel{flex-direction:column;min-height:560px;display:flex}.session-header{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:18px 20px;display:flex}.session-header span{color:var(--muted)}.idle-state{text-align:center;gap:20px;max-width:440px;margin:auto;padding:32px;display:grid}.idle-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.idle-state p,.privacy-strip p,.admin-header p,.empty{color:var(--muted);line-height:1.5}.event-table .empty{align-items:center;min-height:44px;margin:12px 0 0;display:grid}.conversation{flex-direction:column;flex:1;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow:auto}.message{border-radius:var(--radius);max-width:78%;padding:12px 14px;line-height:1.45}.message.assistant{background:var(--surface-2);border:1px solid var(--line);align-self:flex-start}.message.user{color:#fff;background:var(--primary-strong);align-self:flex-end}.message.streaming:empty:after{content:"Navi está respondendo...";color:var(--muted)}.reply-box,.finish-row,.consent-actions{border-top:1px solid var(--line);gap:10px;padding:14px;display:flex}.reply-box input{flex:1;min-width:0}.reply-box .icon-action,.reply-box .primary-action{flex:none}.flow-notice{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);background:#f8faf9;align-items:center;gap:8px;margin:0 14px 14px;padding:10px 12px;line-height:1.35;display:flex}.flow-dot{background:var(--muted);border-radius:50%;flex:none;width:9px;height:9px}.flow-notice.listening .flow-dot,.flow-notice.hearing .flow-dot,.flow-notice.ready-to-listen .flow-dot,.flow-notice.demo .flow-dot{background:var(--primary)}.flow-notice.thinking .flow-dot,.flow-notice.speaking .flow-dot{background:var(--accent)}.flow-notice.needs-retry .flow-dot,.flow-notice.mic-error .flow-dot,.flow-notice.fallback .flow-dot{background:var(--danger)}input,select,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--ink);padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:2px solid #0f766e33}.primary-action,.secondary-action,.icon-action{border-radius:var(--radius);white-space:nowrap;border:1px solid #0000;min-height:40px;padding:0 14px}.primary-action{background:var(--primary-strong);color:#fff}.primary-action:hover{background:var(--primary)}.primary-action:focus-visible,.secondary-action:focus-visible,.icon-action:focus-visible,.tabs button:focus-visible{outline-offset:2px;outline:2px solid #0f766e52}.primary-action:disabled,.secondary-action:disabled,.icon-action:disabled,input:disabled{cursor:not-allowed;opacity:.62}.secondary-action,.icon-action{background:var(--surface);border-color:var(--line);color:var(--ink)}.icon-action[aria-pressed=true]{color:var(--accent);background:#b4530914;border-color:#b453095c}.finish-row{justify-content:space-between;align-items:center}.finish-row label{color:var(--muted);grid-template-columns:auto minmax(120px,180px) auto;align-items:center;gap:10px;display:grid}.privacy-strip{margin:0 24px 24px;padding:16px 18px}.privacy-strip p{margin:6px 0 0}.admin-layout{flex:1;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding:24px;display:grid}.admin-auth-layout{flex:1;place-items:center;padding:24px;display:grid}.admin-auth-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:14px;width:min(100%,440px);padding:22px;display:grid}.admin-auth-panel h1,.admin-auth-panel p{margin:0}.admin-auth-panel p{color:var(--muted);line-height:1.5}.admin-auth-panel label{color:var(--muted);gap:6px;display:grid}.auth-error{color:var(--danger)!important}.admin-main{align-content:start;gap:18px;display:grid}.admin-header h1,.panel h2,.config-panel h2{margin:0}.admin-header p{margin:6px 0 0}.admin-title-row,.admin-status-strip{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.admin-status-strip{flex-wrap:wrap;justify-content:flex-start;margin-top:14px}.status-pill{border:1px solid var(--line);min-height:30px;color:var(--muted);background:var(--surface);overflow-wrap:anywhere;border-radius:999px;align-items:center;padding:4px 10px;font-size:13px;line-height:1.2;display:inline-flex}.status-pill.ok{color:var(--primary-strong);background:#0f766e0f;border-color:#0f766e47}.status-pill.warn{color:var(--accent);background:#b4530912;border-color:#b4530947}.panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.status-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric{gap:10px;padding:16px;display:grid}.metric span{color:var(--muted);font-size:14px}.metric strong{font-size:26px}.panel,.config-panel{padding:18px}.panel{content-visibility:auto;contain-intrinsic-size:280px}.device-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.device-row:first-of-type{margin-top:14px}.device-row div{gap:4px;display:grid}.device-row span,.plain-status{color:var(--muted)}.plain-status{border:1px solid var(--line);border-radius:6px;padding:4px 8px}.plain-status.ok{color:var(--primary-strong);border-color:#0f766e47}.plain-status.warn{color:var(--accent);border-color:#b4530947}.diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.diagnostic-card{border:1px solid var(--line);border-radius:var(--radius);background:#fbfbfa;min-width:0;padding:12px}.diagnostic-title,.diagnostic-row{justify-content:space-between;gap:12px;display:flex}.diagnostic-title{align-items:center;margin-bottom:10px}.diagnostic-title span{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:6px;padding:3px 7px;font-size:13px}.diagnostic-rows{gap:8px;display:grid}.diagnostic-row span{color:var(--muted)}.diagnostic-row strong{text-align:right;overflow-wrap:anywhere;min-width:0;max-width:58%;font-size:14px}.event-table{margin-top:14px}.event-head,.event-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr 1fr 1fr .7fr;gap:12px;min-width:0;padding:10px 0;display:grid}.event-head span,.event-row span{overflow-wrap:anywhere;min-width:0}.event-head{color:var(--muted);font-size:14px}.config-panel{align-self:start;gap:14px;max-height:calc(100vh - 48px);display:grid;position:sticky;top:24px;overflow:auto}.config-panel label{color:var(--muted);gap:6px;display:grid}.voice-grid{gap:12px;display:grid}.voice-grid label{grid-template-columns:1fr}.voice-grid span{color:var(--ink);font-size:13px}@media (width<=980px){.totem-stage,.admin-layout{grid-template-columns:1fr}.admin-layout{gap:18px}.config-panel{max-height:none;position:static;overflow:visible}.totem-stage{min-height:auto}.session-panel{min-height:min(560px,100vh - 180px)}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diagnostic-grid{grid-template-columns:1fr}.avatar-interface{width:min(70vw,300px)}}@media (prefers-reduced-motion:reduce){.avatar-ring,.avatar-core,.avatar-scan,.avatar-node{animation:none!important}}@media (width<=640px){.topbar{flex-direction:column;align-items:stretch;padding:14px}.tabs{width:100%}.tabs button{flex:1}.totem-stage,.admin-layout{padding:14px}.privacy-strip{margin:0 14px 14px}.reply-box,.finish-row,.consent-actions{flex-direction:column}.message{max-width:100%}.reply-box .icon-action,.reply-box .primary-action{width:100%}.finish-row label,.status-grid{grid-template-columns:1fr}.admin-title-row{flex-direction:column;align-items:stretch}.admin-title-row .secondary-action{width:100%}.event-head,.event-row{grid-template-columns:1fr 1fr}.event-head span:nth-child(n+3),.event-row span:nth-child(n+3){display:none}}