:root{--g50: #F5F5F6;--g100: #E9EAEC;--g200: #D2D4D8;--g300: #A8ACB3;--g400: #7D818A;--g500: #5B5F67;--g600: #44474E;--g700: #303237;--g800: #1F2024;--g900: #151619;--g950: #0B0B0D;--bloco: #2457F5;--bloco-claro: #5B82F7;--curva: cubic-bezier(.23, 1, .32, 1);--fonte: "Mona Sans", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body,#raiz{margin:0;height:100%}body{font-family:var(--fonte);color:var(--g950);background:#fff;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:var(--bloco);color:#fff}:focus-visible{outline:2px solid var(--bloco);outline-offset:2px}button,select,input{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}kbd{font-family:var(--fonte);font-stretch:85%;font-size:11px;border:1px solid currentColor;border-radius:4px;padding:0 5px;opacity:.6;margin:0 2px}*::-webkit-scrollbar{width:8px}*::-webkit-scrollbar-thumb{background:var(--g200);border-radius:8px}.carregando{height:100%;display:grid;place-content:center;gap:14px;justify-items:center;color:var(--g500)}.carregando-barra{width:120px;height:3px;background:var(--g100);position:relative;overflow:hidden;border-radius:3px}.carregando-barra:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;background:var(--bloco);animation:corre 1.1s var(--curva) infinite}@keyframes corre{0%{transform:translate(-100%)}to{transform:translate(260%)}}.app{display:grid;grid-template-rows:56px 1fr;height:100vh;height:100dvh}.topo{background:var(--g950);color:#fff;display:flex;align-items:center;gap:14px;padding:0 14px 0 20px;position:relative;z-index:30;min-height:56px}.marca{font-weight:800;font-stretch:125%;letter-spacing:.05em;font-size:18px;color:#f4f6fa;display:flex;align-items:center;gap:9px}.marca i{display:block;width:5px;height:19px;background:var(--bloco);transform:skew(-20deg)}.produto{font-stretch:112%;font-weight:500;color:var(--g200);font-size:14px;padding-left:14px;border-left:1px solid var(--g700)}.etiqueta{font-size:11px;font-stretch:85%;letter-spacing:.06em;text-transform:uppercase;color:var(--g300);border:1px solid var(--g700);border-radius:999px;padding:3px 9px;white-space:nowrap}.seletor-empresa{background:var(--g900);border:1px solid var(--g700);border-radius:999px;color:var(--g100);padding:5px 10px;font-size:13px}.espaco{flex:1}.btn-topo{display:flex;align-items:center;gap:8px;border:1px solid var(--g700);border-radius:999px;padding:6px 12px 6px 10px;color:#fff;transition:border-color .2s var(--curva)}.btn-topo:hover{border-color:var(--g500)}.btn-icone{width:34px;height:34px;display:grid;place-items:center;border-radius:999px;color:var(--g300)}.btn-icone:hover{color:#fff;background:var(--g900)}.btn-pessoas{display:none}.ponto{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;flex:none;letter-spacing:.02em}.avatar.ag{border-radius:8px;background:var(--g900);color:var(--bloco-claro)}.menu-estado{position:absolute;top:52px;right:92px;width:300px;background:#fff;color:var(--g950);border:1px solid var(--g100);border-radius:14px;box-shadow:0 18px 50px #0b0b0d38;padding:8px}.menu-estado button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border-radius:9px;text-align:left}.menu-estado button:hover,.menu-estado button[aria-checked=true]{background:var(--g50)}.menu-estado button[aria-checked=true]:after{content:"";margin-left:auto;width:6px;height:6px;background:var(--bloco);border-radius:1px}.menu-estado p{margin:6px 10px;color:var(--g500);font-size:12.5px;border-top:1px solid var(--g100);padding-top:10px}.corpo{display:grid;grid-template-columns:288px 1fr;min-height:0}.lateral{border-right:1px solid var(--g100);overflow:auto;padding:16px 10px 24px;background:#fff}.lateral h2{font-size:11px;font-stretch:85%;letter-spacing:.08em;text-transform:uppercase;color:var(--g500);font-weight:600;margin:18px 10px 6px;display:flex;justify-content:space-between}.lateral h2:first-child{margin-top:4px}.lateral .vazio{color:var(--g500);font-size:13px;margin:6px 10px}.linha{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:10px;text-align:left;position:relative;transition:background .18s var(--curva)}button.linha:hover:not([disabled]){background:var(--g50)}button.linha:hover:not([disabled]):before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--bloco);border-radius:2px}.linha[disabled]{cursor:default}.linha .txt{min-width:0;flex:1}.linha b{display:block;font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linha .sub{display:block;color:var(--g500);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.linha .av-wrap{position:relative}.linha .av-wrap .ponto{position:absolute;right:-1px;bottom:-1px;border:2px solid #fff;width:11px;height:11px}.palco{position:relative;min-width:0;min-height:0;background:var(--g800);overflow:hidden}.palco>canvas{display:block;width:100%;height:100%;outline:none;cursor:crosshair}.palco-aviso{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--g300)}.palco-aviso.erro{color:#fff}.dica{position:absolute;left:16px;top:16px;background:#fff;border-radius:12px;padding:12px 38px 12px 14px;max-width:330px;box-shadow:0 10px 30px #0b0b0d2e;font-size:13px;color:var(--g600)}.dica b{color:var(--g950);font-weight:650;display:block;margin-bottom:3px;font-stretch:112%}.dica .fechar{position:absolute;right:8px;top:8px;width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:var(--g500)}.dica .fechar:hover{background:var(--g50)}.minimapa{position:absolute;right:16px;bottom:16px;border-radius:10px;box-shadow:0 10px 30px #0b0b0d4d;cursor:pointer;background:var(--g950);padding:6px}.minimapa canvas{display:block}.barra{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;gap:6px;background:#fff;border-radius:999px;padding:6px;box-shadow:0 10px 30px #0b0b0d40}.barra button{display:flex;align-items:center;gap:7px;height:36px;padding:0 13px;border-radius:999px;font-size:13px;font-weight:550;color:var(--g700);white-space:nowrap;transition:background .18s var(--curva)}.barra button:hover{background:var(--g50)}.cartao{position:absolute;left:50%;bottom:72px;transform:translate(-50%,12px);width:min(440px,calc(100% - 32px));background:var(--g950);color:#fff;border-radius:18px;padding:16px;box-shadow:0 24px 60px #00000073;opacity:0;pointer-events:none;transition:opacity .22s var(--curva),transform .22s var(--curva)}.cartao.visivel{opacity:1;transform:translate(-50%);pointer-events:auto}.cartao-topo{display:flex;align-items:center;gap:11px}.cartao-topo b{display:block;font-size:15px;font-weight:650;font-stretch:112%}.cartao-topo .sub{color:var(--g300);font-size:12.5px;display:block}.cartao .estado{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--g200);white-space:nowrap}.entrar{display:grid;grid-template-rows:56px 1fr;height:100%}.entrar-corpo{display:grid;place-items:center;padding:24px;background:var(--g50)}.entrar-cartao{width:min(400px,100%);background:#fff;border:1px solid var(--g100);border-radius:18px;padding:28px;box-shadow:0 18px 50px #0b0b0d14}.entrar-cartao h1{margin:0;font-size:24px;font-weight:800;font-stretch:125%;letter-spacing:-.01em}.entrar-sub{margin:6px 0 18px;color:var(--g500)}.entrar-cartao label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--g700);margin-bottom:14px}.entrar-cartao input{border:1px solid var(--g200);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:400;color:var(--g950);caret-color:var(--bloco)}.entrar-cartao input:focus{outline:none;border-color:var(--g950)}.btn-entrar{width:100%;height:42px;border-radius:999px;background:var(--g950);color:#fff;font-weight:650;margin-top:4px}.btn-entrar:hover:not([disabled]){background:var(--g800)}.btn-entrar[disabled]{opacity:.6;cursor:wait}.btn-texto{width:100%;margin-top:10px;color:var(--g500);font-size:13px}.entrar-aviso,.entrar-erro{padding:10px 12px;border-radius:10px;font-size:13px;margin:0 0 14px}.entrar-aviso{background:var(--g50);color:var(--g700)}.entrar-erro{background:#fdecea;color:#8a2a1e}.entrar-empresas p{color:var(--g600);margin:0 0 10px}.linha-empresa{display:block;width:100%;text-align:left;padding:12px 14px;border:1px solid var(--g200);border-radius:12px;margin-bottom:8px;font-weight:600}.linha-empresa:hover{border-color:var(--g950)}@media(max-width:860px){.corpo{grid-template-columns:1fr}.lateral{position:absolute;top:56px;left:0;bottom:0;width:300px;z-index:20;box-shadow:20px 0 50px #0b0b0d33;transform:translate(-105%);transition:transform .3s var(--curva)}.lateral.aberta{transform:none}.btn-pessoas{display:flex}.produto,.etiqueta,.seletor-empresa,.avatar-topo,.rotulo-estado{display:none}.topo{gap:8px;padding:0 10px}.marca{font-size:16px}.btn-topo{padding:8px 10px}.minimapa,.barra .rotulo{display:none}.dica{right:16px;max-width:none}.menu-estado{right:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}