:root {
    --firmaris-bg: #edf3f8;
    --firmaris-surface: #ffffff;
    --firmaris-text: #0f2740;
}

body {
    background: linear-gradient(165deg, #e6f0fa 0%, var(--firmaris-bg) 48%, #f7fbff 100%);
    color: var(--firmaris-text);
    min-height: 100vh;
}

.firmaris-topbar {
    background: rgba(255, 255, 255, 0.92);
    backdrop-filter: blur(8px);
}

.view-layout {
    min-height: calc(100vh - 86px);
}

.view-map {
    width: 100%;
    min-height: 62vh;
    height: calc(100vh - 150px);
    border-radius: 12px;
    border: 1px solid #d7e4f2;
}

.attr-table {
    height: 52vh;
    border: 1px solid #d7e4f2;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}

.feature-info {
    min-height: 260px;
    max-height: 55vh;
    overflow: auto;
    background: #f5f9ff;
    border: 1px solid #dae5f3;
    border-radius: 8px;
    padding: 0.75rem;
    margin: 0;
    font-size: 0.85rem;
}

.form-control-color {
    width: 3.5rem;
}

@media (max-width: 991.98px) {
    .view-map {
        height: 56vh;
        min-height: 56vh;
    }

    .attr-table {
        height: 44vh;
    }
}