/* SESSION TIMEOUT — shared modal/backdrop rules remain in main. */

.inactivity-modal-body {
    background-color: var(--bs-section-background-color) !important;
    color: var(--navigation-card-font-color);
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1.5px 4px var(--bs-table-shadow1-color),
        0 1.5px 6px var(--bs-table-shadow2-color), 0 0 8px rgba(184, 224, 187, 0.5);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 22px;
    border: 1px solid var(--navigation-card-font-color);
}

.timeout-modal-container {
    border: 1px solid var(--navigation-card-font-color);
    box-shadow: 0 1.5px 4px var(--bs-table-shadow1-color),
        0 1.5px 6px var(--bs-table-shadow2-color), 0 0 8px rgba(184, 224, 187, 0.5);
    padding: 20px;
    width: 100%;
    border-radius: 8px;
}

.timeout-buttons {
    color: var(--navigation-card-font-color);
}

.timeout-container {
    display: flex;
    flex-direction: column;
    color: var(--navigation-card-font-color);
}