@if(!empty($ccafTestMode))
<div class="mb-6 rounded-xl border border-amber-300 bg-amber-50 px-4 py-3 text-sm text-amber-950">
    <div class="flex flex-wrap items-center gap-2">
        <span class="inline-flex rounded-full bg-amber-400 px-2.5 py-0.5 text-xs font-bold uppercase tracking-wide text-amber-950">Test mode</span>
        <strong>Staging / prueba activo</strong>
    </div>
    <ul class="mt-2 list-inside list-disc space-y-1 text-amber-900">
        <li>Los webhooks de Shopify <strong>no crean contratos</strong> ni notifican clientes reales.</li>
        <li>Crea y envía contratos solo desde este panel (New contract → Save & email / SMS).</li>
        <li>Emails van a: <code class="rounded bg-amber-100 px-1">{{ $ccafTestEmail ?: '⚠ set CCAF_TEST_EMAIL' }}</code></li>
        <li>SMS van a: <code class="rounded bg-amber-100 px-1">{{ $ccafTestPhone ?: config('services.twilio.debug_to') ?: '⚠ set CCAF_TEST_PHONE' }}</code></li>
        <li>Tags en órdenes Shopify: <strong>desactivados</strong> (hasta producción).</li>
    </ul>
    <p class="mt-2 text-xs text-amber-800">Para producción: <code>CCAF_TEST_MODE=false</code> en <code>.env</code></p>
</div>
@endif