/* =========================================================
   Power Core runtime reports — dark aero overrides
   Load AFTER the page's inline styles.
   ========================================================= */

html[data-theme="dark"] {
  --bg1: #071321;
  --bg2: #040a12;
  --card: rgba(13, 31, 53, 0.80);
  --shadow: rgba(0, 4, 13, 0.52);
  --text: #eef7ff;
  --muted: #a7bad1;
  --barbg: rgba(159, 204, 241, 0.10);
  --stroke: rgba(147, 203, 251, 0.16);
  --pillBg:
    linear-gradient(
      180deg,
      rgba(31, 57, 88, 0.88),
      rgba(11, 28, 49, 0.84)
    );
  --mode: #e7f2ff;
  --soft: #8297b1;
}

html[data-theme="dark"] body.reports-page {
  color: var(--text);
  background:
    radial-gradient(circle at 8% 8%, rgba(50, 112, 221, 0.23), transparent 24%),
    radial-gradient(circle at 90% 7%, rgba(15, 189, 219, 0.17), transparent 21%),
    radial-gradient(circle at 50% 66%, rgba(87, 79, 191, 0.12), transparent 31%),
    linear-gradient(rgba(148, 199, 241, 0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 199, 241, 0.025) 1px, transparent 1px),
    linear-gradient(180deg, #091827 0%, #071321 42%, #040a12 100%);
  background-size:
    auto,
    auto,
    auto,
    40px 40px,
    40px 40px,
    auto;
  background-attachment: fixed;
}

html[data-theme="dark"] body.reports-page::after {
  background:
    radial-gradient(circle at 30% 40%, rgba(55, 111, 231, 0.13), transparent 42%),
    radial-gradient(circle at 70% 60%, rgba(23, 188, 216, 0.10), transparent 46%);
  opacity: 0.72;
  mix-blend-mode: screen;
}

html[data-theme="dark"] .reports-page .runtime-section {
  border-color: rgba(155, 211, 255, 0.18);
  background:
    radial-gradient(circle at 10% 0%, rgba(185, 224, 255, 0.08), transparent 28%),
    radial-gradient(circle at 91% 2%, rgba(39, 203, 230, 0.07), transparent 31%),
    linear-gradient(
      155deg,
      rgba(22, 45, 73, 0.89),
      rgba(8, 24, 43, 0.84) 52%,
      rgba(5, 17, 32, 0.88)
    );
  box-shadow:
    0 30px 74px rgba(0, 4, 14, 0.58),
    0 12px 34px rgba(21, 137, 194, 0.08),
    inset 0 1px 0 rgba(220, 243, 255, 0.11),
    inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}

html[data-theme="dark"] .reports-page .runtime-section h1 {
  color: #f1f8ff;
  text-shadow: 0 10px 30px rgba(0, 5, 16, 0.46);
}

html[data-theme="dark"] .reports-page .runtime-section .sub {
  color: #9db2ca;
}

html[data-theme="dark"] .reports-page .runtime-section .sub b {
  color: #dcecff;
}

html[data-theme="dark"] .reports-page .control-input,
html[data-theme="dark"] .reports-page .control-select {
  color: #edf7ff;
  caret-color: #72d3ff;
  border-color: rgba(151, 207, 255, 0.17);
  background:
    linear-gradient(
      180deg,
      rgba(17, 39, 66, 0.95),
      rgba(8, 24, 43, 0.94)
    );
  box-shadow:
    0 12px 28px rgba(0, 5, 15, 0.25),
    inset 0 1px 0 rgba(220, 243, 255, 0.08);
}

html[data-theme="dark"] .reports-page .control-input::placeholder {
  color: #7f94ad;
}

html[data-theme="dark"] .reports-page .control-input:hover,
html[data-theme="dark"] .reports-page .control-select:hover {
  border-color: rgba(112, 183, 255, 0.29);
}

html[data-theme="dark"] .reports-page .control-input:focus,
html[data-theme="dark"] .reports-page .control-select:focus {
  border-color: rgba(86, 164, 255, 0.70);
  background:
    linear-gradient(
      180deg,
      rgba(22, 48, 80, 0.98),
      rgba(9, 28, 49, 0.97)
    );
  box-shadow:
    0 0 0 4px rgba(70, 143, 255, 0.13),
    0 16px 34px rgba(0, 5, 15, 0.32),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] .reports-page .control-select option,
html[data-theme="dark"] .reports-page .reportBox select option {
  color: #edf7ff;
  background: #0b2036;
}

html[data-theme="dark"] .reports-page .meta {
  color: #9fb4cc;
}

html[data-theme="dark"] .reports-page .pill {
  color: #bdd0e4;
  border-color: rgba(150, 206, 255, 0.15);
  background: var(--pillBg);
  box-shadow:
    0 9px 22px rgba(0, 5, 15, 0.30),
    inset 0 1px 0 rgba(220, 243, 255, 0.09);
}

html[data-theme="dark"] .reports-page #maxInfo {
  color: #8fa6c0;
}

html[data-theme="dark"] .reports-page .row {
  border-color: rgba(153, 208, 255, 0.15);
  background:
    radial-gradient(circle at 8% 0%, rgba(187, 225, 255, 0.055), transparent 28%),
    linear-gradient(
      180deg,
      rgba(21, 43, 70, 0.87),
      rgba(8, 24, 43, 0.82)
    );
  box-shadow:
    0 14px 32px rgba(0, 5, 15, 0.35),
    inset 0 1px 0 rgba(220, 243, 255, 0.09);
}

html[data-theme="dark"] .reports-page .row:hover {
  border-color: rgba(104, 179, 255, 0.30);
  box-shadow:
    0 19px 40px rgba(0, 4, 14, 0.46),
    0 0 20px rgba(42, 151, 227, 0.06),
    inset 0 1px 0 rgba(220, 243, 255, 0.12);
  transform: translateY(-1px);
}

html[data-theme="dark"] .reports-page .model-name,
html[data-theme="dark"] .reports-page .current,
html[data-theme="dark"] .reports-page .hours {
  color: #eef7ff;
}

html[data-theme="dark"] .reports-page .details,
html[data-theme="dark"] .reports-page .brand,
html[data-theme="dark"] .reports-page .note {
  color: #93a9c1;
}

html[data-theme="dark"] .reports-page .slash {
  color: #607893;
}

html[data-theme="dark"] .reports-page .mode {
  color: #dbeaff;
}

html[data-theme="dark"] .reports-page .barwrap {
  border-color: rgba(149, 205, 255, 0.13);
  background:
    linear-gradient(
      180deg,
      rgba(6, 20, 37, 0.76),
      rgba(13, 31, 53, 0.76)
    );
  box-shadow:
    inset 0 2px 8px rgba(0, 3, 10, 0.38),
    inset 0 1px 0 rgba(220, 243, 255, 0.04);
}

html[data-theme="dark"] .reports-page .bar {
  box-shadow:
    0 0 20px rgba(41, 182, 246, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

html[data-theme="dark"] .reports-page .barlabel {
  color: #edf7ff;
  text-shadow:
    0 1px 2px rgba(0, 4, 12, 0.85),
    0 0 10px rgba(0, 5, 15, 0.60);
}

html[data-theme="dark"] .reports-page .empty {
  color: #a9bdd4;
  border-color: rgba(149, 205, 255, 0.18);
  background: rgba(8, 24, 43, 0.64);
}

html[data-theme="dark"] .reports-page .hint {
  color: #8fa5bd;
}

html[data-theme="dark"] .reports-page .reportBox {
  color: var(--text);
  border: 1px solid rgba(151, 207, 255, 0.16);
  background:
    radial-gradient(circle at 12% 0%, rgba(181, 222, 255, 0.07), transparent 31%),
    linear-gradient(
      155deg,
      rgba(22, 45, 73, 0.90),
      rgba(7, 22, 40, 0.88)
    );
  box-shadow:
    0 25px 60px rgba(0, 4, 14, 0.52),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] .reports-page .reportBox h3 {
  color: #eef7ff;
}

html[data-theme="dark"] .reports-page .reportBox input,
html[data-theme="dark"] .reports-page .reportBox select {
  color: #edf7ff;
  caret-color: #72d3ff;
  border-color: rgba(151, 207, 255, 0.17);
  background:
    linear-gradient(
      180deg,
      rgba(15, 36, 61, 0.96),
      rgba(7, 23, 41, 0.95)
    );
  box-shadow:
    inset 0 1px 0 rgba(220, 243, 255, 0.07),
    0 9px 22px rgba(0, 5, 15, 0.20);
}

html[data-theme="dark"] .reports-page .reportBox input::placeholder {
  color: #758aa3;
}

html[data-theme="dark"] .reports-page .reportBox input:focus,
html[data-theme="dark"] .reports-page .reportBox select:focus {
  outline: none;
  border-color: rgba(89, 164, 255, 0.70);
  box-shadow:
    0 0 0 4px rgba(73, 143, 255, 0.13),
    0 13px 30px rgba(0, 5, 15, 0.28),
    inset 0 1px 0 rgba(220, 243, 255, 0.09);
}

html[data-theme="dark"] .reports-page input:-webkit-autofill,
html[data-theme="dark"] .reports-page input:-webkit-autofill:hover,
html[data-theme="dark"] .reports-page input:-webkit-autofill:focus {
  -webkit-text-fill-color: #edf7ff;
  caret-color: #edf7ff;
  box-shadow: 0 0 0 1000px #0a1d32 inset;
  transition: background-color 9999s ease-out 0s;
}

html[data-theme="dark"] .reports-page .reportStatus {
  color: #b8cce0;
}

html[data-theme="dark"] .reports-page .modal {
  background: rgba(1, 7, 15, 0.74);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

html[data-theme="dark"] .reports-page .modal-content {
  color: var(--text);
  border: 1px solid rgba(151, 207, 255, 0.17);
  background:
    radial-gradient(circle at 15% 0%, rgba(100, 168, 255, 0.11), transparent 34%),
    linear-gradient(
      155deg,
      rgba(23, 47, 76, 0.98),
      rgba(7, 21, 39, 0.98)
    );
  box-shadow:
    0 35px 90px rgba(0, 3, 10, 0.72),
    inset 0 1px 0 rgba(220, 243, 255, 0.10);
}

html[data-theme="dark"] .reports-page .modal-content h3 {
  color: #eef7ff;
}

html[data-theme="dark"] .reports-page .modal-content p {
  color: #a9bdd4;
}

html[data-theme="dark"] body.reports-page footer,
html[data-theme="dark"] body.reports-page .site-footer {
  color: #b4c8de;
  border-top-color: rgba(143, 199, 247, 0.13) !important;
  background:
    linear-gradient(
      180deg,
      rgba(10, 25, 43, 0.96),
      rgba(5, 15, 28, 0.98)
    ) !important;
  box-shadow:
    inset 0 1px 0 rgba(219, 242, 255, 0.06),
    0 -18px 42px rgba(0, 4, 13, 0.24);
}


/* #site-footer is only a loader wrapper — never render it as a second footer. */
html[data-theme="dark"] body.reports-page #site-footer {
  margin: 0;
  padding: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.reports-page .runtime-section,
.reports-page .control-input,
.reports-page .control-select,
.reports-page .pill,
.reports-page .row,
.reports-page .barwrap,
.reports-page .reportBox,
.reports-page .reportBox input,
.reports-page .reportBox select,
.reports-page .modal-content,
.reports-page footer,
.reports-page .site-footer {
  transition:
    color 0.28s var(--ease),
    background 0.28s var(--ease),
    border-color 0.28s var(--ease),
    box-shadow 0.28s var(--ease),
    filter 0.32s var(--ease);
}

@media (max-width: 640px) {
  html[data-theme="dark"] body.reports-page {
    background-attachment: scroll;
  }
}

@media (prefers-reduced-motion: reduce) {
  .reports-page .runtime-section,
  .reports-page .control-input,
  .reports-page .control-select,
  .reports-page .pill,
  .reports-page .row,
  .reports-page .barwrap,
  .reports-page .reportBox,
  .reports-page .reportBox input,
  .reports-page .reportBox select,
  .reports-page .modal-content,
  .reports-page footer,
  .reports-page .site-footer {
    transition: none !important;
  }
}