:root{--cor-fundo: #f5f6f8;--cor-superficie: #ffffff;--cor-borda: #e1e4e8;--cor-texto: #1f2328;--cor-texto-secundario: #6a737d;--cor-primaria: #1f6feb;--cor-ok: #1a7f37;--cor-alerta: #b35900;--raio: 6px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--cor-fundo);color:var(--cor-texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px;line-height:1.45}.app{display:flex;flex-direction:column;height:100%;min-width:280px}.bloco{background:var(--cor-superficie);border-bottom:1px solid var(--cor-borda);display:flex;flex-direction:column;gap:4px;flex:none;padding:8px 10px}.bloco--rodape{border-bottom:none;border-top:1px solid var(--cor-borda)}.bloco__linha{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.bloco__linha--secundaria{color:var(--cor-texto-secundario);justify-content:space-between}.bloco__nome{font-size:14px;overflow-wrap:anywhere}.bloco__tags{display:flex;flex-wrap:wrap;gap:4px}.chip{background:var(--cor-fundo);border:1px solid var(--cor-borda);border-radius:10px;font-size:11px;padding:1px 7px;white-space:nowrap}.chip--natureza{background:var(--cor-primaria);border-color:var(--cor-primaria);color:#fff}.chip--ok{border-color:var(--cor-ok);color:var(--cor-ok)}.chip--alerta{border-color:var(--cor-alerta);color:var(--cor-alerta)}.abas{background:var(--cor-superficie);border-bottom:1px solid var(--cor-borda);display:flex;flex:none}.aba{background:none;border:none;border-bottom:2px solid transparent;color:var(--cor-texto-secundario);cursor:pointer;flex:1;font:inherit;padding:8px 2px}.aba--ativa{border-bottom-color:var(--cor-primaria);color:var(--cor-primaria);font-weight:600}.conteudo{flex:1;min-height:0;overflow-y:auto;padding:10px}.estado-vazio{color:var(--cor-texto-secundario);padding:20px 10px;text-align:center}.estado-vazio__titulo{color:var(--cor-texto);font-weight:600;margin:0 0 4px}.estado-vazio__detalhe{margin:0}.app--centralizado{justify-content:center;padding:12px}.seletor{background:var(--cor-superficie);border-bottom:1px solid var(--cor-borda);display:flex;flex:none;flex-direction:column;gap:3px;padding:6px 10px 8px}.seletor__rotulo{color:var(--cor-texto-secundario);font-size:11px}.seletor select,.campo input{background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio);font:inherit;padding:5px 6px;width:100%}.login{display:flex;flex-direction:column;gap:10px}.login__titulo{font-size:14px;font-weight:600;margin:0;text-align:center}.campo{display:flex;flex-direction:column;gap:3px}.campo span{color:var(--cor-texto-secundario);font-size:11px}.botao{background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio);cursor:pointer;font:inherit;padding:7px 12px}.botao:disabled{cursor:progress;opacity:.6}.botao--primario{background:var(--cor-primaria);border-color:var(--cor-primaria);color:#fff}.erro{color:var(--cor-alerta);margin:0}.sucesso{color:var(--cor-ok);margin:0}.secao{display:flex;flex-direction:column;gap:8px}.secao__titulo{font-size:13px;font-weight:600;margin:0}.formulario{display:flex;flex-direction:column;gap:8px}.campo textarea,.campo select{background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio);font:inherit;padding:5px 6px;resize:vertical;width:100%}.campo input[aria-invalid=true]{border-color:var(--cor-alerta)}.campo__erro{color:var(--cor-alerta);font-size:11px}.linha-dupla{display:flex;gap:6px}.linha-dupla>*{flex:1;min-width:0}.grupo{border:1px solid var(--cor-borda);border-radius:var(--raio);padding:6px 8px}.grupo[open]{display:flex;flex-direction:column;gap:8px}.grupo summary{cursor:pointer;color:var(--cor-texto-secundario)}.leitura{border-bottom:1px solid var(--cor-borda);display:flex;gap:8px;justify-content:space-between;padding-bottom:4px}.leitura__rotulo{color:var(--cor-texto-secundario);flex:none}.leitura__valor{overflow-wrap:anywhere;text-align:right}.acoes{display:flex;gap:6px}.acoes>.botao{flex:1}.acoes--empilhadas{flex-direction:column;margin-top:12px}.botao--largo{width:100%}.lista-arquivos{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.arquivo{align-items:flex-start;background:var(--cor-superficie);border:1px solid var(--cor-borda);border-radius:var(--raio);cursor:pointer;display:flex;gap:8px;padding:8px}.arquivo input{margin-top:3px}.arquivo__corpo{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.arquivo__nome{font-weight:600;overflow-wrap:anywhere}.arquivo__meta{color:var(--cor-texto-secundario);font-size:11px}.dica{color:var(--cor-texto-secundario);font-size:11px;margin:0}
