/* ══════════════════════════════════════════════════════════════════
   WAVENDO Panel — لمسة حركة/تناسق إضافية (طبقة منفصلة، لا تعدّل style.css)
   تستخدم متغيّرات اللوحة الحالية فقط (--gold, --surface, --line, --ink)
   ══════════════════════════════════════════════════════════════════ */

*{ scroll-behavior:smooth; }

.btn, button, .pill{
  transition: transform .16s cubic-bezier(.4,0,.2,1), box-shadow .2s, background .2s, border-color .2s, color .2s;
}
.btn:active, button:active{ transform: scale(.97); }

.kpi-card, .modal-card, table, .dropdown-menu{
  transition: transform .2s cubic-bezier(.4,0,.2,1), box-shadow .2s, border-color .2s;
}
.kpi-card:hover{
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0,0,0,.12);
  border-color: var(--gold);
}

/* شريط تمرير متناسق مع هوية اللوحة (ذهبي) */
::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-track{ background:transparent; }
::-webkit-scrollbar-thumb{
  background: color-mix(in srgb, var(--gold) 45%, var(--surface-3));
  border-radius:20px; border:2px solid transparent; background-clip:padding-box;
}
::-webkit-scrollbar-thumb:hover{ background:var(--gold); }

/* وضوح تركيز لوحة المفاتيح */
a:focus-visible, button:focus-visible, .btn:focus-visible, input:focus-visible, select:focus-visible{
  outline: 2px solid var(--gold); outline-offset: 2px; border-radius:6px;
}

/* دخول سلس للمودالات (يعمل مع animation:modalin الموجودة أصلاً، إضافة لا استبدال) */
.modal-card{ animation-timing-function: cubic-bezier(.16,1,.3,1) !important; }

@media (prefers-reduced-motion: reduce){
  *{ scroll-behavior:auto; }
  .btn, button, .pill, .kpi-card, .modal-card, table, .dropdown-menu{ transition:none; }
}