/* photo-fix 2026-04-08 small4: compact selection thumbs + robust preview/lightbox layering */
.wc-object-info-window-popup .marker-window--selection .photos-row {
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 8px 0 0 !important;
  padding-right: 0 !important;
}

.wc-object-info-window-popup .marker-window--selection .photos-row .photos-row__item,
.wc-object-info-window-popup .marker-window--selection .photos-row img.photos-row__item.fix-height {
  float: none !important;
  clear: none !important;
  flex: 0 0 calc(50% - 4px) !important;
  width: calc(50% - 4px) !important;
  max-width: calc(50% - 4px) !important;
  min-width: 0 !important;
  height: 78px !important;
  min-height: 78px !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
}

.wc-object-info-window-popup .marker-window--selection .photos-row .photos-row__item:only-child {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

/* legacy angular2-lightbox hardening */
body .lightboxOverlay {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2147483000 !important;
}

body .lightbox {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 2147483001 !important;
}

body .lightbox .lb-outerContainer,
body .lightbox .lb-dataContainer,
body .lightbox .lb-nav,
body .lightbox .lb-closeContainer,
body .lightbox .lb-data {
  position: relative !important;
  z-index: 2147483002 !important;
}

body .lightbox .lb-nav a,
body .lightbox .lb-prev,
body .lightbox .lb-next,
body .lightbox .lb-close {
  pointer-events: auto !important;
  cursor: pointer !important;
}

body .lightbox .lb-close {
  opacity: 1 !important;
}

/* object page custom preview must stay above any stale lightbox layers */
body .photo-preview-overlay {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 2147483646 !important;
  pointer-events: auto !important;
}

body .photo-preview-modal,
body .photo-preview-stage {
  position: relative !important;
  z-index: 2147483647 !important;
  pointer-events: auto !important;
}

body .photo-preview-close,
body .photo-preview-nav,
body .photo-preview-nav--prev,
body .photo-preview-nav--next {
  z-index: 2147483647 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* small5: guard against dark gaps on objects list + hide stray archive controls outside clientmap */
body.route-objects,
body.route-objects my-app,
body.route-objects app-root,
body.route-objects .body-container {
  background-color: #f1f5f8 !important;
}

body.route-objects .body-container {
  min-height: 100vh !important;
}

body.route-objects .table-listclient,
body.route-objects .table-responsive,
body.route-objects table {
  background-color: #ffffff !important;
}

body:not(.route-clientmap) .archiving,
body:not(.route-clientmap) .in-archive,
body:not(.route-clientmap) .update {
  display: none !important;
}

/* small6: extra hardening for intermittent mid-screen dark stripe on /objects */
html.route-objects,
body.route-objects {
  background-color: #f1f5f8 !important;
  background-image: none !important;
}

body.route-objects my-app,
body.route-objects app-root,
body.route-objects .body-container,
body.route-objects .block-search,
body.route-objects .block-list-clients,
body.route-objects .w-panel,
body.route-objects .w-panel > .panel-body,
body.route-objects .table-objects {
  background-color: #f1f5f8 !important;
  background-image: none !important;
}

body.route-objects .body-container {
  min-height: calc(100vh - 50px) !important;
}

body.route-objects .table-listclient,
body.route-objects .table-listclient > thead,
body.route-objects .table-listclient > tbody,
body.route-objects .table-listclient > thead > tr,
body.route-objects .table-listclient > tbody > tr,
body.route-objects .table-listclient > thead > tr > td,
body.route-objects .table-listclient > tbody > tr > td {
  background-color: #ffffff !important;
  background-image: none !important;
}