/* Console da plataforma: por cima do estilo do painel (public/estilo.css). */
.console-topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 24px; background: var(--marca); color: var(--marca-tinta); border-bottom: 4px solid var(--verde); }
.console-topo div { display: grid; gap: 2px; }
.console-marca { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--marca-apagado); }
.console-topo strong { font-size: 18px; }
.console-topo button { background: transparent; color: var(--marca-tinta); border: 1px solid var(--marca-apagado); }
.console { max-width: 1280px; margin: 0 auto; padding: 20px 16px 40px; display: grid; gap: 18px; }
.console-entrada { max-width: 460px; justify-self: center; width: 100%; }
.console-entrada form, .console-novo form { display: grid; gap: 12px; margin-top: 12px; }
.console-entrada label, .console-novo label, .console-linha label { display: grid; gap: 4px; font-size: 13px; }
.console-entrada input, .console-novo input, .console-linha input { width: 100%; min-width: 0; }
.console-chave { font-family: ui-monospace, Consolas, monospace; font-size: 18px; letter-spacing: 0.08em; padding: 10px; background: var(--lavagem); word-break: break-all; }
.console-tabela { width: 100%; border-collapse: collapse; font-size: 13px; }
.console-tabela th { text-align: left; font-size: 10px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tinta-2); padding: 6px 8px; border-bottom: 2px solid var(--destaque); }
.console-tabela td { padding: 7px 8px; border-bottom: 1px solid var(--grade); vertical-align: middle; }
.console-tabela tr { display: table-row; }
.console-tabela tr.c-linha { cursor: pointer; }
.console-tabela tr.c-linha:hover { background: var(--lavagem); }
.console-tabela td button + button { margin-left: 6px; }
.console .ok { color: var(--verde); font-weight: 600; }
.console .ruim { color: var(--texto-critico); font-weight: 600; }
.console-modulos { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 4px 20px; margin: 8px 0; }
.console-linha { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; margin: 12px 0; }
.console-linha label { flex: 1 1 220px; }
.console-novo { margin-top: 14px; }
.console-novo summary { cursor: pointer; color: var(--destaque); font-weight: 600; }
.console-novo form { max-width: 560px; }
.console-novo small { color: var(--apagado); }
#c-detalhe .cartao-topo span button + button { margin-left: 6px; }