/* أزرار الإجراءات (تعديل / حذف / استرجاع) في جدول العملاء. ملف مستقل. */
.table th.col-actions, .table td.col-actions { width: 1%; white-space: nowrap; }
.row-actions { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
button.icon-btn {
  -webkit-appearance: none; appearance: none; font: inherit;
  display: inline-flex; align-items: center; justify-content: center;
  width: 38px; height: 38px; min-height: 0; padding: 0; margin: 0;
  border-width: 1px; border-style: solid; border-radius: 12px;
  cursor: pointer; line-height: 0;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
  transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.15s, box-shadow 0.15s;
}
button.icon-btn svg { width: 19px; height: 19px; display: block; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
button.icon-btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12); }
button.icon-btn:active { transform: translateY(0); box-shadow: none; }
button.icon-btn:focus-visible { outline: 3px solid rgba(13, 148, 136, 0.3); outline-offset: 2px; }

button.icon-btn--edit    { color: #0d9488; background: #e6f6f4; border-color: #b7e4de; }
button.icon-btn--delete,
button.icon-btn--purge   { color: #b91c1c; background: #fdeaea; border-color: #f3c3c3; }
button.icon-btn--restore { color: #15803d; background: #e7f6ec; border-color: #bfe5cb; }

button.icon-btn--edit:hover    { color: #fff; background: #0d9488; border-color: #0d9488; }
button.icon-btn--delete:hover,
button.icon-btn--purge:hover   { color: #fff; background: #b91c1c; border-color: #b91c1c; }
button.icon-btn--restore:hover { color: #fff; background: #15803d; border-color: #15803d; }

@media (max-width: 719px) {
  /* في الكارت: عنوان "إجراءات" على اليمين، وأزرار التعديل والحذف على الشمال وظاهرين */
  .table td.col-actions { width: 100%; white-space: normal; justify-content: space-between; }
  .table td.col-actions .row-actions { justify-content: flex-start; }
  button.icon-btn { width: 44px; height: 44px; }
}