/* Mjuk övergång för dark mode */
body {
    transition: background-color 0.3s, color 0.3s;
}

.card {
    transition: background-color 0.3s, border-color 0.3s;
}

/* Anpassningar för listor */
.list-group-item {
    transition: transform 0.1s;
}

.list-group-item:hover {
    background-color: rgba(13, 110, 253, 0.05); 
    transform: translateX(5px);
}

/* Särskild stil för Sankey-diagrammet för att hantera scroll på mobil */
#sankey_chart {
    overflow-x: auto;
    overflow-y: hidden;
}

/* Justera teckenstorleken något så långa siffror får plats snyggt */
.badge-mdr, .badge-mkr, .badge-tkr {
    font-family: 'Roboto Mono', monospace; /* Gärna ett typsnitt där alla siffror är lika breda */
    letter-spacing: -0.5px; /* Tryck ihop siffrorna liiite */
    white-space: nowrap; /* Förbjud radbrytning inuti brickan */
}

.badge-mdr {
    background-color: #0d6efd;
    color: #fff;
    border: 1px solid #000;
}

.badge-mkr {
    background-color: #0d6efd;
    color: #fff;
}

.badge-tkr {
    background-color: #0d6efd;
    color: #495057;
    border: 1px solid #ced4da;
}

.py-3 {
    padding-left: 2rem;
}

.border-4 {
    border-width: 0px !important;
}