:root {
    --form-element-spacing-vertical: 0.4rem;
    --form-element-spacing-horizontal: .9rem;
}

details summary{
    font-weight: 700;
}

fieldset {
    padding: 20px 0;
    display: flex;
}

fieldset a {
    max-width: 200px;
    margin: 0 20px;
}

table {
    margin-top: 10px;
}

.status {
    margin: 20px 0 60px 0;
    display: flex;
}

.status > div {
    flex-grow: 1;
    text-align: center;
    background-color: var(--card-background-color);
    margin: 0 6px;
    padding: 6px;
}

.status > div h5 {
    margin-bottom: 10px;
}

.indicator {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin: 10px auto;
}

.indicator.operational {
    background-color: #43a047;
}

.indicator.warning {
    background-color: #e53935;
}


@media (max-width:720px) {
    fieldset {
        flex-direction: column;
    }

    .status {
        flex-direction: column;
    }

    .status > div {
        margin: 6px auto;
        width: 240px;
    }
}