:root { --cc-gap: 1rem; }
body { background: #f7f7fb; }
.navbar-brand { font-weight: 700; letter-spacing: .2px; }
.card { border-radius: 14px; }
.table td, .table th { vertical-align: middle; }
.badge-status { text-transform: uppercase; letter-spacing: .4px; font-size: .75rem; }
.avatar-sm { width: 42px; height: 42px; object-fit: cover; border-radius: 10px; }

/* Mini status badge (clean "vitrine" look) */
.badge-mini{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.35rem .55rem;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#111827;
  font-weight:600;
}
.status-dot{
  width:.5rem;
  height:.5rem;
  border-radius:999px;
  display:inline-block;
}

/* Light gray highlight for the "Consultas agendadas" showcase */
.consultas-box{ background:#f3f4f6; }
.consultas-box .list-group-item{ background:transparent; }
.avatar-lg { width: 160px; height: 160px; object-fit: cover; border-radius: 18px; }
.mono { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }

body{ background: #fff6f8; }

.cc-hero{ background: linear-gradient(180deg, #fff6f8 0%, #ffffff 70%); }