/* MyGateCopilot - Custom styles (Bootstrap overrides + branding) */

/* Auth page dark background */
.auth-page {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
  min-height: 100vh;
}

/* Token instruction code block */
.code-block {
  display: block;
  background: #1a1a2e;
  color: #e2e8f0;
  padding: 8px 12px;
  border-radius: 6px;
  font-family: 'SF Mono', Monaco, monospace;
  font-size: 13px;
  margin: 8px 0;
  user-select: all;
}

kbd {
  background: #eee;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 12px;
  border: 1px solid #ccc;
}

/* Desktop sidebar fixed positioning */
.sidebar-desktop {
  position: fixed;
  top: 56px; /* navbar height */
  bottom: 0;
  left: 0;
  z-index: 100;
  overflow-y: auto;
}

/* Active nav link in sidebar */
.sidebar-desktop .nav-link.active,
.offcanvas .nav-link.active {
  background-color: #ffc107 !important;
  color: #1a1a2e !important;
  font-weight: 600;
}

.sidebar-desktop .nav-link:not(.active):hover,
.offcanvas .nav-link:not(.active):hover {
  background-color: #f8f9fa;
}

/* Choices.js overrides for consistent Bootstrap look */
.choices__inner {
  border: 1px solid #dee2e6;
  border-radius: 0.375rem;
  min-height: 38px;
  padding: 4px 8px;
  background-color: #fff;
}

.choices__inner:focus-within {
  border-color: #86b7fe;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.choices__list--multiple .choices__item {
  background-color: #ffc107;
  border: 1px solid #e0a800;
  color: #1a1a2e;
  font-size: 0.85rem;
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
  background-color: #ffc107;
  color: #1a1a2e;
}

/* Branding color for warning/primary actions */
.btn-warning {
  color: #1a1a2e;
}