/* Дополнительные стили */
body {
    background-color: #f8f9fa;
}

.card {
    border-radius: 10px;
    overflow: hidden;
}

.card-header {
    border-bottom: none;
}

#ip-display {
    border-radius: 8px;
    padding: 20px;
}

#ip-address {
    font-family: monospace;
    font-size: 2rem;
    word-break: break-all;
}

@media (max-width: 768px) {
    #ip-address {
        font-size: 1.5rem;
    }
}

/* Стили для индикатора статуса */
.bi-circle-fill.text-success {
    color: #28a745 !important;
}

.bi-circle-fill.text-danger {
    color: #dc3545 !important;
}

.bi-circle-fill.text-warning {
    color: #ffc107 !important;
}

.bi-circle-fill.text-secondary {
    color: #6c757d !important;
}