.apc-pandonia-section {
  --apc-container-max: 1520px;
  padding-block: clamp(42px, 6vw, 82px);
}

.apc-pandonia {
  --pgn-navy: var(--navy-1000, #002640);
  --pgn-blue: var(--navy-800, #07537f);
  --pgn-blue-bright: #0f6bdc;
  --pgn-orange: var(--orange-600, #f39200);
  --pgn-ink: var(--ink, #0b2b42);
  --pgn-soft: var(--ink-soft, #365569);
  --pgn-muted: var(--muted, #6a7f8d);
  --pgn-paper: var(--paper-cool, #f1f5f7);
  --pgn-white: #fff;
  --pgn-line: var(--line, rgba(11, 43, 66, .14));
  --pgn-line-strong: var(--line-strong, rgba(11, 43, 66, .23));
  --pgn-radius: 20px;
  --pgn-radius-small: 13px;
  --pgn-admin-bar-offset: 0px;
  position: relative;
  width: 100%;
  color: var(--pgn-ink);
  font-variant-numeric: tabular-nums;
}

body.admin-bar .apc-pandonia { --pgn-admin-bar-offset: 32px; }

.apc-pandonia *,
.apc-pandonia *::before,
.apc-pandonia *::after { box-sizing: border-box; }
.apc-pandonia button,
.apc-pandonia input { font: inherit; }
.apc-pandonia button { color: inherit; }
.apc-pandonia canvas,
.apc-pandonia svg { display: block; max-width: 100%; }
.apc-pandonia [hidden] { display: none !important; }

.apc-pandonia__visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.apc-pandonia__station {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(430px, .82fr);
  align-items: end;
  gap: clamp(28px, 5vw, 76px);
  margin-bottom: 18px;
  padding: clamp(26px, 4vw, 44px);
  overflow: hidden;
  color: #fff;
  background:
    radial-gradient(circle at 88% 8%, rgba(186, 213, 240, .28), transparent 30%),
    linear-gradient(135deg, #002640 0%, #003d68 66%, #07537f 100%);
  border-radius: clamp(20px, 3vw, 30px);
  box-shadow: 0 25px 65px rgba(0, 38, 64, .18);
}

.apc-pandonia__station h2 {
  max-width: none;
  margin: 7px 0 10px;
  color: #fff;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.02;
  letter-spacing: -.045em;
}
.apc-pandonia__station-copy > p {
  max-width: 700px;
  margin: 0;
  color: rgba(255, 255, 255, .76);
  font-size: clamp(14px, 1.45vw, 17px);
}
.apc-pandonia__kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  color: rgba(255, 255, 255, .86);
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.apc-pandonia__live-dot {
  position: relative;
  width: 9px;
  height: 9px;
  background: #79d274;
  border-radius: 50%;
  box-shadow: 0 0 0 5px rgba(121, 210, 116, .13);
}
.apc-pandonia__station-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 15px;
  background: rgba(255, 255, 255, .075);
  backdrop-filter: blur(8px);
}
.apc-pandonia__station-meta > span {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 16px 18px;
}
.apc-pandonia__station-meta > span + span { border-left: 1px solid rgba(255, 255, 255, .16); }
.apc-pandonia__station-meta small {
  color: rgba(255, 255, 255, .6);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}
.apc-pandonia__station-meta strong {
  overflow: hidden;
  color: #fff;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.apc-pandonia__station-meta .apc-pandonia__coordinates {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 1px .65em;
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.apc-pandonia__coordinates span { white-space: nowrap; }

.apc-pandonia__selector-shell {
  position: sticky;
  top: calc(var(--header-height, 88px) + var(--pgn-admin-bar-offset) + 10px);
  z-index: 30;
  margin-bottom: 18px;
	overflow: visible;
  background: rgba(255, 255, 255, .96);
  border: 1px solid var(--pgn-line);
  border-radius: var(--pgn-radius);
  box-shadow: 0 13px 42px rgba(0, 38, 64, .1);
  backdrop-filter: blur(16px);
}

@media screen and (max-width: 782px) {
  body.admin-bar .apc-pandonia { --pgn-admin-bar-offset: 46px; }
}
.apc-pandonia__products {
  display: grid;
  grid-template-columns: 5fr 3fr 3fr;
  gap: 0;
}
.apc-pandonia__product-group {
  min-width: 0;
  padding: 17px 16px 14px;
}
.apc-pandonia__product-group + .apc-pandonia__product-group { border-left: 1px solid var(--pgn-line); }
.apc-pandonia__product-group h3 {
  margin: 0 0 10px;
  color: var(--pgn-muted);
  font-size: 10px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.apc-pandonia__product-row {
  display: grid;
  grid-template-columns: repeat(var(--pgn-products, 3), minmax(62px, 1fr));
  gap: 6px;
}
.apc-pandonia__product-group[data-family="total"] .apc-pandonia__product-row { --pgn-products: 5; }
.apc-pandonia__product {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto 28px;
  align-items: end;
  min-width: 0;
  min-height: 72px;
  padding: 8px 9px 7px;
  text-align: left;
  background: #f5f8fa;
  border: 1px solid transparent;
  border-radius: 10px;
  cursor: pointer;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.apc-pandonia__product::before {
  content: "";
  position: absolute;
  inset: -1px auto -1px -1px;
  width: 4px;
  background: var(--pgn-orange);
  border-radius: 10px 0 0 10px;
  opacity: 0;
}
.apc-pandonia__product:hover { border-color: rgba(7, 83, 127, .25); background: #fff; }
.apc-pandonia__product:focus-visible { outline: 3px solid rgba(243, 146, 0, .3); outline-offset: 2px; }
.apc-pandonia__product[aria-pressed="true"] {
  background: #eef5fb;
  border-color: rgba(7, 83, 127, .42);
  box-shadow: 0 6px 17px rgba(0, 38, 64, .08);
}
.apc-pandonia__product[aria-pressed="true"]::before { opacity: 1; }
.apc-pandonia__product.is-unavailable { opacity: .38; cursor: not-allowed; }
.apc-pandonia__gas {
  align-self: start;
  color: var(--pgn-navy);
  font-size: 15px;
  font-weight: 900;
  letter-spacing: -.02em;
}
.apc-pandonia__product small {
  align-self: start;
  color: var(--pgn-muted);
  font-size: 8px;
  font-weight: 800;
  white-space: nowrap;
}
.apc-pandonia__product svg { grid-column: 1 / -1; width: 100%; height: 28px; overflow: visible; }
.apc-pandonia__spark-base { fill: none; stroke: rgba(11, 43, 66, .1); stroke-width: 1; }
.apc-pandonia__spark-line { fill: none; stroke: var(--pgn-blue-bright); stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.apc-pandonia__product[aria-pressed="true"] .apc-pandonia__spark-line { stroke: var(--pgn-orange); }
.apc-pandonia__product .apc-pandonia__spark-line.is-range-placeholder { stroke: rgba(106, 127, 141, .5); stroke-width: 1.7; }

.apc-pandonia__datebar {
  display: grid;
  grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
	min-width: 0;
  min-height: 62px;
  padding: 10px 16px;
  border-top: 1px solid var(--pgn-line);
}
.apc-pandonia__datebar > p {
  display: flex;
  align-items: center;
	min-width: 0;
	flex-wrap: wrap;
  gap: 7px;
  margin: 0;
  color: var(--pgn-muted);
  font-size: 11px;
}
.apc-pandonia__date-control,
.apc-pandonia__date-actions { display: flex; align-items: center; min-width: 0; gap: 7px; }
.apc-pandonia__calendar { position: relative; min-width: 0; }
.apc-pandonia__calendar-trigger {
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	min-width: 210px;
	height: 42px;
	padding: 0 11px;
	color: var(--pgn-ink);
	background: #f5f8fa;
	border: 1px solid var(--pgn-line-strong);
	border-radius: 9px;
	font-weight: 780;
	cursor: pointer;
}
.apc-pandonia__calendar-trigger > svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.apc-pandonia__calendar-trigger > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apc-pandonia__calendar-trigger i { display: grid; width: 18px; height: 18px; place-items: center; font-style: normal; line-height: 1; transform-origin: center; transition: transform .16s ease; }
.apc-pandonia__calendar-trigger i svg { display: block; width: 12px; height: 8px; overflow: visible; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.apc-pandonia__calendar-trigger[aria-expanded="true"] i { transform: rotate(180deg); }
.apc-pandonia__calendar-trigger:focus-visible { border-color: var(--pgn-orange); outline: 3px solid rgba(243, 146, 0, .2); }
.apc-pandonia__calendar-popover {
	position: absolute;
	top: calc(100% + 9px);
	left: 50%;
	z-index: 60;
	width: min(322px, calc(100vw - 32px));
	padding: 14px;
	background: #fff;
	border: 1px solid var(--pgn-line);
	border-radius: 14px;
	box-shadow: 0 18px 55px rgba(0, 38, 64, .2);
	transform: translateX(-50%);
}
.apc-pandonia__calendar-popover header { display: grid; grid-template-columns: 36px 1fr 36px; align-items: center; gap: 6px; }
.apc-pandonia__calendar-period { display: flex; align-items: center; justify-content: center; gap: 3px; min-width: 0; }
.apc-pandonia__calendar-period button { min-width: 0; min-height: 32px; padding: 0 5px; color: var(--pgn-navy); background: transparent; border: 0; border-radius: 7px; font-size: 13px; font-weight: 850; cursor: pointer; }
.apc-pandonia__calendar-period button:hover,
.apc-pandonia__calendar-period button[aria-pressed="true"] { color: var(--pgn-blue); background: #edf4f9; }
.apc-pandonia__calendar-popover header > button,
.apc-pandonia__calendar-grid button {
	display: grid;
	place-items: center;
	padding: 0;
	background: transparent;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
}
.apc-pandonia__calendar-popover header > button { width: 36px; height: 36px; color: var(--pgn-blue); font-size: 18px; }
.apc-pandonia__calendar-popover header > button:hover,
.apc-pandonia__calendar-grid button:not(:disabled):hover { color: #fff; background: var(--pgn-blue); }
.apc-pandonia__calendar-popover button:focus-visible { outline: 3px solid rgba(243, 146, 0, .28); outline-offset: 1px; }
.apc-pandonia__calendar-popover button:disabled { opacity: .26; cursor: not-allowed; }
.apc-pandonia__calendar-weekdays,
.apc-pandonia__calendar-grid { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 3px; }
.apc-pandonia__calendar-weekdays { margin: 11px 0 5px; color: var(--pgn-muted); font-size: 8px; font-weight: 850; text-align: center; text-transform: uppercase; }
.apc-pandonia__calendar-grid > span,
.apc-pandonia__calendar-grid button { aspect-ratio: 1; min-width: 0; font-size: 11px; }
.apc-pandonia__calendar-grid button { color: var(--pgn-ink); background: #f3f6f8; font-weight: 760; }
.apc-pandonia__calendar-grid button.is-latest::after { content: ""; position: absolute; right: 5px; bottom: 4px; width: 4px; height: 4px; background: var(--pgn-orange); border-radius: 50%; }
.apc-pandonia__calendar-grid button { position: relative; }
.apc-pandonia__calendar-grid button[aria-current="date"] { color: #fff; background: var(--pgn-blue); box-shadow: inset 0 0 0 2px var(--pgn-orange); }
.apc-pandonia__calendar-grid button[aria-current="true"] { color: var(--pgn-blue); background: #e8f2f8; box-shadow: inset 0 0 0 2px var(--pgn-blue); }
.apc-pandonia__calendar-grid button.is-range { color: var(--pgn-blue); background: #e7f1f8; border-radius: 3px; }
.apc-pandonia__calendar-grid button.is-range-start,
.apc-pandonia__calendar-grid button.is-range-end { color: #fff; background: var(--pgn-blue); border-radius: 8px; box-shadow: inset 0 0 0 2px var(--pgn-orange); }
.apc-pandonia__calendar-popover footer p.is-error { color: #a2382f; font-weight: 760; }
.apc-pandonia__calendar-grid button:disabled { color: #9baab4; background: transparent; }
.apc-pandonia__calendar-grid.is-months { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 12px; }
.apc-pandonia__calendar-grid.is-years { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 12px; }
.apc-pandonia__calendar-grid.is-months button,
.apc-pandonia__calendar-grid.is-years button { min-height: 42px; aspect-ratio: auto; }
.apc-pandonia__calendar-popover footer { display: grid; gap: 8px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--pgn-line); }
.apc-pandonia__calendar-popover footer p { margin: 0 2px; color: var(--pgn-muted); font-size: 9px; text-align: center; }
.apc-pandonia__calendar-yesterday { min-height: 34px; padding: 0 12px; color: var(--pgn-blue); background: #edf4f9; border: 0; border-radius: 8px; font-size: 10px; font-weight: 850; cursor: pointer; }
.apc-pandonia__calendar-yesterday:not(:disabled):hover { color: #fff; background: var(--pgn-blue); }
.apc-pandonia__icon-button,
.apc-pandonia__text-button {
  display: inline-grid;
  place-items: center;
  min-width: 42px;
  min-height: 42px;
  padding: 0;
  color: var(--pgn-blue);
  background: transparent;
  border: 1px solid var(--pgn-line);
  border-radius: 9px;
  cursor: pointer;
}
.apc-pandonia__icon-button { font-size: 21px; }
.apc-pandonia__icon-button > svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.apc-pandonia__icon-button[aria-pressed="true"] { color: #fff; background: var(--pgn-blue); border-color: var(--pgn-blue); }
.apc-pandonia__text-button { padding-inline: 13px; font-size: 11px; font-weight: 850; }
.apc-pandonia__icon-button:hover,
.apc-pandonia__text-button:hover { color: #fff; background: var(--pgn-blue); border-color: var(--pgn-blue); }
.apc-pandonia__icon-button:focus-visible,
.apc-pandonia__text-button:focus-visible { outline: 3px solid rgba(243, 146, 0, .3); outline-offset: 2px; }
.apc-pandonia__icon-button:disabled,
.apc-pandonia__text-button:disabled { color: #9aabb5; background: #f2f4f5; border-color: transparent; cursor: not-allowed; }

.apc-pandonia__state {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 260px;
  padding: 40px;
  color: var(--pgn-soft);
  background: #fff;
  border: 1px solid var(--pgn-line);
  border-radius: var(--pgn-radius);
  text-align: center;
}
.apc-pandonia__state.is-error { flex-direction: column; color: #8c3a32; background: #fff9f7; }
.apc-pandonia__state button { margin-top: 8px; }
.apc-pandonia__spinner {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(7, 83, 127, .16);
  border-top-color: var(--pgn-blue);
  border-radius: 50%;
  animation: apc-pandonia-spin .75s linear infinite;
}
@keyframes apc-pandonia-spin { to { transform: rotate(360deg); } }

.apc-pandonia__dashboard { position: relative; display: grid; gap: 18px; }
.apc-pandonia__update-state { position: absolute; z-index: 24; top: 92px; right: 24px; display: flex; align-items: center; gap: 8px; max-width: calc(100% - 48px); min-height: 38px; padding: 7px 12px; color: var(--pgn-blue); background: rgba(255,255,255,.96); border: 1px solid var(--pgn-line); border-radius: 999px; box-shadow: 0 9px 24px rgba(0,38,64,.13); font-size: 10px; }
.apc-pandonia__update-state.is-error { color: #8c3a32; background: #fff9f7; }
.apc-pandonia__update-state .apc-pandonia__spinner { width: 16px; height: 16px; border-width: 2px; }
.apc-pandonia__primary-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(285px, 340px);
  gap: 18px;
  align-items: start;
}
.apc-pandonia__chart-card { grid-column: 1; grid-row: 1; }
.apc-pandonia__side { grid-column: 2; grid-row: 1 / span 2; }
.apc-pandonia__primary-grid > .apc-pandonia__diagnostics { grid-column: 1; grid-row: 2; min-width: 0; }
.apc-pandonia__card {
  min-width: 0;
  background: #fff;
  border: 1px solid var(--pgn-line);
  border-radius: var(--pgn-radius);
  box-shadow: 0 10px 32px rgba(0, 38, 64, .06);
}
.apc-pandonia__chart-card { padding: clamp(17px, 2.6vw, 27px); }
.apc-pandonia__card-head,
.apc-pandonia__mini-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
}
.apc-pandonia__card-head { margin-bottom: 18px; }
.apc-pandonia__card-head p,
.apc-pandonia__mini-head p {
  margin: 0 0 4px;
  color: var(--pgn-muted);
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.apc-pandonia__card-head h3 {
  margin: 0;
  color: var(--pgn-ink);
  font-size: clamp(20px, 2.3vw, 30px);
  letter-spacing: -.035em;
}
.apc-pandonia__quality-badge {
  display: inline-flex;
  align-items: center;
  min-height: 29px;
  padding: 4px 10px;
  color: #176c35;
  background: #e8f6eb;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .04em;
  white-space: nowrap;
}
.apc-pandonia__quality-badge.is-partial { color: #8b5500; background: #fff2d9; }
.apc-pandonia__quality-badge.is-assured { color: #176c35; background: #e8f6eb; }
.apc-pandonia__quality-badge.is-not-assured { color: #8b5500; background: #fff2d9; }
.apc-pandonia__quality-badge.is-unusable { color: #8b2720; background: #fbe4e2; }
.apc-pandonia__quality-badge.is-mixed { color: #5255a2; background: #ececf8; }
.apc-pandonia__chart-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: -6px 0 12px;
}
.apc-pandonia__chart-display-controls { display: flex; align-items: center; min-width: 0; }
.apc-pandonia__median-toggle { display: inline-flex; align-items: center; gap: 8px; min-width: 0; color: var(--pgn-soft); cursor: pointer; }
.apc-pandonia__median-toggle[hidden] { display: none; }
.apc-pandonia__median-toggle input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.apc-pandonia__median-toggle > span { position: relative; flex: 0 0 auto; width: 34px; height: 19px; background: #aab8c1; border-radius: 999px; transition: background .16s ease; }
.apc-pandonia__median-toggle > span::after { content: ""; position: absolute; top: 3px; left: 3px; width: 13px; height: 13px; background: #fff; border-radius: 50%; box-shadow: 0 1px 4px rgba(0, 38, 64, .25); transition: transform .16s ease; }
.apc-pandonia__median-toggle input:checked + span { background: var(--pgn-orange); }
.apc-pandonia__median-toggle input:checked + span::after { transform: translateX(15px); }
.apc-pandonia__median-toggle input:focus-visible + span { outline: 3px solid rgba(243, 146, 0, .28); outline-offset: 2px; }
.apc-pandonia__median-toggle input:disabled + span { opacity: .4; }
.apc-pandonia__median-toggle:has(input:disabled) { opacity: .58; cursor: not-allowed; }
.apc-pandonia__median-toggle strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.apc-pandonia__median-toggle small { color: var(--pgn-muted); font-size: 8px; white-space: nowrap; }
.apc-pandonia__chart-mode {
	display: inline-flex;
	align-items: center;
	overflow: hidden;
	border: 1px solid var(--pgn-line);
	border-radius: 9px;
}
.apc-pandonia__chart-mode[hidden] { display: none; }
.apc-pandonia__chart-mode button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 34px;
	padding: 0 10px;
	color: var(--pgn-muted);
	background: #fff;
	border: 0;
	font-size: 9px;
	font-weight: 850;
	cursor: pointer;
}
.apc-pandonia__chart-mode button + button { border-left: 1px solid var(--pgn-line); }
.apc-pandonia__chart-mode button[aria-pressed="true"] { color: #fff; background: var(--pgn-blue); }
.apc-pandonia__chart-mode button:disabled { color: #9aabb5; background: #f2f4f5; cursor: not-allowed; }
.apc-pandonia__chart-mode button:focus-visible { position: relative; z-index: 1; outline: 3px solid rgba(243, 146, 0, .3); outline-offset: -3px; }
.apc-pandonia__chart-mode svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.apc-pandonia__mini-actions { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.apc-pandonia__chart-mode--mini button { width: 32px; min-height: 32px; padding: 0; }
.apc-pandonia__chart-mode--mini button span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.apc-pandonia__chart-actions { display: inline-flex; align-items: center; gap: 7px; }
.apc-pandonia__zoom-controls { display: inline-flex; align-items: center; overflow: hidden; border: 1px solid var(--pgn-line); border-radius: 9px; }
.apc-pandonia__zoom-controls > button,
.apc-pandonia__zoom-controls > span { display: grid; min-width: 34px; min-height: 32px; place-items: center; }
.apc-pandonia__zoom-controls button { padding: 0 9px; color: var(--pgn-blue); background: #fff; border: 0; cursor: pointer; font-size: 12px; font-weight: 850; }
.apc-pandonia__zoom-controls button + button,
.apc-pandonia__zoom-controls > span + button { border-left: 1px solid var(--pgn-line); }
.apc-pandonia__zoom-controls button:hover { color: #fff; background: var(--pgn-blue); }
.apc-pandonia__zoom-controls button:focus-visible { position: relative; z-index: 1; outline: 3px solid rgba(243, 146, 0, .3); outline-offset: -2px; }
.apc-pandonia__zoom-controls button:disabled { color: #9aabb5; background: #f2f4f5; cursor: not-allowed; }
.apc-pandonia__zoom-controls > span { padding: 0 7px; color: var(--pgn-muted); background: #f5f8fa; font-size: 9px; font-weight: 800; }
.apc-pandonia__zoom-reset-icon { display: block; width: 15px; height: 15px; }
.apc-pandonia__zoom-reset-icon path { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.apc-pandonia__sun-summary { flex: 1 1 230px; color: var(--pgn-muted); }
.apc-pandonia__sun-summary > i { display: inline-grid; width: 16px; height: 16px; place-items: center; color: var(--pgn-orange); background: transparent; border-radius: 0; font-style: normal; }
.apc-pandonia__sun-summary > em { color: inherit; font-style: normal; }
.apc-pandonia__export { position: relative; flex: 0 0 auto; }
.apc-pandonia__export > button {
	display: grid;
	width: 34px;
	height: 34px;
	padding: 0;
	place-items: center;
	color: var(--pgn-blue);
	background: #fff;
	border: 1px solid var(--pgn-line);
	border-radius: 9px;
	cursor: pointer;
}
.apc-pandonia__export > button:hover,
.apc-pandonia__export > button[aria-expanded="true"] { color: #fff; background: var(--pgn-blue); }
.apc-pandonia__export > button:focus-visible { outline: 3px solid rgba(243, 146, 0, .28); outline-offset: 2px; }
.apc-pandonia__export > button svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.apc-pandonia__export-menu {
	position: absolute;
	top: calc(100% + 5px);
	right: 0;
	z-index: 12;
	display: grid;
	min-width: 74px;
	padding: 4px;
	background: #fff;
	border: 1px solid var(--pgn-line);
	border-radius: 9px;
	box-shadow: 0 12px 32px rgba(0, 38, 64, .16);
}
.apc-pandonia__export-menu[hidden] { display: none; }
.apc-pandonia__export-menu button { padding: 7px 10px; color: var(--pgn-ink); background: transparent; border: 0; border-radius: 6px; cursor: pointer; font-size: 9px; font-weight: 800; text-align: left; }
.apc-pandonia__export-menu button:hover,
.apc-pandonia__export-menu button:focus-visible { color: #fff; background: var(--pgn-blue); outline: 0; }
.apc-pandonia__chart-wrap {
  position: relative;
  min-height: 360px;
  border-radius: var(--pgn-radius-small);
	background: linear-gradient(180deg, #f8fafb, #f2f6f8);
	touch-action: pan-y;
	cursor: crosshair;
}
.apc-pandonia__chart-wrap.is-dragging { cursor: grabbing; user-select: none; }
.apc-pandonia__chart-wrap.is-point-pinned { cursor: default; }
.apc-pandonia__chart-wrap canvas { width: 100%; height: clamp(330px, 32vw, 430px); }
.apc-pandonia__direction-inline {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 2;
	display: grid;
	width: 82px;
	padding: 7px 7px 6px;
	pointer-events: none;
	background: rgba(255, 255, 255, .88);
	border: 1px solid rgba(11, 43, 66, .12);
	border-radius: 11px;
	box-shadow: 0 7px 20px rgba(0, 38, 64, .08);
	backdrop-filter: blur(5px);
}
.apc-pandonia__direction-inline .apc-pandonia__direction-icon { width: 14px; height: 14px; margin: 0 auto; overflow: visible; }
.apc-pandonia__direction-inline .apc-pandonia__direction-icon path,
.apc-pandonia__direction-inline .apc-pandonia__direction-icon circle { fill: none; stroke: var(--pgn-muted); stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.apc-pandonia__direction-inline .apc-pandonia__direction-compass { width: 58px; height: 58px; margin: 2px auto -2px; overflow: visible; }
.apc-pandonia__direction-compass > circle,
.apc-pandonia__direction-compass > path { fill: none; stroke: rgba(11, 43, 66, .24); stroke-width: 1; }
.apc-pandonia__direction-compass text { fill: var(--pgn-muted); font-size: 7px; font-weight: 800; text-anchor: middle; }
.apc-pandonia__direction-inline [data-direction-arrow] { color: var(--pgn-orange); transform-box: view-box; transform-origin: 38px 38px; transition: opacity .16s ease, transform .25s ease; }
.apc-pandonia__direction-inline [data-direction-arrow] path { fill: currentColor; }
.apc-pandonia__direction-inline [data-direction-arrow] circle { fill: currentColor; stroke: #fff; stroke-width: 1; }
.apc-pandonia__direction-inline strong { overflow: hidden; color: var(--pgn-ink); font-size: 9px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.apc-pandonia__direction-inline.is-missing [data-direction-arrow] { opacity: .18; }
.apc-pandonia__tooltip {
  position: absolute;
  z-index: 4;
  min-width: 145px;
  max-width: 220px;
  padding: 10px 12px;
  color: #fff;
  background: rgba(0, 38, 64, .94);
  border-radius: 10px;
  box-shadow: 0 12px 34px rgba(0, 38, 64, .22);
  font-size: 11px;
  line-height: 1.45;
  pointer-events: none;
  transform: translate(-50%, calc(-100% - 13px));
}
.apc-pandonia__tooltip strong { display: block; color: #fff; font-size: 13px; }
.apc-pandonia__tooltip small { color: rgba(255, 255, 255, .68); }
.apc-pandonia__tooltip .apc-pandonia__tooltip-pinned { color: #ffd28c; font-weight: 750; }
.apc-pandonia__legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 15px;
  margin-top: 14px;
  color: var(--pgn-muted);
  font-size: 9px;
}
.apc-pandonia__legend span { display: inline-flex; align-items: center; gap: 6px; }
.apc-pandonia__legend i { width: 8px; height: 8px; border-radius: 50%; background: var(--pgn-blue-bright); }
.apc-pandonia__legend .is-medium { background: #7477c8; }
.apc-pandonia__legend .is-low { background: #b4c2d7; }
.apc-pandonia__heatmap-legend { position: relative; flex: 1 1 250px; min-width: 0; }
.apc-pandonia__heatmap-legend[hidden] { display: none; }
.apc-pandonia__heatmap-legend > b { color: var(--pgn-ink); font-weight: 800; }
.apc-pandonia__legend .apc-pandonia__heatmap-legend > i {
	width: clamp(70px, 15vw, 145px);
	height: 8px;
	border-radius: 999px;
	background: linear-gradient(90deg, #dcebf3 0%, #68c5c2 30%, #0f6bdc 58%, #6648a5 80%, #f39200 100%);
}
.apc-pandonia__heatmap-legend em { color: var(--pgn-muted); font-style: normal; font-variant-numeric: tabular-nums; }
.apc-pandonia__legend .apc-pandonia__heatmap-help { position: relative; display: inline-flex; flex: 0 0 auto; margin-left: 2px; }
.apc-pandonia__heatmap-help > button {
	display: grid;
	width: 22px;
	height: 22px;
	padding: 0;
	place-items: center;
	color: var(--pgn-blue);
	background: #edf4f9;
	border: 1px solid rgba(7, 83, 127, .18);
	border-radius: 50%;
	cursor: help;
}
.apc-pandonia__heatmap-help > button:hover,
.apc-pandonia__heatmap-help > button:focus-visible { color: #fff; background: var(--pgn-blue); outline: 2px solid rgba(243, 146, 0, .34); outline-offset: 2px; }
.apc-pandonia__heatmap-help > button svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 1.8; }
.apc-pandonia__legend .apc-pandonia__heatmap-help-tooltip {
	position: absolute;
	right: 0;
	bottom: calc(100% + 9px);
	z-index: 9;
	display: block;
	width: min(330px, calc(100vw - 48px));
	padding: 11px 12px;
	color: #fff;
	background: rgba(0, 38, 64, .97);
	border-radius: 10px;
	box-shadow: 0 12px 34px rgba(0, 38, 64, .24);
	line-height: 1.42;
	opacity: 0;
	pointer-events: none;
	transform: translateY(4px);
	visibility: hidden;
	transition: opacity .15s ease, transform .15s ease, visibility .15s ease;
}
.apc-pandonia__heatmap-help-tooltip strong { display: block; margin-bottom: 4px; color: #fff; font-size: 10px; }
.apc-pandonia__heatmap-help-tooltip small { display: block; color: rgba(255, 255, 255, .8); font-size: 9px; }
.apc-pandonia__heatmap-help:hover .apc-pandonia__heatmap-help-tooltip,
.apc-pandonia__heatmap-help:focus-within .apc-pandonia__heatmap-help-tooltip { opacity: 1; transform: translateY(0); visibility: visible; }
.apc-pandonia__legend .apc-pandonia__legend-status { margin-left: auto; padding-left: 15px; border-left: 1px solid var(--pgn-line); }
.apc-pandonia__legend-status b { color: var(--pgn-ink); font-weight: 800; }
.apc-pandonia__legend-status em { font-style: normal; }

.apc-pandonia__side { display: grid; align-content: start; gap: 14px; }
.apc-pandonia__kpis { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.apc-pandonia__kpis article {
  min-width: 0;
  padding: 15px;
  background: #fff;
  border: 1px solid var(--pgn-line);
  border-radius: var(--pgn-radius-small);
  box-shadow: 0 7px 20px rgba(0, 38, 64, .045);
}
.apc-pandonia__kpis span,
.apc-pandonia__kpis small { display: block; overflow: hidden; color: var(--pgn-muted); text-overflow: ellipsis; white-space: nowrap; }
.apc-pandonia__kpis span { font-size: 8px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.apc-pandonia__kpis strong { display: block; margin: 6px 0 1px; color: var(--pgn-navy); font-size: clamp(19px, 2vw, 25px); line-height: 1.05; letter-spacing: -.03em; }
.apc-pandonia__kpis small { font-size: 8px; }
.apc-pandonia__reading { overflow: hidden; }
.apc-pandonia__reading header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 17px 18px;
  color: #fff;
  background: var(--pgn-navy);
}
.apc-pandonia__reading header > div { display: grid; gap: 1px; min-width: 0; }
.apc-pandonia__reading header p { margin: 0; color: rgba(255, 255, 255, .62); font-size: 8px; font-weight: 850; line-height: 1.1; letter-spacing: .1em; text-transform: uppercase; }
.apc-pandonia__reading header strong { color: #fff; font-size: 14px; line-height: 1.15; }
.apc-pandonia__reading header > span { padding: 4px 8px; color: var(--pgn-navy); background: #fff; border-radius: 999px; font-size: 8px; font-weight: 850; }
.apc-pandonia__reading dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.apc-pandonia__reading dl > div { min-width: 0; padding: 12px 14px; border-bottom: 1px solid var(--pgn-line); }
.apc-pandonia__reading dl > div:nth-child(odd) { border-right: 1px solid var(--pgn-line); }
.apc-pandonia__reading dl > div:nth-last-child(-n + 2) { border-bottom: 0; }
.apc-pandonia__reading dt { color: var(--pgn-muted); font-size: 8px; font-weight: 750; }
.apc-pandonia__reading dd { margin: 3px 0 0; overflow: hidden; color: var(--pgn-ink); font-size: 12px; font-weight: 820; text-overflow: ellipsis; white-space: nowrap; }

.apc-pandonia__webcam { display: grid; grid-template-columns: 114px minmax(0, 1fr); align-items: center; gap: 10px; min-height: 80px; padding: 7px; overflow: hidden; }
.apc-pandonia__webcam-media { position: relative; display: block; width: 114px; aspect-ratio: 16 / 9; overflow: hidden; color: #fff; background: linear-gradient(135deg, #27465a, #09263b); border-radius: 8px; }
.apc-pandonia__webcam-media img { display: block; width: 100%; height: 100%; object-fit: contain; background: #0a2638; opacity: 0; transition: opacity .2s ease; }
.apc-pandonia__webcam-media img.is-loaded { opacity: 1; }
.apc-pandonia__webcam-media > span { position: absolute; inset: 0; display: grid; place-items: center; padding: 9px; color: rgba(255, 255, 255, .8); font-size: 8px; line-height: 1.35; text-align: center; }
.apc-pandonia__webcam-media img.is-loaded + span { opacity: 0; }
.apc-pandonia__webcam-copy { min-width: 0; }
.apc-pandonia__webcam-copy header p { margin: 0 0 2px; color: var(--pgn-muted); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.apc-pandonia__webcam-copy header strong { display: block; overflow: hidden; color: var(--pgn-ink); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.apc-pandonia__webcam-copy footer { display: grid; gap: 1px; margin-top: 6px; color: var(--pgn-soft); }
.apc-pandonia__webcam-copy footer small { color: var(--pgn-muted); font-size: 7px; line-height: 1.35; }
.apc-pandonia__webcam-copy footer a { justify-self: start; margin-top: 3px; color: var(--pgn-blue); font-size: 8px; font-weight: 850; }

.apc-pandonia__diagnostics {
  overflow: hidden;
  background: #eaf1f5;
  border: 1px solid var(--pgn-line);
  border-radius: var(--pgn-radius);
}
.apc-pandonia__diagnostics > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 76px;
  padding: 16px 22px;
  list-style: none;
  cursor: pointer;
}
.apc-pandonia__diagnostics > summary::-webkit-details-marker { display: none; }
.apc-pandonia__diagnostics > summary span { display: grid; gap: 2px; }
.apc-pandonia__diagnostics > summary strong { font-size: 17px; }
.apc-pandonia__diagnostics > summary small { color: var(--pgn-muted); font-size: 10px; }
.apc-pandonia__diagnostics > summary i { font-style: normal; font-size: 22px; transition: transform .2s ease; }
.apc-pandonia__diagnostics[open] > summary i { transform: rotate(180deg); }
.apc-pandonia__diagnostic-body {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 0 12px 12px;
}
.apc-pandonia__diagnostic-body > .apc-pandonia__card { padding: 18px; border-radius: 14px; box-shadow: none; }
.apc-pandonia__side > .apc-pandonia__quality-card { padding: 16px; border-radius: 14px; box-shadow: 0 7px 20px rgba(0, 38, 64, .045); }
.apc-pandonia__side > .apc-pandonia__quality-card .apc-pandonia__mini-head { gap: 10px; }
.apc-pandonia__mini-head { margin-bottom: 14px; }
.apc-pandonia__mini-head .apc-pandonia__export { margin-top: -3px; }
.apc-pandonia__mini-head strong { color: var(--pgn-soft); font-size: 11px; }
.apc-pandonia__assurance-heading { text-align: right; }
.apc-pandonia__assurance-heading span { display: block; margin-bottom: 4px; color: var(--pgn-muted); font-size: 8px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.apc-pandonia__assurance-heading strong { color: var(--pgn-ink); }
.apc-pandonia__quality-stack {
  display: flex;
  width: 100%;
  height: 16px;
  overflow: hidden;
  background: #edf1f3;
  border-radius: 999px;
}
.apc-pandonia__quality-stack span { min-width: 2px; height: 100%; }
.apc-pandonia__quality-stack .is-high { background: #0f6bdc; }
.apc-pandonia__quality-stack .is-medium { background: #7477c8; }
.apc-pandonia__quality-stack .is-low { background: #b4c2d7; }
.apc-pandonia__quality-counts { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 12px; color: var(--pgn-muted); font-size: 9px; }
.apc-pandonia__quality-counts span { display: inline-flex; align-items: center; gap: 6px; }
.apc-pandonia__quality-counts i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.apc-pandonia__assurance-counts { display: flex; flex-wrap: wrap; gap: 7px 14px; margin-top: 13px; padding-top: 11px; color: var(--pgn-muted); border-top: 1px solid var(--pgn-line); font-size: 8px; }
.apc-pandonia__assurance-counts span { display: inline-flex; align-items: center; gap: 5px; }
.apc-pandonia__assurance-counts i { width: 7px; height: 7px; border: 1px solid currentColor; border-radius: 2px; background: transparent; }
.apc-pandonia__diagnostic-body canvas { width: 100%; height: 210px; }
.apc-pandonia__mini-heatmap-scale {
	display: flex;
	align-items: center;
	gap: 6px;
	margin: 7px 0 0;
	color: var(--pgn-muted);
	font-size: 8px;
	font-variant-numeric: tabular-nums;
}
.apc-pandonia__mini-heatmap-scale[hidden] { display: none; }
.apc-pandonia__mini-heatmap-scale b { color: var(--pgn-ink); font-weight: 800; }
.apc-pandonia__mini-heatmap-scale > i {
	flex: 1 1 76px;
	max-width: 140px;
	height: 7px;
	border-radius: 999px;
	background: linear-gradient(90deg, #dcebf3 0%, #68c5c2 30%, #0f6bdc 58%, #6648a5 80%, #f39200 100%);
}
.apc-pandonia__mini-heatmap-scale em { color: inherit; font-style: normal; }
.apc-pandonia__interactive-card { position: relative; }
.apc-pandonia__interactive-card canvas { cursor: crosshair; outline: 0; }
.apc-pandonia__interactive-card canvas:focus-visible { border-radius: 8px; box-shadow: 0 0 0 3px rgba(243, 146, 0, .28); }
.apc-pandonia__mini-tooltip {
	position: absolute;
	z-index: 5;
	min-width: 128px;
	max-width: min(220px, calc(100% - 20px));
	padding: 8px 10px;
	pointer-events: none;
	color: #fff;
	background: rgba(0, 38, 64, .94);
	border-radius: 9px;
	box-shadow: 0 10px 28px rgba(0, 38, 64, .2);
	font-size: 9px;
	line-height: 1.4;
	transform: translate(-50%, calc(-100% - 8px));
}
.apc-pandonia__mini-tooltip strong { display: block; color: #fff; font-size: 11px; }
.apc-pandonia__mini-tooltip span,
.apc-pandonia__mini-tooltip small { display: block; color: rgba(255, 255, 255, .7); }
.apc-pandonia__mini-tooltip small { margin-top: 3px; color: #ffd28c; font-weight: 750; }
.apc-pandonia__acquisition-card { grid-column: span 1; }

.apc-pandonia__source {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 18px 21px;
  color: rgba(255, 255, 255, .74);
  background: var(--pgn-navy);
  border-radius: var(--pgn-radius-small);
}
.apc-pandonia__source > div:first-child { display: grid; gap: 2px; }
.apc-pandonia__source span { color: var(--pgn-orange); font-size: 8px; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.apc-pandonia__source strong { color: #fff; font-size: 13px; }
.apc-pandonia__source small { color: rgba(255, 255, 255, .56); font-size: 9px; }
.apc-pandonia__source-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.apc-pandonia__source-links a { padding: 7px 10px; color: #fff; border: 1px solid rgba(255, 255, 255, .22); border-radius: 8px; font-size: 9px; font-weight: 800; }
.apc-pandonia__source-links a:hover { color: var(--pgn-navy); background: #fff; }
.apc-pandonia__source-links a:focus-visible { outline: 2px solid var(--pgn-orange); outline-offset: 2px; }
.apc-pandonia__noscript { padding: 16px; background: #fff5e3; border-left: 4px solid var(--pgn-orange); }

@media (max-width: 1180px) {
  .apc-pandonia__selector-shell { position: relative; top: auto; z-index: 30; }
  .apc-pandonia__station { grid-template-columns: 1fr; align-items: start; }
  .apc-pandonia__station-meta { max-width: 760px; }
  .apc-pandonia__products { grid-template-columns: 1fr; }
  .apc-pandonia__product-group + .apc-pandonia__product-group { border-top: 1px solid var(--pgn-line); border-left: 0; }
  .apc-pandonia__product-group { display: grid; grid-template-columns: 165px minmax(0, 1fr); align-items: center; gap: 12px; }
  .apc-pandonia__product-group h3 { margin: 0; }
  .apc-pandonia__product-group[data-family="total"] .apc-pandonia__product-row { --pgn-products: 5; }
  .apc-pandonia__primary-grid { grid-template-columns: minmax(0, 1fr) 300px; }
}

@media (max-width: 900px) {
  .apc-pandonia__primary-grid { grid-template-columns: 1fr; }
  .apc-pandonia__chart-card,
  .apc-pandonia__side,
  .apc-pandonia__primary-grid > .apc-pandonia__diagnostics { grid-column: 1; grid-row: auto; }
  .apc-pandonia__side { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
  .apc-pandonia__chart-wrap canvas { height: min(52vw, 410px); }
	.apc-pandonia__datebar { grid-template-columns: minmax(0, 1fr); gap: 9px; padding: 12px; }
	.apc-pandonia__date-control {
		display: grid;
		grid-template-columns: 42px minmax(0, 1fr) 42px;
		width: 100%;
		min-width: 0;
	}
	.apc-pandonia__datebar > p { grid-column: 1; grid-row: auto; }
	.apc-pandonia__date-actions { grid-column: 1; justify-self: start; }
	.apc-pandonia__calendar-trigger { width: 100%; min-width: 0; }
}

@media (max-width: 720px) {
  .apc-pandonia-section { --apc-container-max: 100%; }
  .apc-pandonia__station { padding: 24px 20px; border-radius: 20px; }
  .apc-pandonia__station-meta { grid-template-columns: 1fr; }
  .apc-pandonia__station-meta > span { padding: 12px 14px; }
  .apc-pandonia__station-meta > span + span { border-top: 1px solid rgba(255, 255, 255, .16); border-left: 0; }
  .apc-pandonia__product-group { display: block; padding-inline: 12px; }
  .apc-pandonia__product-group h3 { margin-bottom: 9px; }
  .apc-pandonia__product-row,
  .apc-pandonia__product-group[data-family="total"] .apc-pandonia__product-row {
    --pgn-products: 1;
    display: flex;
    padding: 2px 2px 7px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }
  .apc-pandonia__product { flex: 0 0 94px; min-height: 76px; scroll-snap-align: start; }
  .apc-pandonia__text-button { padding-inline: 10px; }
	.apc-pandonia__chart-card { padding: 15px; }
	.apc-pandonia__chart-toolbar { align-items: flex-start; flex-direction: column; }
	.apc-pandonia__chart-actions { justify-content: flex-end; width: 100%; }
  .apc-pandonia__card-head { align-items: center; }
  .apc-pandonia__legend .apc-pandonia__legend-status { flex-basis: 100%; margin-left: 0; padding: 8px 0 0; border-top: 1px solid var(--pgn-line); border-left: 0; }
  .apc-pandonia__sun-summary { flex-basis: 100%; margin-left: 0; }
  .apc-pandonia__chart-wrap { min-height: 290px; }
  .apc-pandonia__chart-wrap canvas { height: max(290px, 72vw); }
  .apc-pandonia__side { grid-template-columns: 1fr; }
  .apc-pandonia__diagnostics > summary { padding: 15px 17px; }
  .apc-pandonia__diagnostic-body { grid-template-columns: 1fr; }
	  .apc-pandonia__dq-card,
	  .apc-pandonia__acquisition-card { grid-column: 1; }
  .apc-pandonia__diagnostic-body canvas { height: 190px; }
  .apc-pandonia__source { align-items: flex-start; flex-direction: column; }
  .apc-pandonia__source-links { justify-content: flex-start; }
}

@media (max-width: 440px) {
  .apc-pandonia__station h2 { font-size: 28px; }
  .apc-pandonia__card-head { align-items: flex-start; flex-direction: column; gap: 9px; }
  .apc-pandonia__quality-badge { max-width: 100%; white-space: normal; }
	.apc-pandonia__datebar { grid-template-columns: minmax(0, 1fr); }
	.apc-pandonia__calendar { flex: 1; min-width: 0; }
	.apc-pandonia__calendar-trigger { width: 100%; }
	.apc-pandonia__calendar-popover { left: 50%; width: min(322px, calc(100vw - 24px)); transform: translateX(-50%); }
  .apc-pandonia__date-actions { justify-self: stretch; }
  .apc-pandonia__date-actions button { flex: 1; }
  .apc-pandonia__date-actions [data-latest] { flex: 0 0 42px; }
  .apc-pandonia__date-actions [data-range-select] { flex: 0 0 42px; }
  .apc-pandonia__datebar > p { grid-row: auto; }
	.apc-pandonia__kpis { gap: 7px; }
	.apc-pandonia__zoom-controls { width: 100%; }
	.apc-pandonia__chart-actions .apc-pandonia__zoom-controls { flex: 1 1 auto; }
	.apc-pandonia__zoom-controls > button,
	.apc-pandonia__zoom-controls > span { flex: 1; }
	.apc-pandonia__chart-display-controls,
	.apc-pandonia__chart-mode { width: 100%; }
	.apc-pandonia__chart-mode button { flex: 1; }
	.apc-pandonia__mini-actions .apc-pandonia__chart-mode--mini { width: auto; }
	.apc-pandonia__mini-actions .apc-pandonia__chart-mode--mini button { flex: 0 0 32px; }
	.apc-pandonia__direction-inline { top: 8px; right: 8px; width: 70px; padding: 6px 5px 5px; }
	.apc-pandonia__direction-inline .apc-pandonia__direction-compass { width: 48px; height: 48px; }
  .apc-pandonia__kpis article { padding: 13px 11px; }
  .apc-pandonia__reading dl { grid-template-columns: 1fr; }
  .apc-pandonia__reading dl > div,
  .apc-pandonia__reading dl > div:nth-child(odd),
  .apc-pandonia__reading dl > div:nth-last-child(-n + 2) { border-right: 0; border-bottom: 1px solid var(--pgn-line); }
  .apc-pandonia__reading dl > div:last-child { border-bottom: 0; }
	.apc-pandonia__webcam { grid-template-columns: 104px minmax(0, 1fr); gap: 8px; }
	.apc-pandonia__webcam-media { width: 104px; }
}

@media (prefers-reduced-motion: reduce) {
  .apc-pandonia *,
  .apc-pandonia *::before,
  .apc-pandonia *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media (forced-colors: active) {
  .apc-pandonia__product[aria-pressed="true"] { outline: 2px solid Highlight; }
  .apc-pandonia__quality-stack span { border-right: 1px solid CanvasText; }
}