<header class="page-heading split-heading">
  <div><p class="eyebrow">PLANIFICACIÓN SUPERVISADA</p><h1>Centro estratégico</h1><p>Reduce tareas repetidas sin entregar tus decisiones a la automatización: compara colonias, guarda composiciones, conserva inteligencia y confirma cada ruta.</p></div>
  <a class="button" href="#strategic-adviser">Revisar prioridades</a>
</header>

<section class="metric-grid" aria-label="Resumen del centro estratégico">
  <article><span>Colonias comparadas</span><strong>{{ ledger|length }}</strong><small>en el libro mayor</small></article>
  <article><span>Plantillas de flota</span><strong>{{ fleet_templates|length }}</strong><small>ninguna se lanza sola</small></article>
  <article><span>Informes de inteligencia</span><strong>{{ intelligence_reports|length }}</strong><small>máximo 150 conservados</small></article>
  <article><span>Órdenes logísticas</span><strong>{{ logistics_orders|length }}</strong><small>ejecución manual</small></article>
</section>

{% from "components/_tabs.html" import tabs_intro %}
{{ tabs_intro('command', 'Herramientas del centro estratégico', 'Recorre las herramientas con las flechas y abre una con Enter o Espacio. Ninguna ejecuta acciones sin confirmación.') }}

<section id="strategic-adviser" class="panel" aria-labelledby="strategic-adviser-title" data-tab-panel data-tab-id="mando-consejero" data-tab-label="Consejero">
  <p class="eyebrow">CONSEJO EXPLICABLE</p><h2 id="strategic-adviser-title">Prioridades detectadas</h2>
  <p>Son recomendaciones calculadas a partir de tu partida. No gastan recursos ni cambian órdenes.</p>
  {% if strategic_advice %}<ol class="advice-list">{% for advice in strategic_advice %}
    <li class="advice-{{ advice.priority }}"><div><strong>{{ advice.title }}</strong><p>{{ advice.text }}</p></div><a href="{{ url_for('game_view', section=advice.section) }}">Revisar sección</a></li>
  {% endfor %}</ol>{% else %}<p class="empty-state">No se detectan urgencias. Puedes dedicar el turno a explorar, comerciar o preparar el siguiente proyecto.</p>{% endif %}
</section>
