/* ══════════════════════════════════════════════════════════════════
   payment_tabs.css — أنماط مشتركة بين تبويبات المدفوعات
   ══════════════════════════════════════════════════════════════════ */

/* ── أزرار الكارت — نمط pill صغير ───────────────────────────── */
.ops-buttons .btn-card-action {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
  padding: 0.22rem 0.6rem;
  border-radius: 20px;
  font-size: 0.73rem;
  font-weight: 500;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.15s;
  white-space: nowrap;
}

.ops-buttons .btn-card-action i {
  font-size: 0.78rem;
}

.ops-buttons .btn-card-action:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.ops-buttons .btn-card-success {
  background: #d1fae5;
  color: #065f46;
  border-color: #6ee7b7;
}

.ops-buttons .btn-card-success:hover {
  background: #059669;
  color: #fff;
  border-color: #059669;
}

.ops-buttons .btn-card-primary {
  background: #dbeafe;
  color: #1e40af;
  border-color: #93c5fd;
}

.ops-buttons .btn-card-primary:hover {
  background: #2563eb;
  color: #fff;
  border-color: #2563eb;
}

.ops-buttons .btn-card-danger {
  background: #fee2e2;
  color: #991b1b;
  border-color: #fca5a5;
}

.ops-buttons .btn-card-danger:hover {
  background: #dc2626;
  color: #fff;
  border-color: #dc2626;
}

.ops-buttons .btn-card-approve {
  background: #d1fae5;
  color: #065f46;
  border-color: #6ee7b7;
}

.ops-buttons .btn-card-approve:hover {
  background: #059669;
  color: #fff;
  border-color: #059669;
}

.ops-buttons .btn-card-reject {
  background: #fee2e2;
  color: #991b1b;
  border-color: #fca5a5;
}

.ops-buttons .btn-card-reject:hover {
  background: #dc2626;
  color: #fff;
  border-color: #dc2626;
}

.ops-buttons .btn-card-return {
  background: #f3f4f6;
  color: #374151;
  border-color: #d1d5db;
}

.ops-buttons .btn-card-return:hover {
  background: #4b5563;
  color: #fff;
  border-color: #4b5563;
}

.ops-buttons .btn-card-pay {
  background: #dcfce7;
  color: #166534;
  border-color: #86efac;
}

.ops-buttons .btn-card-pay:hover {
  background: #16a34a;
  color: #fff;
  border-color: #16a34a;
}

.ops-buttons .btn-card-pending {
  background: #f3f4f6;
  color: #9ca3af;
  border-color: #e5e7eb;
}

.ops-buttons .btn-card-ops {
  background: #eef2ff;
  color: #4338ca;
  border-color: #c7d2fe;
}

.ops-buttons .btn-card-ops:hover,
.ops-buttons .btn-card-ops.active {
  background: #4338ca;
  color: #fff;
  border-color: #4338ca;
}

.ops-buttons .btn-group-sep {
  display: inline-block;
  width: 1px;
  height: 20px;
  background: #dee2e6;
  margin: 0 0.1rem;
  align-self: center;
}

/* ── زرار آخر 5 عمليات ───────────────────────────────────────── */
.ops-buttons .btn-ops-history {
  color: #6366f1;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  font-size: 0.78rem;
  font-weight: 500;
  transition:
    background 0.18s,
    color 0.18s,
    border-color 0.18s;
}

.ops-buttons .btn-ops-history:hover,
.ops-buttons .btn-ops-history.active {
  background: #6366f1;
  color: #fff;
  border-color: #6366f1;
}

/* ── لوحة آخر العمليات ───────────────────────────────────────── */
.ops-buttons .ops-panel .ops-body {
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e0e7ff;
  background: #f5f7ff;
  padding: 0.5rem;
}

.ops-buttons .ops-table {
  width: 100%;
  font-size: 0.78rem;
  border-collapse: collapse;
  margin: 0;
}

.ops-buttons .ops-table thead th {
  background: #6366f1;
  color: #fff;
  padding: 0.32rem 0.5rem;
  text-align: center;
  font-weight: 600;
}

.ops-buttons .ops-table tbody tr:nth-child(odd) {
  background: #fff;
}

.ops-buttons .ops-table tbody tr:nth-child(even) {
  background: #eef2ff;
}

.ops-buttons .ops-table td {
  padding: 0.3rem 0.5rem;
  text-align: center;
  border-top: 1px solid #e0e7ff;
  vertical-align: middle;
}

.ops-buttons .ops-amt-pos {
  color: #16a34a;
  font-weight: 600;
}

.ops-buttons .ops-amt-neg {
  color: #dc2626;
  font-weight: 600;
}