/* Next Gen Dashboards — sky (celeste) theme (Healthcare). Add class="ngd-sky" to <html> and load after ngd.css.
   From Zoe's Power BI "Healthcare Intelligence Platform" (18-oct): light sky-blue board, soft header, and the
   simulation's three panels in yellow (historical) · green (forecast) · pink (no adjustment).
   Accent validated with the dataviz palette validator: light #1784b8, dark #2b9fd8. */

.ngd-sky .ngd-main, .ngd-sky .ngd-timebar {
  --accent: #1784b8; --accent-soft: rgba(23, 132, 184, .11); --accent-soft-2: rgba(23, 132, 184, .2);
  --seq-100: #dff1fa; --seq-200: #b5e0f3; --seq-300: #7ec7ea; --seq-400: #3fa8dc; --seq-500: #1784b8; --seq-600: #0f638c; --seq-700: #0a425e;
  --div-pos: #1784b8; --spark-line: #1784b8; --spark-fill: rgba(23, 132, 184, .14); --series-1: #1784b8;
}
@media (prefers-color-scheme: dark) {
  :root.ngd-sky:not([data-theme="light"]) .ngd-main, :root.ngd-sky:not([data-theme="light"]) .ngd-timebar {
    --accent: #2b9fd8; --accent-soft: rgba(43, 159, 216, .18); --accent-soft-2: rgba(43, 159, 216, .3);
    --seq-100: #0d2633; --seq-200: #123f55; --seq-300: #175877; --seq-400: #1f7aa6; --seq-500: #2b9fd8; --seq-600: #6cc0ea; --seq-700: #b3e0f6;
    --div-pos: #2b9fd8; --spark-line: #6cc0ea; --spark-fill: rgba(43, 159, 216, .2); --series-1: #2b9fd8;
  }
}
:root.ngd-sky[data-theme="dark"] .ngd-main, :root.ngd-sky[data-theme="dark"] .ngd-timebar {
  --accent: #2b9fd8; --accent-soft: rgba(43, 159, 216, .18); --accent-soft-2: rgba(43, 159, 216, .3);
  --seq-100: #0d2633; --seq-200: #123f55; --seq-300: #175877; --seq-400: #1f7aa6; --seq-500: #2b9fd8; --seq-600: #6cc0ea; --seq-700: #b3e0f6;
  --div-pos: #2b9fd8; --spark-line: #6cc0ea; --spark-fill: rgba(43, 159, 216, .2); --series-1: #2b9fd8;
}

/* board: pale sky with a soft glow */
.ngd-sky .ngd-content {
  background: radial-gradient(60% 45% at 85% 15%, rgba(126, 199, 234, .30) 0%, transparent 70%),
    radial-gradient(45% 40% at 5% 75%, rgba(181, 224, 243, .35) 0%, transparent 70%), linear-gradient(180deg, #e6f3fa 0%, #f5fafd 100%);
}
@media (prefers-color-scheme: dark) {
  :root.ngd-sky:not([data-theme="light"]) .ngd-content { background: radial-gradient(60% 45% at 85% 15%, rgba(43, 159, 216, .14) 0%, transparent 70%), linear-gradient(180deg, #08131b 0%, #0a1118 100%); }
}
:root.ngd-sky[data-theme="dark"] .ngd-content { background: radial-gradient(60% 45% at 85% 15%, rgba(43, 159, 216, .14) 0%, transparent 70%), linear-gradient(180deg, #08131b 0%, #0a1118 100%); }
.ngd-sky .ngd-main .ngd-card, .ngd-sky .ngd-main .ngd-hero { border-color: rgba(23, 132, 184, .16); box-shadow: 0 6px 22px rgba(15, 80, 120, .06); }

/* header: sky gradient (lighter than the default navy) */
.ngd-sky .ngd-head {
  background: radial-gradient(60% 150% at 92% -20%, rgba(181, 230, 255, .45) 0%, transparent 60%), linear-gradient(110deg, #0b5f8a 0%, #1784b8 55%, #3fa8dc 100%);
  box-shadow: 0 10px 30px rgba(15, 80, 120, .18);
}
.ngd-sky .ngd-head__blue .ngd-pick, .ngd-sky .ngd-head__blue .ngd-btn, .ngd-sky .ngd-head__blue .ngd-chip { background: rgba(5, 50, 75, .32); border-color: rgba(255, 255, 255, .28); }
.ngd-sky .ngd-head .ngd-timebar { background: var(--timebar-bg, linear-gradient(90deg, #f7fcff 0%, #e8f5fb 100%)); }

/* KPI tiles: sky family (white text ≥ 3:1 on every stop) */
.ngd-sky .ngd-kpis > .ngd-kpi { box-shadow: 0 8px 22px rgba(15, 80, 120, .14); }
.ngd-sky .ngd-kpis > .ngd-kpi:nth-child(5n+1) { background: linear-gradient(135deg, #0b5f8a 0%, #1784b8 100%); }
.ngd-sky .ngd-kpis > .ngd-kpi:nth-child(5n+2) { background: linear-gradient(135deg, #0a6f80 0%, #1394a8 100%); }
.ngd-sky .ngd-kpis > .ngd-kpi:nth-child(5n+3) { background: linear-gradient(135deg, #0d6b55 0%, #149474 100%); }
.ngd-sky .ngd-kpis > .ngd-kpi:nth-child(5n+4) { background: linear-gradient(135deg, #2a4f9a 0%, #3f72c8 100%); }
.ngd-sky .ngd-kpis > .ngd-kpi:nth-child(5n+5) { background: linear-gradient(135deg, #3b4a8f 0%, #5868b8 100%); }

/* emergency-care simulation: the Power BI panel colors */
.ngd-sky .ngd-simres__g:not(.is-fc):not(.is-risk) { background: linear-gradient(180deg, #fff8d6 0%, #fffdf2 75%); border-color: #f0dc8a; }
.ngd-sky .ngd-simres__g.is-fc { background: linear-gradient(180deg, #d8f3e3 0%, #f3fbf6 75%); border-color: #8fd3ad; }
.ngd-sky .ngd-simres__g.is-risk { background: linear-gradient(180deg, #fde0e3 0%, #fff6f7 75%); border-color: #f0a9b1; }
.ngd-sky .ngd-simres__g h4 { color: #34495e; }
.ngd-sky .ngd-simexp__p:nth-child(1) { background: #fff8d6; } .ngd-sky .ngd-simexp__p:nth-child(1) b { color: #8a6d00; }
.ngd-sky .ngd-simexp__p:nth-child(2) { background: #e3f3fb; }
@media (prefers-color-scheme: dark) {
  :root.ngd-sky:not([data-theme="light"]) .ngd-simres__g:not(.is-fc):not(.is-risk), :root.ngd-sky:not([data-theme="light"]) .ngd-simexp__p:nth-child(1) { background: rgba(240, 200, 60, .1); border-color: rgba(240, 200, 60, .3); }
  :root.ngd-sky:not([data-theme="light"]) .ngd-simres__g.is-fc { background: rgba(60, 200, 120, .1); border-color: rgba(60, 200, 120, .3); }
  :root.ngd-sky:not([data-theme="light"]) .ngd-simres__g.is-risk { background: rgba(240, 90, 100, .1); border-color: rgba(240, 90, 100, .3); }
  :root.ngd-sky:not([data-theme="light"]) .ngd-simres__g h4, :root.ngd-sky:not([data-theme="light"]) .ngd-simexp__p:nth-child(1) b { color: var(--text-secondary); }
  :root.ngd-sky:not([data-theme="light"]) .ngd-simexp__p:nth-child(2) { background: var(--accent-soft); }
}
:root.ngd-sky[data-theme="dark"] .ngd-simres__g:not(.is-fc):not(.is-risk), :root.ngd-sky[data-theme="dark"] .ngd-simexp__p:nth-child(1) { background: rgba(240, 200, 60, .1); border-color: rgba(240, 200, 60, .3); }
:root.ngd-sky[data-theme="dark"] .ngd-simres__g.is-fc { background: rgba(60, 200, 120, .1); border-color: rgba(60, 200, 120, .3); }
:root.ngd-sky[data-theme="dark"] .ngd-simres__g.is-risk { background: rgba(240, 90, 100, .1); border-color: rgba(240, 90, 100, .3); }
:root.ngd-sky[data-theme="dark"] .ngd-simres__g h4, :root.ngd-sky[data-theme="dark"] .ngd-simexp__p:nth-child(1) b { color: var(--text-secondary); }
:root.ngd-sky[data-theme="dark"] .ngd-simexp__p:nth-child(2) { background: var(--accent-soft); }
.ngd-sky .ngd-ctx button:hover, .ngd-sky .ngd-ctx button:focus-visible { background: rgba(23, 132, 184, .12); color: #0f638c; }