* {
    font-family: 'Roboto', Arial, sans-serif;
}
body.dark {
    background: #121212;
    color: #eee;
}
.bg-dark, .accordion-button.bg-dark {
    background: #222 !important;
    color: #eee !important;
}
.btn-primary, .btn-success, .btn-danger {
    border: none;
}
.blur-text {
    filter: blur(4px);
    cursor: pointer;
    transition: filter 0.3s ease;
    -webkit-user-select: none;
    user-select: none;
    padding: 2px 4px;
    border-radius: 4px;
    display: inline-block;
}
.blur-text:focus,
.blur-text:hover {
    filter: none;
    -webkit-user-select: none;
    user-select: none;
    outline: none;
}
.copy-feedback {
    color: #0cac0c;
    margin-left: 8px;
    margin-right: 18px;
    font-weight: bold;
    display: none;
}
.copy-feedback.visible {
    display: inline;
}
.content-narrow {
    max-width: 600px;
}
.content-narrow-sm {
    max-width: 400px;
}
.content-narrow-lg {
    max-width: 700px;
}
[id^="stats-"] p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.cluster-state-ready {
    background-color: #198754 !important;
}
.cluster-state-draining {
    background-color: #fd7e14 !important;
}
.cluster-state-down {
    background-color: #dc3545 !important;
}
.cluster-state-isolated {
    background-color: #6f42c1 !important;
}
.cluster-state-joining,
.cluster-state-learner,
.cluster-state-leaving {
    background-color: #0dcaf0 !important;
    color: #111 !important;
}
.cluster-state-unknown {
    background-color: #6c757d !important;
}