/* Next Gen Dashboards — flag theme (Airline). Add class="ngd-flag" to <html> and load after ngd.css.
   Zoe (17-oct): the colors of an American-style livery — sky blue, navy, silver — plus "un rojo suave que no
   signifique alarma pero combinación". The soft red lives ONLY in the chrome (header stripe, tab underline,
   KPI tiles, card rules), never in data marks, so it can't be read as the critical status red.
   Data accent validated: light #0a6fc2, dark #3d97e0 (soft red #c0505a / #d9707a passes next to it too). */

.ngd-flag .ngd-main, .ngd-flag .ngd-timebar {
  --accent: #0a6fc2; --accent-soft: rgba(10, 111, 194, .1); --accent-soft-2: rgba(10, 111, 194, .19);
  --seq-100: #e2eef9; --seq-200: #bcd7f0; --seq-300: #85b7e3; --seq-400: #4693d4; --seq-500: #0a6fc2; --seq-600: #08528f; --seq-700: #06365e;
  --div-pos: #0a6fc2; --spark-line: #36597d; --spark-fill: rgba(54, 89, 125, .15); --series-1: #0a6fc2;
}
@media (prefers-color-scheme: dark) {
  :root.ngd-flag:not([data-theme="light"]) .ngd-main, :root.ngd-flag:not([data-theme="light"]) .ngd-timebar {
    --accent: #3d97e0; --accent-soft: rgba(61, 151, 224, .17); --accent-soft-2: rgba(61, 151, 224, .3);
    --seq-100: #111c27; --seq-200: #17304a; --seq-300: #1f4c76; --seq-400: #2c6fa8; --seq-500: #3d97e0; --seq-600: #86bdeb; --seq-700: #c6e0f6;
    --div-pos: #3d97e0; --spark-line: #9db6cf; --spark-fill: rgba(157, 182, 207, .2); --series-1: #3d97e0;
  }
}
:root.ngd-flag[data-theme="dark"] .ngd-main, :root.ngd-flag[data-theme="dark"] .ngd-timebar {
  --accent: #3d97e0; --accent-soft: rgba(61, 151, 224, .17); --accent-soft-2: rgba(61, 151, 224, .3);
  --seq-100: #111c27; --seq-200: #17304a; --seq-300: #1f4c76; --seq-400: #2c6fa8; --seq-500: #3d97e0; --seq-600: #86bdeb; --seq-700: #c6e0f6;
  --div-pos: #3d97e0; --spark-line: #9db6cf; --spark-fill: rgba(157, 182, 207, .2); --series-1: #3d97e0;
}

/* board: pale sky with a silver haze (the photo's runway light) */
.ngd-flag .ngd-content {
  background: radial-gradient(55% 40% at 88% 8%, rgba(255, 255, 255, .8) 0%, transparent 70%),
    radial-gradient(40% 30% at 10% 30%, rgba(200, 222, 242, .55) 0%, transparent 70%),
    linear-gradient(180deg, #dfeaf4 0%, #edf2f7 50%, #f6f8fa 100%);
}
@media (prefers-color-scheme: dark) {
  :root.ngd-flag:not([data-theme="light"]) .ngd-content { background: radial-gradient(55% 40% at 88% 8%, rgba(61, 151, 224, .1) 0%, transparent 70%), linear-gradient(180deg, #0c1420 0%, #0a0f16 100%); }
}
:root.ngd-flag[data-theme="dark"] .ngd-content { background: radial-gradient(55% 40% at 88% 8%, rgba(61, 151, 224, .1) 0%, transparent 70%), linear-gradient(180deg, #0c1420 0%, #0a0f16 100%); }
.ngd-flag .ngd-main .ngd-card, .ngd-flag .ngd-main .ngd-hero { border-color: rgba(54, 89, 125, .16); box-shadow: 0 6px 22px rgba(11, 42, 79, .07); }
.ngd-flag .ngd-card--domain { border-top-color: #c0505a; }

/* header: navy → sky blue, with a thin soft-red + silver + blue stripe along the top (the tail livery) */
.ngd-flag .ngd-head {
  background: linear-gradient(90deg, #c0505a 0 34%, #b9c4ce 34% 67%, #3d97e0 67% 100%) top / 100% 4px no-repeat,
    radial-gradient(60% 150% at 92% -20%, rgba(190, 220, 248, .32) 0%, transparent 60%), linear-gradient(110deg, #0b2a4f 0%, #12477e 55%, #1f6fb5 100%);
  box-shadow: 0 10px 30px rgba(11, 42, 79, .25);
}
.ngd-flag .ngd-head__blue .ngd-pick, .ngd-flag .ngd-head__blue .ngd-btn, .ngd-flag .ngd-head__blue .ngd-chip { background: rgba(6, 22, 42, .32); border-color: rgba(200, 222, 242, .25); }
.ngd-flag .ngd-head .ngd-tab[aria-selected="true"] { border-bottom-color: #e58a92; }
.ngd-flag .ngd-head .ngd-timebar { background: var(--timebar-bg, linear-gradient(90deg, #f6f9fc 0%, #e4edf6 100%)); }
.ngd-flag .ngd-head__sector svg { background: rgba(200, 222, 242, .18); }

/* KPI tiles: navy · blue · soft red · silver slate · sky (white text ≥ 3.5:1 on every stop) */
.ngd-flag .ngd-kpis > .ngd-kpi { box-shadow: 0 8px 22px rgba(11, 42, 79, .16); }
.ngd-flag .ngd-kpis > .ngd-kpi:nth-child(5n+1) { background: linear-gradient(135deg, #0b2a4f 0%, #1a4f86 100%); }
.ngd-flag .ngd-kpis > .ngd-kpi:nth-child(5n+2) { background: linear-gradient(135deg, #0a5ea8 0%, #0a78d0 100%); }
.ngd-flag .ngd-kpis > .ngd-kpi:nth-child(5n+3) { background: linear-gradient(135deg, #a8434d 0%, #c4646c 100%); }
.ngd-flag .ngd-kpis > .ngd-kpi:nth-child(5n+4) { background: linear-gradient(135deg, #4a5866 0%, #6f7f8e 100%); }
.ngd-flag .ngd-kpis > .ngd-kpi:nth-child(5n+5) { background: linear-gradient(135deg, #1c6aa6 0%, #3b8fd0 100%); }
.ngd-flag .ngd-ctx button:hover, .ngd-flag .ngd-ctx button:focus-visible { background: rgba(10, 111, 194, .11); color: #08528f; }