.section-title { margin-top: 2rem; }
.field-block {
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.bg-player-info { background-color: #f8f9fa; }       /* Light gray */
.bg-ratings { background-color: #e2f0d9; }            /* Light green */
.bg-summary { background-color: #fff3cd; }            /* Light yellow */
.bg-strengths { background-color: #d1ecf1; }          /* Light blue */
.bg-improvements { background-color: #f8d7da; }       /* Light pink */

.bg-player-field{
    background: #D0CECE !important;
}

.border-green { border-color: var(--bs-green);}

body.disabled{
    opacity: 0.5 !important;
    pointer-events: none;
}

.rating .stars-back i {
    color: var(--bs-rating-color-default);
}

.rating .stars-front {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
}

.rating .stars-front i {
    color: var(--bs-rating-color-active);
}

.sticky-col {
  position: sticky!important;
  left: 0;
  background: #fff!important;
  z-index: 2;
}

.sticky-col--header {
  z-index: 3;
}

.focused {
    background: white;
    animation: borderPulse 2s linear infinite;
}

@keyframes borderPulse {
    0%, 100% {
        /*border-width: 1px;*/
        background: var(--bs-primary);
    }
    50% {
        /*border-width: 2px;*/
        background: var(--bs-white);
    }
}