/*overrides to radzen theme and global styles*/

/* === Parameter AutoComplete Popup === */
.brb-autocomplete-popup {
    display: none;
    position: absolute;
    overflow: hidden;
    height: 200px;
    width: 300px;
    border: var(--rz-border-normal);
    background-color: var(--rz-panel-background-color);
    box-shadow: var(--rz-panel-shadow);
    border-radius: var(--rz-border-radius);
}

.brb-parameter-textbox {
    font-family: var(--rz-font-family-monospace, 'Courier New', monospace);
}

/* Barab Design System - Pixso-inspired Variables */
:root {
    /* === Canvas Colors === */
    --brb-canvas-page-background: white;
    --brb-canvas-viewport-background: #f5f5f5;
    --brb-canvas-page-border: #d0d0d0;
    --brb-canvas-page-shadow: rgba(0, 0, 0, 0.1);
    --brb-canvas-margin-guide: #007bff;
    --brb-canvas-grid-color: #e0e0e0;
    --brb-canvas-selection-color: #007bff;
}

/* Ribbon container styling */
.ribbon-container {
    flex-shrink: 0;
}

/* === Sidebar Utilities === */

/* Standard scrollable region for sidebar lists/content.
   Replace all inline style="flex: 1; overflow-y: auto; min-height: 0" with this class. */
.brb-scroll {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}