.db0kk-status {
    margin-top: 2rem;
    padding: 1rem;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.db0kk-status__title {
    margin-top: 0;
    margin-bottom: 0.75rem;
}


.db0kk-status__indicator {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.db0kk-status__indicator--online {
    background-image: -webkit-linear-gradient(top, #13fB04 0%, #58e343 50%, #ADED99 100%);
    border: 1px solid #999;
    border-radius: 50%;
}

.db0kk-status__indicator--offline {
    background-image: -webkit-linear-gradient(top, #fb1304 0%, #e35843 50%, #edad99 100%);
    border: 1px solid #999;
    border-radius: 50%;
}

.db0kk-status__state {
    font-size: 0.85rem;
    opacity: 0.75;
}

.db0kk-status__updated {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    opacity: 0.65;
}
.db0kk-status__group {
    margin-bottom: 1rem;
}

.db0kk-status__group:last-child {
    margin-bottom: 0;
}

.db0kk-status__group-title {
    font-weight: 600;
    text-align: left;

    padding: 0.35rem 0.5rem;
    margin-bottom: 0.15rem;

    background: #e8e8e8;
    border-radius: 3px;
}

.db0kk-status__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.db0kk-status__item {
    display: grid;
    grid-template-columns: 12px 1fr auto;
    gap: 0.5rem;
    align-items: center;

    padding: 0.45rem 0.5rem;
}

.db0kk-status__item:nth-child(odd) {
    background-color: #eef8e8;
}

.db0kk-status__item:nth-child(even) {
    background-color: #fff9d9;
}

<<<<<<< HEAD
.db0kk-status__name {
    text-align: left;
    justify-self: start;
}
=======
.db0kk-status__item--clickable {
    cursor: pointer;
}

.db0kk-status__item--clickable:hover {
    filter: brightness(0.96);
}

.db0kk-status__name {
    text-align: left;
    justify-self: start;
}
>>>>>>> parent of 09ccbc6 (Updated Publii client js)