:root {
  --azul-principal: #1a2e4a;
  --fundo-app: #f0f2f5;
  --linha-hover: #f5f8fb;
}
body { background: var(--fundo-app); min-height: 100vh; color: #202938; }
.app-header { background: var(--azul-principal); min-height: 76px; position: sticky; top: 0; z-index: 1030; }
.app-layout { display: flex; min-height: calc(100vh - 76px); }
.sidebar { width: 270px; min-width: 270px; background: #fff; border-right: 1px solid #dee2e6; padding: 1.25rem; }
.sidebar-sticky { position: sticky; top: 76px; }
.categoria-item { width: 100%; border: 0; border-left: 4px solid transparent; background: transparent; border-radius: 0.65rem; color: #263242; font-weight: 600; padding: 0.9rem 1rem; text-align: left; transition: 0.15s ease-in-out; }
.categoria-item:hover { background: #f1f5f9; }
.categoria-item.ativo { background: #e7f1ff; border-left-color: #0d6efd; color: #0b4ea2; }
.conteudo-principal { flex: 1; min-width: 0; padding: 1.5rem; }
.dashboard-card { border: 0; border-radius: 1rem; box-shadow: 0 0.4rem 1.25rem rgba(31,41,55,0.12); overflow: hidden; }
.categoria-titulo { background: #fff; border-bottom: 0; color: #1c2736; font-size: 1.1rem; font-weight: 700; padding: 1.15rem 1.25rem 0.75rem; }
.linha-formulario { cursor: pointer; transition: background 0.15s ease-in-out; }
.linha-formulario:hover { background: var(--linha-hover); }
.badge-status { min-width: 115px; font-size: 0.82rem; font-weight: 600; }
.status-pendente { background: #fff3cd; color: #8a6500; }
.status-executando { background: #cfe2ff; color: #084298; }
.status-executado { background: #d1e7dd; color: #146c43; }
.empty-state { padding: 4rem 1rem; text-align: center; color: #6c757d; }
.connection-indicator { font-size: 0.82rem; }

/* Modal SurveyJS */
#modalSurvey .modal-dialog { max-width: 900px; width: 96vw; }
#modalSurvey .modal-body { padding: 0; max-height: 80vh; overflow-y: auto; }
#surveyContainer { min-height: 300px; width: 100%; background: white; padding: 20px; }
.page-header    { background-color: #f0f9ff !important; padding: 20px; border-radius: 8px; }
.page-corpo     { background-color: #ffff !important; padding: 20px; }
.page-assinatura { background-color: #f3f4f6 !important; padding: 20px; }

/* Painel de carregamento manual */
#painelCarregamento { background: #f8f9fa; border-top: 1px solid #dee2e6; padding: 1rem 1.25rem; }

@media (max-width: 768px) {
  .app-layout { display: block; }
  .sidebar { width: 100%; min-width: 0; padding: 0.75rem; border-right: 0; border-bottom: 1px solid #dee2e6; }
  .sidebar-sticky { position: static; }
  .categoria-lista { display: flex; overflow-x: auto; gap: 0.5rem; }
  .categoria-item { white-space: nowrap; width: auto; border-left: 0; border-bottom: 3px solid transparent; }
  .categoria-item.ativo { border-left: 0; border-bottom-color: #0d6efd; }
  .conteudo-principal { padding: 1rem; }
  .app-header h1 { font-size: 1.1rem; }
}