/*BlackListOfEquipmentOperators.razor css files */
/*------------------------------------------------------*/

.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: none !important;
    cursor: pointer;
}

.sf-grid {
    cursor: pointer;
}

.e-grid .e-gridheader,
.e-grid .e-gridcontent {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.e-grid {
    border: none !important;
}

.e-pager {
    border: 1px solid #dee2e6 !important;
}

.e-gridcontent {
    height: 50vh;
    overflow: auto !important;
}

.e-content.e-yscroll {
    height: 50vh !important;
}
/*
EquipmentOperatorCrud.razor css files */
/*--------------------------------------------------*/
/* 1. The main "Squeeze" from left and right */
.equipment-container {
    background: white;
    border-radius: 8px;
    padding: 2rem; /* Keep nice vertical padding */
    /* This creates the side space */
    max-width: 900px; /* Adjust this number to squeeze more or less */
    margin-left: auto;
    margin-right: auto;
    /* Optional: add a subtle border or shadow to define the squeezed area */
    border: 1px solid #dee2e6;
    box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

/* 2. Standard spacing for labels and rows */
.form-label {
    margin-bottom: 0.3rem;
    color: #444;
    font-weight: 600;
}

/* 3. Ensure the preview fits inside the squeezed container */
.preview-wrapper {
    background: #f4f4f4;
    border: 1px solid #ddd;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 4. Make sure Syncfusion controls take full width of the squeezed columns */
.e-control-wrapper {
    width: 100% !important;
}

/*EquipmentOperators.razor css files */
/*----------------------------------------------*/
.e-grid .e-focused:not(.e-menu-item):not(.e-editedbatchcell) {
    box-shadow: none !important;
    cursor: pointer;
}

.sf-grid {
    cursor: pointer;
}

.e-grid .e-gridheader,
.e-grid .e-gridcontent {
    border-left: 1px solid #dee2e6 !important;
    border-right: 1px solid #dee2e6 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.e-grid {
    border: none !important;
}

.e-pager {
    border: 1px solid #dee2e6 !important;
}

.e-gridcontent {
    height: 50vh;
    overflow: auto !important;
}

.e-content.e-yscroll {
    height: 50vh !important;
}
/* Dialogs dont take the full height of the screen, they become scrollable*/
.scroll-container-dialog-max-height {
    max-height: 500px;
    overflow-y: auto;
}