/* TRACELIA Security V2.59 — historique incident */

.site-plan-incident-history-v259 {
    margin: 7px 0;
    padding: 7px;

    border: 1px solid
        rgba(255, 255, 255, 0.08);
    border-radius: 7px;

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

.site-plan-incident-history-header-v259 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;

    margin-bottom: 6px;
}

.site-plan-incident-history-header-v259 > div {
    display: grid;
    gap: 1px;
}

.site-plan-incident-history-header-v259 small {
    color: #676767;
    font-size: 5px;
    font-weight: 950;
    letter-spacing: 0.15em;
}

.site-plan-incident-history-header-v259 strong {
    color: #eeeeee;
    font-size: 8px;
    font-weight: 950;
}

#site-plan-incident-history-count-v259 {
    display: grid;
    place-items: center;

    min-width: 20px;
    height: 20px;

    border: 1px solid
        rgba(255, 255, 255, 0.11);
    border-radius: 999px;

    color: #a0a0a0;
    font-size: 7px;
    font-weight: 950;
}

.site-plan-incident-history-state-v259 {
    margin-bottom: 6px;

    color: #666666;
    font-size: 5px;
    font-weight: 800;
}

.site-plan-incident-history-list-v259 {
    display: grid;
    gap: 2px;

    max-height: 205px;
    overflow-y: auto;
}

.site-plan-incident-history-item-v259 {
    display: grid;
    grid-template-columns:
        9px minmax(0, 1fr);
    gap: 6px;

    padding: 5px 0;

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

.site-plan-incident-history-item-v259:first-child {
    border-top: 0;
}

.site-plan-incident-history-dot-v259 {
    width: 7px;
    height: 7px;
    margin-top: 2px;

    border: 2px solid
        rgba(255, 255, 255, 0.14);
    border-radius: 999px;

    background: #555555;
}

.site-plan-incident-history-item-v259[
    data-action="created"
]
.site-plan-incident-history-dot-v259 {
    background: #777777;
}

.site-plan-incident-history-item-v259[
    data-action="acknowledged"
]
.site-plan-incident-history-dot-v259 {
    background: #ffb454;
}

.site-plan-incident-history-item-v259[
    data-action="reopened"
]
.site-plan-incident-history-dot-v259 {
    background: #ff6d63;
}

.site-plan-incident-history-item-v259[
    data-action="resolved"
]
.site-plan-incident-history-dot-v259 {
    background: #66c7a2;
}

.site-plan-incident-history-item-header-v259 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
}

.site-plan-incident-history-item-header-v259 strong {
    color: #d8d8d8;
    font-size: 7px;
    font-weight: 950;
}

.site-plan-incident-history-item-header-v259 time {
    color: #5f5f5f;
    font-size: 5px;
    font-weight: 800;
    white-space: nowrap;
}

.site-plan-incident-history-transition-v259,
.site-plan-incident-history-operator-v259 {
    display: block;
    margin-top: 2px;

    color: #777777;
    font-size: 5px;
    font-weight: 800;
}

.site-plan-incident-history-operator-v259 {
    color: #a58a68;
}

.site-plan-incident-history-item-v259 p {
    margin: 3px 0 0;

    color: #999999;
    font-size: 6px;
    font-weight: 700;
    line-height: 1.4;
}

.site-plan-incident-history-v259.error
.site-plan-incident-history-state-v259 {
    color: #ff6868;
}

body:not(.site-plan-supervision-v245)
.site-plan-incident-history-v259 {
    display: none !important;
}
