/* ════════════════════════════════════════════════════════════════════════════
   profile-access.css — 🔗 [BUY-BIND 2026-08-19 §2.6] قسم «الدخول والأجهزة» بحساب الطالب
   ────────────────────────────────────────────────────────────────────────────
   طبقة مستقلة بعد الحزم (ترتيب المصدر يغلب) — رموز الثيم القائمة فقط
   (--bg-card/--text-primary/--text-secondary/--border-color/--primary/--radius).
   للإزالة: احذف هذا الملف + سطر <link> + #bbAccessSection + profile-access.js.
   ════════════════════════════════════════════════════════════════════════════ */
.profile-access-section{ margin: 4px 0 18px; }
.profile-access-section:empty{ display: none; }

.pa-card{
  background: var(--bg-card, rgba(255,255,255,.05));
  border: 1px solid var(--border-color, rgba(255,255,255,.12));
  border-radius: var(--radius, 14px);
  padding: 14px 14px 12px;
  color: var(--text-primary, #fff);
  box-shadow: 0 2px 10px rgba(0,0,0,.12);
}
.pa-head{
  display: flex; align-items: center; gap: 8px;
  font-weight: 800; font-size: .98rem;
  margin-bottom: 4px;
}
.pa-head i{ color: var(--primary, #a855f7); }
.pa-note{
  margin: 0 0 10px;
  font-size: .76rem;
  color: var(--text-secondary, rgba(255,255,255,.7));
  line-height: 1.6;
}
.pa-stats{ display: flex; gap: 10px; margin-bottom: 10px; }
.pa-stat{
  flex: 1;
  background: rgba(168,85,247,.08);
  border: 1px solid rgba(168,85,247,.28);
  border-radius: 12px;
  padding: 9px 8px;
  text-align: center;
  display: flex; flex-direction: column; gap: 2px;
}
.pa-stat b{ font-size: 1.25rem; line-height: 1.1; }
.pa-stat b small{ font-size: .7rem; opacity: .7; font-weight: 700; margin-inline-start: 2px; }
.pa-stat span{ font-size: .7rem; color: var(--text-secondary, rgba(255,255,255,.7)); }
.pa-policy{
  display: flex; align-items: flex-start; gap: 8px;
  font-size: .8rem; line-height: 1.6;
  padding: 8px 10px; border-radius: 10px;
  border: 1px solid var(--border-color, rgba(255,255,255,.12));
  background: rgba(255,255,255,.04);
  margin-bottom: 8px;
}
.pa-policy i{ margin-top: 3px; opacity: .85; flex-shrink: 0; }
.pa-policy-free{ border-color: rgba(52,211,153,.35); background: rgba(52,211,153,.08); }
.pa-policy-bound{ border-color: rgba(96,165,250,.35); background: rgba(96,165,250,.08); }
.pa-policy-unclaimed{ border-color: rgba(245,158,11,.35); background: rgba(245,158,11,.08); }
.pa-bound{
  display: flex; flex-direction: column; gap: 3px;
  padding: 8px 10px; border-radius: 10px;
  background: rgba(96,165,250,.06);
  border: 1px dashed rgba(96,165,250,.35);
  margin-bottom: 8px;
  font-size: .8rem;
}
.pa-bound-lbl{ font-weight: 700; display: flex; align-items: center; gap: 6px; }
.pa-bound-lbl i{ color: #60a5fa; }
.pa-bound-val{ font-weight: 600; }
.pa-sub{
  font-size: .78rem; font-weight: 800;
  margin: 10px 0 6px;
  color: var(--text-secondary, rgba(255,255,255,.75));
}
.pa-list{ list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.pa-row{
  display: flex; flex-direction: column; gap: 2px;
  padding: 7px 10px; border-radius: 10px;
  background: rgba(255,255,255,.04);
  border: 1px solid var(--border-color, rgba(255,255,255,.1));
}
.pa-row-main{ font-size: .8rem; font-weight: 600; display: flex; align-items: center; gap: 6px; }
.pa-row-main i{ opacity: .8; color: #6ee7f0; }
.pa-row-meta{ font-size: .7rem; color: var(--text-secondary, rgba(255,255,255,.65)); }
.pa-empty{
  font-size: .76rem; opacity: .7; text-align: center;
  padding: 8px; border: 1px dashed var(--border-color, rgba(255,255,255,.14));
  border-radius: 10px;
}
/* الثيم الفاتح */
:root.h-light .pa-card,
.h-light .pa-card,
[data-theme="light"] .pa-card{ box-shadow: 0 2px 10px rgba(15,23,42,.06); }
[data-theme="light"] .pa-stat{ background: rgba(124,58,237,.06); }
[data-theme="light"] .pa-row,
[data-theme="light"] .pa-policy{ background: rgba(15,23,42,.03); }