@once
  @push('css')
  <style>
    /* بطاقات ملخّص صغيرة (نفس شكلها في صفحة الـshow) */
    .hud-summary{border:1px solid var(--bs-border-color); border-radius: var(--bs-border-radius-lg); background: var(--bs-secondary-bg);}
    .hud-summary .k{color: var(--bs-secondary-text-emphasis); font-size:.75rem; margin-bottom:.25rem;}
    .hud-summary .v{color: var(--bs-body-color); font-weight:600;}

    /* شارات الحالة – ألوان من الثيم */
    .badge-hud{display:inline-flex; align-items:center; gap:.35rem; padding:.18rem .5rem; border-radius:999px; font-size:.72rem; border:1px solid transparent; line-height:1.1;}
    .badge-hud::before{content:''; width:.42rem; height:.42rem; border-radius:50%;}
    .badge-hud--pending  { color: var(--bs-warning-text-emphasis); border-color: color-mix(in oklab, var(--bs-warning) 45%, transparent); background: color-mix(in oklab, var(--bs-warning) 12%, transparent); }
    .badge-hud--pending::before{ background: var(--bs-warning); box-shadow: 0 0 0 .18rem color-mix(in oklab, var(--bs-warning) 18%, transparent); }

    .badge-hud--leader   { color: var(--bs-info-text-emphasis); border-color: color-mix(in oklab, var(--bs-info) 45%, transparent); background: color-mix(in oklab, var(--bs-info) 12%, transparent); }
    .badge-hud--leader::before{  background: var(--bs-info); box-shadow: 0 0 0 .18rem color-mix(in oklab, var(--bs-info) 18%, transparent); }

    .badge-hud--hr       { color: var(--bs-success-text-emphasis); border-color: color-mix(in oklab, var(--bs-success) 45%, transparent); background: color-mix(in oklab, var(--bs-success) 12%, transparent); }
    .badge-hud--hr::before{      background: var(--bs-success); box-shadow: 0 0 0 .18rem color-mix(in oklab, var(--bs-success) 18%, transparent); }

    .badge-hud--rejected { color: var(--bs-danger-text-emphasis); border-color: color-mix(in oklab, var(--bs-danger) 45%, transparent); background: color-mix(in oklab, var(--bs-danger) 12%, transparent); }
    .badge-hud--rejected::before{background: var(--bs-danger); box-shadow: 0 0 0 .18rem color-mix(in oklab, var(--bs-danger) 18%, transparent); }

    /* أزرار صغيرة متماشية (لأكشن الجدول) */
    .btn.btn-xs{ --bs-btn-padding-y: .125rem; --bs-btn-padding-x: .5rem; --bs-btn-font-size:.72rem; border-radius: .5rem; }

    .hud-form .form-control, .hud-form .form-select{
    background: #28292b69;
    border-color: var(--bs-border-color);
    color: var(--bs-body-color);
  }
  .hud-form .form-control:focus, .hud-form .form-select:focus{
    box-shadow: 0 0 0 .15rem rgba(var(--bs-theme-rgb), .25);
    border-color: rgba(var(--bs-theme-rgb), .55);
  }
  </style>

  @endpush
@endonce