/*
 * DAREF Phase 27 — targeted global UX.
 */


/* =========================================================
   BACK BUTTON
   ========================================================= */

.v27-back-wrap {
    width:
        100%;

    display:
        flex;

    justify-content:
        flex-start;

    margin:
        0 0 12px;
}


.v27-back-button {
    min-height:
        34px;

    display:
        inline-flex;

    align-items:
        center;

    gap:
        6px;

    padding:
        7px 11px;

    border:
        1px solid
        #ccd5dc;

    border-radius:
        8px;

    background:
        #fff;

    color:
        #173b62;

    font:
        inherit;

    font-size:
        .6rem;

    font-weight:
        850;

    cursor:
        pointer;
}


.v27-back-button:hover {
    background:
        #eef4f9;

    border-color:
        #173b62;
}


/* =========================================================
   EXISTING STATUS PRESENTATION
   ========================================================= */

.v27-status-positive {
    background:
        #dff4e5 !important;

    border-color:
        #9bd3aa !important;

    color:
        #175a2d !important;
}


.v27-status-negative {
    background:
        #f4dfe2 !important;

    border-color:
        #d7a2aa !important;

    color:
        #761722 !important;
}


.v27-status-neutral {
    background:
        #eef1f3 !important;

    border-color:
        #cfd6db !important;

    color:
        #4f5a63 !important;
}


/* =========================================================
   CONTRACT / TIME RANGE
   ONLY TEXT COLOUR CHANGES
   ========================================================= */

.v27-time-within-range {
    color:
        #198754 !important;
}


.v27-time-out-of-range {
    color:
        #7f1724 !important;
}


/* =========================================================
   CONTEXTUAL STATUS
   ========================================================= */

.v27-context-status {
    text-decoration-line:
        underline;

    text-decoration-style:
        dotted;

    text-underline-offset:
        4px;

    cursor:
        pointer;
}


/* =========================================================
   CONTEXT FALLBACK DIALOG
   ========================================================= */

.v27-context-overlay {
    position:
        fixed;

    inset:
        0;

    z-index:
        100500;

    display:
        grid;

    place-items:
        center;

    padding:
        18px;

    background:
        rgba(
            12,
            21,
            31,
            .48
        );
}


.v27-context-overlay[hidden] {
    display:
        none !important;
}


.v27-context-dialog {
    width:
        min(
            430px,
            100%
        );

    overflow:
        hidden;

    border:
        1px solid
        #dfe5ea;

    border-radius:
        12px;

    background:
        #ffffff;

    box-shadow:
        0 20px 55px
        rgba(
            0,
            0,
            0,
            .24
        );
}


.v27-context-header {
    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        12px;

    padding:
        13px 15px;

    border-bottom:
        1px solid
        #dfe5ea;

    color:
        #173b62;
}


.v27-context-close {
    width:
        30px;

    height:
        30px;

    display:
        grid;

    place-items:
        center;

    border:
        0;

    border-radius:
        50%;

    background:
        #eef1f3;

    color:
        #7f1724;

    font-size:
        1rem;

    font-weight:
        900;

    cursor:
        pointer;
}


.v27-context-text {
    margin:
        0;

    padding:
        16px;

    color:
        #263543;

    font-size:
        .68rem;

    line-height:
        1.6;
}