/* ═══════════════════════════════════════════════════════════
   نظام النادي الصيفي - برنامج الحسابات (مالي/محاسبي)
   ═══════════════════════════════════════════════════════════ */

/* ── بطاقة هوية البرنامج ── */
.acc-hero {
  background: linear-gradient(135deg, #0b6e4f 0%, #06D6A0 60%, #FFD166 130%);
  color: #fff;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-lg);
}
.acc-hero .card-body { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.acc-hero-icon {
  width: 64px; height: 64px; border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.2);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.9rem; flex-shrink: 0;
}

/* ── شريط التنقّل الداخلي للحسابات ── */
.acc-subnav {
  display: flex; gap: 8px; flex-wrap: wrap;
  margin-bottom: 20px;
}
.acc-subnav-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 18px; border-radius: var(--radius-full);
  border: 1.5px solid var(--border-color);
  background: var(--bg-white); color: var(--text-secondary);
  font-family: var(--font-family); font-weight: 700; font-size: 0.9rem;
  cursor: pointer; transition: all var(--transition-fast);
  white-space: nowrap;
}
.acc-subnav-btn:hover { border-color: var(--mint); color: var(--mint-dark); }
.acc-subnav-btn.active {
  background: var(--gradient-success); color: #fff;
  border-color: transparent; box-shadow: var(--shadow-success);
}

/* ── بطاقات المؤشرات المالية ── */
.acc-kpi {
  position: relative; overflow: hidden;
  border-radius: var(--radius-lg); padding: 20px;
  background: var(--bg-white); box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-light);
}
.acc-kpi::before {
  content: ''; position: absolute; inset-inline-start: 0; top: 0;
  width: 5px; height: 100%; background: var(--mint);
}
.acc-kpi.blue::before { background: var(--ocean-blue); }
.acc-kpi.orange::before { background: var(--orange); }
.acc-kpi.gold::before { background: var(--yellow-dark); }
.acc-kpi.red::before { background: var(--danger); }
.acc-kpi.green::before { background: var(--mint); }
.acc-kpi-label { color: var(--text-muted); font-size: 0.82rem; font-weight: 600; margin-bottom: 6px; }
.acc-kpi-value { font-size: 1.55rem; font-weight: 800; color: var(--text-primary); line-height: 1.1; }
.acc-kpi-sub { font-size: 0.78rem; color: var(--text-secondary); margin-top: 4px; }
.acc-kpi-icon {
  position: absolute; inset-inline-end: 14px; top: 14px;
  font-size: 1.6rem; opacity: 0.16; color: var(--text-primary);
}

/* ── شريط التقدّم المالي ── */
.acc-bar { height: 12px; border-radius: var(--radius-full); background: var(--bg-secondary); overflow: hidden; }
.acc-bar-fill { height: 100%; border-radius: var(--radius-full); background: var(--gradient-success); transition: width var(--transition-slow); }
.acc-bar-fill.warn { background: var(--gradient-secondary); }
.acc-bar-fill.danger { background: var(--gradient-warm); }

/* ── بطاقة مشرف في مصفوفة العهد ── */
.acc-sup-card {
  border: 1px solid var(--border-color); border-radius: var(--radius-md);
  padding: 16px; background: var(--bg-white); box-shadow: var(--shadow-xs);
}
.acc-sup-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; }
.acc-sup-name { font-weight: 800; color: var(--text-primary); }
.acc-balance-pos { color: var(--mint-dark); font-weight: 800; }
.acc-balance-neg { color: var(--danger); font-weight: 800; }
.acc-balance-zero { color: var(--text-muted); font-weight: 800; }

/* ── حالة سداد اشتراك ── */
.pay-pill { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: var(--radius-full); font-size: 0.78rem; font-weight: 700; }
.pay-paid { background: var(--success-bg); color: var(--mint-dark); }
.pay-partial { background: var(--warning-bg); color: var(--orange-dark); }
.pay-unpaid { background: var(--danger-bg); color: var(--danger); }
.pay-free { background: var(--info-bg); color: var(--ocean-blue-dark); }

/* ── تذكير الفاتورة الأصلية في شاشة سداد العهدة ── */
.acc-invoice-note {
  display: flex; align-items: flex-start; gap: 10px;
  background: var(--warning-bg); border: 1px solid var(--orange, #e08e0b);
  border-radius: var(--radius-md); padding: 12px 14px; margin-bottom: 16px;
  color: var(--orange-dark, #9a6700); font-size: 0.88rem; line-height: 1.7;
}
.acc-invoice-note > i { font-size: 1.15rem; margin-top: 2px; flex-shrink: 0; }
.acc-invoice-note ul { list-style: disc; }

/* ── زر طباعة PDF في ترويسة برنامج الحسابات ── */
.acc-print-btn {
  background: rgba(255,255,255,0.95); color: var(--danger, #c0392b);
  border: none; font-weight: 700; box-shadow: var(--shadow-sm);
}
.acc-print-btn:hover { background: #fff; color: #a93226; transform: translateY(-1px); }
.acc-print-btn i { color: #c0392b; }

/* ── زر «تم السداد» السريع ── */
.acc-pay-quick { background: var(--success-bg); color: var(--mint-dark); border: 1px solid transparent; }
.acc-pay-quick:hover { background: var(--mint-dark); color: #fff; }
.acc-pay-cell-check { text-align: center; }
.acc-pay-check, #acc-pay-checkall { width: 17px; height: 17px; cursor: pointer; accent-color: var(--mint-dark); }

/* ── شريط الإجراءات الجماعية ── */
.acc-pay-bulkbar {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding: 10px 14px; margin-bottom: 12px; border-radius: var(--radius-md);
  background: var(--success-bg); border: 1px solid var(--mint-dark);
}
.acc-pay-bulkinfo { font-weight: 700; color: var(--mint-dark); }

/* ── صف فاتورة في إغلاق العهدة ── */
.acc-invoice-row td { font-size: 0.85rem; }
.acc-empty-cash { text-align: center; padding: 30px 16px; color: var(--text-muted); }

/* ── شارة نوع التسليم ── */
.acc-type-cash { background: var(--warning-bg); color: var(--orange-dark); }
.acc-type-transfer { background: var(--info-bg); color: var(--ocean-blue-dark); }

@media (max-width: 640px) {
  .acc-kpi-value { font-size: 1.3rem; }
  .acc-subnav-btn { padding: 9px 14px; font-size: 0.82rem; }
}