/* Migrado de command-center.css; regras modulares abaixo mantêm autoridade final. */
body.command-center .toast {
  padding: 13px 15px;
  border: 1px solid #315d84;
  border-left: 4px solid var(--gold);
  border-radius: 4px;
  box-shadow: 0 16px 34px rgba(3, 31, 58, .28);
  font-size: 12.5px;
  line-height: 1.45;
}

html[data-frontend="modular"] body.command-center .operation-status:not(:empty) {
  margin: 0 auto var(--g-space-4);
  max-width: var(--g-content-max);
  padding: 11px 14px;
  color: var(--g-color-brand-strong);
  background: var(--g-color-brand-soft);
  border: 1px solid #c6d9e7;
  border-radius: var(--g-radius-md);
  font-size: var(--g-font-sm);
}

html[data-frontend="modular"] body.command-center .operation-status[data-type="erro"] {
  color: #772e2b;
  background: var(--g-color-danger-soft);
  border-color: #e4b8b5;
}

html[data-frontend="modular"] body.command-center .toast {
  padding: 12px 14px;
  color: #fff;
  background: var(--g-color-brand-strong);
  border: 0;
  border-left: 4px solid #e2b45e;
  border-radius: var(--g-radius-md);
  font-size: var(--g-font-sm);
  box-shadow: var(--g-shadow-raised);
}

html[data-frontend="modular"] body.command-center [aria-busy="true"] {
  cursor: progress;
}

html[data-frontend="modular"] body.command-center [aria-busy="true"]::after {
  border-color: currentColor transparent currentColor transparent;
}

/* Navigation moves the reading cursor here; this container is not a control. */
html[data-frontend="modular"] body.command-center #main-content:focus {
  outline: none;
  box-shadow: none;
}
html[data-frontend="modular"] body.command-center :is(.g-loading-state, .g-empty-state, .g-error-state) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 18px 0;
  color: var(--g-color-muted);
  font-size: var(--g-font-sm);
  line-height: 1.5;
  cursor: default;
}
html[data-frontend="modular"] body.command-center .g-error-state { color: var(--g-color-danger); }
html[data-frontend="modular"] body.command-center .g-loading-state::before {
  content: '';
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: var(--g-color-brand);
}

html[data-frontend="modular"] body.command-center .g-refresh-status {
  padding: 8px 0;
  color: var(--g-color-muted);
  font-size: var(--g-font-sm);
}