/* ===================================================================
   Cards compartilhados dos paineis: estatisticas do dashboard,
   botoes de acao e cards das paginas de ajuda.
   (.stat-card e acentos vivem em static/css/style.css)
   =================================================================== */

/* Dashboard */
.dashboard-title {
  font-weight: 700;
  letter-spacing: -0.5px;
}

.dashboard-card {
  border-radius: var(--radius-lg);
  transition: transform .2s ease, box-shadow .2s ease;
}
.dashboard-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 20px rgba(0,0,0,0.12);
}

.stat-icon { opacity: .8; }

/* Acoes rapidas */
.actions-card {
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.action-button {
  border-radius: 10px !important;
  font-weight: 700;
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: .2s ease;
}
.action-button:hover { transform: translateY(-3px); }
.action-button i { font-size: 1.3rem; }

/* Paginas de ajuda */
.help-container {
  max-width: 860px;
}

.help-card {
  border-radius: 14px;
}

.help-card-header {
  border-radius: 14px 14px 0 0;
}

.help-card-header-soft {
  color: var(--text-main);
}

.help-card-header-info {
  background: #e8f4fd;
}

.help-card-header-success {
  background: #e8f9ee;
}

.help-card-header-warning {
  background: #fef9e7;
}

.help-card-header-purple {
  background: #f0edf9;
}

.help-card-header-danger {
  background: #fdecea;
}

.help-icon-purple {
  color: #6f42c1;
}

:root[data-theme="dark"] .help-card-header-info,
:root[data-theme="dark"] .help-card-header-success,
:root[data-theme="dark"] .help-card-header-warning,
:root[data-theme="dark"] .help-card-header-purple,
:root[data-theme="dark"] .help-card-header-danger {
  background: color-mix(in srgb, var(--bg-card) 82%, var(--text-main) 18%);
}