{% extends "base.html" %}
{% import "_macros.html" as m %}
{% block title %}{{ instr_type | title }} – s/n {{ serial }}{% endblock %}
{% block page_styles %}
  :root { --accent:#1e8449; --accent-link:#d5f5e3; }
  /* Table style is canonical in emit_css now; only the file-table's cell
     colour classes remain page-specific. */
  .file-table .ok { color:var(--good); font-weight:700; }
  .file-table .miss { color:var(--gray-3); }
  .badge { display:inline-block; padding:0.12em 0.45em; border-radius:3px;
           font-size:0.7rem; font-weight:700; white-space:nowrap; }
  .b-ok   { background:var(--good);   color:#fff; }
  .b-warn { background:var(--warn);   color:#fff; }
  .b-miss { background:#dfe6e9;       color:#999; }
  /* No width here: the slot class sets each figure's width (U0.2). */
  img.fig { max-width:100%; border-radius:var(--radius-btn); margin-bottom:0.5rem; }
  .qc-bar { display:flex; width:180px; height:13px; border-radius:3px;
             overflow:hidden; gap:1px; background:#ecf0f1; }
  .qc-bar div { height:100%; }
{% endblock %}
{% block masthead_title %}{{ instr_type | title }} — s/n {{ serial }}{% endblock %}
{% block masthead_sub %}{{ mooring_name }}{% endblock %}
{% block masthead_meta %}
    <div{% if cruise == '—' %} class="meta-miss"{% endif %}><dt>Cruise</dt><dd>{{ cruise }}</dd></div>
    <div><dt>HAB</dt><dd>{{ "%.1f"|format(hab) }}&thinsp;m</dd></div>
    <div{% if depth is none %} class="meta-miss"{% endif %}><dt>Depth</dt><dd>{% if depth is not none %}~{{ "%.0f"|format(depth) }}&thinsp;m{% else %}&mdash;{% endif %}</dd></div>
    <div{% if t_start is none or t_start == '—' %} class="meta-miss"{% endif %}><dt>Start</dt><dd>{{ t_start | default("—") }}</dd></div>
    <div{% if t_end is none or t_end == '—' %} class="meta-miss"{% endif %}><dt>End</dt><dd>{{ t_end | default("—") }}</dd></div>
    <div{% if duration == '—' %} class="meta-miss"{% endif %}><dt>Duration</dt><dd>{{ duration }}</dd></div>
    <div{% if median_dt is none or median_dt == '—' %} class="meta-miss"{% endif %}><dt>Samp.&nbsp;&Delta;t</dt><dd>{{ median_dt | default("—") }}</dd></div>
    <div{% if n_records is none or n_records == '—' %} class="meta-miss"{% endif %}><dt>Records</dt><dd>{{ n_records | default("—") }}</dd></div>
    <div><dt>Source&nbsp;file</dt><dd>{{ nc_file }}{% if data_stage and data_stage != 'stage3' %} <span style="color:var(--warn);font-weight:bold">({{ data_stage }} — QC not applied)</span>{% endif %}</dd></div>
  {% endblock %}
{% block content %}
{{ m.report_body(report, "instrument", generated, cruise) }}
{% endblock %}