.ping-result {
    font-family: monospace;
    margin: 5px 0;
    padding: 8px;
    background-color: #363636;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.ping-result.testing {
    background-color: #2d2d2d;
    color: #ffd700;
}

.ping-result.error {
    background-color: #442222;
    color: #ff9999;
}

.ping-result.success {
    background-color: #224422;
    color: #99ff99;
}

.light-mode .ping-result {
    background-color: #f8f9fa;
}

.light-mode .ping-result.testing {
    background-color: #fff3cd;
    color: #856404;
}

.light-mode .ping-result.error {
    background-color: #f8d7da;
    color: #721c24;
}

.light-mode .ping-result.success {
    background-color: #d4edda;
    color: #155724;
}