{{-- Shared ABSDev administration shell; no separate SonarDesk layout or navigation. --}}
<x-layouts.app :title="trim($__env->yieldContent('title', 'SonarDesk')) . ' · SonarDesk'">
    <div class="space-y-6">
        <div class="flex flex-wrap items-center justify-between gap-4 border-b border-zinc-200 pb-5 dark:border-zinc-700">
            <div>
                <p class="text-xs font-semibold uppercase tracking-widest text-amber-600 dark:text-amber-400">ABSDev / Products</p>
                <h1 class="mt-1 text-3xl font-bold tracking-tight text-zinc-900 dark:text-white">SonarDesk</h1>
                <p class="mt-1 text-sm text-zinc-500 dark:text-zinc-400">Licensing administration · Read only</p>
            </div>
            <div class="flex flex-wrap gap-2 text-sm">
                <a class="rounded-lg border border-zinc-300 px-4 py-2 hover:bg-zinc-100 dark:border-zinc-600 dark:hover:bg-zinc-800" href="{{ route('administration.sonardesk.index') }}">Overview</a>
                <a class="rounded-lg border border-zinc-300 px-4 py-2 hover:bg-zinc-100 dark:border-zinc-600 dark:hover:bg-zinc-800" href="{{ route('administration.sonardesk.licenses') }}">Licences</a>
            </div>
        </div>
        <div class="sonardesk-admin space-y-6">@yield('content')</div>
    </div>
    <style>
        .sonardesk-admin h1{font-size:1.65rem;font-weight:700;margin-bottom:1.25rem}
        .sonardesk-admin h2{font-size:1.125rem;font-weight:650;margin:1.5rem 0 .85rem}
        .sonardesk-admin a{color:#b7791f;text-decoration:underline;text-underline-offset:3px}
        .sonardesk-admin .cards,.sonardesk-admin .detail{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem;margin-bottom:1.5rem}
        .sonardesk-admin .card{border:1px solid #d4d4d8;border-radius:.85rem;padding:1.4rem;background:rgba(127,127,127,.035)}
        .dark .sonardesk-admin .card{border-color:#52525b}
        .sonardesk-admin .metric{font-size:2rem;font-weight:750;color:#b7791f}
        .sonardesk-admin .muted,.sonardesk-admin dt{color:#71717a}
        .sonardesk-admin dd{margin:.25rem 0 .8rem;overflow-wrap:anywhere}
        .sonardesk-admin .table-wrap{width:100%;overflow-x:auto;border:1px solid #d4d4d8;border-radius:.85rem}
        .dark .sonardesk-admin .table-wrap{border-color:#52525b}
        .sonardesk-admin table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}
        .sonardesk-admin th,.sonardesk-admin td{padding:.85rem 1rem;border-bottom:1px solid #d4d4d8;vertical-align:top}
        .dark .sonardesk-admin th,.dark .sonardesk-admin td{border-color:#52525b}
        .sonardesk-admin th{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}
        .sonardesk-admin .pill{border-radius:999px;padding:.25rem .65rem;background:#e4e4e7}
        .dark .sonardesk-admin .pill{background:#3f3f46}
        .sonardesk-admin .pager{margin-top:1.25rem}
    </style>
</x-layouts.app>