/* ============================================================================
   grading.css — شاشة الرصد: الاختيار، الجدول، الشريط السريع، الاختياري، التصدير.
   ============================================================================ */

/* شريط الاختيار */
#subInfo{margin:14px 2px 0;font-size:13.5px;line-height:1.8;color:var(--text-2);}
#subInfo b{color:var(--accent);}
.stbadge{display:inline-block;font-size:11px;background:var(--warn-soft);color:var(--warn);border-radius:7px;padding:2px 9px;margin-inline-start:5px;font-family:'Reem Kufi';font-weight:600;}

/* أدوات الرصد */
.toolbar{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.toolbar .grow{flex:1;min-width:170px;}
.pill{font-family:'Reem Kufi';font-weight:600;font-size:12.5px;border-radius:30px;padding:8px 14px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
  background:var(--surface-2);border:1px solid var(--border-2);color:var(--accent);}
.pill.warn{background:var(--warn-soft);border-color:transparent;color:var(--warn);}
.pill.gold{background:var(--gold-soft);border-color:transparent;color:var(--gold);}

/* رأس بطاقة الرصد وأدواتها */
.gradehead{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:11px;}
.g-subject{font-family:'Reem Kufi';font-weight:700;color:var(--text);font-size:17px;margin-inline-end:auto;}
.gradetools{display:flex;align-items:center;gap:9px;margin-bottom:11px;}
.gradetools .grow{flex:1 1 auto;min-width:0;}

/* animation:none حتى لا تكسر مصفوفة الـtransform تثبيت sticky */
#gradeCard{overflow:visible;animation:none;}
#gradeCard #tableWrap{overflow:visible;max-height:none;border:none;border-radius:0;}
#gradeCard .gradehead{position:sticky;top:var(--stick1,58px);z-index:30;background:var(--surface);padding:10px 0 12px;margin:0 0 10px;}
.grades thead th{position:sticky;top:var(--stick2,108px);z-index:28;font-size:15.5px;padding:13px 9px;}
#h1,#h2{font-size:15.5px;}

/* جدول الرصد */
#tableWrap{max-height:64vh;overflow:auto;border-radius:var(--r);border:1px solid var(--border);}
table{width:100%;border-collapse:separate;border-spacing:0;}
th,td{padding:12px 9px;text-align:center;font-size:14px;border-bottom:1px solid var(--border);}
thead th{position:sticky;top:0;z-index:3;background:var(--surface-3);color:var(--text);font-family:'Reem Kufi';font-weight:600;font-size:13px;border-bottom:1px solid var(--border-2);}
tbody tr{background:var(--surface);transition:background .15s;}
tbody tr:nth-child(even){background:var(--surface-2);}
tbody tr:hover{background:var(--accent-soft);}
td input{width:94px;text-align:center;padding:11px;font-weight:700;font-variant-numeric:tabular-nums;background:var(--surface-3);}
tr.dirty,tr.dirty:nth-child(even){background:var(--warn-soft);}
tr.err,tr.err:nth-child(even){background:var(--danger-soft);}
tr.locked,tr.locked:nth-child(even){background:var(--surface-2);opacity:.85;}
.tot{font-family:'Reem Kufi';font-weight:700;color:var(--accent);font-size:17px;font-variant-numeric:tabular-nums;}
.nmcell{text-align:right!important;color:var(--text);}
.speccell{text-align:right!important;font-family:'Reem Kufi';font-weight:600;color:var(--accent-2);}
.c-idx{color:var(--muted);font-weight:700;}
.c-seat{color:var(--text-2);font-weight:700;font-variant-numeric:tabular-nums;}
.c-pass{color:var(--accent);font-family:'Reem Kufi';font-weight:600;font-size:13px;}
.locked-tot{color:var(--accent)!important;font-weight:700;}
td.dash{color:var(--faint);}
#results{margin-top:13px;}
#roMsg{color:var(--warn);font-family:'Reem Kufi';font-weight:600;}

/* مؤشر الرصد */
.grade-progress{display:none;}
.grade-progress.show{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:11px;padding:8px;border-radius:14px;background:var(--surface-2);border:1px solid var(--border);}
.gp-lbl{font-family:'Reem Kufi';font-weight:700;color:var(--muted);font-size:13px;margin-inline-end:2px;}
.gp-item{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:5px 13px;font-family:'Reem Kufi';font-weight:700;font-size:13.5px;}
.gp-item b{font-family:'Cairo';font-weight:800;background:rgba(255,255,255,.22);border-radius:9px;padding:2px 9px;font-size:13px;}
html[data-theme="light"] .gp-item b{background:rgba(0,0,0,.06);}
.gp-a{background:rgba(91,159,240,.16);color:var(--blue);}
.gp-b{background:var(--purple-soft);color:var(--purple);}
.gp-c{background:var(--accent-soft);color:var(--accent);}
.gp-c.inc{background:var(--warn-soft);color:var(--warn);}

/* زر الحفظ في نهاية القائمة */
.grade-foot{margin-top:16px;display:flex;justify-content:center;}
.grade-foot button{padding:14px 30px;font-size:16px;}

/* شريط القيم السريعة + التنقل — ثابت أسفل الشاشة أثناء الرصد */
.ghelper{display:none;}
.ghelper.show{display:flex;flex-direction:column;align-items:stretch;gap:7px;animation:none;
  position:fixed;left:0;right:0;left:max(0px,env(safe-area-inset-left));right:max(0px,env(safe-area-inset-right));
  bottom:0;bottom:calc(var(--bottom-nav-offset,0px) + max(env(safe-area-inset-bottom),0px));z-index:260;margin:0;
  border-top:1px solid var(--border);background:var(--surface-2);
  padding:8px 12px 8px;box-shadow:0 -8px 24px rgba(0,0,0,.35);}
.gh-vals{display:flex;gap:7px;flex-wrap:wrap;align-items:center;}
.ghelper .gh-vals{width:100%;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:7px;margin:0;justify-content:center;}
.ghelper .gh-vals::-webkit-scrollbar{height:0;}
.gh-chip{font-family:'Reem Kufi';font-weight:600;font-size:13px;padding:9px 15px;border-radius:11px;min-height:42px;
  background:var(--surface);color:var(--text-2);border:1px solid var(--border-2);box-shadow:none;}
.gh-chip:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line);filter:none;}
.gh-chip.gh-clear{color:var(--danger);border-color:var(--danger-soft);}
.ghelper .gh-vals .gh-chip{flex:0 0 auto;padding:10px 15px;font-size:14px;}
.gh-progress{display:none;}
.gh-progress.show{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;}
.gh-navrow{display:flex;gap:7px;align-items:center;margin-inline-start:auto;}
.ghelper .gh-navrow{width:100%;display:flex;gap:7px;margin:0;}
.gh-next,.gh-nav{font-weight:700;}
.gh-next{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-ink);border:none;}
.gh-nav{background:var(--surface-3);color:var(--accent);border:1px solid var(--accent-line);}
.gh-save{background:linear-gradient(135deg,#16a34a,#22c55e)!important;color:#04210f!important;border:none!important;font-weight:700;}
.gh-save:disabled{opacity:.45;}
.ghelper .gh-navrow .gh-save{flex:1 1 30%;padding:12px 6px;font-size:15px;}
.ghelper .gh-navrow .gh-nav{flex:1 1 24%;padding:12px 6px;font-size:14px;}
.ghelper .gh-navrow .gh-next{flex:1 1 40%;padding:12px 6px;font-size:15px;}
body.grading #appShell{padding-bottom:var(--grade-helper-space,200px);}
body.grading .toast{bottom:calc(var(--grade-helper-space,180px) + 16px);}
@media (min-width:861px){
  .ghelper .gh-navrow{max-width:640px;margin:0 auto;}
  .gh-progress.show{font-size:14.5px;}
  body.grading #appShell{padding-bottom:var(--grade-helper-space,160px);}
}

/* المقررات الاختيارية: أعمال + عملي → عملي وأعمال (محسوبة) */
.c-pw{position:relative;}
.pw-badge{display:none;font-family:'Reem Kufi';font-weight:700;font-size:10px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:6px;padding:1px 6px;margin-inline-start:6px;vertical-align:middle;white-space:nowrap;}
.c-pw.pw-split .pw-badge{display:inline-block;}
.c-pw.pw-split input{background:var(--accent-soft)!important;border-color:var(--accent-line);font-weight:800;color:var(--accent);}
td.c-aamal input,td.c-amali input{background:var(--surface-3);}

/* أشرطة وأزرار التصدير (Excel / PDF) */
.expbar{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin:10px 0 4px;padding:10px 12px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);}
.expbar-lbl{font-family:'Reem Kufi';font-weight:700;font-size:13px;color:var(--text-2);margin-inline-end:2px;}
.exp-btn{font-family:'Reem Kufi';font-weight:600;font-size:13px;padding:9px 14px;border-radius:10px;min-height:40px;cursor:pointer;border:none;color:#06121f;}
.exp-btn.exp-pdf{background:linear-gradient(135deg,var(--danger,#e5484d),#f0787c);color:#2a0608;}
.exp-btn.exp-xls{background:linear-gradient(135deg,#0f9b6b,#2fd08f);color:#032018;}
.exp-btn:hover{filter:brightness(1.07);}
.exp-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.4);}

/* ===== موبايل: الجدول إلى بطاقات ===== */
@media (max-width:860px){
  #tableWrap{max-height:none;overflow:visible;border:none;}
  #gradeCard .toolbar{position:sticky;top:56px;z-index:8;background:var(--surface);padding:9px 0;margin:0 0 11px;border-bottom:1px solid var(--border);}

  table.responsive thead{display:none;}
  table.responsive,table.responsive tbody{display:block;width:100%;}
  table.responsive tr{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;align-items:end;
    background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:15px;margin-bottom:13px;box-shadow:var(--shadow);}
  table.responsive tr:hover{background:var(--surface);}
  table.responsive tr.dirty{border-color:var(--warn);background:var(--warn-soft);}
  table.responsive tr.err{border-color:var(--danger);background:var(--danger-soft);}
  table.responsive tr.locked{opacity:1;}
  table.responsive td{border:none;padding:0;display:flex;flex-direction:column;gap:5px;text-align:start;}
  table.responsive td::before{content:attr(data-label);font-family:'Reem Kufi';font-weight:600;color:var(--muted);font-size:11.5px;}
  table.responsive td.c-idx{grid-column:1;flex-direction:row;align-items:center;gap:6px;color:var(--muted);font-size:12px;}
  table.responsive td.c-seat{grid-column:2;flex-direction:row;justify-content:flex-end;align-items:center;gap:6px;color:var(--muted);font-size:12px;}
  table.responsive td.c-name{grid-column:1 / -1;font-weight:700;color:var(--text);font-size:21px;line-height:1.45;border-top:1px solid var(--border);padding-top:10px;}
  table.responsive td.c-name::before{display:none;}
  table.responsive td.c-spec{grid-column:1 / -1;}
  table.responsive td.c-v1{grid-column:1;}
  table.responsive td.c-v2{grid-column:2;}
  table.responsive tr.single td.c-v1{grid-column:1 / -1;}
  table.responsive tr.single td.c-v2{display:none;}
  table.responsive td.c-pass{grid-column:1 / -1;flex-direction:row;justify-content:center;gap:7px;background:var(--accent-soft);border-radius:12px;padding:11px;}
  table.responsive td.c-pass::before{display:none;}
  table.responsive td input{width:100%;font-size:19px;padding:14px;text-align:center;}
  table.responsive td.c-tot{grid-column:1 / -1;flex-direction:row;justify-content:center;align-items:center;gap:8px;background:var(--accent-soft);border-radius:12px;padding:12px;margin-top:2px;font-size:19px;}
  table.responsive td.c-tot::before{color:var(--accent);}

  /* الاختياري في الموبايل */
  table.responsive tr.opt td.c-aamal{grid-column:1;}
  table.responsive tr.opt td.c-amali{grid-column:2;}
  table.responsive tr.opt td.c-v1{grid-column:1 / -1;}
  table.responsive tr.opt td.c-v2{grid-column:1 / -1;}

  /* هوامش تمرير خانات الرصد (يستخدمها reveal.js) */
  table.responsive td input{scroll-margin-top:var(--grade-scroll-margin-top,60px);scroll-margin-bottom:var(--grade-scroll-margin-bottom,120px);}
}