html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
/* --- Contrarian Radar buckets --- */
.bucket-leader {
    background-color: #e8f5e9;
}
/* groen */
.bucket-emerging {
    background-color: #e3f2fd;
}
/* blauw */
.bucket-orphan {
    background-color: #fffde7;
}
/* geel */
.bucket-exhausted {
    background-color: #fbe9e7;
}
/* rood */

.bucket-leader td:first-child {
    border-left: 6px solid #2e7d32;
}

.bucket-emerging td:first-child {
    border-left: 6px solid #1565c0;
}

.bucket-orphan td:first-child {
    border-left: 6px solid #f9a825;
}

.bucket-exhausted td:first-child {
    border-left: 6px solid #c62828;
}

/* Coverage badges */
.badge-coverage-low {
    background: #ef9a9a;
    color: #000;
}

.badge-coverage-mid {
    background: #ffe082;
    color: #000;
}

.badge-coverage-high {
    background: #a5d6a7;
    color: #000;
}

/* Score emphasis */
.score-strong {
    font-weight: 600;
}

.score-weak {
    color: #666;
}
tr.row-highlight {
    background-color: #fff3cd !important;
    transition: background-color 0.4s ease;
}

tr.is-contrarian td:first-child strong::after {
    content: " ★";
    color: #198754;
}
/* ================= FIXED CHART FRAMES ================= */
/* ===== FIXED HEIGHT CHART CARDS ===== */
.card.chart-card {
    height: 360px;
    display: flex;
    flex-direction: column;
}

    /* Header blijft compact */
    .card.chart-card .card-header {
        flex: 0 0 auto;
    }

    /* Body vult resterende hoogte */
    .card.chart-card .card-body {
        flex: 1 1 auto;
        overflow: hidden;
    }

/* Chart container vult body */
.chart-box {
    position: relative;
    width: 100%;
    height: 100%;
}

    /* Canvas vult container, geen groei */
    .chart-box canvas {
        width: 100% !important;
        height: 100% !important;
    }
.menu-disabled {
    color: #adb5bd !important;
    pointer-events: none;
    cursor: not-allowed;
    background-color: transparent;
    opacity: 0.6;
}