:root {
  --azul: #1e3a5f;
  --azul-claro: #2b5286;
}

body {
  background: #f4f6f9;
  color: #1f2937;
}

.app-navbar {
  background: var(--azul);
}

.card {
  border: 1px solid #e6e9ef;
  border-radius: 10px;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.card-header {
  background: #fff;
  border-bottom: 1px solid #eef0f4;
  font-weight: 600;
}

.btn-primary {
  --bs-btn-bg: var(--azul);
  --bs-btn-border-color: var(--azul);
  --bs-btn-hover-bg: var(--azul-claro);
  --bs-btn-hover-border-color: var(--azul-claro);
}

a {
  color: var(--azul-claro);
}

.badge-tipo-gestion   { background: #0d6efd; }
.badge-tipo-incidencia{ background: #dc3545; }
.badge-abierto        { background: #198754; }
.badge-cerrado        { background: #6c757d; }
.badge-abierta        { background: #198754; }
.badge-cerrada        { background: #6c757d; }

.table-clic tbody tr { cursor: pointer; }
.table-clic tbody tr:hover { background: #f0f4fa; }

.timeline-item {
  border-left: 2px solid #e6e9ef;
  padding: 0 0 14px 16px;
  position: relative;
}
.timeline-item::before {
  content: '';
  position: absolute;
  left: -6px; top: 2px;
  width: 10px; height: 10px;
  border-radius: 50%;
  background: var(--azul-claro);
}

.portal-wrap { max-width: 760px; margin: 0 auto; }

.empty-state {
  text-align: center;
  color: #6b7280;
  padding: 40px 16px;
}