#notifications {
    position: fixed;
    right: 1rem;
    top: 1rem;
    width: min(90vw, 300px);
    padding: 0.5rem;
    z-index: 1050;
}

.notification-element {
    width: 100%;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
}

.notification-element.nt-debug {
    background-color: #e0e0e0;
}

.notification-element.nt-notice {
    background-color: lightskyblue;
}

.notification-element.nt-warning {
    background-color: yellow;
}

.notification-element.nt-success {
    background-color: lightgreen;
}

.notification-element.nt-fatal {
    background-color: pink;
}

.notification-element .n-header {
    padding: 0.25rem;
    font-weight: 500;
}

.notification-element .n-body {
    padding: 0.25rem;
}

.lang-form {
    display: flex;
    align-items: center;
}

.lang-form .bootstrap-select {
    min-width: 80px;
    width: auto !important;
}

.navbar .lang-select {
    padding: 0.25rem 0.5rem;
}

.select-wide {
    min-width: 150px; /* Minimum width to prevent text truncation */
    width: 100%; /* Full width within column */
    white-space: nowrap; /* Prevent text wrapping */
}

@media (max-width: 991px) {
    .navbar .lang-select {
        padding: 0.5rem;
    }
    .lang-form .bootstrap-select {
        width: 100% !important;
    }
}

@media (max-width: 767px) {
    .select-wide {
        min-width: 0; /* Allow full width on small screens */
    }
}