/* === Analytics UI polish (dark friendly) === */

/* Section tabs / header buttons look clearly clickable */
.analytics-tabs .btn,
.page-actions .btn,
.card .card-actions .btn {
  border-radius: 999px;
  font-weight: 600;
  padding: .35rem .9rem;
}

.btn-outline-secondary {
  color: #e6eaf2;
  border-color: rgba(255,255,255,.35);
  background: rgba(255,255,255,.05);
}
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
  color: #0b132b;
  background: #9bd6ff;
  border-color: #9bd6ff;
  box-shadow: 0 0 0 .2rem rgba(155,214,255,.25);
}

.btn-outline-primary {
  color: #9bd6ff;
  border-color: #9bd6ff;
  background: rgba(155,214,255,.08);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #0b132b;
  background: #9bd6ff;
  border-color: #9bd6ff;
  box-shadow: 0 0 0 .2rem rgba(155,214,255,.25);
}

.btn-outline-success {
  color: #86efac;
  border-color: #86efac;
  background: rgba(134,239,172,.08);
}
.btn-outline-success:hover,
.btn-outline-success:focus {
  color: #0b132b;
  background: #86efac;
  border-color: #86efac;
  box-shadow: 0 0 0 .2rem rgba(134,239,172,.25);
}

/* Headings near charts */
.card .card-title,
h6.card-title {
  color: #e6f0ff;
}

/* Legend badges inside Chart.js titles (just in case) */
.chart-legend .badge {
  border-radius: 8px;
}

/* Tighten the gap above legends */
.canvas-legend,
.chartjs-legend {
  margin-top: .25rem;
}
/* === Tabs / навигация в аналитичните страници === */
.analytics-tabs .nav-link,
.nav-pills .nav-link {
  color: #e6eaf2 !important;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  font-weight: 500;
  transition: all .2s ease;
  margin-right: .25rem;
  padding: .4rem 1rem;
}

.analytics-tabs .nav-link:hover,
.nav-pills .nav-link:hover {
  color: #0b132b !important;
  background: #9bd6ff;
  border-color: #9bd6ff;
  box-shadow: 0 0 0 .2rem rgba(155,214,255,.25);
}

.analytics-tabs .nav-link.active,
.nav-pills .nav-link.active {
  background: #9bd6ff !important;
  color: #0b132b !important;
  border-color: #9bd6ff !important;
  box-shadow: 0 0 0 .2rem rgba(155,214,255,.25);
}
/* Пил-бутони за горните линкове без промяна на HTML */
main.container .mb-3 > a[href*="/analytics/"] {
  display: inline-block;
  color: #e6eaf2 !important;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 999px;
  background: rgba(255,255,255,.05);
  font-weight: 500;
  padding: .4rem 1rem;
  margin-right: .4rem;
  text-decoration: none !important;
  transition: all .2s ease;
}
main.container .mb-3 > a[href*="/analytics/"]:hover {
  color: #0b132b !important;
  background: #9bd6ff;
  border-color: #9bd6ff;
  box-shadow: 0 0 0 .2rem rgba(155,214,255,.25);
}

/* „активен“ — ако сложиш class="active" на текущия линк */
main.container .mb-3 > a[href*="/analytics/"].active {
  background: #9bd6ff !important;
  color: #0b132b !important;
  border-color: #9bd6ff !important;
  box-shadow: 0 0 0 .2rem rgba(155,214,255,.25);
}
/* Центриране на текста във всички бутони */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
  vertical-align: middle;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
}

/* За по-малките .btn-sm */
.btn-sm {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}