/* Padrão visual global (alinhado à /conta) */

:root {
  --sl-font: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --sl-text: #1e293b;
  --sl-muted: #64748b;
  --sl-border: #e2e8f0;
  --sl-bg: #f8fafc;
  --sl-card: #f8fafc;
  --sl-radius: 12px;
  --sl-radius-sm: 10px;
  --sl-primary: #0f172a;
}

body,
.root,
.MuiTypography-root {
  font-family: var(--sl-font) !important;
}

/* Tabelas / listagens */
.MuiTableCell-head {
  font-size: 12px !important;
  font-weight: 800 !important;
  color: var(--sl-text) !important;
  background: var(--sl-bg) !important;
  text-transform: none !important;
}

.MuiTableCell-body {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--sl-text) !important;
}

.MuiTableCell-body .MuiTypography-caption {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--sl-muted) !important;
}

/* Botões */
.MuiButton-root {
  border-radius: var(--sl-radius-sm) !important;
  text-transform: none !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

.MuiButton-contained {
  background: var(--sl-primary) !important;
  box-shadow: none !important;
}

.MuiOutlinedInput-root {
  border-radius: var(--sl-radius-sm) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.MuiInputLabel-root {
  font-size: 12px !important;
  font-weight: 700 !important;
}

/* Cards / papers */
.MuiPaper-rounded,
.MuiPaper-elevation1,
.MuiPaper-elevation0 {
  border-radius: var(--sl-radius) !important;
}

/* Links de ação em tabelas */
.MuiIconButton-root {
  border-radius: 8px !important;
}

/* Páginas de listagem — títulos */
.MuiTypography-h5 {
  font-weight: 800 !important;
  color: var(--sl-text) !important;
  font-size: 22px !important;
}