.credits-banner {
    display: none;
    background: #ff6b6b;
    color: white;
    text-align: center;
    padding: 12px;
    font-weight: 500;
}

.credits-banner a {
    color: white;
    text-decoration: underline;
}

.maintenance-banner {
    text-align: center;
    padding: 12px;
    font-weight: 500;
}

.maintenance-info { 
    background: #17a2b8; 
    color: white; 
}

.maintenance-warning { 
    background: #ffc107; 
    color: #000; 
}

.maintenance-critical { 
    background: #dc3545; 
    color: white; 
}

.notification-badge {
    background: #dc3545;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 8px;
    min-width: 18px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

a.notification-badge:hover {
    background: #c82333;
    color: white;
}

.notification-badge.hidden {
    display: none;
}

#dropdown-connections-link.hidden {
    display: none;
}