<div class="space-y-6">
  <div class="grid gap-4 md:grid-cols-4">
    <div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-soft"><div class="text-xs font-semibold uppercase text-slate-500">Storage Root</div><div class="mt-2 text-lg font-bold {% if storage.storage_root_exists %}text-emerald-700{% else %}text-red-700{% endif %}">{% if storage.storage_root_exists %}Available{% else %}Missing{% endif %}</div></div>
    <div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-soft"><div class="text-xs font-semibold uppercase text-slate-500">Used</div><div class="mt-2 text-lg font-bold">{{ storage.used_display }}</div></div>
    <div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-soft"><div class="text-xs font-semibold uppercase text-slate-500">Branding Files</div><div class="mt-2 text-lg font-bold">{{ storage.branding_file_count }}</div></div>
    <div class="rounded-3xl border border-slate-200 bg-white p-5 shadow-soft"><div class="text-xs font-semibold uppercase text-slate-500">FY Backups</div><div class="mt-2 text-lg font-bold">{{ storage.backup_export_count }}</div></div>
  </div>
  <div class="rounded-3xl border border-slate-200 bg-white p-6 shadow-soft">
    <h2 class="text-lg font-bold text-slate-900">Persistent Storage Paths</h2>
    <div class="mt-4 space-y-3 text-sm">
      <div class="rounded-2xl bg-slate-50 p-4"><span class="font-semibold text-slate-700">Storage root:</span> <code class="text-slate-800">{{ storage.storage_root }}</code> <span class="ml-2 {% if storage.storage_root_exists %}text-emerald-700{% else %}text-red-700{% endif %}">{% if storage.storage_root_exists %}Ready{% else %}Missing{% endif %}</span></div>
      <div class="rounded-2xl bg-slate-50 p-4"><span class="font-semibold text-slate-700">Branding root:</span> <code class="text-slate-800">{{ storage.branding_root }}</code> <span class="ml-2 {% if storage.branding_root_exists %}text-emerald-700{% else %}text-red-700{% endif %}">{% if storage.branding_root_exists %}Ready{% else %}Missing{% endif %}</span></div>
    </div>
  </div>
</div>