/*
 * LEAL_MOBILE_COVERAGE_POINT_ONLY
 * Popup de consulta pontual da Anatel no mapa principal da beta.
 * Nao confundir com camada de tiles ou mapa de calor.
 */
#tracker-map.leal-mobile-coverage-mode-active,
#tracker-map.leal-mobile-coverage-mode-active.leaflet-grab,
#tracker-map.leal-mobile-coverage-mode-active .leaflet-tile-pane {
    cursor: crosshair !important;
}

#tracker-map.leal-mobile-coverage-mode-active .leaflet-control,
#tracker-map.leal-mobile-coverage-mode-active .leaflet-popup,
#tracker-map.leal-mobile-coverage-mode-active .leaflet-marker-icon,
#tracker-map.leal-mobile-coverage-mode-active .leaflet-interactive {
    cursor: auto;
}

#tracker-map .client-map-mobile-coverage-control.is-active {
    background: #2cab58;
}

.leal-mobile-coverage-popup .leaflet-popup-content-wrapper {
    padding: 0;
    overflow: hidden;
    border-radius: 13px;
    box-shadow: 0 8px 28px rgba(15, 36, 76, 0.28);
}

.leal-mobile-coverage-popup .leaflet-popup-content {
    width: auto !important;
    margin: 0;
}

.leal-mobile-coverage-popup .leaflet-popup-close-button {
    top: 8px;
    right: 8px;
    z-index: 3;
    width: 28px;
    height: 28px;
    color: #fff !important;
    font-size: 22px;
    line-height: 26px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.14);
}

.leal-mobile-coverage-popup .leaflet-popup-close-button:hover,
.leal-mobile-coverage-popup .leaflet-popup-close-button:focus {
    background: rgba(255, 255, 255, 0.25);
}

.leal-mobile-coverage-card {
    width: 640px;
    max-width: calc(100vw - 72px);
    color: #253451;
    background: #fff;
    font-family: inherit;
}

.leal-mobile-coverage-header {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 62px;
    padding: 11px 50px 11px 15px;
    color: #fff;
    background: linear-gradient(135deg, #173f9f 0%, #2d69d1 100%);
}

.leal-mobile-coverage-header > span:last-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.leal-mobile-coverage-header strong {
    font-size: 16px;
    line-height: 1.25;
}

.leal-mobile-coverage-header small {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 11px;
    line-height: 1.25;
}

.leal-mobile-coverage-icon {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.14);
    font-size: 17px;
}

.leal-mobile-coverage-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    padding: 14px 14px 8px;
    -webkit-overflow-scrolling: touch;
}

.leal-mobile-coverage-table {
    width: 100%;
    min-width: 570px;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid #dce4f0;
    border-radius: 9px;
    background: #fff;
    font-size: 12px;
    overflow: hidden;
}

.leal-mobile-coverage-table th,
.leal-mobile-coverage-table td {
    padding: 9px 7px;
    border-right: 1px solid #e5eaf2;
    border-bottom: 1px solid #e5eaf2;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.leal-mobile-coverage-table th:last-child,
.leal-mobile-coverage-table td:last-child {
    border-right: 0;
}

.leal-mobile-coverage-table tbody tr:last-child th,
.leal-mobile-coverage-table tbody tr:last-child td {
    border-bottom: 0;
}

.leal-mobile-coverage-table thead th {
    color: #17386e;
    background: #edf3fb;
    font-size: 11px;
    font-weight: 700;
}

.leal-mobile-coverage-table tbody th {
    color: #1b3158;
    background: #f8fafd;
    font-weight: 700;
    text-align: left;
}

.leal-mobile-coverage-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    color: #e9e9e9;
}

.leal-mobile-coverage-dot {
    display: inline-block;
    box-sizing: border-box;
    width: 9px;
    height: 9px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    background: transparent;
}

.leal-mobile-coverage-dot.is-filled {
    background: currentColor;
}

.leal-mobile-coverage-level-0 { color: #b8c0cc; }
.leal-mobile-coverage-level-1,
.leal-mobile-coverage-level-2 { color: #b70000; }
.leal-mobile-coverage-level-3 { color: #e7ab00; }
.leal-mobile-coverage-level-4,
.leal-mobile-coverage-level-5 { color: #008700; }

.leal-mobile-coverage-unavailable {
    color: #8c98a8;
    font-weight: 600;
}

.leal-mobile-coverage-state {
    display: flex;
    min-height: 96px;
    padding: 22px 18px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #40516e;
    text-align: center;
    font-size: 13px;
}

.leal-mobile-coverage-state i {
    color: #245dc4;
    font-size: 18px;
}

.leal-mobile-coverage-state.is-error {
    color: #8a2630;
    background: #fff7f7;
}

.leal-mobile-coverage-state.is-error i {
    color: #c73542;
}

.leal-mobile-coverage-stale {
    margin: 0 14px 8px;
    padding: 7px 9px;
    color: #7b5b13;
    border-radius: 7px;
    background: #fff7d8;
    font-size: 11px;
}

.leal-mobile-coverage-5g-help {
    margin: 0 14px 9px;
    padding: 8px 10px;
    color: #40516e;
    border-radius: 7px;
    background: #eef4fd;
    font-size: 11px;
    line-height: 1.4;
}

.leal-mobile-coverage-5g-help strong {
    color: #17386e;
}

.leal-mobile-coverage-footer {
    display: flex;
    padding: 8px 14px 12px;
    flex-direction: column;
    gap: 3px;
    color: #66748a;
    border-top: 1px solid #edf0f5;
    background: #fafbfd;
    font-size: 11px;
}

.leal-mobile-coverage-footer small {
    color: #758297;
    font-size: 10px;
    line-height: 1.35;
}

@media (max-width: 767px) {
    .leal-mobile-coverage-card {
        max-width: calc(100vw - 42px);
    }

    .leal-mobile-coverage-header {
        min-height: 56px;
        padding-left: 11px;
    }

    .leal-mobile-coverage-header strong {
        font-size: 14px;
    }

    .leal-mobile-coverage-table-wrap {
        padding: 10px 9px 7px;
    }

    .leal-mobile-coverage-footer {
        padding-right: 9px;
        padding-left: 9px;
    }
}