@extends('layouts.app')

@push('styles')
<style>
.setup-shell {
  min-height: 420px;
}
.setup-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 14px;
}
.setup-main {
  min-width: 0;
}
</style>
@include('partials._setup_hub_tile_styles')
<style>
.setup-form-card {
  background: var(--surface-card);
  border: 1px solid var(--border-soft);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.setup-form-card .card-header {
  background: rgba(0, 0, 0, 0.02);
  border-bottom: 1px solid var(--border-soft);
  font-weight: 700;
  padding: 14px 20px;
}
.setup-form-card .card-body {
  padding: 20px;
}
</style>
@endpush

@section('content')
<div class="setup-shell">
  <div class="setup-main">
    @if(! request()->routeIs('setting.setup'))
      <div class="setup-back-bar" role="navigation" aria-label="初期設定トップへの戻り">
        <a href="{{ route('setting.setup') }}" class="setup-back-link">
          <i class="bi bi-arrow-left-circle-fill" aria-hidden="true"></i>
          初期設定トップに戻る
        </a>
        <p class="setup-back-hint mb-0">カード一覧の画面です。別の項目（会社情報・ドメイン・メールなど）へ移るときはこちらから選べます。</p>
      </div>
    @endif
    @yield('setup_body')
  </div>
</div>
@endsection