/* Aula 15 — Métricas e Telemetria em ETLs.
   Carregado depois de deck-base.css: sobrescreve a paleta para âmbar
   e acrescenta os componentes próprios do encontro. */

:root {
  --red:#d97706;
  --red-dark:#92400e;
  --red-light:#fbbf24;
}

body {
  background:
    radial-gradient(circle at 8% 10%,rgba(217,119,6,.06),transparent 28%),
    radial-gradient(circle at 92% 88%,rgba(46,38,64,.065),transparent 30%),
    var(--paper);
}

.cover { background:linear-gradient(132deg,#3a1d02 0%,#92400e 43%,#d97706 73%,#fbbf24 100%); }
.cover-title span { color:#fde68a; }
.stack-layer { background:rgba(60,29,4,.34); box-shadow:0 10px 28px rgba(42,20,3,.2); }
.stack-layer em { color:#fde68a; }
.stack-layer.top { color:var(--red-dark); }
.stack-layer.top small { color:#b45309; }
.hero-panel small { color:#fde68a; }
.check-item > span:first-child { background:#fef3c7; color:var(--red-dark); }
.continuity-step.focus { background:#fffbeb; }
.callout { border-color:#fde68a; background:#fffcf3; color:#92400e; }

/* Painel de indicadores */
.kpi-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }
.kpi {
  padding:14px 16px;
  border:1px solid var(--line);
  border-top:4px solid var(--red);
  border-radius:12px;
  background:#fff;
}
.kpi.green { border-top-color:var(--green); }
.kpi.blue { border-top-color:var(--blue); }
.kpi.violet { border-top-color:var(--violet); }
.kpi .kpi-name {
  display:block;
  color:var(--muted);
  font:800 .62rem/1.2 'JetBrains Mono','Courier New',monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.kpi .kpi-value { display:block; margin:7px 0 4px; color:var(--deep); font-size:1.5rem; font-weight:800; letter-spacing:-.03em; }
.kpi .kpi-value small { color:var(--muted); font-size:.7rem; font-weight:700; letter-spacing:0; }
.kpi p { margin:0; color:#414b5f; font-size:.73rem; line-height:1.42; }

/* Série temporal simplificada */
.spark {
  display:grid;
  grid-template-columns:repeat(14,1fr);
  align-items:end;
  gap:5px;
  height:118px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
}
.spark i {
  display:block;
  border-radius:3px 3px 0 0;
  background:var(--red-light);
  font-style:normal;
}
.spark i.ok { background:#fcd9a0; }
.spark i.alerta { background:#dc2626; }
.spark i.base { background:#e2e8f0; }
.spark-caption { display:flex; justify-content:space-between; margin-top:5px; color:var(--muted); font-size:.68rem; font-weight:700; }

/* Três sinais de observabilidade */
.signal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.signal {
  display:flex;
  flex-direction:column;
  padding:15px 17px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
  border-left:4px solid var(--red);
}
.signal.metrica { border-left-color:var(--blue); }
.signal.log { border-left-color:var(--green); }
.signal.linhagem { border-left-color:var(--violet); }
.signal h3 { margin:0 0 5px; color:var(--deep); font-size:.97rem; }
.signal .answers { margin:0 0 8px; color:var(--muted); font:700 .68rem/1.35 'JetBrains Mono','Courier New',monospace; }
.signal p { margin:0; color:#414b5f; font-size:.78rem; line-height:1.45; }
.signal .cost { margin-top:auto; padding-top:8px; border-top:1px dashed var(--line); color:var(--muted); font-size:.69rem; }