/* glass-effect.css — تأثير الزجاج (Glassmorphism) فقط. منصة المذاكرة. تجميل بصري، لا يغيّر أي وظيفة.
   يُحمَّل بعد باقي ملفات CSS. يشتغل فقط في المتصفحات الداعمة لـ backdrop-filter، وإلا يبقى الشكل القديم كما هو. */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  :root{--gl-bg:linear-gradient(145deg,rgba(20,86,83,.20),rgba(5,42,47,.17));--gl-edge:rgba(106,255,216,.2);--gl-hi:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(255,255,255,.04);--gl-blur:blur(18px) saturate(135%);--gl-shadow:0 12px 34px rgba(0,0,0,.2)}

  /* الأسطح الكبيرة */
  body .card,body .student-panel,body .student-hero,body .report-panel,body .auth-card,body .recovery-card,body .stat>div,body .box,body .owner-profile-card,body .auth-brand{
    background:var(--gl-bg);border:1px solid var(--gl-edge);box-shadow:var(--gl-shadow),var(--gl-hi);
    -webkit-backdrop-filter:var(--gl-blur);backdrop-filter:var(--gl-blur)}
  body .student-hero{background:linear-gradient(135deg,rgba(45,212,168,.24),rgba(5,42,47,.38));border-color:rgba(45,212,168,.42)}

  /* الرأس والتنقل */
  body header.site-header,body nav{background:rgba(5,35,38,.36);border-color:var(--gl-edge);
    -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}

  /* عارض الدروس: زجاج أغمق ليبقى المحتوى مقروءًا (لا نلمس محتوى الـ iframe) */
  body #modal{background:rgba(0,12,15,.48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  body #modal .mb{background:rgba(7,43,46,.72);border:1px solid var(--gl-edge);box-shadow:0 24px 70px rgba(0,0,0,.55),var(--gl-hi);
    -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%)}
  body .mh{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  body .pdfbox{background:rgba(255,255,255,.04)}

  /* بطاقات الحفظ: بدون backdrop-filter (يكسر قلب البطاقة ثلاثي الأبعاد)، نستبدله بتدرج شبه معتم */
  body .fcard .face{background:linear-gradient(160deg,rgba(24,108,102,.14),rgba(7,52,56,.12));border:1px solid var(--gl-edge);box-shadow:0 14px 30px rgba(0,0,0,.35),var(--gl-hi);-webkit-backdrop-filter:none;backdrop-filter:none}
  body .fcard .face.bk{background:linear-gradient(160deg,rgba(18,120,100,.16),rgba(8,58,60,.13))}

  /* العناصر الصغيرة */
  body .btn:not(.pr):not(.ok):not(.no),body .opt:not(.good):not(.bad),body .chip:not(.on),body .tags span,body .student-badge,body .student-kpi,body .student-field,
  body .mh button:not(.on):not(#done):not(#mx),body .mh a{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
    -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
  body input[type=search],body select,body textarea,body .report-field input,body .report-field select,body .report-field textarea,body .auth-card input,body .auth-card select,
  body .recovery-card input[type=password],body .recovery-card input[type=text],body .recovery-card input[type=email]{
    background:rgba(4,35,39,.38);border:1px solid rgba(255,255,255,.16);color:#edfff9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  body input::placeholder,body textarea::placeholder{color:rgba(205,235,227,.55)}

  /* المرور بالماوس */
  @media(hover:hover) and (pointer:fine){
    body .card:hover,body .student-panel:hover,body .student-hero:hover{border-color:rgba(101,240,196,.6);box-shadow:var(--gl-shadow),0 0 26px rgba(45,212,168,.16),var(--gl-hi)}
    body .btn:not(.pr):not(.ok):not(.no):hover:not(:disabled),body .opt:not(.good):not(.bad):hover:not(:disabled),body .chip:not(.on):hover{background:rgba(255,255,255,.16);border-color:rgba(101,240,196,.5)}
  }
  /* الموبايل: بلور أخف للأداء */
  @media(max-width:700px){:root{--gl-blur:blur(10px) saturate(130%)}body .card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
  /* لوحة المشرف: extend glass to admin-specific report summaries and rows */
  body .report-stat,body .report-section,body .report-body,body .report-stats,
  body .userrow,body .permgrid,body .perm,body .msg,body .les,body .it{
    background:var(--gl-bg);
    border-color:var(--gl-edge);
    box-shadow:var(--gl-shadow),var(--gl-hi);
    -webkit-backdrop-filter:var(--gl-blur);
    backdrop-filter:var(--gl-blur);
  }
  body .report-section>summary{background:rgba(255,255,255,.05)}
  body input,body select,body textarea{
    background:rgba(4,35,39,.36);
    border-color:rgba(255,255,255,.16);
    color:#edfff9;
    -webkit-backdrop-filter:blur(6px);
    backdrop-filter:blur(6px);
  }
  body .userrow{border-bottom-color:var(--gl-edge)}

  /* عارض الشرح التفاعلي: مساحة أكبر وأزرار أخف دون لمس محتوى الدرس الداخلي */
  body #modal .mb{width:min(1440px,98vw);height:min(97dvh,1100px)}
  body #modal .mh{gap:5px;padding:7px 10px;padding-top:calc(7px + env(safe-area-inset-top,0px))}
  body #modal .mh h3{font-size:15px;min-width:0}
  body #modal .mh button,body #modal .mh a{padding:4px 8px;font-size:12px;line-height:1.45;border-radius:8px}
  body #modal .mv{flex:1 1 auto;min-height:0;width:100%}
  @media(max-width:700px){
    body #modal .mb{width:100%;height:100dvh;max-height:100dvh}
    body #modal .mh{gap:4px;padding-inline:7px}
    body #modal .mh h3{font-size:13px;flex:1 1 100%;min-width:0}
    body #modal .mh button,body #modal .mh a{padding:4px 7px;font-size:11px}
  }


}

/* إزالة الإطار الهندسي المدبّب خلف بطاقات ملخص الرحلة ونشاط الأسبوع فقط.
   نترك البطاقات نفسها بتأثير الزجاج والـ glow والـ hover كما هي. */
body .student-dashboard > .student-panels{
  position:relative;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  clip-path:none!important;
}
body .student-dashboard > .student-panels::before,
body .student-dashboard > .student-panels::after{
  content:none!important;
  display:none!important;
}


/* شفافية بطاقات ملخص الرحلة: إظهار الإضاءة المتحركة من خلالها بدون تغميق */
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body .student-dashboard .student-panel{
    background:linear-gradient(145deg,rgba(20,86,83,.12),rgba(5,42,47,.10))!important;
    -webkit-backdrop-filter:blur(14px) saturate(145%);
    backdrop-filter:blur(14px) saturate(145%);
  }
}