:root {
  --av-navy: #073d70;
  --av-navy-dark: #052f58;
  --av-gold: #ff6b00;
  --av-bg: #eef7fb;
  --av-paper: #ffffff;
  --av-border: #d6e5ee;
  --av-text: #123754;
  --av-muted: #647f94;
}

html,
body,
#root,
.property-page-scroll {
  background-color: #eef7fb !important;
  color: #123754;
}

.property-page-scroll {
  background-image:
    radial-gradient(circle at 82% 4%, rgba(31, 145, 210, 0.10), transparent 30%),
    radial-gradient(circle at 12% 94%, rgba(255, 107, 0, 0.055), transparent 28%) !important;
}

.property-page-scroll .MuiPaper-root,
.property-page-scroll .MuiCard-root,
.property-page-scroll .MuiTableContainer-root,
.property-page-scroll .MuiDataGrid-root,
.MuiDialog-paper,
.MuiPopover-paper,
.MuiMenu-paper {
  background-color: #ffffff;
  border-color: #d6e5ee;
}

.property-page-scroll .MuiTableHead-root .MuiTableCell-root,
.property-page-scroll .MuiDataGrid-columnHeaders,
.property-page-scroll .MuiDataGrid-columnHeader {
  background-color: #e6f2f8 !important;
  color: #073d70 !important;
  border-color: #d1e3ed !important;
}

.property-page-scroll .MuiTableCell-root,
.property-page-scroll .MuiDataGrid-cell,
.property-page-scroll .MuiDataGrid-row,
.property-page-scroll .MuiDivider-root {
  border-color: #dce9f0 !important;
}

.property-page-scroll .MuiTableRow-root:hover,
.property-page-scroll .MuiDataGrid-row:hover {
  background-color: #f1f8fb !important;
}

.property-page-scroll .MuiDataGrid-row.Mui-selected,
.property-page-scroll .MuiDataGrid-row.Mui-selected:hover,
.property-page-scroll .MuiListItemButton-root.Mui-selected,
.property-page-scroll .MuiListItemButton-root.Mui-selected:hover {
  background-color: #dcecf5 !important;
}

.property-page-scroll .MuiTypography-h1,
.property-page-scroll .MuiTypography-h2,
.property-page-scroll .MuiTypography-h3,
.property-page-scroll .MuiTypography-h4,
.property-page-scroll .MuiTypography-h5,
.property-page-scroll .MuiTypography-h6 {
  color: #073d70;
}

.property-page-scroll .MuiButton-containedPrimary {
  background-color: #073d70 !important;
  color: #ffffff !important;
}

.property-page-scroll .MuiButton-containedPrimary:hover {
  background-color: #0a4d87 !important;
}

.property-page-scroll .MuiButton-outlinedPrimary,
.property-page-scroll .MuiIconButton-colorPrimary {
  color: #073d70 !important;
  border-color: #a9cada !important;
}

.property-page-scroll .MuiButton-outlinedPrimary:hover,
.property-page-scroll .MuiIconButton-colorPrimary:hover {
  background-color: #e8f4f9 !important;
  border-color: #073d70 !important;
}

.property-page-scroll .MuiInputLabel-root.Mui-focused,
.property-page-scroll .MuiFormLabel-root.Mui-focused {
  color: #d95600 !important;
}

.property-page-scroll .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline {
  border-color: #ff6b00 !important;
}

.property-page-scroll .MuiTabs-indicator,
.property-page-scroll .MuiLinearProgress-barColorPrimary {
  background-color: #ff6b00 !important;
}

.property-page-scroll .MuiTab-root.Mui-selected,
.property-page-scroll .MuiPaginationItem-root.Mui-selected {
  color: #073d70 !important;
}

.property-page-scroll .MuiPaginationItem-root.Mui-selected {
  background-color: #dcecf5 !important;
}

.property-page-scroll .MuiChip-colorPrimary {
  background-color: #dcecf5 !important;
  color: #073d70 !important;
}

.property-page-scroll .MuiBadge-colorPrimary {
  background-color: #ff6b00 !important;
  color: #ffffff !important;
}

[aria-label="Κύρια πλοήγηση Property"] {
  background-color: #073d70 !important;
  color: #f7fbff !important;
  border-color: #0b4b82 !important;
}

[aria-label="Κύρια πλοήγηση Property"] .MuiTypography-root,
[aria-label="Κύρια πλοήγηση Property"] .MuiSvgIcon-root {
  color: inherit;
}

[aria-label="Κύρια πλοήγηση Property"] > div:first-child {
  background-color: #ffffff !important;
  border-color: #d6e5ee !important;
}

[aria-label="Κύρια πλοήγηση Property"] > div:first-child .MuiIconButton-root {
  color: #073d70 !important;
}


/* The navigation scrollbar stays out of sight until the user scrolls. */
body:not(.technician-app-mode) .property-sidebar-scroll {
  scrollbar-color: transparent transparent !important;
}

body:not(.technician-app-mode) .property-sidebar-scroll::-webkit-scrollbar {
  width: 8px !important;
}

body:not(.technician-app-mode) .property-sidebar-scroll::-webkit-scrollbar-track {
  background-color: transparent !important;
}

body:not(.technician-app-mode) .property-sidebar-scroll::-webkit-scrollbar-thumb {
  background-color: transparent !important;
  border-color: transparent !important;
}

body:not(.technician-app-mode) .property-sidebar-scroll.is-scrolling {
  scrollbar-color: rgba(255, 255, 255, 0.62) transparent !important;
}

body:not(.technician-app-mode) .property-sidebar-scroll.is-scrolling::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.62) !important;
  border-color: #073d70 !important;
}


/* Building names remain white inside the dark folder header. */
.property-page-scroll .building-folder-header .MuiTypography-h4 {
  color: #ffffff !important;
}


/* Keep the complete logo panel fixed while the navigation items scroll beneath it. */
body:not(.technician-app-mode) [aria-label="Κύρια πλοήγηση Property"] > div:first-child {
  position: sticky !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 4 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


/* The logo occupies the complete fixed top panel; only the navigation below it scrolls. */
body:not(.technician-app-mode) [aria-label="Κύρια πλοήγηση Property"] {
  overflow: hidden !important;
}

body:not(.technician-app-mode) .property-sidebar-scroll {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}