/* TRACELIA Security V2.57 — délais opérationnels */

.site-plan-operational-delays-v257 {
    margin-top: 7px;
    padding-top: 8px;

    border-top: 1px solid
        rgba(255, 255, 255, 0.07);
}

.site-plan-operational-delays-v257[hidden] {
    display: none !important;
}

.site-plan-operational-delays-header-v257 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 7px;
}

.site-plan-operational-delays-header-v257 > div {
    display: grid;
    gap: 1px;
}

.site-plan-operational-delays-header-v257 small {
    color: #666666;
    font-size: 6px;
    font-weight: 900;
    letter-spacing: 0.15em;
}

.site-plan-operational-delays-header-v257 strong {
    color: #f1f1f1;
    font-size: 9px;
    font-weight: 900;
}

#site-plan-operational-delays-time-v257 {
    color: #5f5f5f;
    font-size: 6px;
    font-weight: 800;
}

.site-plan-operational-delays-grid-v257 {
    display: grid;
    grid-template-columns:
        repeat(4, minmax(0, 1fr));
    gap: 4px;
}

.site-plan-operational-delays-grid-v257 > div {
    min-width: 0;
    padding: 6px 4px 5px;

    border: 1px solid
        rgba(255, 255, 255, 0.07);
    border-radius: 6px;

    background:
        rgba(255, 255, 255, 0.025);

    text-align: center;
}

.site-plan-operational-delays-grid-v257 strong {
    display: block;
    color: #f2f2f2;
    font-size: 11px;
    font-weight: 950;
}

.site-plan-operational-delays-grid-v257 span {
    display: block;
    margin-top: 4px;
    color: #686868;
    font-size: 5px;
    font-weight: 900;
    text-transform: uppercase;
}

.site-plan-operational-delays-grid-v257
.ack strong {
    color: #ffbd5e;
}

.site-plan-operational-delays-grid-v257
.resolution strong {
    color: #73d3ff;
}

.site-plan-operational-delays-grid-v257
.late strong {
    color: #ff6060;
}

#site-plan-operational-delays-state-v257 {
    margin-top: 6px;
    color: #6f6f6f;
    font-size: 6px;
    font-weight: 800;
}

.site-plan-operational-delays-v257.warning
#site-plan-operational-delays-state-v257 {
    color: #ff8b73;
}

.site-plan-operational-delays-v257.clear
#site-plan-operational-delays-state-v257 {
    color: #5fa988;
}

.site-plan-event-delay-v257 {
    margin-top: 6px;
    padding-top: 5px;

    border-top: 1px solid
        rgba(255, 255, 255, 0.06);

    color: #777777;
    font-size: 6px;
    font-weight: 850;
}

.site-plan-event-delay-v257[
    data-state="acknowledged"
] {
    color: #d1a05b;
}

.site-plan-event-delay-v257[
    data-state="resolved"
] {
    color: #65bda0;
}

.site-plan-event-delay-v257[
    data-state="late"
],
.site-plan-event-delay-v257[
    data-state="overdue"
] {
    color: #ff716d;
}

body:not(.site-plan-supervision-v245)
.site-plan-event-delay-v257 {
    display: none !important;
}

@media (max-width: 760px) {
    .site-plan-operational-delays-grid-v257 {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }
}