/* ============================================================
   AUTOMART V43.9.1
   PRICE HISTORY — DATA QUALITY GUARD
   ============================================================ */


/* ============================================================
   INSUFFICIENT MARKET DATA
   ============================================================ */

.am-v439-price-history__insufficient {

    padding:20px;

    border:
        1px solid #e1eae5;

    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            #fbfdfc 0%,
            #f7faf8 100%
        );
}


/* ============================================================
   TOP MESSAGE
   ============================================================ */

.am-v439-price-history__insufficient-top {

    display:flex;

    align-items:flex-start;

    gap:14px;

    padding-bottom:17px;

    border-bottom:
        1px solid #e5ece8;
}


.am-v439-price-history__insufficient-icon {

    flex:
        0 0 46px;

    width:46px;
    height:46px;

    display:grid;

    place-items:center;

    border-radius:14px;

    background:#eaf7f0;

    color:#0b8d54;

    font-size:19px;

    font-weight:850;
}


.am-v439-price-history__insufficient-top
> div:last-child {

    min-width:0;

    flex:1;
}


.am-v439-price-history__insufficient-label {

    display:inline-flex;

    align-items:center;

    min-height:24px;

    margin-bottom:7px;

    padding:
        0 8px;

    border-radius:999px;

    background:#eaf7f0;

    color:#08784a;

    font-size:9px;

    line-height:1;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.08em;
}


.am-v439-price-history__insufficient-top h3 {

    margin:
        0 0 5px;

    color:#172433;

    font-size:17px;
    line-height:1.25;

    font-weight:850;
}


.am-v439-price-history__insufficient-top p {

    max-width:650px;

    margin:0;

    color:#6e7d8e;

    font-size:11px;
    line-height:1.55;
}


.am-v439-price-history__insufficient-top p strong {

    color:#12804f;

    font-weight:850;
}


/* ============================================================
   CURRENT VEHICLE
   ============================================================ */

.am-v439-price-history__insufficient-current {

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:20px;

    margin-top:15px;

    padding:
        14px 15px;

    border:
        1px solid #dce8e1;

    border-radius:13px;

    background:#fff;
}


.am-v439-price-history__insufficient-current
> div {

    min-width:0;

    display:flex;

    flex-direction:column;

    gap:4px;
}


.am-v439-price-history__insufficient-current
> div:last-child {

    align-items:flex-end;
}


.am-v439-price-history__insufficient-current
small {

    color:#82909f;

    font-size:9px;

    font-weight:650;
}


.am-v439-price-history__insufficient-current
strong {

    color:#172433;

    font-size:13px;

    font-weight:800;
}


.am-v439-price-history__insufficient-current
> div:last-child strong {

    color:#078c50;

    font-size:20px;

    font-weight:900;

    white-space:nowrap;
}


/* ============================================================
   MATCH COUNTS
   ============================================================ */

.am-v439-price-history__insufficient-stats {

    display:grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:9px;

    margin-top:11px;
}


.am-v439-price-history__insufficient-stats
> div {

    min-width:0;

    padding:
        12px;

    border:
        1px solid #e3eae6;

    border-radius:12px;

    background:#fff;
}


.am-v439-price-history__insufficient-stats
small {

    display:block;

    margin-bottom:5px;

    color:#7d8a99;

    font-size:9px;

    font-weight:650;
}


.am-v439-price-history__insufficient-stats
strong {

    display:block;

    margin-bottom:3px;

    color:#108050;

    font-size:22px;
    line-height:1;

    font-weight:900;
}


.am-v439-price-history__insufficient-stats
span {

    display:block;

    color:#9aa49f;

    font-size:8px;
    line-height:1.3;
}


/* ============================================================
   READINESS
   ============================================================ */

.am-v439-price-history__insufficient-progress {

    margin-top:12px;

    padding:
        12px 14px;

    border-radius:12px;

    background:#fff;

    border:
        1px solid #e3ebe7;
}


.am-v439-price-history__progress-head {

    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin-bottom:8px;
}


.am-v439-price-history__progress-head
span {

    color:#657485;

    font-size:10px;

    font-weight:700;
}


.am-v439-price-history__progress-head
b {

    color:#108050;

    font-size:10px;

    font-weight:850;
}


.am-v439-price-history__progress-track {

    position:relative;

    width:100%;
    height:7px;

    border-radius:999px;

    background:#edf2ef;

    overflow:hidden;
}


.am-v439-price-history__progress-track
i {

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    display:block;

    min-width:4px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #0a9155,
            #16b76b
        );

    transition:
        width .25s ease;
}


/* ============================================================
   EXPLANATION
   ============================================================ */

.am-v439-price-history__insufficient-note {

    display:flex;

    align-items:flex-start;

    gap:8px;

    margin-top:11px;

    padding:
        10px 11px;

    border-radius:10px;

    background:#f0f7f3;
}


.am-v439-price-history__insufficient-note
> span {

    flex:
        0 0 20px;

    width:20px;
    height:20px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:#dcefe4;

    color:#08794a;

    font-size:9px;

    font-weight:850;
}


.am-v439-price-history__insufficient-note
p {

    margin:0;

    color:#607166;

    font-size:9.5px;
    line-height:1.5;
}


/* ============================================================
   MOBILE
   ============================================================ */

@media screen and (max-width:767px) {

    .am-v439-price-history__insufficient {

        padding:
            13px;

        border-radius:13px;
    }


    .am-v439-price-history__insufficient-top {

        gap:10px;

        padding-bottom:13px;
    }


    .am-v439-price-history__insufficient-icon {

        flex-basis:38px;

        width:38px;
        height:38px;

        border-radius:11px;

        font-size:16px;
    }


    .am-v439-price-history__insufficient-top
    h3 {

        font-size:14px;
    }


    .am-v439-price-history__insufficient-top
    p {

        font-size:9.5px;
    }


    /* CURRENT CAR */

    .am-v439-price-history__insufficient-current {

        grid-template-columns:
            1fr;

        gap:9px;

        padding:
            11px;

        margin-top:11px;
    }


    .am-v439-price-history__insufficient-current
    > div:last-child {

        align-items:flex-start;

        padding-top:8px;

        border-top:
            1px solid #edf1ef;
    }


    .am-v439-price-history__insufficient-current
    strong {

        font-size:11px;
    }


    .am-v439-price-history__insufficient-current
    > div:last-child strong {

        font-size:18px;
    }


    /* COUNTS */

    .am-v439-price-history__insufficient-stats {

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:7px;
    }


    .am-v439-price-history__insufficient-stats
    > div {

        padding:
            10px;
    }


    .am-v439-price-history__insufficient-stats
    > div:last-child {

        grid-column:
            1 / -1;
    }


    .am-v439-price-history__insufficient-stats
    strong {

        font-size:19px;
    }


    .am-v439-price-history__insufficient-progress {

        padding:
            10px;
    }

}