:root,:root[data-tema=claro]{--destaque:#ff5205;--destaque-texto:#c23e02;--botao:#d44403;--botao-texto:#fff;--lateral:#070c1e;--lateral-texto:#c7cbd6;--fundo:#f4f5f7;--superficie:#fff;--texto:#0f1424;--suave:#5b6170;--linha:#e1e4ea;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-tema=escuro]{--destaque:#ff6a26;--destaque-texto:#ff7a3d;--botao:#ff6a26;--botao-texto:#070c1e;--lateral:#050916;--lateral-texto:#aeb4c4;--fundo:#070c1e;--superficie:#0e1530;--texto:#e8eaf0;--suave:#9aa1b5;--linha:#232c4d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--fonte-texto:"Manrope", system-ui, sans-serif;--fonte-titulo:"Manrope", system-ui, sans-serif;--raio:10px;--ok:#1e7a4f;--ok-fundo:color-mix(in srgb, #1e7a4f 14%, var(--superficie));--alerta:#9a6200;--alerta-fundo:color-mix(in srgb, #e0a000 18%, var(--superficie));--erro:#b42318;--erro-fundo:color-mix(in srgb, #b42318 12%, var(--superficie));--info:#2457c5;--info-fundo:color-mix(in srgb, #2457c5 12%, var(--superficie))}:root[data-tema=escuro]{--ok:#5fd39a;--alerta:#f2c04d;--erro:#ff8a80;--info:#8fb0ff}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--fundo);color:var(--texto);font:15px/1.5 var(--fonte-texto);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--fonte-titulo);letter-spacing:-.01em;text-wrap:balance;line-height:1.2}.suave{color:var(--suave)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--destaque);outline-offset:2px}.primario,.secundario{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-weight:700;display:inline-flex}.primario{background:var(--botao);color:var(--botao-texto);border:1px solid var(--botao)}.secundario{background:var(--superficie);color:var(--texto);border:1px solid var(--linha);font-weight:600}.pequeno{padding:6px 11px;font-size:13px}.icone-botao{width:36px;height:36px;color:inherit;background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;display:inline-grid}.icone-botao:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.marca{font:800 17px/1 var(--fonte-titulo);letter-spacing:.02em;align-items:center;display:inline-flex}.marca-texto{align-items:center;gap:8px;display:inline-flex}.marca-compacta{display:none}.marca-imagem{width:auto;max-width:100%;height:26px;display:block}.marca-imagem-simbolo{width:32px;height:32px}.marca-simbolo{border:4px solid var(--destaque);width:22px;height:22px;box-shadow:inset 0 0 0 3px var(--lateral);background:var(--destaque);border-radius:50%;flex:none}.marca-destaque{color:var(--destaque)}.nome-produto{color:var(--suave);font-size:13px}.nome-produto strong{color:var(--texto);font-weight:800}.app{grid-template-columns:244px minmax(0,1fr);min-height:100%;display:grid}.lateral{background:var(--lateral);height:100vh;color:var(--lateral-texto);flex-direction:column;gap:20px;padding:20px 14px;display:flex;position:sticky;top:0}.lateral .marca-texto>span:not(.marca-destaque):not(.marca-simbolo){color:#fff}.lateral-marca{border-bottom:1px solid color-mix(in srgb, var(--lateral-texto) 15%, transparent);padding:4px 8px 12px}.lateral-nav{flex-direction:column;flex:1;gap:4px;display:flex}.lateral-nav button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-weight:600;display:flex;position:relative}.lateral-nav button.ativo{background:color-mix(in srgb, var(--destaque) 18%, transparent);color:#fff}.lateral-nav button.ativo:before{content:"";background:var(--destaque);border-radius:0 4px 4px 0;width:4px;position:absolute;top:8px;bottom:8px;left:-14px}.principal{flex-direction:column;min-width:0;display:flex}.topo{z-index:5;background:color-mix(in srgb, var(--fundo) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--linha);justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.topo h1{margin:2px 0 0;font-size:22px}.topo-acoes{align-items:center;gap:8px;display:flex}.conteudo{width:100%;padding:24px 28px 48px}.mensagem{border:1px solid #0000;border-radius:8px;margin:0 0 12px;padding:10px 12px}.mensagem.faixa{margin:16px 28px 0}.mensagem.atencao{color:var(--alerta);background:var(--alerta-fundo);border-color:color-mix(in srgb, var(--alerta) 30%, transparent)}.mensagem.info{color:var(--info);background:var(--info-fundo);border-color:color-mix(in srgb, var(--info) 30%, transparent)}.mensagem.erro{color:var(--erro);background:var(--erro-fundo);border-color:color-mix(in srgb, var(--erro) 30%, transparent)}.versao{font:500 11px var(--fonte-texto);color:var(--suave);letter-spacing:.02em;font-variant-numeric:tabular-nums}.lateral-versao{color:color-mix(in srgb, var(--lateral-texto) 70%, transparent);padding:0 8px}.nova-versao{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sessao{align-items:center;gap:10px;display:flex}.sessao>span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-weight:600;overflow:hidden}@media (width<=1100px) and (width>=861px){.app{grid-template-columns:72px minmax(0,1fr)}.lateral{align-items:center;padding:20px 10px}.lateral-marca{padding:4px 0 12px}.lateral-marca .marca-completa,.lateral-nav button span{display:none}.lateral-marca .marca-compacta{display:block}.lateral-nav button{justify-content:center;padding:11px}.lateral-nav button.ativo:before{left:-10px}.lateral-versao{display:none}}@media (width<=860px){.app{grid-template-columns:minmax(0,1fr)}.lateral{flex-direction:row;align-items:center;height:auto;padding:10px 16px;position:static}.lateral-nav{flex-direction:row}.lateral-marca{border:0;padding:0}.lateral-versao{display:none}.topo,.conteudo{padding-left:16px;padding-right:16px}.mensagem.faixa{margin:12px 16px 0}}