@import '_content/OnComponents/OnComponents.g369j3qjar.bundle.scp.css';

/* /Pages/BlazorComponents/BlazorPage.razor.rz.scp.css */
code[b-w5ljuxjcuj], pre[b-w5ljuxjcuj] {
    display: block;
    margin-top: 10px;
    padding: 10px;
    background-color: lightblue;
    color: black;
    border-left: 5px solid darkblue;
}
/* /Pages/Residents/Components/Grids/ResidentsGrid.Razor.rz.scp.css */
.residents__grid__highlight-row[b-k2cghn5p29] {
  background-color: #d4edda !important;
}

/* Add styles for horizontal scrolling */
.residents-grid-container[b-k2cghn5p29] {
  width: 100%;
  overflow: hidden;
}

.properties-grid[b-k2cghn5p29] {
  width: 100%;
  /* Dynamic height based on viewport */
  height: calc(75vh - 100px);
}

/* Fix for header alignment - DevExpress specific CSS */
.dxbl-grid[b-k2cghn5p29] {
  border-collapse: collapse;
}

/* The key fix for column width synchronization */
.dxbl-grid .dxbl-grid-table-wrapper[b-k2cghn5p29] {
  width: 100% !important;
}

.dxbl-grid .dxbl-grid-header-table[b-k2cghn5p29],
.dxbl-grid .dxbl-grid-table[b-k2cghn5p29] {
  width: 100% !important;
  table-layout: fixed !important;
}

/* Ensure the header container doesn't cause misalignment */
.dxbl-grid-header-container[b-k2cghn5p29] {
  overflow: hidden !important;
  width: 100% !important;
}

/* Set consistent box model for all grid cells */
.dxbl-grid-header-cell[b-k2cghn5p29],
.dxbl-grid-data-cell[b-k2cghn5p29] {
  box-sizing: border-box !important;
}

/* Make sure horizontal scrolling works */
.dxbl-grid-content-container[b-k2cghn5p29] {
  width: 100px !important;
}

/* Ensure column resizing functionality works */
.dxbl-grid .dxbl-column-resize-separator[b-k2cghn5p29] {
  position: absolute;
  z-index: 10;
  cursor: col-resize;
}

/* Add a min-width to all cells to ensure they don't get too narrow */
.dxbl-grid-data-cell[b-k2cghn5p29],
.dxbl-grid-header-cell[b-k2cghn5p29] {
  min-width: 120px;
}

/* Ensure column commands don't get too wide */
.dxbl-grid-command-column[b-k2cghn5p29] {
  min-width: 70px !important;
  width: 70px !important;
}

/* Ensure command column stays fixed when scrolling horizontally */
.dxbl-grid-fixed-left-columns[b-k2cghn5p29] {
  position: sticky;
  left: 0;
  z-index: 1;
  background-color: #fff;
}

/* Fullscreen grid styles - match the existing application styles */
.fullscreen-grid[b-k2cghn5p29] {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white;
  padding: 80px 20px 20px 20px;
  overflow: auto;
  height: 100vh !important;
  width: 100vw !important;
  margin: 0 !important;
  z-index: 1000;
}

/* Remove the :has selector since it might not be fully supported */
.residents-grid-container .fullscreen-grid[b-k2cghn5p29] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: white;
  padding: 80px 20px 20px 20px;
}

/* Media queries for responsive heights - only apply when not in fullscreen */
@media (max-height: 768px) {
  .properties-grid:not(.fullscreen-grid)[b-k2cghn5p29] {
    height: calc(65vh - 80px);
  }
}

@media (max-height: 600px) {
  .properties-grid:not(.fullscreen-grid)[b-k2cghn5p29] {
    height: calc(60vh - 60px);
  }
}

@media (min-height: 1080px) {
  .properties-grid:not(.fullscreen-grid)[b-k2cghn5p29] {
    height: calc(80vh - 120px);
  }
}
/* /Pages/Residents/Components/Shared/EditResidentFormDialog.razor.rz.scp.css */
.readonly-input[b-x0t9lizsir] {
    background-color: #e9ecef;
    border: 1px solid #ced4da;
}
/* /Pages/Residents/Components/Shared/NewResidentFormDialog.razor.rz.scp.css */