Quelltext des aktuellen Standes
<?php $this->layout('layouts/main', ['page_title' => $page_title, 'current_route' => $current_route, 'full_width' => true]); ?>
<style>
.oe-wrap { max-width: 460px; margin: 3rem auto; padding: 0 1rem; }
.oe-card { background:var(--color-bg); border:1px solid var(--gray-200); border-radius:0.9rem; padding:1.75rem; text-align:center; box-shadow:0 4px 20px rgba(0,0,0,.06); }
.oe-icon { width:56px; height:56px; border-radius:50%; background:var(--red-100); color:var(--red-600); display:inline-flex; align-items:center; justify-content:center; margin-bottom:1rem; }
.oe-title { font-size:1.1rem; font-weight:700; color:var(--gray-800); margin:0 0 .5rem; }
.oe-msg { font-size:.9rem; color:var(--gray-500); line-height:1.6; margin:0 0 1.25rem; }
/* Die vom Browser gemeldete Adresse zum Abgleich mit den hinterlegten Zeilen */
.oe-detail { font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size:.78rem;
color:var(--gray-700); background:var(--gray-100); border:1px solid var(--gray-200); border-radius:.45rem;
padding:.5rem .65rem; margin:0 0 1.25rem; word-break:break-all; text-align:left; }
.oe-back { display:inline-block; padding:.55rem 1.1rem; background:var(--indigo-600); color:var(--color-on-accent); border-radius:.55rem; text-decoration:none; font-weight:600; font-size:.9rem; }
.oe-back:hover { background:var(--indigo-700); }
</style>
<div class="oe-wrap">
<div class="oe-card">
<div class="oe-icon">
<svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="12" y1="8" x2="12" y2="12"/><line x1="12" y1="16" x2="12.01" y2="16"/></svg>
</div>
<h1 class="oe-title"><?= $this->te('Autorisierung nicht möglich') ?></h1>
<p class="oe-msg"><?= $this->e($message) ?></p>
<?php if (($detail ?? '') !== ''): ?>
<p class="oe-detail"><?= $this->e($detail) ?></p>
<?php endif; ?>
<a class="oe-back" href="/vault"><?= $this->te('Zum Tresor') ?></a>
</div>
</div>