portal/app/resources/js/components/errors/ErrorIllustration.vue

<script setup lang="ts">
/**
 * ErrorIllustration — большая JetBrains Mono цифра кода ошибки (404 / 403 / 500)
 * с акцентом teal на средней цифре. Sprint 4 Phase B/3 — split ErrorView
 * (audit O-refactor-04 закрытие).
 */
defineProps<{
    code: '404' | '403' | '500';
}>();
</script>

<template>
    <h1 class="err-code">
        {{ code[0] }}<span class="accent">{{ code[1] }}</span
        >{{ code[2] }}
    </h1>
</template>

<style scoped>
.err-code {
    font-family: 'JetBrains Mono', ui-monospace, monospace;
    font-size: 96px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.04em;
    margin: 0 0 16px;
}
.err-code .accent {
    color: #32c8a9;
}
</style>