:root {
  --ukk-blue-dark: #0b2c4d;
  --ukk-blue: #114b82;
  --ukk-blue-light: #e8f0f8;
  --ukk-accent: #1f6fb2;
  --bs-primary: var(--ukk-blue-dark);
  --bs-primary-rgb: 11, 44, 77;
}

body {
  background-color: #f7f9fb;
  color: #1c2733;
}

.navbar-ukk {
  background-color: var(--ukk-blue-dark);
}

.navbar-ukk .navbar-brand,
.navbar-ukk .nav-link {
  color: #ffffff !important;
}

.navbar-ukk .nav-link:hover {
  color: var(--ukk-blue-light) !important;
}

.btn-primary {
  background-color: var(--ukk-blue-dark);
  border-color: var(--ukk-blue-dark);
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--ukk-accent);
  border-color: var(--ukk-accent);
}

.btn-outline-primary {
  color: var(--ukk-blue-dark);
  border-color: var(--ukk-blue-dark);
}
.btn-outline-primary:hover {
  background-color: var(--ukk-blue-dark);
  border-color: var(--ukk-blue-dark);
}

a { color: var(--ukk-accent); }

.card {
  border: 1px solid #e1e8f0;
  box-shadow: 0 1px 3px rgba(11, 44, 77, 0.06);
}

.card-header-ukk {
  background-color: var(--ukk-blue-light);
  border-bottom: 1px solid #d9e4f0;
  font-weight: 600;
  color: var(--ukk-blue-dark);
}

.auth-wrapper {
  min-height: calc(100vh - 120px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-status-pending { background-color: #e0a800; }
.badge-status-active { background-color: #198754; }
.badge-status-rejected { background-color: #dc3545; }
.badge-status-disabled { background-color: #6c757d; }

.claude-btn {
  background-color: var(--ukk-blue-dark);
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 0.9rem 1.5rem;
  border-radius: 0.6rem;
  transition: background-color 0.15s ease-in-out;
}
.claude-btn:hover { background-color: var(--ukk-accent); color: #fff; }

.footer-ukk { color: #6c7a89; font-size: 0.85rem; padding: 2rem 0 1rem; }

#rulesModal .modal-body iframe {
  width: 100%;
  height: 65vh;
  border: 1px solid #d9e4f0;
}