#ocupacoesOffcanvas {
    width: min(540px, 96vw);
}

.occupation-toolbar {
    position: sticky;
    top: 0;
    z-index: 2;
    background: var(--bs-body-bg, #fff);
    padding-bottom: .75rem;
}

.occupation-card {
    cursor: pointer;
    border-left: 5px solid #6c757d;
    transition: transform .12s ease, box-shadow .12s ease;
}

.occupation-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 .2rem .55rem rgba(0, 0, 0, .12);
}

.occupation-card[data-status="Autorizado"],
.occupation-card[data-status="Concluído"] { border-left-color: #198754; }
.occupation-card[data-status="Documentação pendente"],
.occupation-card[data-status="Aguardando pagamento"],
.occupation-card[data-status="Aguardando vistoria"] { border-left-color: #fd7e14; }
.occupation-card[data-status="Indeferido"],
.occupation-card[data-status="Ocupação irregular"] { border-left-color: #dc3545; }
.occupation-card[data-status="Em análise documental"],
.occupation-card[data-status="Em análise técnica"],
.occupation-card[data-status="Aprovado"] { border-left-color: #0d6efd; }

.occupation-status-badge {
    white-space: normal;
    text-align: left;
}

.occupation-detail-grid {
    display: grid;
    grid-template-columns: minmax(130px, 38%) 1fr;
    gap: .45rem .85rem;
}

.occupation-detail-grid dt {
    color: #5c6670;
    font-weight: 600;
    margin: 0;
}

.occupation-detail-grid dd {
    margin: 0;
    overflow-wrap: anywhere;
}

.occupation-history-item {
    border-left: 3px solid #193f78;
    padding-left: .75rem;
    margin-bottom: .75rem;
}

#occupation-feature-summary {
    max-height: 130px;
    overflow: auto;
    font-size: .82rem;
}

.occupation-map-popup {
    min-width: 230px;
}


/* SIGFAD_RESPONSIVE_OCCUPATION_POPUP_V1_START */

.occupation-map-popup {
    width: 100%;
    min-width: 230px;
    max-width: 300px;
    box-sizing: border-box;
}

@media (max-width: 680px) {
    .leaflet-popup {
        max-width: calc(100vw - 24px) !important;
    }

    .leaflet-popup-content-wrapper {
        max-width: calc(100vw - 24px);
        border-radius: 14px;
        box-sizing: border-box;
    }

    .leaflet-popup-content {
        width: auto !important;
        max-width: calc(100vw - 52px);
        margin: 12px 14px;
        box-sizing: border-box;
    }

    .occupation-map-popup {
        width: 100%;
        min-width: 0 !important;
        max-width: none !important;
    }

    .occupation-map-popup .btn {
        width: 100%;
        white-space: normal;
    }
}

/* SIGFAD_RESPONSIVE_OCCUPATION_POPUP_V1_END */