/* ============================================================
   delivery-map.css
   Cole este bloco no CSS do gestor (ex: gestor.css ou admin.css)
   ============================================================ */

/* Container principal do mapa */
#delivery-map-container {
    width: 100%;
    height: 340px;
    border-radius: var(--radius-md);
    border: 1px solid #dbdbdb;
    z-index: 0;              /* evita conflito com sidebar */
    margin-bottom: 0.75rem;
}

/* Barra de busca por CEP acima do mapa */
.map-cep-bar {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 0.6rem;
}

.map-cep-bar input {
    flex: 1;
}

/* Cabeçalho da lista de zonas */
.map-zones-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.map-zones-header span {
    font-weight: 500;
    font-size: var(--font-size-sm);
}

/* Linha de cada zona */
.map-zone-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 7px 0;
    border-bottom: 1px solid var(--surface-hover);
    flex-wrap: nowrap;
}

.map-zone-row:last-child {
    border-bottom: none;
}

/* Bolinha colorida */
.map-zone-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.map-zone-name {
    font-size: var(--font-size-compact);
    color: var(--subtitle-color);
    min-width: 52px;
    flex-shrink: 0;
}

.map-zone-sep {
    font-size: var(--font-size-xs);
    color: var(--muted-text-color);
    flex-shrink: 0;
}

.map-zone-rs {
    font-size: var(--font-size-xs);
    color: var(--muted-text-color);
    flex-shrink: 0;
}

.map-zone-unit {
    font-size: var(--font-size-2xs);
    color: var(--muted-text-color);
    flex-shrink: 0;
    white-space: nowrap;
}

.map-zone-km {
    width: 68px !important;
    flex-shrink: 0;
}

.map-zone-taxa {
    width: 80px !important;
    flex-shrink: 0;
}

/* Cards de estatísticas */
.map-stats-row {
    display: flex;
    gap: 8px;
    margin-top: 0.75rem;
}

.map-stat-card {
    flex: 1;
    background: #f8f8f8;
    border-radius: var(--radius-sm);
    padding: 10px 12px;
    text-align: center;
}

.map-stat-card .stat-label {
    font-size: var(--font-size-2xs);
    color: var(--muted-text-color);
    margin-bottom: 2px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.map-stat-card .stat-value {
    font-size: var(--font-size-lg);
    font-weight: 500;
    color: #333;
}

/* Tip abaixo do mapa */
.map-tip {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: var(--font-size-xs);
    color: var(--muted-text-color);
    margin-bottom: 0.5rem;
}

/* Faixa legada oculta (usada só internamente para submissão) */
#faixas-entrega-container-edit {
    display: none !important;
}

#addFaixaBtn-edit {
    display: none !important;
}