/* ════════════════════════════════════════════════════════════════════
   student-stats-mirror.css — 🟢 [STATS-UNIFY 2026-07-02]
   مرآة إحصائيات الطلاب داخل «المشاهدات والتحليلات»
   ────────────────────────────────────────────────────────────────────
   يعتمد كلاسات watch-analytics-pro القائمة (.wap-card/.wap-title/
   .wap-table/.wap-meter) ويضيف ssm-* فقط. كل الألوان عبر متغيرات
   لوحة الأدمن: --card --card2 --border --primary --muted --text
   ════════════════════════════════════════════════════════════════════ */

/* شبكة بطاقات الأرقام */
.ssm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.ssm-grid.six{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:10px 0;}
.ssm-stat{background:var(--card);border:1px solid var(--border);border-radius:12px;
  padding:12px 8px;text-align:center;}
.ssm-stat > i{font-size:1.1rem;margin-bottom:6px;display:block;}
.ssm-stat-v{font-size:1.4rem;font-weight:800;color:var(--text);}
.ssm-stat-v small{font-size:.8rem;}
.ssm-stat-l{color:var(--muted);font-size:.78rem;margin-top:2px;line-height:1.5;}
.ssm-stat-tag{margin-top:6px;font-size:.62rem;font-weight:700;color:var(--success);
  background:rgba(81,207,102,.12);
  border-radius:999px;padding:2px 8px;display:inline-block;}

/* بحث الطالب + قائمة الاقتراحات */
.ssm-search-wrap{position:relative;margin-bottom:12px;}
.ssm-suggest{position:absolute;top:100%;right:0;left:0;z-index:50;
  background:var(--card);border:1px solid var(--border);border-radius:10px;
  margin-top:4px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.35);}
.ssm-suggest-row{padding:9px 12px;cursor:pointer;font-size:.85rem;color:var(--text);
  border-bottom:1px solid var(--border);}
.ssm-suggest-row:last-child{border-bottom:none;}
.ssm-suggest-row:hover{background:var(--card2);}
.ssm-suggest-row.muted{color:var(--muted);cursor:default;}
.ssm-suggest-row small{color:var(--muted);}

.ssm-mirror-name{font-weight:700;color:var(--text);margin:6px 0 8px;
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.ssm-mirror-name i{color:var(--primary);}

/* بطاقات الرسوم داخل المرآة */
.ssm-chart-card{background:var(--card);border:1px solid var(--border);
  border-radius:12px;padding:12px;margin:10px 0;}
.ssm-chart-title{font-weight:600;color:var(--primary);font-size:.85rem;
  margin-bottom:8px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.ssm-chart-title small{color:var(--muted);font-weight:500;}
.ssm-svg{width:100%;height:190px;display:block;}
.ssm-legend{margin-inline-start:auto;font-size:.7rem;color:var(--muted);
  display:flex;align-items:center;gap:5px;}
.ssm-dot{width:9px;height:9px;border-radius:50%;display:inline-block;}

/* جدول متابعة المقاطع — مرآة حرفية لخلايا stats-hub (ثيم الأدمن، عرض فقط) */
.ssm-courses{margin-top:10px;}
.ssm-course{padding:10px 0 4px;border-top:1px dashed var(--border);}
.ssm-course-head{display:flex;align-items:center;justify-content:space-between;
  gap:8px;font-size:.88rem;color:var(--text);font-weight:600;margin-bottom:6px;}
.ssm-cells{display:flex;flex-wrap:wrap;gap:5px;padding:8px 0;}
.ssm-cell{width:20px;height:20px;border-radius:6px;border:1px solid var(--border);
  background:var(--card2);color:transparent;font-size:.68rem;font-weight:900;
  line-height:20px;text-align:center;cursor:help;}
.ssm-cell.todo{border-radius:50%;opacity:.55;}
.ssm-cell.done{background:linear-gradient(135deg,var(--success),#f59e0b);
  border-color:transparent;color:#fff;box-shadow:0 0 7px rgba(245,158,11,.3);}
.ssm-cells.compact{gap:3px;}
.ssm-cells.compact .ssm-cell{width:10px;height:10px;border-radius:3px;font-size:0;line-height:10px;}
.ssm-cells.compact .ssm-cell.todo{border-radius:50%;}

@media (max-width:480px){
  .ssm-grid{grid-template-columns:repeat(2,1fr);}
}