{{-- Shared flash + validation-error banner. Set ->with('status'|'error', ...) in a controller. --}}
@if(session('status'))
  <div class="flex items-center gap-3 bg-secondary-container text-on-secondary-container rounded-lg px-5 py-3 mb-stack-lg">
    <span class="material-symbols-outlined">check_circle</span>
    <p class="text-body-md font-body-md flex-1">{{ session('status') }}</p>
  </div>
@endif
@if(session('error'))
  <div class="flex items-center gap-3 bg-error-container text-error rounded-lg px-5 py-3 mb-stack-lg">
    <span class="material-symbols-outlined">error</span>
    <p class="text-body-md font-body-md flex-1">{{ session('error') }}</p>
  </div>
@endif
@if($errors->any())
  <div class="bg-error-container text-error rounded-lg px-5 py-3 mb-stack-lg">
    <div class="flex items-center gap-3 mb-1">
      <span class="material-symbols-outlined">error</span>
      <p class="text-body-md font-body-md font-semibold">Please fix the following:</p>
    </div>
    <ul class="list-disc list-inside text-body-md font-body-md pl-9">
      @foreach($errors->all() as $error)
        <li>{{ $error }}</li>
      @endforeach
    </ul>
  </div>
@endif