<template>
  <div class="files-page">
    <div class="page-header">
      <h2>{{ t('nav.files') }}</h2>
      <p class="text-muted">{{ t('files.desc') }}</p>
    </div>
    <div class="neu-card">
      <p class="text-muted" style="text-align:center; padding: var(--neu-space-xl)">
        {{ t('files.moduleNotEnabled') }}
      </p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
</script>

<style scoped>
.files-page { max-width: 1400px; }
.page-header { margin-bottom: var(--neu-space-lg); }
.page-header h2 { font-size: var(--neu-font-xl); color: var(--neu-text); }
.text-muted { color: var(--neu-text-muted); }
</style>
