/* ── SIMEPI — Estilos personalizados ── */

:root {
  --simepi-blue:    #1a5276;
  --simepi-blue-lt: #2980b9;
  --simepi-green:   #1e8449;
}

body {
  font-family: 'Segoe UI', system-ui, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main { flex: 1; }

/* Header */
.simepi-header {
  background: linear-gradient(135deg, var(--simepi-blue) 0%, var(--simepi-blue-lt) 100%);
}

.simepi-logo-circle {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Cards */
.card { transition: box-shadow .2s; }
.card:hover { box-shadow: 0 .5rem 2rem rgba(0,0,0,.1) !important; }

/* Ícone de destaque na cpf.html */
.simepi-icon-badge {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #e8f4fd;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Botões de plano */
.btn-check:checked + .btn-outline-primary {
  background-color: var(--simepi-blue);
  border-color: var(--simepi-blue);
  color: #fff;
}

.btn-check:checked + .btn-outline-primary .text-muted {
  color: rgba(255,255,255,.75) !important;
}

/* Inputs */
.form-control:focus { border-color: var(--simepi-blue-lt); box-shadow: 0 0 0 .2rem rgba(41,128,185,.15); }

/* Botão primário */
.btn-primary { background-color: var(--simepi-blue); border-color: var(--simepi-blue); }
.btn-primary:hover { background-color: var(--simepi-blue-lt); border-color: var(--simepi-blue-lt); }

/* Botão sucesso */
.btn-success { background-color: var(--simepi-green); border-color: var(--simepi-green); }

/* Inputs somente leitura */
.form-control.bg-light { cursor: default; }