:root{--fundo: #f4efe7;--tinta: #1f1b16;--tinta-2: #2e2820;--cinza: #5c5348;--borda: #e2d9cb;--borda-forte: #cfc5b5;--areia: #cdb894;--areia-clara: #efe4cf;--marrom: #6b4f2a;--vermelho: #8e1b12;--vermelho-fundo: #fbe4e1;--laranja: #7a3405;--laranja-fundo: #fbe9d4;--azul: #26405c;--azul-fundo: #e3eaf2;--verde: #1e5128;--verde-fundo: #e2efe3}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--tinta);font-family:Figtree,system-ui,sans-serif}a{color:var(--marrom)}a:hover{color:#3d2c14}h1,h2,p{margin:0}button,input,select,textarea{font-family:inherit;font-size:14px}.tela-cheia{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.titulo{font-family:Fraunces,serif;font-weight:600;font-size:30px}.sub{color:var(--cinza);font-size:14px;margin-top:4px}.pequeno{font-size:12px;color:var(--cinza)}.cartao{background:#fff;border:1px solid var(--borda);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:12px}.cartao h2{font-size:15px;font-weight:700}.aviso{background:var(--azul-fundo);color:var(--azul);padding:10px 14px;border-radius:10px;font-size:14px}.erro{color:var(--vermelho);font-size:14px}.vazio{color:var(--cinza);font-size:14px;padding:16px 0}.botao{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid var(--borda-forte);background:#fff;color:var(--tinta);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.botao.primario{background:var(--tinta);color:#fff;border-color:var(--tinta)}.botao.perigo{background:var(--vermelho);color:#fff;border-color:var(--vermelho)}.botao.texto-perigo{color:var(--vermelho)}.botao:disabled{opacity:.6;cursor:default}.pequeno-botao{min-height:40px;padding:0 14px;font-size:13px;color:#fff}.link{background:none;border:none;color:var(--marrom);font-weight:600;cursor:pointer;min-height:36px}.app{min-height:100vh;display:flex;flex-wrap:wrap}.menu{flex:1 1 240px;max-width:100%;background:var(--tinta);color:#efe7da;padding:24px 16px;display:flex;flex-direction:column;gap:24px}.marca{display:flex;align-items:center;gap:12px;padding:0 8px}.marca div:last-child{display:flex;flex-direction:column}.marca span{font-size:12px;color:#b9ae9c}.logo{width:40px;height:40px;border-radius:10px;background:var(--areia);color:var(--tinta);display:flex;align-items:center;justify-content:center;font-family:Fraunces,serif;font-weight:600;font-size:18px}.logo.grande{width:48px;height:48px;font-size:22px}.links{display:flex;flex-direction:column;gap:4px}.links a{padding:12px;border-radius:8px;color:#efe7da;text-decoration:none;font-size:14px}.links a.active{background:#3a3229;color:#fff;font-weight:600}.usuario{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px 8px;border-top:1px solid #3a3229}.usuario div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.usuario span{font-size:12px;color:#b9ae9c}.avatar{width:36px;height:36px;border-radius:999px;background:var(--marrom);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.sair{background:none;border:1px solid #3a3229;color:#efe7da;border-radius:8px;min-height:36px;padding:0 10px;cursor:pointer}.conteudo{flex:999 1 560px;min-width:0;padding:28px 36px}.pagina{display:flex;flex-direction:column;gap:20px}.cabecalho{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px}.busca{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--cinza)}.busca input,.campo textarea,.login-form input,select{padding:12px 14px;border:1px solid var(--borda-forte);border-radius:10px;background:#fff}.busca input{width:320px;max-width:100%}.resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.resumo .cartao{gap:4px}.resumo span{font-size:13px;color:var(--cinza)}.resumo strong{font-size:28px}.vermelho{color:var(--vermelho)}.filtros{display:flex;flex-wrap:wrap;gap:8px}.pilula{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--borda-forte);background:#fff;font-weight:600;cursor:pointer}.pilula.ativa{background:var(--tinta);color:#fff;border-color:var(--tinta)}.tabela-caixa{padding:0}.tabela-rolagem{overflow-x:auto}.linha{min-width:900px;display:grid;grid-template-columns:110px 240px minmax(0,1fr) 110px 190px 90px;gap:16px;align-items:center;padding:14px 20px;border-bottom:1px solid #efe8dd}.linha.cabeca{font-size:12px;font-weight:600;color:var(--cinza);text-transform:uppercase;letter-spacing:.04em}.tabela-rolagem .vazio{padding:24px 20px}.cliente,.assunto{display:flex;flex-direction:column;gap:2px;min-width:0}.cliente span{font-size:12px;color:var(--cinza)}.assunto em{font-size:12px;color:var(--vermelho);font-style:normal;font-weight:600}.espera{font-weight:600;font-size:13px}.prio,.situacao,.saude,.status{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-align:center}.prio.urgente{background:var(--vermelho-fundo);color:var(--vermelho)}.prio.alta{background:var(--laranja-fundo);color:var(--laranja)}.prio.normal{background:var(--azul-fundo);color:var(--azul)}.prio.baixa{background:#eceae6;color:#4a463f}.situacao{border-radius:8px}.situacao.rascunho_pronto{background:var(--areia-clara);color:#4a3517}.situacao.aguardando_humano{border:1px solid var(--vermelho);color:var(--vermelho)}.situacao.aberta{background:var(--azul-fundo);color:var(--azul)}.situacao.respondida,.saude.verde{background:var(--verde-fundo);color:var(--verde)}.saude.amarelo{background:var(--laranja-fundo);color:var(--laranja)}.saude.vermelho{background:var(--vermelho-fundo);color:var(--vermelho)}.status{background:var(--areia-clara);color:#4a3517}.status.enviado,.status.aprovado,.status.editado{background:var(--verde-fundo);color:var(--verde)}.status.recusado{background:var(--vermelho-fundo);color:var(--vermelho)}.titulo-conversa{display:flex;align-items:center;gap:14px}.voltar{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:10px;border:1px solid var(--borda-forte);background:#fff;color:var(--tinta);text-decoration:none;font-size:18px;padding:0 10px}.etiquetas{display:flex;flex-wrap:wrap;gap:8px}.duas-colunas{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.conversa{flex:3 1 420px;min-width:0}.lateral{flex:2 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}.bolha{max-width:78%;border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;font-size:14px}.bolha.dela{align-self:flex-start;background:var(--fundo)}.bolha.nossa{align-self:flex-end;background:#e9dfcc}.autor{font-size:12px;font-weight:700;color:var(--marrom)}.transcricao{font-style:italic}.hora{font-size:11px;color:var(--cinza);align-self:flex-end}.rascunho{border:2px solid var(--tinta)}.linha-titulo{display:flex;justify-content:space-between;align-items:center;gap:8px}.texto-rascunho{white-space:pre-line;background:#f7f3ec;border-radius:10px;padding:14px;font-size:14px;line-height:1.5}.campo{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:600;color:var(--cinza)}.campo textarea{font-size:14px;color:var(--tinta);font-weight:400;line-height:1.5}.acoes{display:flex;flex-wrap:wrap;gap:8px}details summary{cursor:pointer;font-weight:600;font-size:13px;min-height:32px}.porque{white-space:pre-line;font-size:13px}.escala{display:flex;flex-direction:column;gap:6px;padding-bottom:10px;border-bottom:1px solid #efe8dd}.linha-equipe{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid #efe8dd}.linha-equipe strong{flex:1 1 200px}.linha-equipe label{display:flex;align-items:center;gap:8px;font-size:13px}.check{min-height:44px}.login{min-height:100vh;display:flex;flex-wrap:wrap}.login-lado{flex:1 1 420px;background:var(--tinta);color:#efe7da;padding:56px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.login-lado h1{font-family:Fraunces,serif;font-size:44px;color:#fff;margin-bottom:14px}.login-lado p{font-size:17px;line-height:1.5;color:#d9cfbf;max-width:460px}.login-lado .pequeno{color:#b9ae9c}.login-form-area{flex:1 1 420px;display:flex;align-items:center;justify-content:center;padding:48px 24px}.login-form{width:100%;max-width:400px;padding:32px;gap:16px}.login-form h2{font-size:22px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}.login-form .botao{min-height:48px}@media (max-width: 720px){.conteudo{padding:20px 16px}.resumo{grid-template-columns:repeat(2,minmax(0,1fr))}.login-lado{padding:32px 24px}}