/* One distinct photograph per area; Cash subpages retain their module motif. */
.control-center-ui .content :is(.display-overview-head) { --portal-photo: url("/public/assets/portal-photos/digital-v3.png"); }
.control-center-ui .content :is(.devices-page-head) { --portal-photo: url("/public/assets/portal-photos/devices-v1.webp"); }
.control-center-ui .content :is(.order-page-head) { --portal-photo: url("/public/assets/portal-photos/deviceorders-v1.webp"); }
.control-center-ui .content :is(.one-time-code-page-head) { --portal-photo: url("/public/assets/portal-photos/activation-v1.webp"); }
.control-center-ui .content :is(.layouts-page-head) { --portal-photo: url("/public/assets/portal-photos/layouts-v4.png"); }
.control-center-ui .content :is(.screen-page-head) { --portal-photo: url("/public/assets/portal-photos/screen-v1.webp"); }
.control-center-ui .content :is(.media-page-head) { --portal-photo: url("/public/assets/portal-photos/media-v1.webp"); }
.control-center-ui .content :is(.dashboard-hero) { --portal-photo: url("/public/assets/portal-photos/dashboard-v1.webp"); }
.control-center-ui .content :is(.customers-page-head) { --portal-photo: url("/public/assets/portal-photos/customers-v1.webp"); }
.control-center-ui .content :is(.module-request-page-head) { --portal-photo: url("/public/assets/portal-photos/modulerequests-v1.webp"); }
.control-center-ui .content :is(.lobi-time-head) { --portal-photo: url("/public/assets/portal-photos/staff-v1.webp"); }
.control-center-ui .content :is(.shift-page-head) { --portal-photo: url("/public/assets/portal-photos/shift-v1.webp"); }
.control-center-ui .content :is(.users-page-head) { --portal-photo: url("/public/assets/portal-photos/users-v1.webp"); }
.control-center-ui .content :is(.crm-page-head) { --portal-photo: url("/public/assets/portal-photos/crm-v1.webp"); }
.control-center-ui .content :is(.logbook-page-head) { --portal-photo: url("/public/assets/portal-photos/logbook-v1.webp"); }
.control-center-ui .content :is(.lobi-order-head) { --portal-photo: url("/public/assets/portal-photos/dining-v1.webp"); }
.control-center-ui .content :is(.booking-head) { --portal-photo: url("/public/assets/portal-photos/booking-v1.webp"); }
.control-center-ui .content :is(.cash-hero, .cash-page-head, .cash-wizard-head) { --portal-photo: url("/public/assets/portal-photos/cash-v1.webp"); }
.control-center-ui .content :is(.invoices-page-head) { --portal-photo: url("/public/assets/portal-photos/invoices-v1.webp"); }
.control-center-ui .content :is(.report-page-head) { --portal-photo: url("/public/assets/portal-photos/reports-v1.webp"); }
.control-center-ui .content :is(.office-page-head) { --portal-photo: url("/public/assets/portal-photos/office-v1.webp"); }
.control-center-ui .content :is(.park-head) { --portal-photo: url("/public/assets/portal-photos/parking-v1.webp"); }
.control-center-ui .content :is(.allergy-head) { --portal-photo: url("/public/assets/portal-photos/kitchen-v1.webp"); }
.control-center-ui .content :is(.groups-head) { --portal-photo: url("/public/assets/portal-photos/events-v1.webp"); }
.control-center-ui .content :is(.teams-page-head) { --portal-photo: url("/public/assets/portal-photos/teams-v3.png"); }
/* Separate readable page headings from full-width contextual photography. */
.control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head) {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  height: auto;
  min-height: 0 !important;
  margin: 0 0 24px;
  padding: 0 !important;
  border: 0;
  border-radius: 0;
  background: none !important;
  box-shadow: none;
  overflow: visible;
}
.control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head) > :first-child { flex: 1 1 520px; min-width: 0; max-width: 100%; margin: 0; }
.control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head) > :nth-child(2) { flex: 0 1 auto; min-width: 0; max-width: 100%; margin: 0; }
.control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head)::before { content: none !important; }
.control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head)::after {
  content: "" !important;
  display: block;
  position: static;
  inset: auto;
  order: 100;
  flex: 0 0 100%;
  width: 100%;
  height: clamp(240px, 22vw, 460px);
  margin: 0;
  border: 1px solid var(--ui-border, #29414f);
  border-radius: 14px;
  box-sizing: border-box;
  background: var(--portal-photo) center 15% / cover no-repeat !important;
  opacity: 1;
  filter: none;
  transform: none;
  clip-path: none;
  mask-image: none;
  mix-blend-mode: normal;
  box-shadow: none;
  pointer-events: none;
}
@media (max-width: 720px) {
  .control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head) { flex-direction: column; align-items: stretch; gap: 16px; }
  .control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head) > :first-child, .control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head) > :nth-child(2) { flex: 0 1 auto; width: 100%; }
  .control-center-ui .content :is(.display-overview-head, .devices-page-head, .order-page-head, .one-time-code-page-head, .layouts-page-head, .screen-page-head, .media-page-head, .dashboard-hero, .customers-page-head, .module-request-page-head, .lobi-time-head, .shift-page-head, .users-page-head, .crm-page-head, .logbook-page-head, .lobi-order-head, .booking-head, .cash-hero, .cash-page-head, .cash-wizard-head, .invoices-page-head, .report-page-head, .office-page-head, .park-head, .allergy-head, .groups-head, .teams-page-head)::after { flex: 0 0 180px; height: 180px; background-position: center center !important; }
}