/* components/pages/painel-legacy.css — PainelLegacyShell.
 *
 * Esta Page é só um wrapper para o painel.html legado. O CSS específico do
 * Painel continua vivendo em assets/css/components.css, charts.css etc.
 * Aqui ficam apenas os estados de loading/erro.
 */

.cmp-page-painel-legacy {
  width: 100%;
  min-width: 0;
}

.cmp-page-painel-legacy__loading {
  padding: 32px 16px;
  text-align: center;
  font-size: 13px;
  color: var(--text-muted, #6b7280);
}

.cmp-page-painel-legacy__error {
  padding: 24px;
  text-align: center;
  color: var(--danger, #dc2626);
  background: var(--danger-soft, rgba(220, 38, 38, 0.08));
  border: 1px solid var(--danger, #dc2626);
  border-radius: var(--radius-md, 8px);
}

.cmp-page-painel-legacy__error strong {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
}

.cmp-page-painel-legacy__error p {
  margin: 0;
  font-size: 12px;
  color: var(--text-muted, #6b7280);
  word-break: break-word;
}