/* ==========================================================================
   AeroFluent AI — Estudo Estratégico do Ecossistema
   Extensão do sistema de design do Board Book (css/board.css)
   ========================================================================== */

/* ---------- Marcação de natureza da evidência ------------------------------ */

.ev{
  display:inline-flex;align-items:center;gap:5px;
  font-family:var(--mono);font-size:8.5px;letter-spacing:.16em;text-transform:uppercase;
  padding:3px 7px;border-radius:4px;border:1px solid;white-space:nowrap;
  vertical-align:middle;
}
.ev.f{color:#8FD6A6;border-color:rgba(95,184,124,.42);background:rgba(95,184,124,.09)}
.ev.e{color:var(--gold-bright);border-color:rgba(197,160,89,.42);background:rgba(197,160,89,.09)}
.ev.i{color:#9FC4DF;border-color:rgba(120,170,205,.40);background:rgba(120,170,205,.09)}
.ev.r{color:var(--white);border-color:rgba(244,246,248,.30);background:rgba(244,246,248,.06)}

.evkey{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:26px 0 0;
}
.evkey .k{
  background:var(--navy-card-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:16px 16px 18px;
}
.evkey .k p{margin:10px 0 0;font-size:13px;line-height:1.62;color:var(--sub)}

/* Faixa de natureza aplicada a um bloco inteiro */
.bandev{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line);
}
.bandev .lbl{
  font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);
}

/* ---------- Fontes -------------------------------------------------------- */

.srcs{list-style:none;margin:22px 0 0;padding:0;counter-reset:s}
.srcs li{
  counter-increment:s;position:relative;padding:0 0 0 42px;margin:0 0 14px;
  font-size:13px;line-height:1.66;color:var(--sub);
}
.srcs li::before{
  content:'S' counter(s,decimal-leading-zero);position:absolute;left:0;top:1px;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;color:var(--gold-deep);
}
.srcs li b{color:var(--text);font-weight:600}
.srcs li em{color:var(--gold-pale);font-style:italic}

.srcref{
  font-family:var(--mono);font-size:9px;letter-spacing:.08em;color:var(--gold-deep);
  vertical-align:super;
}

/* ---------- Matriz de priorização ---------------------------------------- */

.mx table{font-size:12.5px}
.mx thead th{font-size:8.5px;letter-spacing:.1em}
.mx td.seg{min-width:210px;color:var(--text)}
.mx td.seg b{display:block;color:var(--gold-bright);font-size:13px;margin-bottom:2px}
.mx td.seg span{font-family:var(--mono);font-size:9px;color:var(--mute);letter-spacing:.08em}

.sc{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:5px;
  font-family:var(--mono);font-size:11px;font-weight:500;
}
.sc.s5{background:rgba(95,184,124,.26);color:#A9E2BC}
.sc.s4{background:rgba(95,184,124,.14);color:#8FD6A6}
.sc.s3{background:rgba(197,160,89,.16);color:var(--gold-bright)}
.sc.s2{background:rgba(201,123,123,.14);color:#E0A6A6}
.sc.s1{background:rgba(201,123,123,.26);color:#EDBDBD}

.tot{font-family:var(--mono);font-size:14px;color:var(--gold-pale);font-weight:500}

/* ---------- Ranking ------------------------------------------------------- */

.rank{margin:26px 0 0}
.rk{
  display:grid;grid-template-columns:52px 1fr;gap:20px;
  padding:20px 0;border-top:1px solid var(--line);
}
.rk:first-child{border-top:0;padding-top:4px}
.rk-n{
  font-family:var(--serif);font-size:30px;line-height:1;color:transparent;
  -webkit-text-stroke:1px var(--gold-deep);
}
.rk.top .rk-n{color:var(--gold-bright);-webkit-text-stroke:0}
.rk h4{margin:0 0 4px}
.rk-meta{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:0 0 10px;
}
.rk-sc{font-family:var(--mono);font-size:15px;color:var(--gold-pale)}
.rk-tag{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.rk-bar{height:4px;background:var(--navy-3);border-radius:2px;overflow:hidden;margin:0 0 12px}
.rk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--gold-deep),var(--gold-bright))}
.rk p{margin:0;font-size:14px;line-height:1.72}

/* ---------- Mapa do ecossistema ------------------------------------------ */

.eco{
  display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:26px 0 0;
  align-items:start;
}
.eco-col{display:flex;flex-direction:column;gap:8px}
.eco-h{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);padding:0 0 8px;border-bottom:1px solid var(--line-soft);margin:0 0 4px;
}
.eco-node{
  background:var(--navy-card);border:1px solid var(--line);border-radius:8px;
  padding:10px 11px;font-size:11.5px;line-height:1.5;color:var(--text);
}
.eco-node b{display:block;color:var(--white);font-size:12px;font-weight:600;margin-bottom:3px}
.eco-node.on{border-color:rgba(197,160,89,.5);background:rgba(197,160,89,.08)}
.eco-node.on b{color:var(--gold-bright)}

/* Ciclo contínuo */
.cyc{
  display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin:26px 0 0;
}
.cyc-i{
  flex:1 1 150px;background:var(--navy-card-2);border:1px solid var(--line);
  border-radius:8px;padding:14px 13px;position:relative;
}
.cyc-i .n{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--gold-deep);display:block;margin-bottom:6px}
.cyc-i b{display:block;color:var(--white);font-size:13px;margin-bottom:5px}
.cyc-i p{margin:0;font-size:11.5px;line-height:1.55;color:var(--sub)}
.cyc-i.loop{border-color:rgba(197,160,89,.5);background:rgba(197,160,89,.07)}
.cyc-i.loop b{color:var(--gold-bright)}

/* ---------- Gráficos ------------------------------------------------------ */

.chart-box{
  background:var(--navy-card-2);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 20px 18px;margin:26px 0 0;
}
.chart-box .ct{
  font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--gold);margin:0 0 4px;
}
.chart-box .cs{font-size:12px;color:var(--mute);margin:0 0 18px}
.chart-h280{height:280px;position:relative}
.chart-h360{height:360px;position:relative}
.chart-h420{height:420px;position:relative}

/* ---------- Grades utilitárias ------------------------------------------- */

.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 0}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 0}

.panel{
  background:var(--navy-card);border:1px solid var(--line);border-radius:var(--radius);
  padding:22px 22px 24px;
}
.panel h4{margin:0 0 10px}
.panel p{margin:0 0 12px;font-size:13.5px;line-height:1.7}
.panel p:last-child{margin-bottom:0}
.panel .lbl{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-deep);display:block;margin:0 0 10px;
}

/* ---------- Agenda de evidências ---------------------------------------- */

.ag{list-style:none;margin:26px 0 0;padding:0}
.ag li{
  display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:start;
  padding:16px 0;border-top:1px solid var(--line);font-size:13px;line-height:1.6;
}
.ag li:first-child{border-top:0}
.ag li b{color:var(--white);font-weight:600}
.ag li span{color:var(--sub)}
.ag li .st{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.14em;text-transform:uppercase;
  white-space:nowrap;padding-top:2px;
}
.ag li .st.ok{color:#8FD6A6}
.ag li .st.pend{color:var(--gold-bright)}

/* ---------- Índice do estudo -------------------------------------------- */

.pindex{margin:26px 0 0}
.px{
  display:grid;grid-template-columns:64px 1fr auto;gap:20px;align-items:center;
  padding:20px 0;border-top:1px solid var(--line);text-decoration:none;
}
.px:first-child{border-top:0}
.px-n{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--gold-deep)}
.px h3{margin:0 0 3px;color:var(--white);transition:color .3s var(--ease)}
.px p{margin:0;font-size:13px;line-height:1.6;color:var(--sub)}
.px-go{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--gold);white-space:nowrap}
.px:hover h3{color:var(--gold-bright)}

/* ---------- Aviso de uso interno --------------------------------------- */

.internal{
  display:flex;align-items:center;gap:12px;
  background:rgba(197,160,89,.07);border:1px solid rgba(197,160,89,.28);
  border-radius:var(--radius);padding:14px 18px;margin:0 0 30px;
}
.internal span{
  font-family:var(--mono);font-size:8.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);
}
.internal p{margin:0;font-size:12.5px;line-height:1.6;color:var(--sub)}

/* ---------- Responsivo -------------------------------------------------- */

@media (max-width:900px){
  .eco{grid-template-columns:1fr 1fr}
  .evkey{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .eco{grid-template-columns:1fr}
  .evkey{grid-template-columns:1fr}
  .g2,.g3{grid-template-columns:1fr}
  .ag li{grid-template-columns:1fr;gap:6px}
  .px{grid-template-columns:44px 1fr;gap:14px}
  .px-go{display:none}
  .rk{grid-template-columns:40px 1fr;gap:14px}
}