/*.toggle-btn.active {*/
/*    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3), 0 0 4px rgba(0, 0, 0, 0.2);*/
/*}*/

/*.toggle-btn.active.btn-outline-success {*/
/*    background-color: #198754;*/
/*    color: white;*/
/*    border-color: #198754;*/
/*}*/

/*.toggle-btn.active.btn-outline-warning {*/
/*    background-color: #ffc107;*/
/*    color: black;*/
/*    border-color: #ffc107;*/
/*}*/


#solutionList .list-group-item {
    cursor: pointer;
    padding: 0.4rem 0.75rem;
    font-size: 0.85rem;
    line-height: 1.2;
    user-select: none;
}

#solutionList .list-group-item.active {
    background-color: #0d6efd;
    color: white;
}


#nav-Analyse,
#nav-tabContent,
.tab-content,
.tab-pane {
    height: 100%;
    min-height: 0;
}


/* Generic square button styling (unchanged for other buttons) */
.square-btn {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Only affects our two toggle buttons */
.toggle-btn {
    border: none;
    background: transparent;
    transition: background-color 0.2s ease;
}

/* Icon inside toggle */
.toggle-btn i {
    font-size: 1.2rem;
    color: black;
    transition: all 0.2s ease;
}

/* Hover: only icon is affected */
.toggle-btn:hover:not(:disabled) i {
    transform: scale(1.1);
    opacity: 0.9;
}

/* Disabled: no border or background, grayed icon */
.toggle-btn:disabled {
    background: none !important;
    cursor: not-allowed;
}
.toggle-btn:disabled i {
    color: #bbb;
    opacity: 1;
}

/* Active state — applies fill + custom icon color */
#toggle-definite.active {
    background-color: #198754; /* Green */
}
#toggle-definite.active i {
    color: white;
}

#toggle-uncertain.active {
    background-color: #ffc107; /* Yellow */
}
#toggle-uncertain.active i {
    color: black;
}