:root{
  --card-radius:17px;

  /* لون الهوية */
  --main-color:#0d6efd;
  --main-color-light:#f4f8ff;
  --main-color-hover:#3b82f6;

  /* مسافات */
  --page-pad-y: 22px;
  --table-cell-pad-y: 18px;  /* ✅ كبرنا الهوامش داخل الصف */
  --table-cell-pad-x: 16px;

  /* مواد الطالب */
  --subj-max-width: 280px;
}

/* =========================
   ✅ Sticky Footer (الفوتر أسفل دايمًا)
   ========================= */
html, body{
  height:100%;
}
body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
main.container{
  flex:1 0 auto;
  padding-top: var(--page-pad-y);
  padding-bottom: var(--page-pad-y);
}
footer{
  margin-top:auto;
}

/* =========================
   Cards / Badges
   ========================= */
.card{
  border-radius:var(--card-radius);
}
.badge{
  font-weight:600;
}
.table thead th{
  white-space:nowrap;
}

/* =========================
   ✅ تكبير الهوامش داخل الجداول
   ========================= */
.table > :not(caption) > * > *{
  padding: var(--table-cell-pad-y) var(--table-cell-pad-x);
}
.table tbody tr{
  border-bottom-color: rgba(0,0,0,.06);
}
.table tbody tr td{
  vertical-align: middle;
}

/* خيار إضافي: يعطي إحساس "كروت" بين الصفوف */
.table.table-hover tbody tr{
  position: relative;
}
.table.table-hover tbody tr td{
  background-clip: padding-box;
}
.table.table-hover tbody tr + tr td{
  border-top: 10px solid transparent; /* ✅ مسافة بين الصفوف */
}

/* =========================
   ✅ زر الاختصار (Shortcuts)
   ========================= */
.shortcut-btn{
  min-width:160px;
  padding:16px 12px;
  text-align:center;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;

  font-size:15px;
  font-weight:500;

  color:var(--main-color);
  background:linear-gradient(135deg, var(--main-color-light), #ffffff);
  border:2px solid var(--main-color);

  border-radius:14px;
  transition:all .25s ease;
}
.shortcut-btn i{
  font-size:30px;
  line-height:1;
}
.shortcut-btn:hover{
  background:linear-gradient(135deg, var(--main-color), var(--main-color-hover));
  color:#ffffff;
  transform:translateY(-3px);
}
.shortcut-btn.active{
  background:linear-gradient(135deg, var(--main-color), var(--main-color-hover));
  color:#ffffff;
}

/* =========================
   ✅ عرض مواد الطالب بشكل Badges (بدون تمدد)
   ========================= */
.subj-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  max-width: var(--subj-max-width);
}
.subj-badges .badge{
  font-weight:600;
  padding: 8px 10px;     /* ✅ أكبر شوي */
  border-radius: 12px;
}
.subj-badges button.badge{
  padding: 8px 12px;
}

/* =========================
   تحسينات شكلية بسيطة
   ========================= */
.btn{
  border-radius: 12px;
}
.form-control, .form-select{
  border-radius: 12px;
}
.alert{
  border-radius: 14px;
}