.location-confirmation {
    grid-column: 1 / -1;
    margin-top: 8px;
    padding: 18px;
    border: 1px solid #2b414e;
    border-radius: 10px;
    background:
        radial-gradient(circle at 100% 0, rgba(239, 51, 64, 0.08), transparent 14rem),
        linear-gradient(145deg, rgba(15, 31, 41, 0.98), rgba(10, 22, 30, 0.98));
}

.location-confirmation[hidden] {
    display: none !important;
}

.location-confirmation--standalone {
    margin: 6px 0 18px;
}

.location-confirmation__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 8px;
}

.location-confirmation__head > div {
    display: grid;
    gap: 4px;
}

.location-confirmation__head strong {
    color: #f3f7f9;
    font-size: 0.96rem;
}

.location-confirmation__eyebrow {
    color: #738b9a;
    font-size: 0.62rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.location-confirmation__badge {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid #3a4d59;
    border-radius: 999px;
    background: rgba(13, 27, 36, 0.8);
    color: #93a7b4;
    font-size: 0.67rem;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.location-confirmation[data-state="candidate"] {
    border-color: rgba(232, 178, 72, 0.5);
}

.location-confirmation[data-state="candidate"] .location-confirmation__badge {
    border-color: rgba(232, 178, 72, 0.55);
    color: #efd18a;
}

.location-confirmation[data-state="confirmed"] {
    border-color: rgba(67, 168, 120, 0.5);
}

.location-confirmation[data-state="confirmed"] .location-confirmation__badge {
    border-color: rgba(67, 168, 120, 0.55);
    color: #a9dfc4;
}

.location-confirmation__copy {
    max-width: 780px;
    margin: 0 0 14px;
    color: #9cafbb;
    font-size: 0.82rem;
    line-height: 1.5;
}

.location-confirmation__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.location-confirmation__map {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 310px;
    margin-top: 16px;
    border: 1px solid #314955;
    border-radius: 9px;
    background: #08131a;
    z-index: 0;
}

.location-confirmation__map .leaflet-control-attribution {
    background: rgba(8, 19, 26, 0.82);
    color: #718693;
    font-size: 9px;
}

.location-confirmation__map .leaflet-control-attribution a {
    color: #9fb3bf;
}

.location-confirmation__map-help {
    margin: 8px 0 0;
    color: #d8bf7c;
    font-size: 0.76rem;
}

.acarmoto-map-pin {
    background: transparent;
    border: 0;
}

.acarmoto-map-pin span {
    position: relative;
    display: block;
    width: 28px;
    height: 28px;
    border: 3px solid #ffffff;
    border-radius: 50% 50% 50% 0;
    background: #ef3340;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.42);
    transform: rotate(-45deg);
}

.acarmoto-map-pin span::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #0d1b24;
}

.location-confirmation__candidate {
    margin-top: 10px;
    padding-left: 12px;
    border-left: 2px solid var(--brand-red);
    color: #dce6eb;
    font-size: 0.82rem;
    line-height: 1.45;
}

.location-confirmation__status {
    display: block;
    min-height: 18px;
    margin-top: 10px;
    color: #8fa4b2;
    font-size: 0.74rem;
}

.location-confirmation[data-state="candidate"] .location-confirmation__status {
    color: #ddc27d;
}

.location-confirmation[data-state="confirmed"] .location-confirmation__status {
    color: #9cd5ba;
}

@media (max-width: 767px) {
    .location-confirmation {
        padding: 15px;
    }

    .location-confirmation__head {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .location-confirmation__actions,
    .location-confirmation__actions .button {
        width: 100%;
    }

    .location-confirmation__map {
        height: 250px;
    }
}