/* Identidade HUB e temas compartilhados. Os layouts e os controles continuam próprios de cada tela. */
:root{--hub-bg:#f3f6f8;--hub-surface:#fff;--hub-soft:#f4f8fa;--hub-text:#203b4d;--hub-muted:#637d8b;--hub-line:#dfe7ec;--hub-accent:#247f81;--hub-link:#247f81;--hub-tint:#e7f2f0;--hub-tint-line:#cfe4df;--hub-error:#a54339;--hub-placeholder:#8296a3}
:root[data-theme=dark]{--hub-bg:#071522;--hub-surface:#0e2232;--hub-soft:#122a3c;--hub-text:#deebf1;--hub-muted:#a0b5c3;--hub-line:#274051;--hub-accent:#55b8b0;--hub-link:#73cdc3;--hub-tint:#153936;--hub-tint-line:#28554e;--hub-error:#ffb1a2;--hub-placeholder:#99aebb}
body.hub-agent,body.hub-crm{background:var(--hub-bg);color:var(--hub-text)}
.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:8px 11px;border:1px solid var(--hub-line);border-radius:7px;background:var(--hub-surface);color:var(--hub-muted);font:inherit;font-size:10px;line-height:1.4;cursor:pointer;white-space:nowrap}
.theme-toggle:hover{background:var(--hub-soft);border-color:var(--hub-accent)}
.theme-toggle svg{width:16px;height:16px;flex-shrink:0}
.theme-toggle .sun-icon{display:none}
:root[data-theme=dark] .theme-toggle .moon-icon{display:none}
:root[data-theme=dark] .theme-toggle .sun-icon{display:block}
.theme-toggle:focus-visible{outline:3px solid var(--hub-accent);outline-offset:3px}
.hub-agent{--ink:#091e30;--accent:#68beb5;--muted:var(--hub-muted);--line:var(--hub-line)}
.hub-agent .workspace{background:var(--hub-bg)}
.hub-agent .sidebar{background:#091e30;padding-top:28px}
.hub-agent .brand{justify-content:center;flex-direction:column;gap:8px;text-decoration:none}
.hub-agent .brand-logo{width:140px;height:140px;object-fit:contain}
.hub-agent .brand-caption{font-size:8px;color:#7d9da9;letter-spacing:2px;font-weight:500;margin-top:0}
.hub-agent .side-story{margin-top:48px}
.hub-agent .side-story h1{font-weight:600;font-size:35px;letter-spacing:-.8px}
.hub-agent .side-story h1>span{color:#5bb4ae}
.hub-agent .side-story p{color:#a8bdc9}
.hub-agent .eyebrow{color:#79aaa9}
.hub-agent .project-drawing{color:#548f94;margin-top:25px;height:165px}
.hub-agent .project-drawing svg{height:140px}
.hub-agent .sidebar-bottom{border-top-color:#ffffff18}
.hub-agent .sidebar-bottom p{color:#8da8b6}
.hub-agent .topbar{background:var(--hub-surface);border-color:var(--hub-line)}
.hub-agent .page-title strong{color:var(--hub-text)}
.hub-agent .page-title div>span{color:var(--hub-muted)}
.hub-agent .mobile-logo{display:none}
.hub-agent .new-chat{color:var(--hub-muted);border-color:var(--hub-line);min-height:37px;font-size:10px}
.hub-agent .new-chat:hover{background:var(--hub-soft)}
.hub-agent .new-chat .new-chat-label{font:inherit}
.hub-agent .welcome-label{color:var(--hub-accent)}
.hub-agent .welcome h2{color:var(--hub-text);font-weight:550}
.hub-agent .welcome>p{color:var(--hub-muted)}
.hub-agent .suggestions button{background:var(--hub-surface);border-color:var(--hub-line);color:var(--hub-text)}
.hub-agent .suggestions button:hover{background:var(--hub-tint);border-color:var(--hub-accent)}
.hub-agent .suggestion-icon,.hub-agent .arrow{color:var(--hub-accent)}
.hub-agent .suggestion-caption{color:var(--hub-muted)}
.hub-agent .conversation-divider{color:var(--hub-muted)}
.hub-agent .conversation-divider:before,.hub-agent .conversation-divider:after{background:var(--hub-line)}
.hub-agent .avatar{background:var(--hub-tint);color:var(--hub-accent)}
.hub-agent .message-name{color:var(--hub-accent)}
.hub-agent .message-body{color:var(--hub-text)}
.hub-agent .cliente .avatar{background:var(--hub-soft);color:var(--hub-muted)}
.hub-agent .cliente .message-name{color:var(--hub-muted)}
.hub-agent .cliente .message-body{background:#123e4b;color:#eef9f8}
.hub-agent .waiting .message-body{color:var(--hub-muted)}
.hub-agent .status-text{color:var(--hub-muted)}
.hub-agent .status-text.error{color:var(--hub-error)}
.hub-agent .composer{background:var(--hub-surface);border-color:var(--hub-line);box-shadow:none}
.hub-agent .composer:focus-within{border-color:var(--hub-accent);box-shadow:0 0 0 3px #2b97971a}
.hub-agent .composer textarea{color:var(--hub-text)}
.hub-agent .composer textarea::placeholder{color:var(--hub-placeholder)}
.hub-agent .composer button{background:#247f81;color:#fff}
.hub-agent .composer button:hover:not(:disabled){background:#2d9292}
.hub-agent .composer-foot{color:var(--hub-muted)}
.hub-agent .page-footer{border-color:var(--hub-line);color:var(--hub-muted)}
.hub-agent .footer-dot{color:var(--hub-accent)}
.hub-agent dialog{background:var(--hub-surface);border-color:var(--hub-line);color:var(--hub-text)}
.hub-agent dialog p{color:var(--hub-muted)}
.hub-agent .dialog-actions button{background:var(--hub-soft);border-color:var(--hub-line);color:var(--hub-text)}
.hub-agent .dialog-actions .primary{background:#247f81;border-color:#247f81;color:#fff}
.hub-agent button:focus-visible,.hub-agent a:focus-visible,.hub-agent textarea:focus-visible{outline-color:var(--hub-accent)}
.hub-crm{--ink:var(--hub-text);--muted:var(--hub-muted);--border:var(--hub-line);--paper:var(--hub-bg)}
.hub-crm .crm-topbar{background:var(--hub-surface);border-color:var(--hub-line)}
.hub-crm .crm-topbar strong{color:var(--hub-text)}
.hub-crm .topbar-link{color:var(--hub-muted);border-color:var(--hub-line);background:var(--hub-surface)}
.hub-crm .filter-panel,.hub-crm .resumo-card,.hub-crm .stage-metrics,.hub-crm .return-metrics,.hub-crm #lista-oportunidades>div,.hub-crm #lista-retornos-pendentes>.retorno-pendente{background:var(--hub-surface);border-color:var(--hub-line)}
.hub-crm .resumo-card.total{background:var(--hub-tint);border-color:var(--hub-tint-line)}
.hub-crm .resumo-card.total strong{color:var(--hub-accent)}
.hub-crm .resumo-card strong,.hub-crm .stage-metrics strong,.hub-crm .return-metrics strong{color:var(--hub-text)}
.hub-crm .resumo-card>span,.hub-crm .resumo-card small,.hub-crm .stage-metrics>div,.hub-crm .return-metrics span{color:var(--hub-muted)}
.hub-crm .stage-metrics>div,.hub-crm .return-metrics>div{border-color:var(--hub-line)}
.hub-crm input,.hub-crm select,.hub-crm textarea{background:var(--hub-surface);border-color:var(--hub-line);color:var(--hub-text)}
.hub-crm input::placeholder,.hub-crm textarea::placeholder{color:var(--hub-placeholder)}
.hub-crm .busca input{background:var(--hub-soft)}
.hub-crm .filter-field label,.hub-crm label,.hub-crm .resultados-info,.hub-crm .section-note,.hub-crm .section-heading p{color:var(--hub-muted)}
.hub-crm .eyebrow.dark{color:var(--hub-muted)}
.hub-crm .resultados-info strong,.hub-crm #lista-oportunidades h3,.hub-crm #lista-oportunidades p>strong{color:var(--hub-text)}
.hub-crm .filtros,.hub-crm #lista-oportunidades hr,.hub-crm .content-footer{border-color:var(--hub-line)}
.hub-crm .filtro{background:transparent;color:var(--hub-muted)}
.hub-crm .filtro.ativo{background:#1d6a6f;color:#fff}
.hub-crm .filtro:hover:not(.ativo){background:var(--hub-tint);color:var(--hub-link)}
.hub-crm #lista-oportunidades p,.hub-crm #lista-oportunidades>div>div:last-child>p:first-child{color:var(--hub-muted)}
.hub-crm .necessidade{background:var(--hub-soft);border-color:var(--hub-line)}
.hub-crm .necessidade>strong{color:var(--hub-muted)}
.hub-crm .necessidade p{color:var(--hub-text)!important}
.hub-crm button{background:var(--hub-surface);color:var(--hub-muted);border-color:var(--hub-line)}
.hub-crm button:hover{background:var(--hub-soft);border-color:var(--hub-accent)}
.hub-crm #lista-oportunidades .ver-conversa{background:#1e666c;border-color:#1e666c;color:#fff}
.hub-crm #lista-oportunidades .ver-conversa:hover{background:#287c80}
.hub-crm #lista-oportunidades>div>div:last-child>button,.hub-crm #lista-oportunidades .abrir-whatsapp{background:var(--hub-tint);border-color:var(--hub-tint-line);color:var(--hub-link)}
.hub-crm a:not(.nav-item):not(.assistant-link):not(.hero-link):not(.logo-link):not(.topbar-link){color:var(--hub-link)}
.hub-crm #lista-oportunidades a{color:var(--hub-link)}
.hub-crm .content-footer,.hub-crm #sem-resultados,.hub-crm #lista-retornos-pendentes{color:var(--hub-muted)}
.hub-crm .modal-conteudo{background:var(--hub-surface);color:var(--hub-text)}
.hub-crm .modal-topo{background:var(--hub-soft);border-color:var(--hub-line)}
.hub-crm .modal-topo p,.hub-crm #fechar-modal{color:var(--hub-muted)}
.hub-crm #mensagens-conversa form{border-color:var(--hub-line)}
.hub-crm .mensagem-historico{border-color:var(--hub-line)}
.hub-crm .mensagem-historico>strong{color:var(--hub-muted)}
.hub-crm .mensagem-assistente{background:var(--hub-soft);color:var(--hub-text)}
.hub-crm .mensagem-cliente{background:#123e4b;border-color:#123e4b;color:#eef9f8}
.hub-crm .mensagem-cliente>strong{color:#a5d2d1}
.hub-crm #mensagens-conversa form button{background:#247f81;border-color:#247f81;color:#fff}
:root[data-theme=dark] .hub-crm .badge-etapa.qualificado{background:#173d34;color:#9ad9bd}
:root[data-theme=dark] .hub-crm .badge-etapa.pre_venda{background:#40351d;color:#e9ca85}
:root[data-theme=dark] .hub-crm .badge-etapa.em_contato{background:#19384c;color:#a3cde9}
:root[data-theme=dark] .hub-crm .badge-etapa.proposta_enviada{background:#332c48;color:#cdb6ed}
:root[data-theme=dark] .hub-crm .badge-etapa.ganho{background:#173c2e;color:#a0dfb8}
:root[data-theme=dark] .hub-crm .badge-etapa.perdido{background:#452d2d;color:#efb1a9}
:root[data-theme=dark] .hub-crm .metric-icon{border-color:var(--hub-line);color:var(--hub-accent)}
:root[data-theme=dark] .hub-crm .return-metrics>div:last-child strong{color:#f0b5a9}
@media(min-height:900px) and (min-width:1000px){.hub-agent .side-story{margin-top:70px}.hub-agent .project-drawing{margin-top:35px}}
@media(max-width:1100px){.hub-agent .brand-logo{width:125px;height:125px}.hub-agent .side-story h1{font-size:31px}.hub-agent .side-story{margin-top:38px}}
@media(max-width:760px){.hub-agent .mobile-logo{display:block;width:44px;height:44px;object-fit:contain;border-radius:7px;background:#091e30}.hub-agent .page-title{gap:9px}.hub-agent .page-title strong{font-size:11px}.hub-agent .page-title div>span{font-size:9px}.hub-agent .topbar{height:80px;padding:0 16px;gap:10px}.hub-agent .header-actions{gap:7px}.theme-toggle{width:36px;min-height:36px;padding:8px}.theme-toggle [data-theme-label]{display:none}.hub-agent .new-chat{font-size:10px;padding:8px;gap:3px}.hub-agent .new-chat>span{font-size:14px}}
@media(max-width:380px){.hub-agent .page-title div>span{display:none}.hub-agent .new-chat .new-chat-label{display:none}.hub-agent .new-chat{width:36px;justify-content:center}.hub-agent .new-chat>span{font-size:20px}.hub-agent .topbar{padding:0 13px}.hub-crm .topbar-link{font-size:9px;padding:8px}.hub-crm .header-actions{gap:6px}}
/* Transição apenas durante a troca de tema; não altera layout nem atrasa o clique. */
@media(prefers-reduced-motion:no-preference){
  :root.hub-theme-transition body,
  :root.hub-theme-transition body *,
  :root.hub-theme-transition body *::before,
  :root.hub-theme-transition body *::after{
    transition-property:background-color,color,border-color,box-shadow,fill,stroke!important;
    transition-duration:650ms!important;
    transition-timing-function:cubic-bezier(.22,.61,.36,1)!important;
    transition-delay:0s!important;
  }
}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-height:780px) and (min-width:761px){.hub-agent .brand-logo{width:110px;height:110px}.hub-agent .side-story{margin-top:24px}.hub-agent .side-story h1{font-size:29px;line-height:1.18;margin:16px 0}.hub-agent .side-story p{font-size:12px}.hub-agent .project-drawing{height:120px;margin:15px -5px}.hub-agent .project-drawing svg{height:100px}.hub-agent .sidebar-bottom{padding-top:14px}}