/* Compatibility presentation layer for the exact reviewed Oct24 demo build.
   All rules require the Analytics range control. No public/client styling. */
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid {
  grid-template-columns: minmax(0, 1fr);
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid > section > div:first-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 40px;
  column-gap: 16px;
  align-items: start;
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid > section > div:first-child > div:first-child {
  display: contents;
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid > section > div:first-child > div:first-child > p:first-child {
  grid-column: 1;
  grid-row: 1;
  overflow-wrap: anywhere;
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid > section > div:first-child > div:last-child {
  grid-column: 2;
  grid-row: 1;
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid > section > div:first-child > div:first-child > p:last-child {
  grid-column: 1 / -1;
  grid-row: 2;
  font-size: 24px;
  line-height: 1.25;
  font-variant-numeric: tabular-nums;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid > section > div:last-child > span:last-child {
  min-width: 0;
  overflow-wrap: anywhere;
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) :is(section[aria-labelledby="sales-trend-title"] > .grid, section[aria-labelledby="period-snapshot-title"]) p {
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) section[aria-labelledby="period-snapshot-title"] .grid.grid-cols-2 {
  grid-template-columns: minmax(0, 1fr);
}
main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) section[aria-labelledby="period-snapshot-title"] .grid.grid-cols-2 > div:first-child {
  border-right-width: 0;
  border-bottom-width: 1px;
}
@media (min-width: 640px) {
  main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid > section > div:first-child > div:first-child > p:last-child {
    font-size: 28px;
  }
}
@media (min-width: 640px) and (max-width: 1279px) {
  main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) section[aria-labelledby="period-snapshot-title"] .grid.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) section[aria-labelledby="period-snapshot-title"] .grid.grid-cols-2 > div:first-child {
    border-right-width: 1px;
    border-bottom-width: 0;
  }
}
@media (min-width: 1536px) {
  main:has([aria-label="Χρονικό διάστημα ανάλυσης"]) .mb-6.grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}