[data-combobox-option]:hover {
    color: #ff6b35 !important;
}

/* --------------------------
   Responsive layout
   -------------------------- */

@media (max-width: 900px) {
    #app-container {
        padding: 14px !important;
    }

    .top-row {
        gap: 16px !important;
    }

    .main-content {
        flex-basis: 100% !important;
    }

    .sidebar-panel {
        flex-basis: 100% !important;
        max-width: 100% !important;
        width: 100% !important;
        height: auto !important;
        max-height: 60vh !important;
    }

    #surface {
        height: 65vh !important;
    }

    .table-section {
        padding: 14px !important;
    }
}

@media (max-width: 480px) {
    #app-container {
        padding: 10px !important;
    }

    .sidebar-panel {
        padding: 16px !important;
    }

    #surface {
        height: 55vh !important;
    }
}