/* Start custom CSS for shortcode, class: .elementor-element-2f3348e */.teecontrol-status {
    display: grid;
    gap: 10px;
    max-width: 420px;
}

.teecontrol-row {
    display: grid;
    grid-template-columns: 1fr 7rem; /* label links, waarde rechts */
    align-items: center;
    padding: 6px 0;
    border-bottom: 1px solid #eee;
}

.status-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 6px;
}

.status-dot--green {
    background: #1da851;
}

.status-dot--red {
    background: #d53030;
}

.teecontrol-value {
    display: flex;
    align-items: center;
}/* End custom CSS */