:root{--carvao:#131519;--carvao-2:#191c21;--carvao-3:#21242b;--carvao-4:#2a2e36;--creme:#edeae3;--creme-2:#bdbab2;--creme-3:#8e8c85;--ambar:#e0a340;--ambar-13:#e0a34021;--ambar-30:#e0a3404d;--azul:#5aa9e6;--azul-13:#5aa9e621;--verde:#5fbf92;--verde-13:#5fbf9221;--brasa:#e2704a;--brasa-13:#e2704a21;--linha:#edeae314;--linha-2:#edeae326;--sb:246px;--sans:"IBM Plex Sans",system-ui,sans-serif;--disp:"Space Grotesk","IBM Plex Sans",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--carvao);color:var(--creme);font:400 14px/1.5 var(--sans)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input,textarea,select{font:inherit;color:var(--creme);background:var(--carvao-3);border:1px solid var(--linha-2);border-radius:8px;width:100%;padding:9px 12px}input[type=range]{accent-color:var(--ambar);background:0 0;border:none;padding:0}input[type=radio],input[type=checkbox]{accent-color:var(--ambar)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--ambar);outline-offset:2px}h1,h2,h3{font-family:var(--disp);font-weight:600}.mono{font-family:var(--mono);color:var(--creme-3);font-size:12px}.btn{background:var(--carvao-3);border:1px solid var(--linha-2);border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-weight:500;display:inline-flex}.btn:hover{background:var(--carvao-4)}.btn.primario{background:var(--creme);color:var(--carvao);border-color:#0000}.btn.primario:hover{background:#fff}.btn:disabled{opacity:.5;cursor:wait}.btn.perigo{color:var(--brasa);border-color:var(--brasa-13)}.app{height:100%;display:flex}.conteudo{flex:1;min-width:0;padding:28px 32px;overflow:auto}.menu{width:var(--sb);background:var(--carvao-2);border-right:1px solid var(--linha);flex-direction:column;flex-shrink:0;gap:2px;padding:16px 10px;transition:width .15s;display:flex}.menu.colapsado{width:64px}.menu .marca{font-family:var(--disp);white-space:nowrap;padding:8px 12px 20px;font-size:16px;font-weight:700;overflow:hidden}.menu a{color:var(--creme-2);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex;overflow:hidden}.menu a.ativo{background:var(--carvao-3);color:var(--creme)}.menu a:hover{color:var(--creme)}.menu a.desab{opacity:.35;pointer-events:none}.menu .ico{text-align:center;flex-shrink:0;width:20px}.menu .rodape{margin-top:auto}.cartao{background:var(--carvao-2);border:1px solid var(--linha);border-radius:12px;padding:20px}table{border-collapse:collapse;width:100%}th{font-family:var(--mono);color:var(--creme-3);text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--linha-2);padding:8px 12px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--linha);padding:10px 12px}.toast{z-index:99;background:var(--carvao-4);border:1px solid var(--brasa);color:var(--creme);border-radius:10px;max-width:90vw;padding:12px 20px;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.so-mobile{display:none}.avatar-pulso{background:var(--carvao-4);animation:1.1s ease-in-out infinite avatar-pulso}@keyframes avatar-pulso{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.avatar-pulso{opacity:.7;animation:none}}.foto-editavel .foto-lapis{color:var(--creme);opacity:0;background:#1315198c;border-radius:26px;place-items:center;font-size:26px;transition:opacity .15s;display:grid;position:absolute;inset:0}.foto-editavel:hover .foto-lapis,.foto-editavel:focus-within .foto-lapis{opacity:1}@media (width<=767px){.conversas-grade .painel-thread{display:none}.conversas-grade.tem-selecao .painel-thread{display:flex}.conversas-grade.tem-selecao .painel-lista{display:none}.conversas-grade .painel-lista{width:100%!important}.so-mobile{padding:4px 8px;font-size:18px;display:inline-flex}.app{flex-direction:column-reverse}.menu{border-right:none;border-top:1px solid var(--linha);flex-direction:row;justify-content:space-around;padding:6px;width:100%!important}.menu .marca,.menu .rotulo,.menu .rodape,.menu .alterna{display:none}.menu a{padding:10px}.conteudo{padding:16px}}