/* ============================================================
   ملف الإنجاز الوظيفي - CSS الرئيسي (النسخة المحدّثة الكاملة)
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');

/* ══════════════════════════════════════════════════════════
   نظام الثيمات — Theme System
   ══════════════════════════════════════════════════════════ */

/* ── الثيم الافتراضي: أزرق ساري (Navy Blue) ── */
:root,
body[data-theme="navy"],
[data-theme="navy"] {
  --primary:#1a4f8a; --primary-d:#0d3060; --primary-mid:#2e6db4;
  --primary-light:#7ba2d0; --primary-pale:#dce8f7; --primary-xpale:#f0f6ff;
  --sidebar-from:#0a1929; --sidebar-to:#0d2b52;
  --sidebar-accent:#f1c40f;
  --accent:#f1c40f; --accent-pale:rgba(241,196,15,.15);
}
/* ── ثيم أخضر زمردي ── */
body[data-theme="emerald"],
[data-theme="emerald"] {
  --primary:#0a7c5c; --primary-d:#055240; --primary-mid:#0f9d74;
  --primary-light:#5ebfa3; --primary-pale:#d1f5ec; --primary-xpale:#edfaf6;
  --sidebar-from:#04221a; --sidebar-to:#073d2c;
  --sidebar-accent:#f0c040;
  --accent:#f0c040; --accent-pale:rgba(240,192,64,.15);
}
/* ── ثيم بنفسجي ملكي ── */
body[data-theme="violet"],
[data-theme="violet"] {
  --primary:#6d28d9; --primary-d:#4c1d95; --primary-mid:#7c3aed;
  --primary-light:#a78bfa; --primary-pale:#ede9fe; --primary-xpale:#f5f3ff;
  --sidebar-from:#1e0a4a; --sidebar-to:#2e1065;
  --sidebar-accent:#f59e0b;
  --accent:#f59e0b; --accent-pale:rgba(245,158,11,.15);
}
/* ── ثيم وردي فاخر ── */
body[data-theme="rose"],
[data-theme="rose"] {
  --primary:#be185d; --primary-d:#9d174d; --primary-mid:#db2777;
  --primary-light:#f472b6; --primary-pale:#fce7f3; --primary-xpale:#fff1f7;
  --sidebar-from:#3b0422; --sidebar-to:#5a0a35;
  --sidebar-accent:#fbbf24;
  --accent:#fbbf24; --accent-pale:rgba(251,191,36,.15);
}
/* ── ثيم برتقالي دافئ ── */
body[data-theme="amber"],
[data-theme="amber"] {
  --primary:#b45309; --primary-d:#92400e; --primary-mid:#d97706;
  --primary-light:#fbbf24; --primary-pale:#fef3c7; --primary-xpale:#fffbeb;
  --sidebar-from:#1c0d00; --sidebar-to:#3d1a00;
  --sidebar-accent:#34d399;
  --accent:#34d399; --accent-pale:rgba(52,211,153,.15);
}
/* ── ثيم سماوي فيروزي ── */
body[data-theme="teal"],
[data-theme="teal"] {
  --primary:#0e7490; --primary-d:#0a5068; --primary-mid:#0891b2;
  --primary-light:#67e8f9; --primary-pale:#cffafe; --primary-xpale:#ecfeff;
  --sidebar-from:#031f27; --sidebar-to:#063544;
  --sidebar-accent:#f9a825;
  --accent:#f9a825; --accent-pale:rgba(249,168,37,.15);
}
/* ── ثيم رمادي غرافيت ── */
body[data-theme="graphite"],
[data-theme="graphite"] {
  --primary:#374151; --primary-d:#1f2937; --primary-mid:#4b5563;
  --primary-light:#9ca3af; --primary-pale:#f3f4f6; --primary-xpale:#f9fafb;
  --sidebar-from:#111827; --sidebar-to:#1f2937;
  --sidebar-accent:#60a5fa;
  --accent:#60a5fa; --accent-pale:rgba(96,165,250,.15);
}
/* ── ثيم أحمر ياقوتي ── */
body[data-theme="crimson"],
[data-theme="crimson"] {
  --primary:#c0392b; --primary-d:#922b21; --primary-mid:#e74c3c;
  --primary-light:#f1948a; --primary-pale:#fde8e8; --primary-xpale:#fff5f5;
  --sidebar-from:#2d0a08; --sidebar-to:#4e1510;
  --sidebar-accent:#fbbf24;
  --accent:#fbbf24; --accent-pale:rgba(251,191,36,.15);
}

/* ── المتغيرات الثابتة (لا تتغير مع الثيم) ── */
:root {
  --red:#c0392b; --red-light:#fde8e8;
  --bg:#f4f7fc; --bg-white:#fff; --bg-pale:#eef4fb;
  --txt:#0d2340; --txt-m:#2c4a6e; --txt-l:#6b85a0;
  --text-dark:#0d2340; --text-med:#2c4a6e; --text-light:#6b85a0;
  --border:#d0dff0; --border-l:#e8f0f9; --border-light:#e8f0f9;
  --success:#1a7a4e; --warning:#856404; --danger:#c0392b;
  --shadow-sm:0 2px 8px rgba(0,0,0,.08);
  --shadow-md:0 4px 18px rgba(0,0,0,.12);
  --shadow-lg:0 8px 32px rgba(0,0,0,.16);
  --r-sm:8px; --r-md:12px; --r-lg:20px;
  --tr:all .22s ease;
  --sidebar-w:260px;
  --admin-sidebar-w:264px;
  --admin-sidebar-collapsed:68px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Tajawal',sans-serif;background:var(--bg);color:var(--txt);
  line-height:1.7;direction:rtl;min-height:100vh;}
a{text-decoration:none;color:inherit;}
input,select,textarea,button{font-family:'Tajawal',sans-serif;}

/* ── PAGES ── */
.page{display:none;min-height:100vh;}
.page.active{display:block;}
#login-page.active,#admin-login-page.active,#register-page.active{display:flex;}
#admin-dashboard-page.active{display:flex;}

/* ══════════════════════════════════════════════════════
   إخفاء العناصر ذات position:fixed التابعة لصفحة غير نشطة
   المشكلة: position:fixed تخترق display:none للعنصر الأب
   الحل: إخفاء عبر visibility + display مباشرة
   ══════════════════════════════════════════════════════ */

/* ══ الحل الجذري لمشكلة position:fixed ══
   العناصر fixed تخترق display:none للأب، لذا نضبطها من الأصل على none
   ثم نُظهرها فقط عبر selector يشترط الصفحة النشطة                    */

/* الأوفرلاي للمالك: مضبوط افتراضياً على none في تعريفه أسفله */
/* الشريط الجانبي للمالك: مضبوط على none في تعريفه أسفله */
/* الشريط الجانبي للمعلمة: مضبوط على none في تعريفه أسفله */
/* (لا حاجة لقواعد إضافية هنا — كل تعريف يبدأ بـ display:none) */

/* ============================================================
   صفحات الدخول
   ============================================================ */
#login-page,#admin-login-page,#register-page{
  background:linear-gradient(135deg,var(--primary-d) 0%,#1a6fa8 60%,#2e9cd4 100%);
  align-items:center;justify-content:center;padding:24px;
  position:relative;overflow:hidden;
}
.login-bg-orb{position:absolute;border-radius:50%;opacity:.12;
  animation:orbFloat 8s ease-in-out infinite;pointer-events:none;}
.orb1{width:320px;height:320px;background:radial-gradient(circle,#fff,transparent);top:-90px;left:-90px;}
.orb2{width:220px;height:220px;background:radial-gradient(circle,#f1c40f,transparent);bottom:30px;right:-70px;animation-delay:2s;}
.orb3{width:160px;height:160px;background:radial-gradient(circle,#fff,transparent);bottom:100px;left:30%;animation-delay:4s;}
@keyframes orbFloat{0%,100%{transform:translateY(0) scale(1);}50%{transform:translateY(-18px) scale(1.04);}}

.login-wrapper{display:flex;max-width:940px;width:100%;background:var(--bg-white);
  border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;z-index:2;}
.login-card{flex:1;padding:44px 40px;border-top:5px solid var(--primary);display:flex;flex-direction:column;}
.login-header{text-align:center;margin-bottom:28px;}
.login-header .logo{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-d),var(--primary-mid));
  border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:26px;margin-bottom:12px;box-shadow:var(--shadow-md);}
.login-header h1{font-size:24px;font-weight:800;color:var(--primary-d);margin-bottom:4px;}
.login-header p{font-size:14px;color:var(--txt-l);}

.form-group{margin-bottom:14px;}
.form-group label{display:block;font-size:13px;font-weight:600;color:var(--txt-m);margin-bottom:5px;}
.input-icon-wrap{position:relative;}
.input-icon-wrap input{
  width:100%;padding:11px 14px 11px 42px;border:1.5px solid var(--border);
  border-radius:var(--r-sm);font-size:14px;color:var(--txt);
  background:var(--bg-white);transition:var(--tr);outline:none;}
.input-icon-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,79,138,.09);}
.inp-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);
  color:var(--primary-light);font-size:14px;pointer-events:none;}
.eye-toggle{position:absolute;left:38px;top:50%;transform:translateY(-50%);
  color:var(--txt-l);cursor:pointer;font-size:14px;transition:color .2s;}
.eye-toggle:hover{color:var(--primary);}

.login-divider{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--txt-l);font-size:13px;}
.login-divider::before,.login-divider::after{content:'';flex:1;height:1px;background:var(--border-l);}

.login-links{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
.link-blue{color:var(--primary);font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px;}
.link-blue:hover{text-decoration:underline;}
.link-red{color:var(--red);font-size:14px;font-weight:600;display:flex;align-items:center;gap:5px;}
.link-red:hover{text-decoration:underline;}

.demo-hint{margin-top:14px;padding:10px 14px;background:#fff8e1;border:1px solid #ffe082;
  border-right:4px solid #f1c40f;border-radius:var(--r-sm);font-size:13px;color:#5a4200;
  display:flex;align-items:center;gap:6px;}

.login-info-panel{width:340px;background:linear-gradient(160deg,var(--primary-d),#2e6db4);
  display:flex;align-items:center;justify-content:center;padding:36px 28px;color:#fff;}
.login-info-logo{width:70px;height:70px;background:rgba(241,196,15,.2);border:2px solid #f1c40f;
  border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  font-size:28px;color:#f1c40f;margin-bottom:16px;}
.login-info-panel>div{text-align:center;}
.login-info-panel h2{font-size:21px;font-weight:800;margin-bottom:10px;}
.login-info-panel>div>p{font-size:13px;opacity:.85;margin-bottom:22px;}

.login-features{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;text-align:right;}
.lf-item{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);
  padding:9px 12px;border-radius:var(--r-sm);}
.lf-icon{width:34px;height:34px;background:rgba(241,196,15,.15);border-radius:7px;
  display:flex;align-items:center;justify-content:center;font-size:15px;color:#f1c40f;flex-shrink:0;}
.lf-item h4{font-size:12px;font-weight:700;margin-bottom:1px;}
.lf-item p{font-size:11px;opacity:.75;}

.login-info-year{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;
  border:1px solid rgba(255,255,255,.3);border-radius:20px;font-size:12px;opacity:.9;}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.reg-msg{margin-top:10px;}
.mt16{margin-top:16px;}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:7px;padding:10px 22px;
  border-radius:var(--r-sm);font-size:14px;font-weight:700;cursor:pointer;
  border:none;transition:var(--tr);white-space:nowrap;}
.btn-primary{background:linear-gradient(135deg,var(--primary-d),var(--primary-mid));
  color:#fff;box-shadow:0 3px 10px rgba(26,79,138,.25);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(26,79,138,.35);}
.btn-secondary{background:var(--primary-pale);color:var(--primary);}
.btn-secondary:hover{background:var(--primary-light);color:#fff;}
.btn-danger{background:var(--red-light);color:var(--danger);}
.btn-danger:hover{background:var(--danger);color:#fff;}
.btn-success{background:#d4f5e2;color:var(--success);}
.btn-success:hover{background:var(--success);color:#fff;}
.btn-warning{background:#fff3cd;color:var(--warning);}
.btn-warning:hover{background:#f1c40f;color:#fff;}
.btn-light{background:rgba(255,255,255,.18);color:#fff;border:1.5px solid rgba(255,255,255,.4);}
.btn-light:hover{background:rgba(255,255,255,.28);}
.btn-outline-light{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);}
.btn-outline-light:hover{background:rgba(255,255,255,.12);}
.btn-sm{padding:6px 14px;font-size:13px;}
.btn-full{width:100%;justify-content:center;}
.btn:disabled{opacity:.5;cursor:not-allowed;}

/* ============================================================
   ADMIN DASHBOARD — الهيكل العام
   ============================================================ */
#admin-dashboard-page{
  position:relative;min-height:100vh;background:var(--bg);
  display:flex;flex-direction:row;
}

/* Overlay الموبايل */
.admin-overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.45);z-index:199;
  backdrop-filter:blur(2px);
}
.admin-overlay.show{display:block;}

/* ============================================================
   ADMIN SIDENAV — الشريط الجانبي الدائم للمالك
   ============================================================ */
.admin-sidenav{
  position:fixed;right:0;top:0;
  width:var(--admin-sidebar-w);height:100vh;
  background:linear-gradient(180deg,#0a1f3d 0%,#0d2b52 50%,#102d55 100%);
  display:none;flex-direction:column;
  z-index:200;
  transition:width .3s cubic-bezier(.4,0,.2,1);
  box-shadow:-3px 0 24px rgba(0,0,0,.28);
  overflow:hidden;
}
/* يظهر الشريط فقط عند تنشيط صفحة المالك */
#admin-dashboard-page.active .admin-sidenav{
  display:flex;
}

/* حالة الانهيار (desktop) */
.admin-sidenav.collapsed{
  width:var(--admin-sidebar-collapsed);
}

/* ── رأس الشريط ── */
.admin-nav-header{
  display:flex;align-items:center;
  padding:18px 14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  min-height:72px;
  position:relative;
  gap:10px;
  flex-shrink:0;
}
.admin-nav-logo{
  width:40px;height:40px;flex-shrink:0;
  background:linear-gradient(135deg,var(--red),#e67e22);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:18px;
  box-shadow:0 3px 10px rgba(192,57,43,.35);
}
.admin-nav-info{
  flex:1;overflow:hidden;
  transition:opacity .2s,width .3s;
  min-width:0;
}
.admin-nav-info h3{
  font-size:14px;font-weight:800;color:#fff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.admin-nav-info span{
  font-size:11.5px;color:rgba(255,255,255,.55);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  display:block;
}

/* زر الطي/التوسيع */
.admin-nav-collapse-btn{
  flex-shrink:0;
  width:28px;height:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  border-radius:7px;
  color:rgba(255,255,255,.65);
  font-size:12px;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:var(--tr);
}
.admin-nav-collapse-btn:hover{
  background:rgba(255,255,255,.18);color:#fff;
}
/* تدوير السهم عند الانهيار */
.admin-sidenav.collapsed .admin-nav-collapse-btn i{
  transform:rotate(180deg);
}
.admin-nav-collapse-btn i{
  transition:transform .3s ease;
}

/* إخفاء عناصر النص عند الانهيار */
.admin-sidenav.collapsed .admin-nav-info{
  width:0;opacity:0;overflow:hidden;
}
.admin-sidenav.collapsed .admin-nav-collapse-btn{
  margin-right:0;
}

/* ── قائمة التنقل ── */
.admin-nav-list{
  flex:1;padding:10px 0;
  overflow-y:auto;overflow-x:hidden;
  list-style:none;
}
.admin-nav-list::-webkit-scrollbar{width:3px;}
.admin-nav-list::-webkit-scrollbar-track{background:transparent;}
.admin-nav-list::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px;}

.admin-nav-item{
  display:flex;align-items:center;
  gap:12px;padding:11px 18px;
  color:rgba(255,255,255,.68);
  font-size:14px;font-weight:500;
  cursor:pointer;transition:var(--tr);
  border-right:3px solid transparent;
  white-space:nowrap;
  position:relative;
  text-decoration:none;
}
.admin-nav-item i{
  width:22px;text-align:center;font-size:16px;
  flex-shrink:0;
}
.admin-nav-item .nav-text{
  flex:1;transition:opacity .2s;
  overflow:hidden;text-overflow:ellipsis;
}
.admin-nav-item .nav-badge{
  flex-shrink:0;
  background:var(--red);color:#fff;
  padding:2px 7px;border-radius:10px;
  font-size:11px;font-weight:700;
  transition:opacity .2s;
}
.admin-nav-item:hover{
  background:rgba(255,255,255,.08);color:#fff;
}
.admin-nav-item.active{
  background:linear-gradient(90deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
  color:#fff;border-right-color:#f1c40f;
}
.admin-nav-item.active i{color:#f1c40f;}

/* إخفاء النصوص عند الانهيار + tooltips */
.admin-sidenav.collapsed .admin-nav-item{
  padding:11px 0;justify-content:center;
}
.admin-sidenav.collapsed .nav-text,
.admin-sidenav.collapsed .nav-badge{
  opacity:0;width:0;overflow:hidden;pointer-events:none;
}

/* Tooltip عند الانهيار */
.admin-sidenav.collapsed .admin-nav-item::before{
  content:attr(data-tooltip);
  position:absolute;
  right:calc(100% + 10px);
  top:50%;transform:translateY(-50%);
  background:#1a3a6b;color:#fff;
  padding:5px 11px;border-radius:6px;
  font-size:12.5px;font-weight:600;
  white-space:nowrap;
  opacity:0;pointer-events:none;
  transition:opacity .18s;
  box-shadow:var(--shadow-md);
  z-index:300;
}
.admin-sidenav.collapsed .admin-nav-item::after{
  content:'';
  position:absolute;right:calc(100% + 2px);
  top:50%;transform:translateY(-50%);
  border:6px solid transparent;
  border-right-color:#1a3a6b;
  opacity:0;pointer-events:none;
  transition:opacity .18s;
  z-index:300;
}
.admin-sidenav.collapsed .admin-nav-item:hover::before,
.admin-sidenav.collapsed .admin-nav-item:hover::after{
  opacity:1;
}

/* ── تذييل الشريط ── */
.admin-nav-footer{
  padding:12px 10px;
  border-top:1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}

/* زر الخروج في الشريط */
.btn-logout-nav{
  width:100%;display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  background:rgba(192,57,43,.2);
  border:1px solid rgba(192,57,43,.35);
  color:rgba(255,255,255,.82);
  border-radius:var(--r-sm);
  cursor:pointer;font-size:13.5px;font-weight:600;
  transition:var(--tr);white-space:nowrap;overflow:hidden;
}
.btn-logout-nav:hover{background:rgba(192,57,43,.45);color:#fff;}
.btn-logout-nav i{flex-shrink:0;}
.btn-logout-nav .logout-text{
  transition:opacity .2s,width .3s;overflow:hidden;
}

/* إخفاء نص تسجيل الخروج في الشريط عند الانهيار */
.admin-sidenav.collapsed .btn-logout-nav{
  padding:10px 0;justify-content:center;
}
.admin-sidenav.collapsed .btn-logout-nav .logout-text{
  opacity:0;width:0;
}

/* Tooltip زر الخروج عند الانهيار */
.admin-sidenav.collapsed .admin-nav-footer{
  position:relative;
}

/* ============================================================
   ADMIN BODY — المحتوى الرئيسي
   ============================================================ */
.admin-body{
  margin-right:var(--admin-sidebar-w);
  flex:1;min-height:100vh;
  display:none;flex-direction:column;
  transition:margin-right .3s cubic-bezier(.4,0,.2,1);
  overflow:hidden;
}
/* يظهر admin-body فقط عند تنشيط صفحة المالك */
#admin-dashboard-page.active .admin-body{
  display:flex;
}
.admin-body.sidebar-collapsed{
  margin-right:var(--admin-sidebar-collapsed);
}

/* ── TopBar ── */
.admin-topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:0 22px;height:64px;
  background:var(--bg-white);
  border-bottom:1px solid var(--border-l);
  box-shadow:var(--shadow-sm);
  position:sticky;top:0;z-index:100;
  flex-shrink:0;
}
.admin-topbar-right{display:flex;align-items:center;gap:12px;}

/* زر الهامبرغر (موبايل فقط) */
.admin-hamburger{
  display:none;
  width:38px;height:38px;border:none;
  background:var(--primary-xpale);
  border-radius:var(--r-sm);cursor:pointer;
  font-size:16px;color:var(--primary);
  align-items:center;justify-content:center;
  transition:var(--tr);
}
.admin-hamburger:hover{background:var(--primary-pale);}

#admin-page-title{
  font-size:17px;font-weight:800;
  color:var(--primary-d);
  display:flex;align-items:center;gap:8px;
}

.admin-topbar-left{display:flex;align-items:center;gap:10px;}

/* شريحة المستخدم */
.admin-user-chip{
  display:flex;align-items:center;gap:8px;
  padding:6px 12px 6px 6px;
  background:var(--primary-xpale);
  border-radius:24px;
  font-size:13px;font-weight:600;
  color:var(--primary-d);
}
.chip-avatar{
  width:30px;height:30px;
  background:linear-gradient(135deg,var(--red),#e67e22);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:13px;
}

/* زر الخروج في شريط الأعلى */
.btn-topbar-logout{
  display:flex;align-items:center;gap:7px;
  padding:7px 14px;
  background:var(--red-light);
  border:1.5px solid rgba(192,57,43,.25);
  color:var(--danger);border-radius:var(--r-sm);
  cursor:pointer;font-size:13px;font-weight:700;
  transition:var(--tr);
}
.btn-topbar-logout:hover{background:var(--danger);color:#fff;border-color:var(--danger);}

/* زر الخروج في الشريط الجانبي للمعلمة */
.btn-logout-sidebar{
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:7px 10px;
  background:rgba(192,57,43,.18);
  border:1px solid rgba(192,57,43,.3);
  color:rgba(255,255,255,.75);
  border-radius:8px;cursor:pointer;
  font-size:11.5px;font-weight:600;
  transition:var(--tr);
  font-family:'Tajawal',sans-serif;
}
.btn-logout-sidebar:hover{background:rgba(192,57,43,.4);color:#fff;border-color:rgba(192,57,43,.5);}

/* ── زر الرجوع ── */
.btn-back{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;
  background:var(--primary-xpale);
  border:1.5px solid var(--primary-pale);
  border-radius:var(--r-sm);
  color:var(--primary);font-size:13px;font-weight:700;
  cursor:pointer;transition:var(--tr);white-space:nowrap;
}
.btn-back:hover{background:var(--primary-pale);transform:translateX(2px);}

/* ============================================================
   ADMIN SECTIONS — أقسام المالك
   ============================================================ */
.admin-section{display:none;padding:24px;animation:fadeIn .3s ease;}
.admin-section.active{display:block;}

/* بطاقة الترحيب */
.admin-welcome-card{
  background:linear-gradient(135deg,var(--primary-d) 0%,var(--primary-mid) 60%,#2e9cd4 100%);
  border-radius:var(--r-lg);padding:28px 32px;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  margin-bottom:22px;position:relative;overflow:hidden;
  flex-wrap:wrap;
}
.admin-welcome-card::before{
  content:'';position:absolute;
  right:-60px;top:-60px;
  width:180px;height:180px;
  background:rgba(255,255,255,.06);border-radius:50%;
}
.admin-welcome-card::after{
  content:'';position:absolute;
  left:-40px;bottom:-40px;
  width:130px;height:130px;
  background:rgba(241,196,15,.08);border-radius:50%;
}
.welcome-content{display:flex;align-items:center;gap:18px;z-index:1;}
.welcome-icon{
  width:56px;height:56px;flex-shrink:0;
  background:rgba(255,255,255,.15);border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  font-size:24px;
}
.welcome-content h2{font-size:19px;font-weight:800;margin-bottom:5px;}
.welcome-content p{font-size:13px;opacity:.85;}
.welcome-actions{display:flex;gap:10px;flex-wrap:wrap;z-index:1;}

/* شبكة الإحصائيات */
.admin-stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(185px,1fr));
  gap:16px;margin-bottom:22px;
}
.astat-card{
  background:var(--bg-white);border-radius:var(--r-md);
  padding:18px 16px;
  display:flex;align-items:center;gap:14px;
  box-shadow:var(--shadow-sm);
  border-top:3px solid var(--primary);
  transition:var(--tr);
}
.astat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.astat-card.blue{border-top-color:var(--primary);}
.astat-card.green{border-top-color:var(--success);}
.astat-card.orange{border-top-color:#e67e22;}
.astat-card.red{border-top-color:var(--danger);}
.astat-card.purple{border-top-color:#7c3aed;}
.astat-icon{
  width:48px;height:48px;border-radius:var(--r-sm);
  display:flex;align-items:center;justify-content:center;
  font-size:21px;flex-shrink:0;
}
.astat-card.blue .astat-icon{background:#dce8f7;color:var(--primary);}
.astat-card.green .astat-icon{background:#d4f5e2;color:var(--success);}
.astat-card.orange .astat-icon{background:#fde8cc;color:#e67e22;}
.astat-card.red .astat-icon{background:var(--red-light);color:var(--danger);}
.astat-card.purple .astat-icon{background:#ede7f6;color:#7c3aed;}
.astat-card h3{font-size:27px;font-weight:800;color:var(--primary-d);line-height:1;}
.astat-card p{font-size:12px;color:var(--txt-l);margin-top:2px;}

/* رأس القسم */
.section-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:18px;padding-bottom:14px;
  border-bottom:2px solid var(--border-l);
  flex-wrap:wrap;gap:12px;
}
.section-header h2{
  font-size:19px;font-weight:800;color:var(--primary-d);
  display:flex;align-items:center;gap:8px;
}
.header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}

/* بطاقة المحتوى العامة */
.admin-card{
  background:var(--bg-white);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);padding:20px;
  margin-bottom:18px;
}
.card-section-title{
  font-size:15px;font-weight:700;color:var(--primary-d);
  display:flex;align-items:center;gap:7px;
  padding-bottom:12px;margin-bottom:14px;
  border-bottom:1px solid var(--border-l);
}

/* بحث وفلتر */
.search-box{
  display:flex;align-items:center;gap:8px;
  background:var(--bg-white);border:1.5px solid var(--border);
  border-radius:var(--r-sm);padding:7px 13px;
  min-width:200px;
}
.search-box i{color:var(--txt-l);font-size:13px;}
.search-box input{border:none;outline:none;font-size:13.5px;
  color:var(--txt);background:transparent;width:100%;}
.filter-select{
  padding:8px 12px;border:1.5px solid var(--border);
  border-radius:var(--r-sm);font-size:13.5px;
  color:var(--txt);background:var(--bg-white);outline:none;cursor:pointer;
}

/* قائمة المعلمات */
.teachers-list{display:flex;flex-direction:column;gap:12px;}

/* بطاقة معلمة كاملة */
.teacher-card{
  background:var(--bg-white);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);padding:16px 18px;
  display:flex;align-items:flex-start;gap:14px;
  transition:var(--tr);border-right:4px solid var(--border);
}
.teacher-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);}
.teacher-card.status-active{border-right-color:var(--success);}
.teacher-card.status-pending{border-right-color:#e67e22;}
.teacher-card.status-rejected{border-right-color:var(--danger);}

.tc-avatar{
  width:50px;height:50px;flex-shrink:0;
  background:var(--primary-pale);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--primary);font-size:20px;
}
.tc-info{flex:1;min-width:0;}
.tc-info h4{font-size:15px;font-weight:800;color:var(--txt);margin-bottom:6px;}
.tc-meta{
  display:flex;flex-wrap:wrap;gap:8px 16px;
  margin-bottom:8px;
}
.tc-meta span{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12px;color:var(--txt-l);
}
.tc-meta i{font-size:11px;color:var(--primary-light);}
.tc-actions{
  display:flex;gap:7px;flex-wrap:wrap;
  flex-shrink:0;align-self:center;
}
@media(max-width:768px){
  .teacher-card{flex-direction:column;}
  .tc-actions{width:100%;}
}

.teacher-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 16px;
  border-bottom:1px solid var(--border-l);
  transition:var(--tr);
}
.teacher-item:last-child{border-bottom:none;}
.teacher-item:hover{background:var(--bg-pale);}

.teacher-av{
  width:46px;height:46px;flex-shrink:0;
  background:var(--primary-pale);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--primary);font-size:18px;
}
.teacher-av-sm{
  width:36px;height:36px;flex-shrink:0;
  background:var(--primary-pale);border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:var(--primary);font-size:14px;
}
.teacher-info{flex:1;min-width:0;}
.teacher-info h4{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:3px;}
.teacher-info-mini{flex:1;min-width:0;}
.teacher-info-mini h4{font-size:13.5px;font-weight:700;color:var(--txt);margin-bottom:1px;}
.teacher-info-mini span{font-size:12px;color:var(--txt-l);}
.info-row{
  display:flex;align-items:center;gap:5px;
  font-size:12px;color:var(--txt-l);margin-bottom:2px;
}
.info-row i{font-size:11px;width:13px;}
.teacher-actions{display:flex;gap:7px;flex-wrap:wrap;flex-shrink:0;}
.mini-actions{display:flex;gap:6px;flex-shrink:0;}

/* شارة الحالة */
.status-badge{
  display:inline-flex;align-items:center;
  padding:3px 10px;border-radius:10px;
  font-size:11px;font-weight:700;white-space:nowrap;
}
.status-badge.active{background:#d4f5e2;color:var(--success);}
.status-badge.pending{background:#fff3cd;color:var(--warning);}
.status-badge.rejected{background:var(--red-light);color:var(--danger);}

/* حقول النموذج */
input[type=text],input[type=email],input[type=password],input[type=url],
input[type=date],select,textarea{
  width:100%;padding:10px 14px;
  border:1.5px solid var(--border);border-radius:var(--r-sm);
  font-size:14px;color:var(--txt);
  background:var(--bg-white);transition:var(--tr);
  outline:none;direction:rtl;
  font-family:'Tajawal',sans-serif;
}
input:focus,select:focus,textarea:focus{
  border-color:var(--primary);
  box-shadow:0 0 0 3px rgba(26,79,138,.08);
}
textarea{min-height:90px;resize:vertical;}
.form-actions{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap;}

/* عرض ملف المعلمة */
.teacher-view-header{margin-bottom:18px;}
.teacher-view-header h2{font-size:18px;font-weight:800;color:var(--primary-d);
  display:flex;align-items:center;gap:8px;margin-bottom:14px;}
.tv-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.tv-info-item{background:var(--bg-pale);border-radius:var(--r-sm);
  padding:10px 12px;}
.tv-info-item span{font-size:11px;color:var(--txt-l);display:block;margin-bottom:2px;}
.tv-info-item strong{font-size:13px;font-weight:700;color:var(--txt);}
.tv-tabs-summary{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;}
.tv-tab-item{background:var(--bg-pale);border-radius:var(--r-sm);
  padding:10px 12px;border-right:3px solid var(--primary);}
.tv-tab-item h4{font-size:12.5px;font-weight:700;color:var(--primary-d);
  display:flex;align-items:center;gap:5px;margin-bottom:3px;}
.tv-tab-item p{font-size:11.5px;color:var(--txt-l);}

/* ============================================================
   TEACHER SIDEBAR — الشريط الجانبي للمعلمة (إعادة تصميم)
   ============================================================ */
.sidebar{
  width:var(--sidebar-w);
  background:linear-gradient(180deg, var(--sidebar-from) 0%, var(--sidebar-to) 100%);
  height:100vh;position:fixed;right:0;top:0;
  display:none;flex-direction:column;
  z-index:100;transition:var(--tr);
  overflow-y:auto;overflow-x:hidden;
  box-shadow:-4px 0 24px rgba(0,0,0,.22);
}
#dashboard-page.active .sidebar{
  display:flex;
}
.sidebar.collapsed{width:64px;}
.sidebar.collapsed .user-info,
.sidebar.collapsed .sidebar-brand,
.sidebar.collapsed .sidebar-nav span,
.sidebar.collapsed .nav-group-title span,
.sidebar.collapsed .toggle-icon,
.sidebar.collapsed .sidebar-footer-text{display:none;}
.sidebar.collapsed .nav-item{justify-content:center;padding:13px;}
.sidebar.collapsed .nav-group-items{display:none!important;}
.sidebar.mobile-open{transform:translateX(0)!important;}

/* رأس الشريط الجانبي */
.sidebar-header{
  padding:16px 14px 14px;
  display:flex;align-items:center;gap:11px;
  border-bottom:1px solid rgba(255,255,255,.1);
  flex-shrink:0;
  position:relative;
}
/* شريط لوني أعلى الرأس */
.sidebar-header::before{
  content:'';position:absolute;top:0;right:0;left:0;height:3px;
  background:linear-gradient(90deg, var(--sidebar-accent), transparent);
  border-radius:0 0 0 0;
}
.user-avatar{
  width:46px;height:46px;flex-shrink:0;
  background:rgba(255,255,255,.14);border:2px solid rgba(255,255,255,.22);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:19px;
  box-shadow:0 2px 8px rgba(0,0,0,.2);
}
.user-info h3{font-size:13px;font-weight:700;color:#fff;line-height:1.3;}
.user-info span{font-size:11px;color:rgba(255,255,255,.55);display:block;margin-top:2px;}
/* شارة اسم التطبيق (مخفية عند collapse) */
.sidebar-brand{
  position:absolute;bottom:12px;right:14px;left:14px;
  font-size:10px;font-weight:700;color:rgba(255,255,255,.25);
  letter-spacing:.8px;text-transform:uppercase;text-align:center;
}

/* تنقل الشريط الجانبي */
.sidebar-nav{flex:1;padding:8px 0;}
.nav-section-label{
  padding:12px 16px 4px;
  font-size:10px;font-weight:700;
  color:rgba(255,255,255,.35);
  letter-spacing:1px;text-transform:uppercase;
}
.nav-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;
  color:rgba(255,255,255,.68);font-size:13px;font-weight:500;
  cursor:pointer;transition:var(--tr);
  border-right:3px solid transparent;
  text-decoration:none;
  position:relative;
  border-radius:0 0 0 0;
}
.nav-item i{
  width:18px;text-align:center;font-size:13.5px;flex-shrink:0;
  color:rgba(255,255,255,.55);transition:var(--tr);
}
.nav-item:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
.nav-item:hover i{color:rgba(255,255,255,.85);}
.nav-item.active{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-right-color:var(--sidebar-accent);
}
.nav-item.active i{color:var(--sidebar-accent);}
/* نقطة مُضيئة للعنصر النشط */
.nav-item.active::after{
  content:'';
  position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:3px;height:60%;border-radius:2px 0 0 2px;
}
.nb{
  background:rgba(255,255,255,.12);
  color:var(--sidebar-accent);
  padding:1px 7px;border-radius:8px;font-size:10px;font-weight:700;
  margin-right:auto;
  border:1px solid rgba(255,255,255,.1);
}

/* مجموعات القائمة */
.nav-group-title{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 16px;color:rgba(255,255,255,.4);
  font-size:10.5px;font-weight:700;cursor:pointer;
  letter-spacing:.5px;text-transform:uppercase;
  transition:color .2s;
}
.nav-group-title:hover{color:rgba(255,255,255,.85);}
.nav-group-title span{display:flex;align-items:center;gap:6px;}
.toggle-icon{font-size:10px;transition:transform .25s;}
.nav-group.open .toggle-icon{transform:rotate(180deg);}
.nav-group-items{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.nav-group.open .nav-group-items{max-height:500px;}

/* تذييل الشريط الجانبي */
.sidebar-footer{
  padding:10px 12px;
  border-top:1px solid rgba(255,255,255,.08);
  flex-shrink:0;
}
.sidebar-footer-actions{
  display:flex;gap:6px;
}
/* زر الثيم في التذييل */
.sidebar-theme-btn{
  flex:1;
  display:flex;align-items:center;justify-content:center;gap:6px;
  padding:7px 10px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.1);
  border-radius:8px;
  color:rgba(255,255,255,.7);
  font-size:11.5px;font-weight:600;
  cursor:pointer;transition:var(--tr);
  font-family:'Tajawal',sans-serif;
}
.sidebar-theme-btn:hover{
  background:rgba(255,255,255,.14);
  color:#fff;
  border-color:var(--sidebar-accent);
}
.sidebar-theme-btn i{font-size:12px;color:var(--sidebar-accent);}

/* أزرار تبديل الشريط - مخفية افتراضياً وتظهر فقط عند تنشيط صفحة المعلمة */
.sidebar-mob-toggle{
  position:fixed;top:14px;right:14px;z-index:150;
  width:40px;height:40px;
  background:var(--primary);color:#fff;border:none;border-radius:50%;
  font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center;
  box-shadow:var(--shadow-md);
}
.sidebar-desk-toggle{
  position:fixed;top:20px;right:calc(var(--sidebar-w) + 6px);z-index:150;
  width:26px;height:26px;
  background:var(--primary);color:#fff;border:none;border-radius:50%;
  font-size:11px;cursor:pointer;
  display:none;
  align-items:center;justify-content:center;
  box-shadow:var(--shadow-sm);transition:var(--tr);
}
#dashboard-page.active .sidebar-desk-toggle{
  display:flex;
}
.sidebar-desk-toggle:hover{background:var(--primary-mid);}

/* المحتوى الرئيسي للمعلمة */
.main-content{
  margin-right:var(--sidebar-w);
  padding:0 18px 18px;
  min-height:100vh;background:var(--bg);transition:var(--tr);
}
.main-content.collapsed{margin-right:64px;}
/* صفحة الرئيسية وصفحة التقارير تحتاج padding علوي لأنها لا تحتوي tab-topbar */
#overview.content-section{ padding-top:16px; }
#reports.content-section{ padding-top:4px; }

/* ============================================================
   CONTENT SECTIONS
   ============================================================ */
.content-section{display:none;animation:fadeIn .3s ease;}
.content-section.active{display:block;}
/* لا مسافة فوق أي قسم — الـ padding موجود في main-content فقط جانبياً */
.content-section{ padding-top:0; margin-top:0; }
/* tab-topbar يلتصق بأعلى المنطقة مباشرة — بلا radius علوي ويمتد لإلغاء padding الجانبي */
.content-section > .tab-topbar:first-child,
.tab-section > .tab-topbar:first-child{
  margin-top:0 !important;
  padding-top:0 !important;
  margin-right:-18px;
  margin-left:-18px;
  padding-right:18px;
  padding-left:18px;
  border-radius:0 0 var(--r-md) var(--r-md);
}
@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}

/* ══════════════════════════════════════════════════════════
   رأس التبويب (tab-topbar) — إعادة تصميم
   ══════════════════════════════════════════════════════════ */
.tab-topbar{
  display:flex;align-items:center;gap:10px;
  margin-bottom:14px;
  padding:13px 18px;
  background:var(--bg-white);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);
  border-right:4px solid var(--primary);
  flex-wrap:wrap;
  position:relative;overflow:hidden;
}
/* عندما يكون tab-topbar أول عنصر في القسم: يلتصق بالأعلى بلا radius علوي */
.content-section > .tab-topbar:first-child,
.tab-section > .tab-topbar:first-child{
  border-radius:0 0 var(--r-md) var(--r-md);
  margin-bottom:14px;
  padding-top:14px;
  padding-bottom:13px;
  margin-right:-18px;
  margin-left:-18px;
  padding-right:18px;
  padding-left:18px;
}
/* شريط لوني خلف العنوان */
.tab-topbar::after{
  content:'';position:absolute;top:0;right:0;bottom:0;width:4px;
  background:linear-gradient(180deg, var(--primary), var(--primary-mid));
}
.tab-topbar h2{
  flex:1;font-size:17px;font-weight:800;
  color:var(--primary-d);
  display:flex;align-items:center;gap:8px;
  min-width:0;
}
.tab-topbar h2 i{
  width:32px;height:32px;
  background:var(--primary-pale);
  border-radius:8px;
  display:inline-flex;align-items:center;justify-content:center;
  color:var(--primary);font-size:14px;flex-shrink:0;
}
.pct-chip{
  background:linear-gradient(135deg, var(--primary), var(--primary-mid));
  color:#fff;
  padding:4px 12px;border-radius:20px;font-size:12.5px;font-weight:700;
  box-shadow:0 2px 6px rgba(0,0,0,.12);
}

/* الغلاف */
.cover-page{
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid) 60%,#2e9cd4);
  border-radius:var(--r-lg);padding:28px 24px;text-align:center;color:#fff;
  min-height:0;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;box-shadow:var(--shadow-lg);
}
.cover-shape{position:absolute;border-radius:50%;opacity:.07;}
.cs1{width:280px;height:280px;background:#fff;top:-90px;left:-90px;}
.cs2{width:200px;height:200px;background:#f1c40f;bottom:-60px;right:-50px;}
.cover-content{position:relative;z-index:2;max-width:560px;}
.cover-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(241,196,15,.2);border:1px solid rgba(241,196,15,.5);
  padding:4px 12px;border-radius:20px;font-size:12px;color:#f1c40f;margin-bottom:10px;
}
.cover-icon{font-size:38px;margin-bottom:8px;}
.cover-content h1{font-size:26px;font-weight:800;margin-bottom:4px;}
.cover-content h2{font-size:15px;opacity:.85;margin-bottom:14px;font-weight:500;}
.cover-divider{width:60px;height:3px;background:rgba(241,196,15,.6);margin:0 auto 14px;border-radius:2px;}
.cover-teacher-info{margin-bottom:12px;}
.cover-av{font-size:30px;margin-bottom:6px;}
.cover-teacher-info h3{font-size:18px;font-weight:700;margin-bottom:2px;}
.cover-teacher-info p{font-size:12px;opacity:.8;}
.cover-year{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.12);padding:5px 14px;
  border-radius:20px;font-size:12px;margin-bottom:14px;
}
.cover-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

.mt20{margin-top:12px;}

/* ══════════════════════════════════════════════════════════
   الإحصائيات (إعادة تصميم)
   ══════════════════════════════════════════════════════════ */
.stats-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(160px,1fr));
  gap:12px;
}
.stat-card{
  background:var(--bg-white);border-radius:var(--r-md);padding:16px 16px 14px;
  display:flex;flex-direction:column;gap:10px;
  box-shadow:var(--shadow-sm);
  border-top:3px solid var(--primary);
  position:relative;overflow:hidden;
  transition:var(--tr);
}
.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}
/* ظل لوني خفيف خلف البطاقة */
.stat-card::before{
  content:'';position:absolute;bottom:-14px;left:-14px;
  width:70px;height:70px;border-radius:50%;
  background:var(--primary-pale);opacity:.5;
}
.stat-card-top{display:flex;align-items:center;justify-content:space-between;}
.stat-icon{
  width:42px;height:42px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.stat-icon.blue{background:var(--primary-pale);color:var(--primary);}
.stat-icon.green{background:#d4f5e2;color:var(--success);}
.stat-icon.orange{background:#fde8cc;color:#e67e22;}
.stat-icon.purple{background:#ede7f6;color:#7c3aed;}
.stat-trend{
  font-size:11px;font-weight:700;
  padding:2px 8px;border-radius:20px;
}
.stat-trend.up{background:#d4f5e2;color:var(--success);}
.stat-trend.neutral{background:var(--primary-pale);color:var(--primary);}
.stat-info h3{font-size:28px;font-weight:800;color:var(--primary-d);line-height:1;margin-bottom:2px;}
.stat-info p{font-size:11.5px;color:var(--txt-l);font-weight:500;}

/* ══════════════════════════════════════════════════════════
   بطاقات عامة (محسّنة)
   ══════════════════════════════════════════════════════════ */
.card{background:var(--bg-white);border-radius:var(--r-md);box-shadow:var(--shadow-sm);overflow:hidden;}
.card-header{
  background:linear-gradient(135deg, var(--primary-xpale), var(--bg-white));
  padding:11px 16px;border-bottom:1px solid var(--border-l);
}
.card-header h3{font-size:14px;font-weight:700;color:var(--primary-d);display:flex;align-items:center;gap:7px;}
.card-body{padding:14px 16px;}

/* شريط التقدم */
.progress-item{
  display:flex;align-items:center;gap:10px;padding:9px 12px;
  border-radius:var(--r-sm);margin-bottom:6px;background:var(--bg);
  cursor:pointer;transition:var(--tr);
}
.progress-item:hover{background:var(--primary-xpale);}
.prog-icon{
  width:32px;height:32px;background:var(--primary-pale);
  border-radius:7px;display:flex;align-items:center;justify-content:center;
  color:var(--primary);font-size:13px;flex-shrink:0;
}
.prog-info{flex:1;}
.prog-name{font-size:12.5px;font-weight:600;color:var(--txt);display:block;margin-bottom:3px;}
.prog-bar{height:5px;background:var(--border-l);border-radius:3px;overflow:hidden;}
.prog-fill{height:100%;border-radius:3px;transition:width .4s ease;}
.prog-pct{font-size:12px;font-weight:700;min-width:34px;text-align:center;}
.weight-chip{
  background:var(--primary-pale);color:var(--primary);
  padding:1px 7px;border-radius:7px;font-size:10.5px;font-weight:700;
}

.completion-summary{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-l);}
.completion-summary h4{font-size:13.5px;font-weight:700;color:var(--txt);margin-bottom:8px;}
.completion-bar{height:18px;background:var(--border-l);border-radius:9px;overflow:hidden;}
.completion-fill{
  height:100%;
  background:linear-gradient(90deg,var(--primary),var(--primary-mid));
  border-radius:9px;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:11px;font-weight:700;transition:width .5s ease;min-width:32px;
}

/* تبويب: وصف */
.tab-desc{
  background:var(--primary-xpale);border-right:4px solid var(--primary);
  padding:8px 12px;border-radius:var(--r-sm);margin-bottom:10px;
  color:var(--txt-m);font-size:13px;line-height:1.6;
}

/* محرر النص */
.text-editor-section{
  background:var(--bg-white);border-radius:var(--r-md);
  padding:12px 14px;box-shadow:var(--shadow-sm);margin-bottom:10px;
}
.editor-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border-l);
}
.editor-header h3{font-size:14.5px;font-weight:700;color:var(--primary-d);display:flex;align-items:center;gap:7px;}
.rich-textarea{
  width:100%;min-height:110px;padding:10px 13px;
  border:1.5px solid var(--border);border-radius:var(--r-sm);
  font-size:14px;color:var(--txt);
  font-family:'Tajawal',sans-serif;resize:vertical;outline:none;
  transition:border-color .2s;
}
.rich-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(26,79,138,.07);}
.text-grid{display:grid;grid-template-columns:1fr;gap:14px;}
.saved-display{
  margin-top:12px;padding:12px 14px;
  background:#f0fff4;border:1px solid #c3e6cb;
  border-radius:var(--r-sm);font-size:13px;color:var(--txt);
}

/* شواهد */
.evidence-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:10px;margin-top:8px;
}
.evidence-card{
  background:var(--bg-white);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);overflow:hidden;
  border-top:3px solid var(--primary);transition:var(--tr);
}
.evidence-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.ev-media{width:100%;height:150px;overflow:hidden;background:var(--bg-pale);
  display:flex;align-items:center;justify-content:center;}
.ev-media img{width:100%;height:100%;object-fit:cover;}
.ev-media iframe{width:100%;height:100%;border:none;}
.ev-media-ph{font-size:36px;color:var(--primary-light);}
.ev-body{padding:9px 11px;}
.ev-top{display:flex;align-items:flex-start;justify-content:space-between;gap:7px;margin-bottom:6px;}
.ev-title{font-size:13.5px;font-weight:700;color:var(--txt);}
.ev-type-badge{
  background:var(--primary-pale);color:var(--primary);
  padding:2px 8px;border-radius:6px;font-size:10.5px;white-space:nowrap;
}
.ev-desc{font-size:12px;color:var(--txt-l);margin-bottom:7px;}
.ev-link{
  display:inline-flex;align-items:center;gap:4px;
  color:var(--primary);font-size:12px;margin-bottom:6px;
}
.ev-link:hover{text-decoration:underline;}
.ev-meta{font-size:11px;color:var(--txt-l);margin-bottom:8px;display:flex;align-items:center;gap:4px;}
.ev-actions{display:flex;gap:7px;}

.empty-state{text-align:center;padding:18px 14px;color:var(--txt-l);grid-column:1/-1;}
.empty-state i{font-size:36px;display:block;margin-bottom:10px;color:var(--primary-light);}
.empty-state p{font-size:13.5px;}

/* ============================================================
   جداول التقييم
   ============================================================ */
.eval-section{
  background:var(--bg-white);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px;
}
.eval-header{
  background:linear-gradient(90deg,var(--primary-d),var(--primary-mid));
  padding:12px 18px;display:flex;align-items:center;
  justify-content:space-between;color:#fff;
}
.eval-header h3{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:7px;}
.eval-pct-chip{
  background:rgba(241,196,15,.3);color:#f1c40f;
  padding:3px 11px;border-radius:10px;font-size:13px;font-weight:700;
  border:1px solid rgba(241,196,15,.5);
}
.eval-summary{
  padding:9px 18px;background:var(--primary-xpale);
  font-size:13px;color:var(--txt-m);font-weight:600;
}
.eval-summary span{font-size:17px;font-weight:800;color:var(--primary);}
.eval-table{width:100%;border-collapse:collapse;}
.eval-table thead tr{background:var(--primary-xpale);}
.eval-table th{
  padding:10px 13px;font-size:12px;font-weight:700;
  color:var(--primary-d);text-align:right;
  border-bottom:2px solid var(--border);
}
.eval-table tbody tr{border-bottom:1px solid var(--border-l);transition:var(--tr);}
.eval-table tbody tr:hover{background:var(--bg-pale);}
.eval-table td{padding:10px 13px;font-size:13px;vertical-align:middle;}
.item-num{font-weight:700;color:var(--primary);width:36px;text-align:center;}
.item-actions{display:flex;gap:5px;white-space:nowrap;}
.eval-btn{
  padding:5px 11px;border-radius:6px;border:none;cursor:pointer;
  font-family:'Tajawal',sans-serif;font-size:12px;font-weight:600;
  display:inline-flex;align-items:center;gap:4px;transition:var(--tr);
}
.done-btn{background:#d4edda;color:var(--success);}
.done-btn.active,.done-btn:hover{background:var(--success);color:#fff;}
.notdone-btn{background:var(--red-light);color:var(--danger);}
.notdone-btn.active,.notdone-btn:hover{background:var(--danger);color:#fff;}
.witness-inp{
  width:100%;padding:5px 9px;border:1px solid var(--border);
  border-radius:5px;font-family:'Tajawal',sans-serif;font-size:12px;outline:none;
}
.witness-inp:focus{border-color:var(--primary);}
.eval-save-bar{
  padding:11px 16px;background:var(--bg-pale);
  border-top:1px solid var(--border-l);
}

/* ============================================================
   المشاركة
   ============================================================ */
.sharing-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(288px,1fr));
  gap:18px;
}
.share-card{
  background:var(--bg-white);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);overflow:hidden;
}
.share-card-header{
  background:var(--primary-xpale);padding:13px 16px;
  border-bottom:1px solid var(--border-l);
}
.share-card-header h3{
  font-size:14px;font-weight:700;color:var(--primary-d);
  display:flex;align-items:center;gap:7px;
}
.share-card-body{padding:16px;}
.perm-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;}
.perm-option{
  text-align:center;padding:11px 7px;
  border:2px solid var(--border);border-radius:var(--r-sm);
  cursor:pointer;transition:var(--tr);
}
.perm-option i{display:block;font-size:18px;color:var(--primary-light);margin-bottom:4px;}
.perm-option h4{font-size:12px;font-weight:700;}
.perm-option:hover{border-color:var(--primary-light);background:var(--primary-xpale);}
.perm-option.selected{border-color:var(--primary);background:var(--primary-pale);}
.perm-option.selected i{color:var(--primary);}

.share-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;background:var(--bg-pale);
  border-radius:var(--r-sm);margin-bottom:8px;
}
.share-av{
  width:34px;height:34px;background:var(--primary-pale);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--primary);font-size:13px;flex-shrink:0;
}
.share-info{flex:1;}
.share-info h4{font-size:13px;font-weight:600;}
.perm-badge{display:inline-block;padding:1px 7px;border-radius:7px;font-size:11px;font-weight:600;}
.perm-badge.view{background:#dce8f7;color:var(--primary);}
.perm-badge.edit{background:#d4f5e2;color:var(--success);}
.perm-badge.transfer{background:var(--red-light);color:var(--danger);}

.link-copy-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap;}
.link-copy-box input{
  flex:1;min-width:140px;padding:8px 11px;
  border:1.5px solid var(--border);border-radius:var(--r-sm);
  font-size:12.5px;direction:ltr;outline:none;
}

/* ============================================================
   MODALS
   ============================================================ */
.modal{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.5);z-index:1000;
  align-items:center;justify-content:center;
  padding:16px;backdrop-filter:blur(3px);
}
.modal.active{display:flex;}
.modal-content{
  background:var(--bg-white);border-radius:var(--r-lg);
  max-width:560px;width:100%;box-shadow:var(--shadow-lg);
  animation:slideUp .24s ease;max-height:92vh;overflow-y:auto;
}
.modal-xl{max-width:800px;}
@keyframes slideUp{from{transform:translateY(20px);opacity:0;}to{transform:translateY(0);opacity:1;}}
.modal-header{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 20px;border-bottom:1px solid var(--border-l);
}
.modal-header h3{
  font-size:15.5px;font-weight:700;color:var(--primary-d);
  display:flex;align-items:center;gap:7px;
}
.btn-close{
  background:none;border:none;font-size:22px;
  color:var(--txt-l);cursor:pointer;line-height:1;
  transition:color .2s;
}
.btn-close:hover{color:var(--danger);}
.modal-body{padding:18px 20px;}
.modal-footer{
  padding:13px 20px;border-top:1px solid var(--border-l);
  display:flex;gap:9px;justify-content:flex-end;
}

/* ============================================================
   TOAST الإشعار العائم
   ============================================================ */
.toast{
  position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(24px);
  background:#1a3a6b;color:#fff;
  padding:11px 22px;border-radius:30px;
  font-size:14px;font-weight:600;
  display:flex;align-items:center;gap:9px;
  box-shadow:var(--shadow-lg);
  opacity:0;transition:all .3s ease;
  z-index:9999;white-space:nowrap;
  pointer-events:none;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast.success{background:var(--success);}
.toast.error{background:var(--danger);}
.toast.warning{background:#e67e22;}

/* ============================================================
   التقرير النهائي
   ============================================================ */
.report-container{
  background:var(--bg-white);border-radius:var(--r-md);
  box-shadow:var(--shadow-sm);
}
.report-cover{
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid) 60%,#2e9cd4);
  padding:56px 40px;color:#fff;text-align:center;
  position:relative;overflow:hidden;
  min-height:360px;display:flex;align-items:center;justify-content:center;
}
.rpt-orb{position:absolute;border-radius:50%;opacity:.07;}
.rpt-orb1{width:280px;height:280px;background:#fff;top:-80px;right:-60px;}
.rpt-orb2{width:180px;height:180px;background:#f1c40f;bottom:-50px;left:-40px;}
.rpt-cover-inner{position:relative;z-index:2;max-width:560px;}
.logo-icon{font-size:52px;margin-bottom:12px;}
.rpt-cover-inner h1{font-size:28px;font-weight:800;margin-bottom:5px;}
.rpt-cover-inner h2{font-size:16px;opacity:.85;margin-bottom:24px;font-weight:400;}
.rpt-info-box{
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);
  border-radius:var(--r-md);padding:16px 22px;text-align:right;
}
.rpt-info-row{
  display:flex;justify-content:space-between;
  padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1);
  font-size:12.5px;
}
.rpt-info-row:last-child{border-bottom:none;}
.rpt-info-row span{opacity:.8;}
.rpt-info-row strong{font-weight:700;}

.rpt-toc{padding:24px 30px;border-bottom:2px solid var(--border-l);}
.rpt-toc h2{
  font-size:17px;font-weight:800;color:var(--primary-d);
  margin-bottom:14px;display:flex;align-items:center;gap:8px;
}
.toc-row{
  display:flex;align-items:center;gap:10px;
  padding:6px 0;border-bottom:1px dashed var(--border-l);font-size:12.5px;
}
.toc-n{
  width:24px;height:24px;background:var(--primary);color:#fff;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:10px;font-weight:700;flex-shrink:0;
}
.toc-name{flex:1;color:var(--txt);font-weight:600;}
.toc-ev{color:var(--txt-l);font-size:11px;}

.rpt-section{border-bottom:1px solid var(--border-l);}
.rpt-sec-header{
  background:linear-gradient(90deg,var(--primary-d),var(--primary-mid));
  padding:11px 20px;display:flex;align-items:center;gap:9px;
  color:#fff;position:relative;
}
.rpt-sec-header::before{
  content:'';position:absolute;right:0;top:0;bottom:0;
  width:4px;background:var(--red);
}
.rpt-sec-header h3{font-size:14.5px;font-weight:700;}
.rpt-weight{
  background:rgba(241,196,15,.3);color:#f1c40f;
  padding:2px 9px;border-radius:9px;font-size:12px;font-weight:700;
  margin-right:auto;
}
.rpt-sec-body{padding:16px 22px;}
.rpt-empty{color:var(--txt-l);font-size:13px;font-style:italic;}
.rpt-texts p{font-size:13px;color:var(--txt);margin-bottom:5px;}

.rpt-eval{margin-bottom:14px;}
.rpt-eval h4{
  font-size:13px;font-weight:700;color:var(--primary-d);
  margin-bottom:8px;display:flex;align-items:center;gap:5px;
}
.rpt-eval-table{width:100%;border-collapse:collapse;font-size:12px;}
.rpt-eval-table th{
  background:var(--primary-xpale);padding:7px 11px;
  text-align:right;font-weight:700;border:1px solid var(--border);
}
.rpt-eval-table td{padding:7px 11px;border:1px solid var(--border-l);}
.ev-done{color:var(--success);font-weight:700;}
.ev-notdone{color:var(--danger);font-weight:700;}

.rpt-evid h4{
  font-size:13px;font-weight:700;color:var(--primary-d);
  margin-bottom:8px;display:flex;align-items:center;gap:5px;
}
.rpt-evid-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:10px;margin-top:8px;
}
.rpt-ev-item{
  padding:10px;background:var(--bg-pale);
  border-radius:var(--r-sm);border-right:3px solid var(--primary);font-size:12px;
}
.rpt-ev-item strong{display:block;font-weight:700;margin-bottom:3px;}
.rpt-ev-type{
  display:inline-block;background:var(--primary-pale);
  color:var(--primary);padding:1px 6px;border-radius:5px;font-size:10px;margin-bottom:3px;
}
.rpt-footer{text-align:center;padding:16px;color:var(--txt-l);font-size:12px;border-top:2px solid var(--border-l);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .admin-stats-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:860px){
  .admin-stats-grid{grid-template-columns:repeat(2,1fr);}
  .tv-info-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  /* الشريط الجانبي للمعلمة - موبايل */
  #dashboard-page.active .sidebar{transform:translateX(100%);display:flex;}
  #dashboard-page.active .sidebar.mobile-open{transform:translateX(0);}
  .main-content{margin-right:0!important;}
  /* زر الموبايل يظهر في الموبايل فقط عند تنشيط صفحة المعلمة */
  #dashboard-page.active .sidebar-mob-toggle{display:flex!important;}
  #dashboard-page.active .sidebar-desk-toggle{display:none!important;}

  /* الشريط الجانبي للمالك - موبايل */
  #admin-dashboard-page.active .admin-sidenav{
    width:var(--admin-sidebar-w)!important;
    transform:translateX(100%);
    transition:transform .3s cubic-bezier(.4,0,.2,1);
  }
  #admin-dashboard-page.active .admin-sidenav.mobile-open{
    transform:translateX(0);
  }
  #admin-dashboard-page.active .admin-sidenav.collapsed{
    width:var(--admin-sidebar-w)!important;
    transform:translateX(100%);
  }
  .admin-body{margin-right:0!important;}
  .admin-hamburger{display:flex;}

  /* إخفاء زر الطي على الموبايل */
  .admin-nav-collapse-btn{display:none;}

  .form-row{grid-template-columns:1fr;}
  .admin-topbar{padding:0 14px;}
  .admin-user-chip span{display:none;}
}
@media(max-width:600px){
  .login-wrapper{flex-direction:column;max-width:98%;}
  .login-info-panel{width:100%;padding:20px;}
  .login-features{display:none;}
  .login-card{padding:26px 20px;}
  .sharing-grid,.evidence-grid{grid-template-columns:1fr;}
  .perm-options{grid-template-columns:1fr;}
  .admin-stats-grid{grid-template-columns:1fr 1fr;}
  .teacher-actions{flex-wrap:wrap;}
  .tv-info-grid{grid-template-columns:1fr;}
  .tv-tabs-summary{grid-template-columns:1fr;}
  .welcome-actions{width:100%;}
}
@media(max-width:420px){
  .admin-stats-grid{grid-template-columns:1fr;}
  .tab-topbar{flex-wrap:wrap;}
  .tab-topbar h2{font-size:15px;}
}

/* ── شريط التقرير الثابت — الشاشات الصغيرة ── */
@media(max-width:680px){
  .rpt-sticky-bar{
    flex-wrap:wrap;
    gap:8px;
    padding:8px 14px;
  }
  .rpt-bar-info{ display:none; }/* يُخفى على الشاشات الصغيرة جداً */
  .rpt-bar-btn span{ display:none; }/* فقط الأيقونة */
  .rpt-bar-btn{
    padding:7px 10px;
    border-radius:50%;
    width:34px;height:34px;
    justify-content:center;
  }
  .rpt-bar-title span{ display:none; }
}
@media(max-width:480px){
  .rpt-sticky-bar{ padding:7px 10px; gap:6px; }
  .rpt-bar-actions{ gap:4px; }
}

/* ============================================================
   TEACHERS QUICK STATS — إحصاء سريع فوق قائمة المعلمات
   ============================================================ */
.teachers-quick-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;margin-bottom:16px;
}
.qs-card{
  background:var(--bg-white);border-radius:var(--r-md);
  padding:14px 16px;display:flex;align-items:center;gap:12px;
  box-shadow:var(--shadow-sm);cursor:pointer;
  transition:var(--tr);border-right:4px solid var(--border);
}
.qs-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.qs-card i{font-size:20px;flex-shrink:0;}
.qs-card strong{font-size:22px;font-weight:800;color:var(--txt);display:block;line-height:1.1;}
.qs-card span{font-size:12px;color:var(--txt-l);}
.qs-card.blue{border-right-color:var(--primary);}
.qs-card.blue i{color:var(--primary);}
.qs-card.green{border-right-color:var(--success);}
.qs-card.green i{color:var(--success);}
.qs-card.orange{border-right-color:#e67e22;}
.qs-card.orange i{color:#e67e22;}
.qs-card.red{border-right-color:var(--danger);}
.qs-card.red i{color:var(--danger);}

/* شريط اكتمال الملف في بطاقة المعلمة */
.tc-name-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap;}
.tc-name-row h4{margin-bottom:0!important;}
.tc-completion{
  display:flex;align-items:center;gap:10px;margin-top:8px;
}
.tc-prog-bar{
  flex:1;height:6px;background:var(--border-l);
  border-radius:3px;overflow:hidden;
}
.tc-prog-bar div{height:100%;border-radius:3px;transition:width .4s ease;}

/* ============================================================
   TEACHER PROFILE SECTION — صفحة ملف المعلمة
   ============================================================ */

/* بطاقة رأس المعلمة */
.profile-hero-card{
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid) 70%,#2e9cd4);
  border-radius:var(--r-lg);padding:28px 30px;
  display:flex;align-items:flex-start;gap:20px;
  color:#fff;margin-bottom:18px;flex-wrap:wrap;
  box-shadow:var(--shadow-md);
  position:relative;overflow:hidden;
}
.profile-hero-card::before{
  content:'';position:absolute;left:-50px;bottom:-50px;
  width:160px;height:160px;background:rgba(255,255,255,.06);border-radius:50%;
}
.profile-hero-avatar{
  width:72px;height:72px;flex-shrink:0;
  background:rgba(255,255,255,.18);border:2.5px solid rgba(255,255,255,.35);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:30px;position:relative;z-index:1;
}
.profile-hero-info{flex:1;min-width:0;position:relative;z-index:1;}
.profile-hero-info h2{
  font-size:22px;font-weight:800;margin-bottom:10px;
}
.profile-hero-meta{
  display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:12px;
}
.profile-hero-meta span{
  display:inline-flex;align-items:center;gap:5px;
  font-size:12.5px;opacity:.88;
}
.profile-hero-meta i{font-size:11px;}
.profile-hero-actions{
  display:flex;flex-direction:column;gap:8px;
  flex-shrink:0;align-self:flex-start;
  position:relative;z-index:1;
}
.profile-hero-actions .btn{width:100%;justify-content:center;}

/* إحصاء الشواهد */
.profile-stats-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:14px;margin-bottom:18px;
}
.profile-stat-box{
  background:var(--bg-white);border-radius:var(--r-md);
  padding:18px 14px;text-align:center;
  box-shadow:var(--shadow-sm);border-top:3px solid var(--border);
  transition:var(--tr);
}
.profile-stat-box:hover{transform:translateY(-2px);}
.profile-stat-box i{font-size:24px;display:block;margin-bottom:8px;}
.psb-num{font-size:28px;font-weight:800;color:var(--txt);line-height:1;}
.psb-label{font-size:12px;color:var(--txt-l);margin-top:3px;}

/* شريط الاكتمال الكلي */
.profile-completion-card{
  background:var(--bg-white);border-radius:var(--r-md);
  padding:20px 22px;box-shadow:var(--shadow-sm);margin-bottom:18px;
}
.pc-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:12px;
}
.pc-header h3{
  font-size:15px;font-weight:700;color:var(--primary-d);
  display:flex;align-items:center;gap:7px;
}
.pc-pct{font-size:28px;font-weight:800;}
.pc-bar-wrap{
  height:16px;background:var(--border-l);border-radius:8px;overflow:hidden;margin-bottom:8px;
}
.pc-bar-fill{
  height:100%;border-radius:8px;transition:width .5s ease;
}
.pc-label{font-size:13px;color:var(--txt-l);}

/* تقدم التبويبات */
.profile-tabs-card{
  background:var(--bg-white);border-radius:var(--r-md);
  padding:18px 20px;box-shadow:var(--shadow-sm);margin-bottom:18px;
}
.profile-tabs-grid{display:flex;flex-direction:column;gap:6px;margin-top:4px;}
.ptab-item{
  display:flex;align-items:center;gap:10px;
  padding:8px 10px;border-radius:var(--r-sm);
  background:var(--bg);transition:var(--tr);
}
.ptab-item:hover{background:var(--primary-xpale);}
.ptab-icon{width:28px;text-align:center;font-size:14px;flex-shrink:0;}
.ptab-info{flex:1;min-width:0;}
.ptab-name{font-size:12.5px;font-weight:600;color:var(--txt);display:block;margin-bottom:3px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ptab-bar{height:4px;background:var(--border-l);border-radius:2px;overflow:hidden;}
.ptab-fill{height:100%;border-radius:2px;transition:width .4s ease;}
.ptab-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;}
.ptab-pct{font-size:12px;font-weight:700;}
.ptab-w{
  background:var(--primary-pale);color:var(--primary);
  padding:1px 6px;border-radius:6px;font-size:10px;font-weight:700;
}

/* قائمة الشواهد في ملف المعلمة */
.profile-evidence-card{
  background:var(--bg-white);border-radius:var(--r-md);
  padding:18px 20px;box-shadow:var(--shadow-sm);margin-bottom:18px;
}
.profile-evidence-list{display:flex;flex-direction:column;gap:8px;margin-top:8px;}
.pev-item{
  display:flex;align-items:flex-start;gap:12px;
  padding:12px 14px;border-radius:var(--r-sm);
  background:var(--bg);border-right:3px solid var(--primary-pale);
  transition:var(--tr);
}
.pev-item:hover{background:var(--primary-xpale);border-right-color:var(--primary);}
.pev-icon{
  width:36px;height:36px;flex-shrink:0;
  background:var(--primary-pale);border-radius:var(--r-sm);
  display:flex;align-items:center;justify-content:center;
  color:var(--primary);font-size:16px;
}
.pev-body{flex:1;min-width:0;}
.pev-body strong{font-size:13.5px;font-weight:700;color:var(--txt);display:block;margin-bottom:3px;}
.pev-tab{
  font-size:11px;background:var(--primary-pale);color:var(--primary);
  padding:2px 8px;border-radius:6px;display:inline-block;margin-bottom:4px;
}
.pev-body p{font-size:12px;color:var(--txt-l);margin-top:3px;}
.pev-right{
  display:flex;flex-direction:column;align-items:flex-end;gap:5px;
  flex-shrink:0;
}
.pev-right small{font-size:11px;color:var(--txt-l);}

/* btn-outline-secondary */
.btn-outline-secondary{
  background:transparent;color:var(--primary);
  border:1.5px solid var(--primary-pale);
}
.btn-outline-secondary:hover{background:var(--primary-xpale);}

@media(max-width:900px){
  .teachers-quick-stats{grid-template-columns:repeat(2,1fr);}
  .profile-stats-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:640px){
  .teachers-quick-stats{grid-template-columns:repeat(2,1fr);}
  .profile-stats-grid{grid-template-columns:repeat(2,1fr);}
  .profile-hero-card{flex-direction:column;}
  .profile-hero-actions{flex-direction:row;width:100%;}
}
@media(max-width:420px){
  .teachers-quick-stats{grid-template-columns:1fr 1fr;}
  .profile-stats-grid{grid-template-columns:1fr 1fr;}
}

/* ============================================================
   إدارة التبويبات
   ============================================================ */
.tab-manager-body{padding:4px 0;}
.tab-manager-header{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
  background:linear-gradient(135deg,var(--primary-xpale),#fff);
  border:1px solid var(--primary-pale);border-radius:var(--r-md);
  padding:18px 22px;margin-bottom:22px;
}
.tab-manager-info h3{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:4px;}
.tab-manager-info p{font-size:12px;color:var(--txt-l);margin:0;}

.default-tabs-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
  gap:10px;margin-bottom:24px;
}
.default-tab-card{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  background:var(--bg);border:1px solid var(--border-l);
  border-radius:var(--r-sm);padding:11px 14px;font-size:13px;
  font-weight:600;color:var(--txt);position:relative;
}
.default-tab-card i{color:var(--primary-light);font-size:14px;}
.default-tab-card small.tab-weight-badge{
  background:var(--primary-pale);color:var(--primary);
  padding:2px 7px;border-radius:5px;font-size:10px;font-weight:700;
}
.tab-fixed-badge{
  position:absolute;top:6px;left:6px;
  font-size:9px;background:var(--border-l);color:var(--txt-l);
  padding:2px 6px;border-radius:4px;
  display:flex;align-items:center;gap:3px;
}

.custom-tabs-list{display:flex;flex-direction:column;gap:10px;}
.custom-tab-item{
  display:flex;align-items:center;gap:14px;
  background:var(--bg-white);border:1px solid var(--border-l);
  border-radius:var(--r-md);padding:14px 18px;
  box-shadow:var(--shadow-sm);transition:var(--tr);
}
.custom-tab-item:hover{box-shadow:var(--shadow-md);border-color:var(--primary-pale);}
.cti-icon{
  width:42px;height:42px;background:var(--primary-pale);
  border-radius:var(--r-sm);display:flex;align-items:center;
  justify-content:center;color:var(--primary);font-size:18px;flex-shrink:0;
}
.cti-info{flex:1;min-width:0;}
.cti-info h4{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:4px;}
.cti-meta{display:flex;gap:12px;flex-wrap:wrap;}
.cti-meta span{font-size:11.5px;color:var(--txt-l);display:flex;align-items:center;gap:4px;}
.cti-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;}

/* ─── الأقسام النصية ─────────────────────────── */
.text-sections-container{margin-bottom:16px;}
.text-section-toolbar{
  display:flex;gap:10px;margin-bottom:14px;
  padding:12px 14px;background:var(--bg-pale);
  border-radius:var(--r-sm);border:1px dashed var(--primary-pale);
}
.text-section-card{
  background:var(--bg-white);border:1px solid var(--border-l);
  border-radius:var(--r-md);padding:18px 20px;margin-bottom:14px;
  box-shadow:var(--shadow-sm);transition:var(--tr);
}
.text-section-card:hover{box-shadow:var(--shadow-md);}
.tsc-header{
  display:flex;align-items:center;gap:8px;margin-bottom:14px;
  padding-bottom:10px;border-bottom:1px solid var(--border-l);
  color:var(--primary);font-weight:700;font-size:13px;
}
.tsc-header i{font-size:16px;}
.tsc-header span{flex:1;}
.tsc-footer{display:flex;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-l);}

/* ─── معايير المخصصة ────────────────────────── */
.custom-criterion-row{background:var(--primary-xpale)!important;}
.custom-badge{
  background:var(--primary);color:#fff;font-size:9px;
  padding:1px 5px;border-radius:4px;margin-right:4px;vertical-align:middle;
}
.criteria-manager-bar{
  display:flex;gap:10px;padding:10px 14px;
  background:var(--bg-pale);border-radius:var(--r-sm);
  border:1px dashed var(--border);margin:12px 0 16px;
}
.eval-no-criteria{
  text-align:center;padding:32px 20px;color:var(--txt-l);
  background:var(--bg-pale);border-radius:var(--r-md);margin-bottom:14px;
  border:1px dashed var(--border);
}
.eval-no-criteria i{font-size:36px;display:block;margin-bottom:10px;opacity:.4;}

.btn-xs{
  padding:2px 7px!important;font-size:10px!important;
  border-radius:4px!important;border:none;cursor:pointer;
  background:var(--danger);color:#fff;
}
.btn-xs:hover{opacity:.85;}

/* ─── نافذة معلومة ───────────────────────────── */
.modal-info-note{
  display:flex;align-items:flex-start;gap:8px;
  background:var(--primary-xpale);border:1px solid var(--primary-pale);
  border-radius:var(--r-sm);padding:10px 13px;margin-top:6px;
  font-size:12px;color:var(--primary);line-height:1.6;
}
.modal-info-note i{margin-top:2px;flex-shrink:0;}

/* ============================================================
   التقرير المحدث - كل تبويب بصفحة مستقلة
   ============================================================ */
.report-container{
  background:var(--bg-pale);border-radius:var(--r-lg);
  padding:20px;margin-top:4px;
}

/* صفحة التقرير */
.report-page{
  background:#fff;border-radius:12px;
  box-shadow:0 2px 16px rgba(0,0,0,.09);
  margin-bottom:28px;overflow:hidden;
  page-break-before:always;
  break-before:page;
  position:relative;/* مطلوب لـ position:absolute للخلفيات */
}
.report-page:first-child{ page-break-before:auto; break-before:auto; }

/* ════════════════════════════════════════════════════════
   غلاف التقرير — تصميم راقٍ بإطار وزهور
   ════════════════════════════════════════════════════════ */
.report-page.report-cover{
  min-height:90vh;
  background:linear-gradient(160deg,#f8f0ff 0%,#ede9fe 35%,#dbeafe 70%,#e0f2fe 100%);
  color:#1e293b;
  display:flex;align-items:center;justify-content:center;
  text-align:center;position:relative;overflow:hidden;
  border:none;
}

/* إطار زخرفي داخلي */
.report-page.report-cover::before{
  content:'';
  position:absolute;inset:14px;
  border:2.5px solid transparent;
  border-image:linear-gradient(135deg,#7c3aed,#3b82f6,#06b6d4,#7c3aed) 1;
  border-radius:0;
  opacity:.55;
  pointer-events:none;
}
/* إطار ثانٍ أرق */
.report-page.report-cover::after{
  content:'';
  position:absolute;inset:20px;
  border:1px solid rgba(124,58,237,.25);
  pointer-events:none;
}

/* أكوار خلفية زخرفية */
.rpt-orb{position:absolute;border-radius:50%;pointer-events:none;}
.rpt-orb1{
  width:380px;height:380px;
  background:radial-gradient(circle,rgba(167,139,250,.18),transparent 70%);
  top:-100px;right:-100px;
}
.rpt-orb2{
  width:300px;height:300px;
  background:radial-gradient(circle,rgba(59,130,246,.15),transparent 70%);
  bottom:-80px;left:-80px;
}
/* زهرة كبيرة يمين عليا — SVG مضمّن */
.rpt-flower-tr{
  position:absolute;top:10px;right:10px;
  width:110px;height:110px;opacity:.55;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Ccircle cx='60' cy='60' r='12' fill='%23a78bfa'/%3E%3Ccircle cx='60' cy='32' r='14' fill='%23c4b5fd' opacity='.8'/%3E%3Ccircle cx='60' cy='88' r='14' fill='%23c4b5fd' opacity='.8'/%3E%3Ccircle cx='32' cy='60' r='14' fill='%23c4b5fd' opacity='.8'/%3E%3Ccircle cx='88' cy='60' r='14' fill='%23c4b5fd' opacity='.8'/%3E%3Ccircle cx='40' cy='40' r='11' fill='%23ddd6fe' opacity='.7'/%3E%3Ccircle cx='80' cy='40' r='11' fill='%23ddd6fe' opacity='.7'/%3E%3Ccircle cx='40' cy='80' r='11' fill='%23ddd6fe' opacity='.7'/%3E%3Ccircle cx='80' cy='80' r='11' fill='%23ddd6fe' opacity='.7'/%3E%3Ccircle cx='60' cy='60' r='7' fill='%23ede9fe'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* وردة وردية يسار سفلى */
.rpt-flower-bl{
  position:absolute;bottom:10px;left:10px;
  width:100px;height:100px;opacity:.5;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='10' fill='%23f9a8d4'/%3E%3Ccircle cx='50' cy='26' r='12' fill='%23fbcfe8' opacity='.85'/%3E%3Ccircle cx='50' cy='74' r='12' fill='%23fbcfe8' opacity='.85'/%3E%3Ccircle cx='26' cy='50' r='12' fill='%23fbcfe8' opacity='.85'/%3E%3Ccircle cx='74' cy='50' r='12' fill='%23fbcfe8' opacity='.85'/%3E%3Ccircle cx='34' cy='34' r='9' fill='%23fce7f3' opacity='.75'/%3E%3Ccircle cx='66' cy='34' r='9' fill='%23fce7f3' opacity='.75'/%3E%3Ccircle cx='34' cy='66' r='9' fill='%23fce7f3' opacity='.75'/%3E%3Ccircle cx='66' cy='66' r='9' fill='%23fce7f3' opacity='.75'/%3E%3Ccircle cx='50' cy='50' r='5' fill='%23fff1f2'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* ياسمين أصفر يسار عليا */
.rpt-flower-tl{
  position:absolute;top:12px;left:12px;
  width:80px;height:80px;opacity:.45;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='8' fill='%23fde047'/%3E%3Ccircle cx='40' cy='20' r='10' fill='%23fef9c3' stroke='%23fde68a' stroke-width='1'/%3E%3Ccircle cx='40' cy='60' r='10' fill='%23fef9c3' stroke='%23fde68a' stroke-width='1'/%3E%3Ccircle cx='20' cy='40' r='10' fill='%23fef9c3' stroke='%23fde68a' stroke-width='1'/%3E%3Ccircle cx='60' cy='40' r='10' fill='%23fef9c3' stroke='%23fde68a' stroke-width='1'/%3E%3Ccircle cx='26' cy='26' r='8' fill='%23fef9c3' opacity='.8'/%3E%3Ccircle cx='54' cy='26' r='8' fill='%23fef9c3' opacity='.8'/%3E%3Ccircle cx='26' cy='54' r='8' fill='%23fef9c3' opacity='.8'/%3E%3Ccircle cx='54' cy='54' r='8' fill='%23fef9c3' opacity='.8'/%3E%3C/svg%3E") no-repeat center/contain;
}
/* وردة ثانية يمين سفلى */
.rpt-flower-br{
  position:absolute;bottom:12px;right:12px;
  width:85px;height:85px;opacity:.45;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 80'%3E%3Ccircle cx='40' cy='40' r='9' fill='%2393c5fd'/%3E%3Ccircle cx='40' cy='19' r='11' fill='%23bfdbfe' opacity='.85'/%3E%3Ccircle cx='40' cy='61' r='11' fill='%23bfdbfe' opacity='.85'/%3E%3Ccircle cx='19' cy='40' r='11' fill='%23bfdbfe' opacity='.85'/%3E%3Ccircle cx='61' cy='40' r='11' fill='%23bfdbfe' opacity='.85'/%3E%3Ccircle cx='27' cy='27' r='8' fill='%23dbeafe' opacity='.75'/%3E%3Ccircle cx='53' cy='27' r='8' fill='%23dbeafe' opacity='.75'/%3E%3Ccircle cx='27' cy='53' r='8' fill='%23dbeafe' opacity='.75'/%3E%3Ccircle cx='53' cy='53' r='8' fill='%23dbeafe' opacity='.75'/%3E%3C/svg%3E") no-repeat center/contain;
}

/* محتوى الغلاف */
.rpt-cover-inner{
  position:relative;z-index:2;
  padding:36px 48px;
  max-width:560px;
}

/* شعار (أيقونة) */
.rpt-cover-ministry-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:80px;height:80px;
  background:linear-gradient(135deg,#7c3aed,#3b82f6);
  border-radius:50%;
  box-shadow:0 4px 20px rgba(124,58,237,.35),0 0 0 6px rgba(124,58,237,.12);
  margin:0 auto 16px;
  font-size:38px;color:#fff;
}

/* الخط الزخرفي */
.rpt-cover-divider{
  display:flex;align-items:center;gap:8px;
  margin:12px auto 16px;justify-content:center;
}
.rpt-cover-divider span{
  flex:1;height:1.5px;max-width:80px;
  background:linear-gradient(90deg,transparent,#7c3aed,transparent);
  opacity:.5;
}
.rpt-cover-divider i{ color:#a78bfa;font-size:14px;opacity:.7; }

.logo-icon{display:none;}/* أُستُبدل بـ rpt-cover-ministry-badge */

.rpt-cover-inner h1{
  font-size:28px;font-weight:900;
  color:#1e1b4b;
  margin-bottom:4px;
  text-shadow:0 1px 3px rgba(124,58,237,.12);
}
.rpt-cover-inner h2{
  font-size:16px;font-weight:600;
  color:#4338ca;opacity:.8;
  margin-bottom:18px;
}

/* صندوق المعلومات */
.rpt-info-box{
  background:rgba(255,255,255,.75);
  backdrop-filter:blur(8px);
  border:1.5px solid rgba(124,58,237,.2);
  border-radius:16px;
  padding:16px 22px;
  max-width:460px;margin:0 auto;text-align:right;
  box-shadow:0 4px 24px rgba(124,58,237,.1);
}
.rpt-info-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:7px 0;border-bottom:1px solid rgba(124,58,237,.1);font-size:13px;
}
.rpt-info-row:last-child{border-bottom:none;}
.rpt-info-row span{color:#6d28d9;font-weight:600;}
.rpt-info-row strong{font-weight:800;color:#1e1b4b;}

/* فهرس */
/* ── غلاف بصورة مخصصة ── */
.report-page.report-cover.has-custom-cover-img{
  background:none!important;
  position:relative;
}
.report-page.report-cover.has-custom-cover-img .rpt-cover-custom-bg{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.report-page.report-cover.has-custom-cover-img .rpt-cover-inner{
  position:relative;z-index:2;
}
/* عند وجود صورة غلاف: نص أبيض لأن الخلفية قد تكون داكنة */
.report-page.report-cover.has-custom-cover-img.cover-dark-text .rpt-cover-inner h1,
.report-page.report-cover.has-custom-cover-img.cover-dark-text .rpt-cover-inner h2{
  color:#1e1b4b;
}

/* ── أوراق بصورة خلفية مخصصة ── */
.report-page.has-custom-page-img{
  position:relative;
}
.report-page.has-custom-page-img .rpt-page-custom-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background-size:cover;background-position:center;background-repeat:repeat;
}
.report-page.has-custom-page-img > *:not(.rpt-page-custom-bg){
  position:relative;z-index:1;
}

.report-page.rpt-toc-page{padding:16px 22px;}
.rpt-toc-header{
  display:flex;align-items:center;gap:10px;margin-bottom:12px;
  padding-bottom:10px;border-bottom:2px solid var(--primary-pale);
}
.rpt-toc-header i{font-size:22px;color:var(--primary);}
.rpt-toc-header h2{font-size:18px;font-weight:800;color:var(--txt);}
.rpt-toc-content{display:flex;flex-direction:column;gap:6px;}
.toc-row{
  display:flex;align-items:center;gap:10px;
  padding:6px 10px;border-radius:8px;
  background:var(--bg-pale);font-size:12.5px;
  transition:background .2s;
}
.toc-row:hover{background:var(--primary-xpale);}
.toc-n{
  width:28px;height:28px;border-radius:50%;
  background:var(--primary);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:800;flex-shrink:0;
}
.toc-name{flex:1;font-weight:600;color:var(--txt);}
.toc-ev{font-size:11px;color:var(--txt-l);white-space:nowrap;}

/* صفحة السيرة الذاتية */
.report-page.rpt-bio-page{padding:16px 22px;}
.rpt-bio-content{text-align:center;padding:20px 0;}
.rpt-bio-avatar{
  width:80px;height:80px;background:linear-gradient(135deg,var(--primary),var(--primary-mid));
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  margin:0 auto 14px;font-size:36px;color:#fff;
}
.rpt-bio-content h3{font-size:22px;font-weight:800;color:var(--txt);margin-bottom:4px;}
.rpt-bio-school{color:var(--txt-l);font-size:13px;margin-bottom:20px;}
.rpt-bio-text{
  text-align:right;line-height:2;font-size:13.5px;color:var(--txt);
  background:var(--bg-pale);border-radius:10px;padding:18px 22px;
  max-width:680px;margin:0 auto;
}

/* صفحة تبويب */
.report-page.rpt-tab-page{padding:0;}
.rpt-page-header{
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid));
  color:#fff;padding:12px 20px;
}
.rpt-page-header i{font-size:22px;opacity:.9;}
.rpt-page-header h2{flex:1;font-size:18px;font-weight:800;}
.rpt-weight{
  background:rgba(255,255,255,.2);
  padding:4px 12px;border-radius:20px;
  font-size:13px;font-weight:700;
}
.rpt-page-num{
  background:rgba(255,255,255,.15);
  padding:3px 10px;border-radius:6px;
  font-size:11px;opacity:.8;
}
.rpt-sec-body{padding:14px 20px;}

/* كتل النصوص */
.rpt-texts{margin-bottom:10px;}
.rpt-text-block{
  margin-bottom:8px;padding:8px 12px;
  background:var(--bg-pale);border-radius:8px;
  border-right:3px solid var(--primary-pale);
}
.rpt-text-label{
  display:block;font-size:11px;font-weight:700;
  color:var(--primary);margin-bottom:6px;text-transform:uppercase;
  letter-spacing:.5px;
}
.rpt-text-block p{font-size:13px;color:var(--txt);line-height:1.8;margin:0;}

/* كتل الأقسام النصية المخصصة */
.rpt-text-section-block{
  background:var(--bg-pale);border-radius:10px;
  padding:16px 18px;margin-bottom:14px;
  border-right:4px solid var(--primary-light);
}
.rpt-ts-title{
  font-size:15px;font-weight:800;color:var(--txt);
  margin-bottom:8px;padding-bottom:6px;
  border-bottom:1px solid var(--border-l);
}
.rpt-ts-details{font-size:13px;color:var(--txt);line-height:1.8;margin-bottom:8px;}
.rpt-ts-note{
  font-size:12px;color:var(--primary);background:var(--primary-xpale);
  padding:6px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;
}

/* جدول التقييم في التقرير */
.rpt-eval{margin-bottom:12px;}
.rpt-eval-header{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:8px;
}
.rpt-eval-header h4{font-size:14px;font-weight:700;color:var(--txt);display:flex;align-items:center;gap:8px;}
.rpt-eval-summary{display:flex;align-items:center;gap:10px;}
.rpt-eval-score{font-size:16px;font-weight:800;color:var(--primary);}
.rpt-eval-pct{
  background:var(--primary-pale);color:var(--primary);
  padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700;
}
.rpt-eval-progress{
  height:8px;background:var(--border-l);border-radius:4px;
  overflow:hidden;margin-bottom:14px;
}
.rpt-eval-bar{height:100%;border-radius:4px;transition:width .5s;}
.rpt-eval-table{
  width:100%;border-collapse:collapse;font-size:12px;
  border:1px solid var(--border-l);border-radius:8px;overflow:hidden;
}
.rpt-eval-table thead th{
  background:var(--primary-pale);color:var(--primary);
  padding:8px 10px;font-weight:700;text-align:right;font-size:11px;
}
.rpt-eval-table tbody tr:nth-child(even){background:var(--bg-pale);}
.rpt-eval-table td{padding:7px 10px;border-bottom:1px solid var(--border-l);}
.ev-done{color:var(--success);font-weight:700;}
.ev-notdone{color:var(--danger);font-weight:700;}

/* الشواهد في التقرير */
.rpt-evid{margin-bottom:12px;}
.rpt-evid h4{font-size:13px;font-weight:700;color:var(--txt);margin-bottom:8px;display:flex;align-items:center;gap:7px;}
.rpt-evid-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;}
.rpt-ev-item{
  background:var(--bg-pale);border:1px solid var(--border-l);
  border-radius:10px;padding:14px;overflow:hidden;
}
.rpt-ev-header{margin-bottom:8px;}
.rpt-ev-type{
  font-size:10px;background:var(--primary-pale);color:var(--primary);
  padding:2px 8px;border-radius:10px;display:inline-block;margin-bottom:4px;
}
.rpt-ev-title{font-size:13px;font-weight:700;color:var(--txt);display:block;}
.rpt-ev-desc{font-size:12px;color:var(--txt-l);line-height:1.6;margin:6px 0;}
.rpt-ev-date{font-size:11px;color:var(--txt-l);display:block;margin-top:6px;}
.rpt-ev-media{border-radius:8px;overflow:hidden;margin:8px 0;}
.rpt-ev-media img{width:100%;height:160px;object-fit:cover;}
.rpt-ev-media iframe{width:100%;height:160px;border:0;}
.rpt-ev-link-preview{margin:8px 0;}

/* QR Code */
.rpt-ev-qr{
  display:flex;flex-direction:column;align-items:center;
  padding:8px;background:#fff;border:1px solid var(--border-l);
  border-radius:8px;margin:8px 0;text-align:center;
}
.rpt-ev-qr canvas{border-radius:4px;}
.qr-url{font-size:9px;color:var(--txt-l);word-break:break-all;margin-top:4px;max-width:100px;}
.qr-placeholder{
  width:80px;height:80px;background:var(--bg-pale);
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;border-radius:4px;
  font-size:24px;color:var(--txt-l);
}
.qr-placeholder span{font-size:11px;margin-top:4px;}

.rpt-empty{font-size:13px;color:var(--txt-l);font-style:italic;text-align:center;padding:20px 0;}

/* تذييل التقرير */
.rpt-footer{
  text-align:center;padding:18px;font-size:12px;color:var(--txt-l);
  border-top:1px solid var(--border-l);margin-top:8px;
}

/* ─── screen-only / print-only ───────────── */
.screen-only{display:block;}
.print-only{display:none;}


/* ============================================================
   إضافات جديدة - واجهة إدارة التبويبات والمعايير
   ============================================================ */

/* ─── شريط أزرار التبويب ──────────────────────────────── */
.tab-topbar-actions{
  display:flex;gap:8px;align-items:center;flex-wrap:wrap;
}
.tab-topbar{
  flex-wrap:wrap;gap:10px;
}

/* ─── أقسام نصية (text sections) ─────────────────────── */
.ts-empty-hint{
  display:flex;align-items:center;gap:10px;
  padding:14px 18px;background:var(--bg-pale);
  border:1px dashed var(--border);border-radius:10px;
  color:var(--txt-l);font-size:13px;margin:12px 0 0;
}
.ts-sections-list{display:flex;flex-direction:column;gap:14px;margin-top:14px;}
.text-section-card{
  background:var(--bg-white);border:1px solid var(--border-l);
  border-radius:12px;overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.05);
  transition:box-shadow .2s;
}
.text-section-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.09);}
.tsc-header{
  display:flex;align-items:center;gap:10px;
  padding:10px 16px;background:var(--bg-pale);
  border-bottom:1px solid var(--border-l);
}
.tsc-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0;}
.tsc-icon{color:var(--primary);font-size:14px;flex-shrink:0;}
.tsc-label{
  font-weight:700;font-size:13px;color:var(--txt);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.tsc-body{padding:16px;}
.tsc-footer{
  padding:10px 16px;border-top:1px solid var(--border-l);
  background:var(--bg-pale);display:flex;justify-content:flex-end;
}

/* ─── أزرار xs ────────────────────────────────────────── */
.btn-xs{
  padding:3px 8px;font-size:11px;border-radius:6px;
  display:inline-flex;align-items:center;gap:4px;
}

/* ─── مدير التبويبات المحسّن ──────────────────────────── */
.tab-manager-body{padding:0;}
.tab-manager-header{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
  padding:20px;background:var(--bg-white);
  border-radius:12px;border:1px solid var(--border-l);
  box-shadow:var(--shadow-sm);margin-bottom:20px;
}
.tab-manager-info h3{font-size:15px;font-weight:700;margin-bottom:4px;}
.tab-manager-info p{font-size:13px;color:var(--txt-l);}

.default-tabs-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:10px;margin-bottom:24px;
}
.default-tab-card{
  display:flex;flex-direction:column;align-items:flex-start;gap:6px;
  padding:14px;background:var(--bg-white);
  border:1px solid var(--border-l);border-radius:10px;
  font-size:12px;color:var(--txt);box-shadow:var(--shadow-sm);
  position:relative;
}
.default-tab-card>i{font-size:20px;color:var(--primary);margin-bottom:2px;}
.default-tab-card>span{font-weight:600;line-height:1.4;}
.tab-weight-badge{
  font-size:10px;background:var(--primary-pale);color:var(--primary);
  padding:2px 7px;border-radius:8px;font-weight:700;
}
.tab-fixed-badge{
  font-size:10px;background:#f0f0f0;color:#888;
  padding:2px 7px;border-radius:8px;
  display:flex;align-items:center;gap:4px;
}

.custom-tabs-list{display:flex;flex-direction:column;gap:10px;}
.custom-tab-item{
  display:flex;align-items:center;gap:14px;
  padding:14px 18px;background:var(--bg-white);
  border:1px solid var(--border-l);border-radius:10px;
  box-shadow:var(--shadow-sm);
}
.cti-icon{
  width:40px;height:40px;border-radius:10px;
  background:var(--primary-pale);color:var(--primary);
  display:flex;align-items:center;justify-content:center;
  font-size:18px;flex-shrink:0;
}
.cti-info{flex:1;min-width:0;}
.cti-info h4{font-size:14px;font-weight:700;margin-bottom:4px;}
.cti-meta{display:flex;gap:10px;flex-wrap:wrap;}
.cti-meta span{font-size:11px;color:var(--txt-l);display:flex;align-items:center;gap:4px;}
.cti-actions{display:flex;gap:6px;flex-wrap:wrap;}

/* ─── شارة معيار مخصص ────────────────────────────────── */
.custom-badge{
  font-size:9px;background:#fff3cd;color:#856404;
  padding:1px 5px;border-radius:4px;font-weight:700;
  display:inline-block;margin-right:4px;
}
.custom-criterion-row{background:#fffdf0!important;}
.eval-no-criteria{
  display:flex;flex-direction:column;align-items:center;gap:8px;
  padding:30px;color:var(--txt-l);text-align:center;
}
.eval-no-criteria i{font-size:32px;opacity:.4;}
.eval-no-criteria p{font-size:13px;}

/* ─── نافذة modal - ملاحظة معلومات ──────────────────── */
.modal-info-note{
  display:flex;align-items:flex-start;gap:8px;
  padding:10px 12px;background:#e8f4fd;
  border:1px solid #bee3f8;border-radius:8px;
  font-size:12px;color:#2b6cb0;margin-top:10px;
}
.modal-info-note i{flex-shrink:0;margin-top:2px;}

/* ─── تحسينات جدول التقييم ────────────────────────────── */
.eval-save-bar{
  display:flex;justify-content:flex-end;gap:8px;
  padding:12px 16px;background:var(--bg-pale);
  border-top:1px solid var(--border-l);
  border-radius:0 0 10px 10px;
  flex-wrap:wrap;
}
.criteria-manager-bar{
  display:flex;justify-content:flex-start;
  padding:10px 0 0;
}

/* ============================================================
   كسر الصفحة (screen)
   ============================================================ */
.page-break-before{
  page-break-before:always;
  break-before:page;
}

/* ─── QR Code في التقرير ─────────────────── */
.rpt-ev-qr{
  display:none;flex-direction:column;align-items:center;
  padding:10px;background:#fff;border:1px solid var(--border-l);
  border-radius:8px;margin:10px 0;text-align:center;gap:4px;
}
.rpt-ev-qr canvas{border-radius:4px;display:block;}
.qr-url{
  font-size:9px;color:var(--txt-l);word-break:break-all;
  max-width:100px;line-height:1.3;
}
.qr-placeholder{
  width:80px;height:80px;background:var(--bg-pale);
  display:flex;flex-direction:column;align-items:center;
  justify-content:center;border-radius:6px;
  font-size:24px;color:var(--txt-l);
}
.qr-placeholder span{font-size:10px;margin-top:4px;font-weight:700;}

/* ─── أقسام النص في التقرير ──────────────── */
.rpt-text-section-block{
  padding:12px 16px;background:var(--bg-pale);
  border-right:3px solid var(--primary);
  border-radius:0 8px 8px 0;margin-bottom:12px;
}
.rpt-ts-title{font-size:14px;font-weight:700;color:var(--txt);margin-bottom:6px;}
.rpt-ts-details{font-size:12px;color:var(--txt-l);line-height:1.8;}
.rpt-ts-note{
  font-size:11px;color:#7c3aed;background:#f3f0ff;
  border-radius:6px;padding:4px 10px;margin-top:6px;
  display:inline-flex;align-items:center;gap:6px;
}

/* ════════════════════════════════════════════════════════
   تحسينات جديدة: مدير التبويبات + خلفيات الطباعة + Google Drive
   ════════════════════════════════════════════════════════ */

/* ─── بطاقة التبويب الأساسي في المدير ───────────────── */
.default-tabs-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:10px;margin-bottom:20px;
}
.default-tab-card{
  position:relative;
  display:flex;flex-direction:column;align-items:center;
  gap:6px;padding:14px 10px;background:var(--bg-white);
  border-radius:12px;border:2px solid var(--border-l);
  transition:all .2s;text-align:center;
}
.default-tab-card.tab-hidden-card{
  background:#fafafa;border-color:#e5e7eb;opacity:.7;
}
.default-tab-card .fas{font-size:22px;color:var(--primary);}
.default-tab-card span{font-size:11.5px;font-weight:600;color:var(--txt);line-height:1.4;}
.default-tab-actions{
  display:flex;gap:3px;margin-top:4px;flex-wrap:wrap;justify-content:center;
}
.tab-hidden-badge{
  font-size:10px;background:#fee2e2;color:#dc2626;
  border-radius:5px;padding:2px 7px;font-weight:700;
  display:inline-flex;align-items:center;gap:4px;
}
.tab-fixed-badge{
  font-size:10px;background:#f0fdf4;color:var(--success);
  border-radius:5px;padding:2px 7px;font-weight:700;
}
.hidden-count-badge{
  background:#fef3c7;color:#d97706;
  border-radius:5px;padding:1px 8px;font-size:11px;font-weight:700;
}

/* ─── قسم استعادة التبويبات المحذوفة ──────────────── */
.deleted-tabs-restore-section{
  margin-top:20px;padding:14px 16px;
  background:#fff5f5;border:1px dashed #fca5a5;
  border-radius:12px;
}
.deleted-tabs-restore-section h4{
  font-size:13px;font-weight:700;color:#dc2626;margin-bottom:10px;
  display:flex;align-items:center;gap:6px;
}
.deleted-tabs-list{display:flex;flex-wrap:wrap;gap:8px;}
.deleted-tab-item{
  display:flex;align-items:center;gap:8px;
  padding:6px 10px;background:#fff;
  border:1px solid #fca5a5;border-radius:8px;font-size:12px;
}
.deleted-tab-item i{color:#9ca3af;}
.deleted-tab-item span{color:var(--txt-l);}

/* ─── صف معيار في المدير ─────────────────────────── */
.manage-criterion-row{
  display:flex;align-items:center;gap:10px;
  padding:8px 12px;background:#f9fafb;
  border-radius:8px;margin-bottom:6px;
}
.manage-criterion-row span{flex:1;font-size:12.5px;}

/* ─── إعدادات الطباعة والخلفيات ─────────────────────── */
.report-controls{
  display:flex;align-items:center;gap:10px;margin-bottom:18px;
  padding:12px 16px;background:var(--bg-pale);border-radius:12px;
  flex-wrap:wrap;
}
.print-bg-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 16px;background:linear-gradient(135deg,#ec4899,#f472b6);
  color:#fff;border:none;border-radius:10px;cursor:pointer;
  font-size:13px;font-weight:700;font-family:'Tajawal',sans-serif;
  transition:all .2s;box-shadow:0 2px 8px rgba(236,72,153,.3);
}
.print-bg-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(236,72,153,.4);}

/* ─── مودال إعدادات الطباعة الموسَّع ─────────────────── */

/* تبويبات داخلية */
.psm-tabs{
  display:flex;border-bottom:2px solid var(--border-l);
  background:var(--bg-pale);
}
.psm-tab{
  flex:1;padding:11px 8px;font-size:12.5px;font-weight:700;
  border:none;background:none;cursor:pointer;
  color:var(--txt-l);font-family:'Tajawal',sans-serif;
  display:flex;align-items:center;justify-content:center;gap:6px;
  border-bottom:3px solid transparent;margin-bottom:-2px;
  transition:all .18s;
}
.psm-tab:hover{color:var(--primary);background:var(--primary-xpale);}
.psm-tab.active{color:var(--primary);border-bottom-color:var(--primary);background:#fff;}

/* لوحات المحتوى */
.psm-panel{display:none;}
.psm-panel.active{display:block;}

/* تلميح */
.psm-hint{
  color:var(--txt-l);font-size:12.5px;
  margin-bottom:14px;display:flex;align-items:center;gap:6px;
}
.psm-hint i{color:var(--primary);flex-shrink:0;}

/* منطقة الرفع */
.psm-upload-zone{
  border:2px dashed var(--primary-pale);border-radius:14px;
  padding:0;cursor:pointer;overflow:hidden;
  background:var(--bg-pale);transition:all .2s;
  min-height:130px;display:flex;align-items:center;justify-content:center;
}
.psm-upload-zone:hover{border-color:var(--primary);background:var(--primary-xpale);}

/* معاينة الصورة داخل منطقة الرفع */
.psm-img-preview{
  width:100%;min-height:130px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:6px;text-align:center;padding:16px;
  position:relative;
}
.psm-img-preview.has-image{padding:0;min-height:160px;}
.psm-img-preview.has-image img{
  width:100%;height:160px;object-fit:cover;
  display:block;border-radius:12px;
}
.psm-img-preview.has-image .psm-img-overlay{
  position:absolute;inset:0;background:rgba(0,0,0,.35);
  border-radius:12px;display:flex;align-items:center;justify-content:center;
  opacity:0;transition:.2s;
}
.psm-img-preview.has-image:hover .psm-img-overlay{opacity:1;}
.psm-img-preview.has-image .psm-img-overlay span{
  color:#fff;font-size:13px;font-weight:700;
}
.psm-upload-icon{font-size:30px;color:var(--primary-pale);}
.psm-upload-label{font-size:13px;font-weight:600;color:var(--txt);}
.psm-upload-label small{display:block;font-size:11px;color:var(--txt-l);font-weight:400;}

/* ضوابط الصورة */
.psm-img-controls{
  margin-top:14px;padding:12px 14px;
  background:var(--bg-pale);border-radius:10px;
  display:flex;flex-direction:column;gap:6px;
}
.psm-ctrl-label{
  font-size:12px;font-weight:700;color:var(--primary-d);
  display:flex;align-items:center;gap:6px;
}
.psm-slider-row{
  display:flex;align-items:center;gap:10px;
}
.psm-slider-row input[type=range]{
  flex:1;accent-color:var(--primary);height:4px;cursor:pointer;
}
.psm-slider-row span{
  font-size:12px;font-weight:700;color:var(--primary);
  min-width:36px;text-align:left;
}
.psm-radio-row{
  display:flex;flex-wrap:wrap;gap:10px;
}
.psm-radio-row label{
  display:flex;align-items:center;gap:5px;
  font-size:12px;cursor:pointer;color:var(--txt);
}
.psm-radio-row input[type=radio]{accent-color:var(--primary);}

/* زر الحذف */
.btn-danger-soft{
  background:#fee2e2;color:#991b1b;border:none;
  border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;
  cursor:pointer;font-family:'Tajawal',sans-serif;
  display:inline-flex;align-items:center;gap:5px;
  transition:all .18s;
}
.btn-danger-soft:hover{background:#fecaca;color:#7f1d1d;}

/* ─── مودال إعدادات الطباعة ──────────────────────────── */
.bg-options-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  gap:12px;padding:4px 0;
}
.bg-option-card{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  padding:10px 8px;border-radius:12px;cursor:pointer;
  transition:all .2s;text-align:center;border:3px solid #e5e7eb;
  background:#fff;
}
.bg-option-card:hover{transform:scale(1.04);box-shadow:0 4px 14px rgba(0,0,0,.1);}
.bg-option-card.selected{
  border-color:var(--primary)!important;
  box-shadow:0 0 0 3px rgba(26,79,138,.15)!important;
}
.bg-option-card span{font-size:11px;font-weight:600;color:var(--txt);}
.bg-option-preview{
  width:70px;height:70px;border-radius:10px;
  border:1.5px solid rgba(0,0,0,.08);
  background-size:140px 140px!important;
  background-repeat:repeat!important;
}
/* معاينات حقيقية للخلفيات */
.bg-option-preview.has-bg-rose{
  background-color:#fff9fa;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Ccircle cx='25' cy='25' r='11' fill='%23ffe4e6' opacity='0.7'/%3E%3Ccircle cx='25' cy='25' r='6' fill='%23fecdd3' opacity='0.8'/%3E%3Ccircle cx='25' cy='25' r='3' fill='%23fb7185' opacity='0.6'/%3E%3Ccircle cx='25' cy='14' r='5' fill='%23ffe4e6' opacity='0.65'/%3E%3Ccircle cx='25' cy='36' r='5' fill='%23fecdd3' opacity='0.65'/%3E%3Ccircle cx='14' cy='25' r='5' fill='%23ffe4e6' opacity='0.65'/%3E%3Ccircle cx='36' cy='25' r='5' fill='%23fecdd3' opacity='0.65'/%3E%3Ccircle cx='100' cy='40' r='8' fill='%23fce7f3' opacity='0.65'/%3E%3Ccircle cx='100' cy='40' r='4' fill='%23fbcfe8' opacity='0.75'/%3E%3Ccircle cx='100' cy='32' r='4' fill='%23fce7f3' opacity='0.55'/%3E%3Ccircle cx='100' cy='48' r='4' fill='%23fbcfe8' opacity='0.55'/%3E%3Ccircle cx='65' cy='100' r='7' fill='%23ffe4e6' opacity='0.65'/%3E%3Ccircle cx='65' cy='100' r='4' fill='%23fecdd3' opacity='0.75'/%3E%3C/svg%3E");
}
.bg-option-preview.has-bg-jasmine{
  background-color:#fdfcfb;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='110'%3E%3Ccircle cx='30' cy='30' r='5' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1' opacity='0.9'/%3E%3Ccircle cx='30' cy='21' r='4' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='0.8' opacity='0.8'/%3E%3Ccircle cx='30' cy='39' r='4' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='0.8' opacity='0.8'/%3E%3Ccircle cx='21' cy='30' r='4' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='0.8' opacity='0.8'/%3E%3Ccircle cx='39' cy='30' r='4' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='0.8' opacity='0.8'/%3E%3Ccircle cx='30' cy='30' r='2.5' fill='%23fef08a' opacity='0.7'/%3E%3Ccircle cx='80' cy='60' r='5' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1' opacity='0.85'/%3E%3Ccircle cx='80' cy='51' r='3.5' fill='%23fffbeb' opacity='0.75'/%3E%3Ccircle cx='80' cy='69' r='3.5' fill='%23fffbeb' opacity='0.75'/%3E%3Ccircle cx='71' cy='60' r='3.5' fill='%23fffbeb' opacity='0.75'/%3E%3Ccircle cx='89' cy='60' r='3.5' fill='%23fffbeb' opacity='0.75'/%3E%3Ccircle cx='80' cy='60' r='2' fill='%23fde047' opacity='0.65'/%3E%3C/svg%3E");
}
.bg-option-preview.has-bg-lavender{
  background-color:#faf5ff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='120'%3E%3Ccircle cx='30' cy='15' r='3.5' fill='%23a78bfa' opacity='0.5'/%3E%3Ccircle cx='26' cy='22' r='3.5' fill='%23c4b5fd' opacity='0.55'/%3E%3Ccircle cx='34' cy='22' r='3.5' fill='%23a78bfa' opacity='0.5'/%3E%3Ccircle cx='22' cy='29' r='3.5' fill='%23ddd6fe' opacity='0.6'/%3E%3Ccircle cx='30' cy='29' r='3.5' fill='%23c4b5fd' opacity='0.55'/%3E%3Ccircle cx='38' cy='29' r='3.5' fill='%23a78bfa' opacity='0.5'/%3E%3Ccircle cx='26' cy='36' r='3.5' fill='%23ddd6fe' opacity='0.6'/%3E%3Ccircle cx='34' cy='36' r='3.5' fill='%23c4b5fd' opacity='0.55'/%3E%3Ccircle cx='30' cy='43' r='3.5' fill='%23ddd6fe' opacity='0.55'/%3E%3Cline x1='30' y1='46' x2='30' y2='60' stroke='%2386efac' stroke-width='1' opacity='0.4'/%3E%3Ccircle cx='80' cy='70' r='3' fill='%23c4b5fd' opacity='0.5'/%3E%3Ccircle cx='76' cy='76' r='3' fill='%23a78bfa' opacity='0.5'/%3E%3Ccircle cx='84' cy='76' r='3' fill='%23c4b5fd' opacity='0.5'/%3E%3Ccircle cx='72' cy='82' r='3' fill='%23ddd6fe' opacity='0.55'/%3E%3Ccircle cx='80' cy='82' r='3' fill='%23c4b5fd' opacity='0.55'/%3E%3Ccircle cx='88' cy='82' r='3' fill='%23a78bfa' opacity='0.5'/%3E%3Cline x1='80' y1='94' x2='80' y2='110' stroke='%2386efac' stroke-width='1' opacity='0.35'/%3E%3C/svg%3E");
}
.bg-option-preview.has-bg-garden{
  background-color:#f0fdf4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='125' height='125'%3E%3Ccircle cx='30' cy='85' r='6' fill='%23fef08a' opacity='0.6'/%3E%3Ccircle cx='24' cy='85' r='3.5' fill='%23fef9c3' opacity='0.65'/%3E%3Ccircle cx='36' cy='85' r='3.5' fill='%23fef9c3' opacity='0.65'/%3E%3Ccircle cx='30' cy='85' r='2.5' fill='%23f59e0b' opacity='0.55'/%3E%3Ccircle cx='90' cy='30' r='5.5' fill='%23fce7f3' opacity='0.65'/%3E%3Ccircle cx='84' cy='30' r='3.5' fill='%23fce7f3' opacity='0.6'/%3E%3Ccircle cx='96' cy='30' r='3.5' fill='%23fbcfe8' opacity='0.6'/%3E%3Ccircle cx='90' cy='30' r='2' fill='%23f9a8d4' opacity='0.55'/%3E%3Ccircle cx='65' cy='95' r='5' fill='%23fed7aa' opacity='0.6'/%3E%3Ccircle cx='65' cy='95' r='2' fill='%23f97316' opacity='0.5'/%3E%3Cellipse cx='15' cy='100' rx='3' ry='10' fill='%2386efac' opacity='0.3' transform='rotate(-15 15 100)'/%3E%3Cellipse cx='100' cy='100' rx='3.5' ry='9' fill='%234ade80' opacity='0.25' transform='rotate(-20 100 100)'/%3E%3C/svg%3E");
}

/* ─── Google Drive زر الرفع ──────────────────────────── */
.drive-upload-zone{
  border:2px dashed #4285f4;border-radius:12px;
  padding:18px;text-align:center;cursor:pointer;
  background:linear-gradient(135deg,#f0f7ff,#e8f0fe);
  transition:all .2s;margin-bottom:12px;
}
.drive-upload-zone:hover{background:linear-gradient(135deg,#e8f0fe,#dbeafe);border-color:#3b82f6;}
.drive-upload-zone .fa-google-drive{ font-size:28px;color:#4285f4;margin-bottom:6px;display:block;}
.drive-upload-zone p{font-size:13px;color:#374151;font-weight:600;margin:0;}
.drive-upload-zone small{font-size:11px;color:#6b7280;}
.drive-file-input{display:none;}
.drive-status{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600;
  margin-top:6px;
}
.drive-status.connected{background:#d1fae5;color:#065f46;}
.drive-status.disconnected{background:#fee2e2;color:#991b1b;}

/* ─── إصلاح رأس صفحة التقرير (بدون مسافة فارغة) ────── */
.report-page{
  margin-bottom:24px;
  border-radius:16px;
  box-shadow:0 4px 24px rgba(0,0,0,.08);
  background:#fff;
  overflow:hidden;
  /* ضمان بدء الصفحة بلا مسافة فارغة */
  padding-top:0!important;
}
.report-page .rpt-page-header,
.rpt-page-header{
  margin:0!important;padding-top:0!important;
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid));
  color:#fff;padding:18px 24px 14px;
}
.report-page .rpt-page-header h2{
  margin:0;font-size:16px;font-weight:800;
}
.rpt-sec-body{padding:18px 24px 20px;}

/* غلاف التقرير - بدون هامش علوي */
.report-cover{
  padding-top:0!important;
  margin-top:0!important;
}
.rpt-cover-inner{
  padding-top:0!important;
}
/* إزالة margin/padding من الأعلى لأول عنصر داخل report-page */
.report-page > *:first-child{
  margin-top:0!important;
  padding-top:0!important;
}

/* ─── الخلفيات الزهرية الجميلة (عند تطبيقها) ─────────── */

/* ورود وردية جميلة */
.report-page.has-bg-rose{
  background-color:#fff9fa;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3C!-- وردة كبيرة --%3E%3Ccircle cx='50' cy='50' r='22' fill='%23ffe4e6' opacity='0.55'/%3E%3Ccircle cx='50' cy='50' r='13' fill='%23fecdd3' opacity='0.65'/%3E%3Ccircle cx='50' cy='50' r='6' fill='%23fb7185' opacity='0.4'/%3E%3Ccircle cx='50' cy='28' r='10' fill='%23ffe4e6' opacity='0.5'/%3E%3Ccircle cx='50' cy='72' r='10' fill='%23fecdd3' opacity='0.5'/%3E%3Ccircle cx='28' cy='50' r='10' fill='%23ffe4e6' opacity='0.5'/%3E%3Ccircle cx='72' cy='50' r='10' fill='%23fecdd3' opacity='0.5'/%3E%3C!-- وردة متوسطة --%3E%3Ccircle cx='200' cy='80' r='16' fill='%23fce7f3' opacity='0.5'/%3E%3Ccircle cx='200' cy='80' r='9' fill='%23fbcfe8' opacity='0.6'/%3E%3Ccircle cx='200' cy='80' r='4' fill='%23f9a8d4' opacity='0.4'/%3E%3Ccircle cx='200' cy='64' r='7' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='200' cy='96' r='7' fill='%23fbcfe8' opacity='0.45'/%3E%3Ccircle cx='184' cy='80' r='7' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='216' cy='80' r='7' fill='%23fbcfe8' opacity='0.45'/%3E%3C!-- وردة صغيرة --%3E%3Ccircle cx='130' cy='200' r='14' fill='%23ffe4e6' opacity='0.5'/%3E%3Ccircle cx='130' cy='200' r='8' fill='%23fecdd3' opacity='0.6'/%3E%3Ccircle cx='130' cy='188' r='6' fill='%23ffe4e6' opacity='0.4'/%3E%3Ccircle cx='130' cy='212' r='6' fill='%23fecdd3' opacity='0.4'/%3E%3Ccircle cx='118' cy='200' r='6' fill='%23ffe4e6' opacity='0.4'/%3E%3Ccircle cx='142' cy='200' r='6' fill='%23fecdd3' opacity='0.4'/%3E%3C!-- ورقات خضراء --%3E%3Cellipse cx='80' cy='90' rx='6' ry='14' fill='%2386efac' opacity='0.25' transform='rotate(-25 80 90)'/%3E%3Cellipse cx='170' cy='160' rx='5' ry='12' fill='%2386efac' opacity='0.2' transform='rotate(20 170 160)'/%3E%3Cellipse cx='240' cy='200' rx='6' ry='14' fill='%234ade80' opacity='0.2' transform='rotate(-30 240 200)'/%3E%3C!-- نثر بتلات --%3E%3Ccircle cx='250' cy='30' r='6' fill='%23fecdd3' opacity='0.4'/%3E%3Ccircle cx='20' cy='200' r='5' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='260' cy='240' r='8' fill='%23ffe4e6' opacity='0.4'/%3E%3C/svg%3E");
  background-size:280px 280px;
  background-repeat:repeat;
}

/* ياسمين أبيض */
.report-page.has-bg-jasmine{
  background-color:#fdfcfb;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3C!-- زهرة ياسمين كبيرة --%3E%3Ccircle cx='60' cy='60' r='10' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1.5' opacity='0.8'/%3E%3Ccircle cx='60' cy='42' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='60' cy='78' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='42' cy='60' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='78' cy='60' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='48' cy='48' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.6'/%3E%3Ccircle cx='72' cy='72' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.6'/%3E%3Ccircle cx='60' cy='60' r='5' fill='%23fef08a' opacity='0.6'/%3E%3C!-- زهرة ياسمين ثانية --%3E%3Ccircle cx='160' cy='120' r='9' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1.5' opacity='0.75'/%3E%3Ccircle cx='160' cy='104' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='160' cy='136' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='144' cy='120' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='176' cy='120' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='160' cy='120' r='4' fill='%23fde047' opacity='0.55'/%3E%3C!-- أغصان --%3E%3Cpath d='M60 80 Q90 110 130 110 Q150 110 160 104' stroke='%2386efac' stroke-width='1.5' fill='none' opacity='0.3'/%3E%3Ccircle cx='100' cy='180' r='8' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='100' cy='166' r='6' fill='%23fffbeb' opacity='0.6'/%3E%3Ccircle cx='100' cy='194' r='6' fill='%23fffbeb' opacity='0.6'/%3E%3Ccircle cx='86' cy='180' r='6' fill='%23fffbeb' opacity='0.6'/%3E%3Ccircle cx='114' cy='180' r='6' fill='%23fffbeb' opacity='0.6'/%3E%3Ccircle cx='100' cy='180' r='3.5' fill='%23fef08a' opacity='0.5'/%3E%3C/svg%3E");
  background-size:220px 220px;
  background-repeat:repeat;
}

/* خزامى بنفسجية */
.report-page.has-bg-lavender{
  background-color:#faf5ff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='240'%3E%3C!-- عنقود خزامى 1 --%3E%3Ccircle cx='60' cy='30' r='7' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='52' cy='44' r='7' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='68' cy='44' r='7' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='44' cy='58' r='7' fill='%23ddd6fe' opacity='0.45'/%3E%3Ccircle cx='60' cy='58' r='7' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='76' cy='58' r='7' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='52' cy='72' r='7' fill='%23ddd6fe' opacity='0.45'/%3E%3Ccircle cx='68' cy='72' r='7' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='60' cy='86' r='7' fill='%23ddd6fe' opacity='0.4'/%3E%3Cline x1='60' y1='93' x2='60' y2='120' stroke='%2386efac' stroke-width='2' opacity='0.35'/%3E%3Cellipse cx='48' cy='108' rx='8' ry='14' fill='%2386efac' opacity='0.2' transform='rotate(-20 48 108)'/%3E%3Cellipse cx='72' cy='108' rx='8' ry='14' fill='%234ade80' opacity='0.2' transform='rotate(20 72 108)'/%3E%3C!-- عنقود خزامى 2 --%3E%3Ccircle cx='160' cy='140' r='6' fill='%23c4b5fd' opacity='0.35'/%3E%3Ccircle cx='153' cy='152' r='6' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='167' cy='152' r='6' fill='%23c4b5fd' opacity='0.35'/%3E%3Ccircle cx='146' cy='164' r='6' fill='%23ddd6fe' opacity='0.4'/%3E%3Ccircle cx='160' cy='164' r='6' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='174' cy='164' r='6' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='153' cy='176' r='6' fill='%23ddd6fe' opacity='0.4'/%3E%3Ccircle cx='167' cy='176' r='6' fill='%23c4b5fd' opacity='0.35'/%3E%3Ccircle cx='160' cy='188' r='6' fill='%23ddd6fe' opacity='0.38'/%3E%3Cline x1='160' y1='195' x2='160' y2='220' stroke='%2386efac' stroke-width='2' opacity='0.3'/%3E%3C!-- نقاط خزامى صغيرة منثورة --%3E%3Ccircle cx='20' cy='180' r='5' fill='%23c4b5fd' opacity='0.3'/%3E%3Ccircle cx='190' cy='40' r='4' fill='%23a78bfa' opacity='0.3'/%3E%3Ccircle cx='120' cy='100' r='5' fill='%23ddd6fe' opacity='0.35'/%3E%3C/svg%3E");
  background-size:200px 240px;
  background-repeat:repeat;
}

/* حديقة خضراء بزهور */
.report-page.has-bg-garden{
  background-color:#f0fdf4;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3C!-- عشبة 1 --%3E%3Cellipse cx='30' cy='200' rx='6' ry='20' fill='%2386efac' opacity='0.25' transform='rotate(-15 30 200)'/%3E%3Cellipse cx='45' cy='195' rx='5' ry='18' fill='%234ade80' opacity='0.2' transform='rotate(10 45 195)'/%3E%3C!-- زهرة صفراء --%3E%3Ccircle cx='60' cy='170' r='12' fill='%23fef08a' opacity='0.45'/%3E%3Ccircle cx='60' cy='158' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='60' cy='182' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='48' cy='170' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='72' cy='170' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='60' cy='170' r='5' fill='%23f59e0b' opacity='0.45'/%3E%3C!-- زهرة وردية --%3E%3Ccircle cx='180' cy='60' r='11' fill='%23fce7f3' opacity='0.5'/%3E%3Ccircle cx='180' cy='49' r='7' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='180' cy='71' r='7' fill='%23fbcfe8' opacity='0.45'/%3E%3Ccircle cx='169' cy='60' r='7' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='191' cy='60' r='7' fill='%23fbcfe8' opacity='0.45'/%3E%3Ccircle cx='180' cy='60' r='4' fill='%23f9a8d4' opacity='0.4'/%3E%3C!-- زهرة برتقالية --%3E%3Ccircle cx='130' cy='190' r='10' fill='%23fed7aa' opacity='0.45'/%3E%3Ccircle cx='130' cy='180' r='7' fill='%23fde68a' opacity='0.45'/%3E%3Ccircle cx='130' cy='200' r='7' fill='%23fed7aa' opacity='0.4'/%3E%3Ccircle cx='120' cy='190' r='7' fill='%23fde68a' opacity='0.4'/%3E%3Ccircle cx='140' cy='190' r='7' fill='%23fed7aa' opacity='0.4'/%3E%3Ccircle cx='130' cy='190' r='4' fill='%23f97316' opacity='0.35'/%3E%3C!-- أغصان وأوراق --%3E%3Cpath d='M60 180 Q90 160 130 180' stroke='%2386efac' stroke-width='1.5' fill='none' opacity='0.3'/%3E%3Cellipse cx='200' cy='200' rx='7' ry='18' fill='%234ade80' opacity='0.2' transform='rotate(-20 200 200)'/%3E%3Cellipse cx='100' cy='100' rx='5' ry='13' fill='%2386efac' opacity='0.18' transform='rotate(15 100 100)'/%3E%3C!-- فراشة صغيرة --%3E%3Cellipse cx='210' cy='140' rx='10' ry='6' fill='%23a78bfa' opacity='0.2' transform='rotate(30 210 140)'/%3E%3Cellipse cx='224' cy='140' rx='10' ry='6' fill='%23c4b5fd' opacity='0.2' transform='rotate(-30 224 140)'/%3E%3C/svg%3E");
  background-size:250px 250px;
  background-repeat:repeat;
}


/* ════════════════════════════════════════════════════════
   تبويبات رفع الشواهد (محلي / Drive / معرض)
   ════════════════════════════════════════════════════════ */
.ev-upload-tabs{
  display:flex;gap:6px;margin-bottom:10px;
  border-bottom:2px solid var(--border-l);padding-bottom:6px;
}
.ev-upload-tab{
  flex:1;padding:8px 6px;font-size:12px;font-weight:700;
  border:none;border-radius:8px 8px 0 0;cursor:pointer;
  background:var(--bg-pale);color:var(--txt-l);
  font-family:'Tajawal',sans-serif;transition:all .18s;
  display:flex;align-items:center;justify-content:center;gap:5px;
}
.ev-upload-tab:hover{background:var(--primary-pale);color:var(--primary);}
.ev-upload-tab.active{
  background:var(--primary);color:#fff;
  box-shadow:0 2px 8px rgba(26,79,138,.25);
}
.upl-panel{ display:block; }
.upl-zone-inner{
  display:flex;flex-direction:column;align-items:center;
  padding:18px 12px;border:2px dashed #4285f4;border-radius:10px;
  cursor:pointer;background:linear-gradient(135deg,#f0f7ff,#e8f0fe);
  transition:all .2s;text-align:center;gap:4px;
}
.upl-zone-inner:hover{background:linear-gradient(135deg,#e8f0fe,#dbeafe);}
.upl-zone-inner p{font-size:13px;font-weight:600;color:#374151;margin:0;}
.upl-zone-inner small{font-size:11px;color:#6b7280;}

/* ── تصميم فهرس المحتويات ── */
.rpt-toc-header{
  display:flex;align-items:center;gap:12px;
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid));
  color:#fff;padding:18px 24px 14px;
  margin:0;border-radius:0;
}
.rpt-toc-header h2{margin:0;font-size:16px;font-weight:800;}
.rpt-toc-content{padding:18px 24px;}
.rpt-toc-header i{font-size:20px;}

/* ============================================================
   PRINT - المقطع الموحّد النهائي للطباعة
   (يُلغي جميع المقاطع السابقة)
   ============================================================ */
@media print{
  /* ══ 1. ألوان صريحة ══ */
  *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important;}

  /* ══ 2. حجم الصفحة A4 وهوامشها ══ */
  @page{size:A4 portrait;margin:10mm 8mm 10mm 8mm;}
  @page:first{size:A4 portrait;margin:0;}

  /* ══ 3. إعادة ضبط html وbody - صفر مسافات ══ */
  html,body{
    margin:0!important;padding:0!important;
    background:#fff!important;
    font-size:10.5pt;
    font-family:'Tajawal',Arial,sans-serif;
  }

  /* ══ 4. إخفاء كل عناصر التحكم ══ */
  .sidebar,.sidebar-mob-toggle,.sidebar-desk-toggle,
  .tab-topbar,.tab-topbar-actions,.btn-back,
  .ev-actions,.eval-save-bar,.criteria-manager-bar,
  .text-section-toolbar,.tsc-footer,.tsc-header .btn-xs,
  .ts-empty-hint,.report-controls,.print-bg-btn,
  .admin-sidenav,.admin-topbar,
  .modal,.toast,.demo-hint,
  .tab-topbar-actions .btn,
  .ev-upload-tabs,.upl-panel,
  #drive-upload-zone,#drive-connect-status,#drive-picker-status,
  .eval-btn,td:last-child,
  button:not(.print-show),
  .rpt-print-fab,.report-summary-bar,
  .rpt-sticky-bar,/* إخفاء الشريط الثابت عند الطباعة */
  [onclick*="openEvidenceModal"],[onclick*="openAddCriterion"],
  [onclick*="hideDefaultCriterion"],[onclick*="confirmDelete"],
  [onclick*="saveTextSection"],[onclick*="deleteTextSection"],
  .tsc-footer,.ts-empty-hint,.manage-criterion-row{display:none!important;}

  /* ══ 5. عرض قسم التقرير فقط ══ */
  .main-content{margin:0!important;padding:0!important;width:100%!important;}
  .content-section:not(#reports){display:none!important;}
  #reports{
    display:block!important;
    padding:0!important;margin:0!important;
    width:100%!important;
  }
  .report-container{
    background:none!important;padding:0!important;
    border:none!important;margin:0!important;
    box-shadow:none!important;
  }
  #final-report{margin:0!important;padding:0!important;}
  .rpt-with-sticky{padding-top:0!important;}

  /* ══ 6. صفحات التقرير - ضبط A4 كاملة ══ */
  .report-page{
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    border:none!important;
    /* min-height يضمن تغطية كامل صفحة A4 = 297mm - هوامش @page (10+10=20mm) */
    min-height:277mm!important;
    display:block!important;
    overflow:hidden!important;
    position:relative!important;
    page-break-inside:auto;
    box-sizing:border-box!important;
  }

  /* ══ 7. كسر صفحة - يضمن بداية الصفحة بدون مسافة علوية ══ */
  .page-break-before{
    page-break-before:always!important;
    break-before:page!important;
    margin:0!important;
    padding:0!important;
    display:block!important;
  }

  /* ══ 8. الغلاف: يملأ صفحة A4 كاملة (مارجن:0) ══ */
  .report-page.report-cover{
    page-break-before:auto!important;
    break-before:auto!important;
    /* الغلاف بلا هوامش @page (مع @page:first{margin:0}) */
    height:297mm!important;
    min-height:297mm!important;
    max-height:297mm!important;
    padding:0!important;
    margin:0!important;
    overflow:hidden!important;
    page-break-after:always!important;
    break-after:page!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(160deg,#f8f0ff 0%,#ede9fe 35%,#dbeafe 70%,#e0f2fe 100%)!important;
    color:#1e1b4b!important;
    position:relative!important;
    box-sizing:border-box!important;
  }
  .report-page.report-cover::before{
    content:''!important;
    position:absolute!important;inset:12mm!important;
    border:2px solid rgba(124,58,237,.3)!important;
    pointer-events:none!important;
  }
  .report-page.report-cover::after{
    content:''!important;
    position:absolute!important;inset:16mm!important;
    border:0.5px solid rgba(124,58,237,.15)!important;
    pointer-events:none!important;
  }
  .rpt-cover-inner{
    padding:30pt 32pt!important;
  }
  .rpt-cover-ministry-badge{
    background:linear-gradient(135deg,#7c3aed,#3b82f6)!important;
    color:#fff!important;
    -webkit-print-color-adjust:exact!important;
  }
  .rpt-cover-inner h1{color:#1e1b4b!important;}
  .rpt-cover-inner h2{color:#4338ca!important;}
  .rpt-info-box{
    background:rgba(255,255,255,.9)!important;
    border:1.5px solid rgba(124,58,237,.25)!important;
    -webkit-print-color-adjust:exact!important;
  }
  .rpt-info-row span{color:#6d28d9!important;}
  .rpt-info-row strong{color:#1e1b4b!important;}
  /* إخفاء الكائنات الزخرفية الكبيرة في الطباعة للسرعة */
  .rpt-orb1,.rpt-orb2{display:none!important;}

  /* ══ 8ب. الصور المخصصة في الطباعة — تملأ كامل الصفحة ══ */
  /* خلفية الغلاف المخصصة */
  .report-page.report-cover .rpt-cover-custom-bg{
    position:absolute!important;
    top:0!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:100%!important;
    z-index:0!important;
    background-size:cover!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  .report-page.report-cover.has-custom-cover-img{
    background:none!important;
  }
  /* خلفية الأوراق الداخلية المخصصة — تملأ كامل A4 */
  .report-page.has-custom-page-img .rpt-page-custom-bg{
    position:absolute!important;
    top:0!important;left:0!important;right:0!important;bottom:0!important;
    width:100%!important;height:100%!important;
    z-index:0!important;
    pointer-events:none!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  /* ضمان رفع z-index لمحتوى الأوراق فوق الخلفية */
  .report-page.has-custom-page-img > *:not(.rpt-page-custom-bg){
    position:relative!important;
    z-index:1!important;
  }
  .report-page.report-cover.has-custom-cover-img .rpt-cover-inner{
    position:relative!important;
    z-index:2!important;
  }

  /* ══ 9. رأس كل صفحة: يلتصق بأعلى الصفحة مباشرة بدون أي مسافة ══ */
  .rpt-page-header{
    margin:0!important;
    padding:10pt 16pt 8pt!important;
    border-radius:0!important;
    background:linear-gradient(135deg,var(--primary-d),var(--primary-mid))!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    gap:10pt!important;
    /* يضمن عدم وجود مسافة فوق الرأس */
    position:relative!important;
    top:0!important;
  }
  .rpt-toc-header{
    margin:0 0 12pt!important;
    padding:10pt 16pt 8pt!important;
    border-radius:0!important;
    background:linear-gradient(135deg,var(--primary-d),var(--primary-mid))!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    gap:10pt!important;
    border-bottom:none!important;
  }
  .rpt-toc-header i,.rpt-toc-header h2{
    color:#fff!important;
  }

  /* إزالة أي padding أعلى الحاوي الأب للصفحة */
  .rpt-tab-page,.rpt-toc-page,.rpt-bio-page{
    padding:0!important;
    margin:0!important;
  }
  /* الفهرس: بدء المحتوى بعد الرأس مباشرة */
  .rpt-toc-page .rpt-toc-content{
    padding:10pt 16pt 12pt!important;
    margin:0!important;
  }

  /* ══ 10. جسم الصفحة ══ */
  .rpt-sec-body{
    margin:0!important;
    padding:10pt 16pt 12pt!important;
  }

  /* ══ 11. الغلاف الداخلي ══ */
  .rpt-cover-inner{
    padding-top:24pt!important;
  }

  /* ══ 12. الشاشة vs الطباعة ══ */
  .screen-only{display:none!important;}
  .print-only{display:flex!important;flex-direction:column;align-items:center;}

  /* ══ 13. إخفاء الشواهد الفردية كاملاً (نظام قديم) ══ */
  .rpt-evid{display:none!important;}
  .rpt-ev-qr{display:none!important;}
  .rpt-crit-ev-list{display:none!important;}
  .rpt-crit-ev-count{display:none!important;}
  .rpt-ev-media,.rpt-ev-link-preview{display:none!important;}
  /* v2: إخفاء الشواهد العامة على الطباعة أيضاً (تُعوَّض بالباركودات) */
  .rpt-v2-evid{display:none!important;}
  /* v2: إظهار قسم الباركودات */
  .rpt-v2-qr-section{display:block!important;}
  .rpt-v2-qr-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:14px!important;}
  .rpt-v2-qr-card{display:flex!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;}

  /* ══ 14. جداول التقييم ══ */
  .rpt-eval-table{page-break-inside:auto;}
  .rpt-eval-table tr{page-break-inside:avoid;page-break-after:auto;}

  /* ══ 15. أقسام النص المخصصة ══ */
  .rpt-text-section-block{
    page-break-inside:avoid;
    margin-bottom:10pt!important;
    padding:8pt 10pt!important;
    border-right:3pt solid var(--primary)!important;
    background:var(--bg-pale)!important;
  }
  .rpt-text-sections{margin:6pt 0 10pt!important;}
  .rpt-ts-title{
    font-size:11pt!important;
    font-weight:700!important;
    color:var(--primary-d)!important;
    margin:0 0 4pt!important;
  }
  .rpt-ts-details{
    font-size:9.5pt!important;
    line-height:1.5!important;
    margin:0 0 4pt!important;
  }
  .rpt-ts-note{
    font-size:8.5pt!important;
    color:#6b7280!important;
    background:#f9fafb!important;
    padding:3pt 6pt!important;
    border-radius:4pt!important;
    display:inline-block!important;
  }

  /* ══ 16. أحجام نصوص الشواهد ══ */
  .rpt-ev-title{font-size:11pt!important;font-weight:700!important;}
  .rpt-ev-desc{font-size:9pt!important;}
  .rpt-ev-type{font-size:8.5pt!important;}
  .rpt-ev-date{font-size:8pt!important;color:#6b7280!important;}

  /* ══ 17. خلفيات الورود — مع صور SVG ══ */
  .report-page.has-bg-rose{
    background-color:#fff9fa!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Ccircle cx='50' cy='50' r='22' fill='%23ffe4e6' opacity='0.5'/%3E%3Ccircle cx='50' cy='50' r='13' fill='%23fecdd3' opacity='0.6'/%3E%3Ccircle cx='50' cy='50' r='6' fill='%23fb7185' opacity='0.35'/%3E%3Ccircle cx='50' cy='28' r='10' fill='%23ffe4e6' opacity='0.45'/%3E%3Ccircle cx='50' cy='72' r='10' fill='%23fecdd3' opacity='0.45'/%3E%3Ccircle cx='28' cy='50' r='10' fill='%23ffe4e6' opacity='0.45'/%3E%3Ccircle cx='72' cy='50' r='10' fill='%23fecdd3' opacity='0.45'/%3E%3Ccircle cx='200' cy='80' r='16' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='200' cy='80' r='9' fill='%23fbcfe8' opacity='0.55'/%3E%3Ccircle cx='200' cy='64' r='7' fill='%23fce7f3' opacity='0.4'/%3E%3Ccircle cx='200' cy='96' r='7' fill='%23fbcfe8' opacity='0.4'/%3E%3Ccircle cx='184' cy='80' r='7' fill='%23fce7f3' opacity='0.4'/%3E%3Ccircle cx='216' cy='80' r='7' fill='%23fbcfe8' opacity='0.4'/%3E%3Ccircle cx='130' cy='200' r='14' fill='%23ffe4e6' opacity='0.45'/%3E%3Ccircle cx='130' cy='200' r='8' fill='%23fecdd3' opacity='0.55'/%3E%3Ccircle cx='130' cy='188' r='6' fill='%23ffe4e6' opacity='0.35'/%3E%3Ccircle cx='130' cy='212' r='6' fill='%23fecdd3' opacity='0.35'/%3E%3Ccircle cx='118' cy='200' r='6' fill='%23ffe4e6' opacity='0.35'/%3E%3Ccircle cx='142' cy='200' r='6' fill='%23fecdd3' opacity='0.35'/%3E%3Cellipse cx='80' cy='90' rx='6' ry='14' fill='%2386efac' opacity='0.2' transform='rotate(-25 80 90)'/%3E%3Ccircle cx='250' cy='30' r='5' fill='%23fecdd3' opacity='0.35'/%3E%3Ccircle cx='20' cy='220' r='4' fill='%23fb7185' opacity='0.25'/%3E%3C/svg%3E")!important;
    background-size:280px 280px!important;
    background-repeat:repeat!important;
    -webkit-print-color-adjust:exact!important;
  }
  .report-page.has-bg-jasmine{
    background-color:#fdfcfb!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Ccircle cx='60' cy='60' r='10' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1.5' opacity='0.8'/%3E%3Ccircle cx='60' cy='42' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='60' cy='78' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='42' cy='60' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='78' cy='60' r='8' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.7'/%3E%3Ccircle cx='60' cy='60' r='5' fill='%23fef08a' opacity='0.6'/%3E%3Ccircle cx='160' cy='120' r='9' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1.5' opacity='0.75'/%3E%3Ccircle cx='160' cy='104' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='160' cy='136' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='144' cy='120' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='176' cy='120' r='7' fill='%23fffbeb' stroke='%23fef3c7' stroke-width='1' opacity='0.65'/%3E%3Ccircle cx='160' cy='120' r='4' fill='%23fde047' opacity='0.55'/%3E%3Cpath d='M60 80 Q90 110 130 110 Q150 110 160 104' stroke='%2386efac' stroke-width='1.5' fill='none' opacity='0.3'/%3E%3Ccircle cx='100' cy='180' r='8' fill='%23fffbeb' stroke='%23fde68a' stroke-width='1' opacity='0.7'/%3E%3C/svg%3E")!important;
    background-size:220px 220px!important;
    background-repeat:repeat!important;
    -webkit-print-color-adjust:exact!important;
  }
  .report-page.has-bg-lavender{
    background-color:#faf5ff!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='240'%3E%3Ccircle cx='60' cy='30' r='7' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='52' cy='44' r='7' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='68' cy='44' r='7' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='44' cy='58' r='7' fill='%23ddd6fe' opacity='0.45'/%3E%3Ccircle cx='60' cy='58' r='7' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='76' cy='58' r='7' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='52' cy='72' r='7' fill='%23ddd6fe' opacity='0.45'/%3E%3Ccircle cx='68' cy='72' r='7' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='60' cy='86' r='7' fill='%23ddd6fe' opacity='0.4'/%3E%3Cline x1='60' y1='93' x2='60' y2='120' stroke='%2386efac' stroke-width='2' opacity='0.35'/%3E%3Ccircle cx='160' cy='140' r='6' fill='%23c4b5fd' opacity='0.35'/%3E%3Ccircle cx='153' cy='152' r='6' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='167' cy='152' r='6' fill='%23c4b5fd' opacity='0.35'/%3E%3Ccircle cx='146' cy='164' r='6' fill='%23ddd6fe' opacity='0.4'/%3E%3Ccircle cx='160' cy='164' r='6' fill='%23c4b5fd' opacity='0.4'/%3E%3Ccircle cx='174' cy='164' r='6' fill='%23a78bfa' opacity='0.35'/%3E%3Ccircle cx='153' cy='176' r='6' fill='%23ddd6fe' opacity='0.4'/%3E%3Ccircle cx='167' cy='176' r='6' fill='%23c4b5fd' opacity='0.35'/%3E%3Cline x1='160' y1='188' x2='160' y2='215' stroke='%2386efac' stroke-width='2' opacity='0.3'/%3E%3C/svg%3E")!important;
    background-size:200px 240px!important;
    background-repeat:repeat!important;
    -webkit-print-color-adjust:exact!important;
  }
  .report-page.has-bg-garden{
    background-color:#f0fdf4!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Ccircle cx='60' cy='170' r='12' fill='%23fef08a' opacity='0.45'/%3E%3Ccircle cx='60' cy='158' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='60' cy='182' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='48' cy='170' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='72' cy='170' r='7' fill='%23fef9c3' opacity='0.5'/%3E%3Ccircle cx='60' cy='170' r='5' fill='%23f59e0b' opacity='0.4'/%3E%3Ccircle cx='180' cy='60' r='11' fill='%23fce7f3' opacity='0.5'/%3E%3Ccircle cx='180' cy='49' r='7' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='180' cy='71' r='7' fill='%23fbcfe8' opacity='0.45'/%3E%3Ccircle cx='169' cy='60' r='7' fill='%23fce7f3' opacity='0.45'/%3E%3Ccircle cx='191' cy='60' r='7' fill='%23fbcfe8' opacity='0.45'/%3E%3Ccircle cx='180' cy='60' r='4' fill='%23f9a8d4' opacity='0.4'/%3E%3Ccircle cx='130' cy='190' r='10' fill='%23fed7aa' opacity='0.45'/%3E%3Ccircle cx='120' cy='190' r='7' fill='%23fde68a' opacity='0.4'/%3E%3Ccircle cx='140' cy='190' r='7' fill='%23fed7aa' opacity='0.4'/%3E%3Ccircle cx='130' cy='190' r='4' fill='%23f97316' opacity='0.35'/%3E%3Cellipse cx='30' cy='200' rx='6' ry='20' fill='%2386efac' opacity='0.25' transform='rotate(-15 30 200)'/%3E%3Cellipse cx='200' cy='200' rx='7' ry='18' fill='%234ade80' opacity='0.2' transform='rotate(-20 200 200)'/%3E%3C/svg%3E")!important;
    background-size:250px 250px!important;
    background-repeat:repeat!important;
    -webkit-print-color-adjust:exact!important;
  }

  /* ══ 18. تذييل الصفحة ══ */
  .rpt-footer{
    /* position:fixed يتسبب في ظهور التذييل على كل الصفحات مع تداخل */
    /* نستخدم running element بديلاً أو نخفيه ونجعله داخل آخر صفحة */
    display:block!important;
    position:relative!important;
    width:100%!important;
    text-align:center!important;
    font-size:8pt!important;
    color:#6b7280!important;
    page-break-inside:avoid!important;
    border-top:0.5pt solid #e5e7eb!important;
    padding:4pt 0 2pt!important;
    margin-top:8pt!important;
  }

  /* ══ 19. شبكة الشواهد في التقرير ══ */
  .rpt-evid-grid{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8pt!important;
  }
  .rpt-ev-item{
    page-break-inside:avoid!important;
    border:0.5pt solid #e5e7eb!important;
    border-radius:4pt!important;
    padding:6pt!important;
    background:#fff!important;
  }

  /* ══ 20. منع تغيير الألوان في الجداول ══ */
  .ev-done{color:#065f46!important;font-weight:700!important;}
  .ev-notdone{color:#991b1b!important;}
  .rpt-eval-score{font-size:12pt!important;font-weight:800!important;color:var(--primary)!important;}
  .rpt-eval-progress{margin:4pt 0!important;}
  .rpt-eval-bar{height:8pt!important;border-radius:4pt!important;}

  /* ══ 21. الصفحة البيوغرافية ══ */
  .rpt-bio-page .rpt-page-header{
    margin:0!important;
    padding:10pt 16pt 8pt!important;
  }
  .rpt-bio-page .rpt-bio-content{
    padding:12pt 16pt!important;
  }

  /* ══ 22. إخفاء بطاقة الملخص الشاشي ══ */
  .rpt-overall-card{display:none!important;}

  /* ══ 23. قسم باركودات المعايير (طباعة) ══ */
  .rpt-criteria-qr-section{
    display:block!important;
    margin-top:14pt!important;
    padding:10pt 12pt 8pt!important;
    background:linear-gradient(135deg,#f0f6ff,#e8f0fe)!important;
    border:1.5pt solid #c5d8f7!important;
    border-radius:8pt!important;
    page-break-inside:avoid!important;
  }
  .rpt-cqr-header{
    display:flex!important;
    align-items:center!important;
    gap:6pt!important;
    font-size:10pt!important;
    font-weight:700!important;
    color:#1a4f8a!important;
    margin-bottom:8pt!important;
    padding-bottom:6pt!important;
    border-bottom:1pt solid #c5d8f7!important;
  }
  .rpt-cqr-cards{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:8pt!important;
    justify-content:flex-start!important;
  }
  .rpt-cqr-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:4pt!important;
    background:#fff!important;
    border:1.5pt solid #a8c4f0!important;
    border-radius:6pt!important;
    padding:6pt 4pt 4pt!important;
    min-width:90pt!important;
    max-width:98pt!important;
    page-break-inside:avoid!important;
  }
  .rpt-cqr-num{
    font-size:8pt!important;font-weight:800!important;
    color:#4285f4!important;background:#e8f0fe!important;
    border-radius:50%!important;
    width:14pt!important;height:14pt!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .rpt-cqr-name{
    font-size:7pt!important;color:#1a4f8a!important;
    font-weight:600!important;text-align:center!important;
    line-height:1.3!important;
  }
  .rpt-cqr-ev{
    font-size:7pt!important;color:#065f46!important;
    background:#d1fae5!important;border-radius:6pt!important;
    padding:1pt 4pt!important;font-weight:700!important;
  }

  /* ══ 24. باركود التبويب الكامل (طباعة) ══ */
  .rpt-tab-qr-section{
    display:flex!important;
    align-items:center!important;
    gap:10pt!important;
    margin-top:10pt!important;
    padding:8pt 12pt!important;
    background:linear-gradient(135deg,#fff8e7,#fef3c7)!important;
    border:1.5pt solid #fbbf24!important;
    border-radius:8pt!important;
    page-break-inside:avoid!important;
  }
  .rpt-tab-qr-label{
    font-size:10pt!important;font-weight:700!important;color:#92400e!important;
  }
  .rpt-tab-qr-name{
    font-size:8.5pt!important;color:#78350f!important;opacity:.85!important;
  }

  /* ══ 25. إخفاء أزرار PDF/تحديث والعناصر الشاشية ══ */
  .fab-pdf,.fab-refresh{display:none!important;}
  .rpt-crit-ev-count{display:none!important;}
  .rpt-print-fab{display:none!important;}

  /* ══ 26. عمود الجدول - حجم مناسب للـ A4 ══ */
  .rpt-eval-table th,.rpt-eval-table td{
    padding:5pt 6pt!important;
    font-size:9.5pt!important;
    line-height:1.4!important;
  }
  .rpt-eval-table th{
    background:linear-gradient(135deg,var(--primary-d),var(--primary-mid))!important;
    color:#fff!important;
    font-weight:700!important;
  }
  .rpt-eval-header{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    margin-bottom:6pt!important;
  }
  .rpt-eval-header h4{
    font-size:12pt!important;font-weight:800!important;
    color:var(--primary-d)!important;margin:0!important;
  }

  /* ══ 27. تحسينات تصميم التقرير للطباعة ══ */

  /* رأس الصفحة: تدرّج أنيق مع أيقونة */
  .rpt-page-header{
    background:linear-gradient(135deg,#0d3b6e 0%,#1a4f8a 55%,#2563a8 100%)!important;
    padding:11pt 16pt 9pt!important;
    border-radius:0!important;
    display:flex!important;
    align-items:center!important;
    gap:10pt!important;
  }
  .rpt-page-header i{
    font-size:18pt!important;
    opacity:.9!important;
    color:#fff!important;
  }
  .rpt-page-header h2{
    font-size:14pt!important;
    font-weight:800!important;
    color:#fff!important;
    margin:0!important;
    flex:1!important;
    letter-spacing:.3pt!important;
  }
  .rpt-weight{
    background:rgba(255,255,255,.2)!important;
    color:#fff!important;
    border-radius:20pt!important;
    padding:3pt 10pt!important;
    font-size:10pt!important;
    font-weight:700!important;
    border:1pt solid rgba(255,255,255,.35)!important;
  }
  .rpt-page-num{
    font-size:8.5pt!important;
    opacity:.75!important;
    color:#fff!important;
  }

  /* جدول التقييم: تحسين شامل */
  .rpt-eval{
    margin:0!important;
  }
  .rpt-eval-header{
    background:linear-gradient(135deg,#f0f6ff,#e8f0fe)!important;
    border:1pt solid #c5d8f7!important;
    border-radius:8pt 8pt 0 0!important;
    padding:8pt 12pt!important;
    margin-bottom:0!important;
  }
  .rpt-eval-summary{
    display:flex!important;
    align-items:center!important;
    gap:8pt!important;
  }
  .rpt-eval-score{
    font-size:13pt!important;
    font-weight:900!important;
    color:var(--primary-d)!important;
  }
  .rpt-eval-pct{
    background:var(--primary-d)!important;
    color:#fff!important;
    border-radius:12pt!important;
    padding:2pt 9pt!important;
    font-size:10pt!important;
    font-weight:800!important;
  }
  .rpt-eval-progress{
    height:7pt!important;
    background:#e5e7eb!important;
    border-radius:0!important;
    overflow:hidden!important;
    margin:0!important;
  }
  .rpt-eval-bar{
    height:100%!important;
    border-radius:0!important;
    transition:none!important;
  }
  /* الجدول نفسه */
  .rpt-eval-table{
    border-collapse:collapse!important;
    width:100%!important;
    border:1pt solid #c5d8f7!important;
    border-top:none!important;
  }
  .rpt-eval-table thead tr{
    background:linear-gradient(135deg,var(--primary-d),var(--primary-mid))!important;
  }
  .rpt-eval-table th{
    padding:6pt 8pt!important;
    font-size:9pt!important;
    font-weight:700!important;
    color:#fff!important;
    text-align:right!important;
    border:none!important;
  }
  .rpt-eval-table td{
    padding:5pt 8pt!important;
    font-size:9pt!important;
    vertical-align:top!important;
    border-bottom:0.5pt solid #e5e7eb!important;
    border-right:none!important;
    border-left:none!important;
  }
  .rpt-eval-table tr:last-child td{border-bottom:none!important;}
  .rpt-eval-table tbody tr:nth-child(even) td{
    background:#f8faff!important;
  }
  .rpt-col-num{
    width:20pt!important;
    text-align:center!important;
    font-weight:700!important;
    color:var(--primary-d)!important;
  }
  .rpt-col-status{
    width:38pt!important;
    text-align:center!important;
    font-weight:700!important;
  }
  .rpt-col-witness{
    width:72pt!important;
    font-size:8.5pt!important;
    color:#4b5563!important;
  }
  .ev-done{
    color:#065f46!important;
    font-weight:800!important;
    background:#d1fae5!important;
    border-radius:4pt!important;
    padding:1pt 4pt!important;
  }
  .ev-notdone{
    color:#991b1b!important;
    font-weight:700!important;
    background:#fee2e2!important;
    border-radius:4pt!important;
    padding:1pt 4pt!important;
  }

  /* قسم باركودات المعايير: تصميم محسّن */
  .rpt-criteria-qr-section{
    margin-top:12pt!important;
    padding:10pt 12pt 8pt!important;
    background:linear-gradient(135deg,#f0f7ff 0%,#e8f0fe 100%)!important;
    border:1.5pt solid #a8c4f0!important;
    border-radius:8pt!important;
    page-break-inside:avoid!important;
    box-shadow:0 1pt 4pt rgba(66,133,244,.1)!important;
  }
  .rpt-cqr-header{
    font-size:9.5pt!important;
    font-weight:800!important;
    color:#0d3b6e!important;
    padding-bottom:7pt!important;
    margin-bottom:8pt!important;
    border-bottom:1pt solid #a8c4f0!important;
    display:flex!important;
    align-items:center!important;
    gap:6pt!important;
  }
  .rpt-cqr-header i{color:#4285f4!important;font-size:11pt!important;}
  .rpt-cqr-cards{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7pt!important;
    justify-content:flex-start!important;
  }
  .rpt-cqr-card{
    background:#fff!important;
    border:1pt solid #a8c4f0!important;
    border-radius:6pt!important;
    padding:6pt 4pt 4pt!important;
    min-width:88pt!important;
    max-width:96pt!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:4pt!important;
    page-break-inside:avoid!important;
    box-shadow:0 1pt 3pt rgba(66,133,244,.08)!important;
  }
  .rpt-cqr-num{
    background:#e8f0fe!important;color:#1a4f8a!important;
    border-radius:50%!important;
    width:15pt!important;height:15pt!important;
    font-size:8pt!important;font-weight:800!important;
    display:flex!important;align-items:center!important;justify-content:center!important;
  }
  .rpt-cqr-name{
    font-size:6.5pt!important;color:#1a4f8a!important;
    font-weight:600!important;text-align:center!important;
    line-height:1.3!important;max-width:90pt!important;
  }
  .rpt-cqr-ev{
    font-size:6.5pt!important;background:#d1fae5!important;
    color:#065f46!important;border-radius:6pt!important;
    padding:1pt 4pt!important;font-weight:700!important;
  }

  /* باركود التبويب الكامل: تصميم ذهبي محسّن */
  .rpt-tab-qr-section{
    display:flex!important;
    align-items:center!important;
    gap:12pt!important;
    margin-top:9pt!important;
    padding:9pt 14pt!important;
    background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)!important;
    border:1.5pt solid #f59e0b!important;
    border-radius:8pt!important;
    page-break-inside:avoid!important;
    box-shadow:0 1pt 4pt rgba(245,158,11,.15)!important;
  }
  .rpt-tab-qr-section canvas{
    border-radius:6pt!important;
    border:1.5pt solid #f59e0b!important;
    flex-shrink:0!important;
    display:block!important;
  }
  .rpt-tab-qr-info{
    display:flex!important;
    flex-direction:column!important;
    gap:3pt!important;
  }
  .rpt-tab-qr-label{
    font-size:10pt!important;
    font-weight:800!important;
    color:#78350f!important;
  }
  .rpt-tab-qr-name{
    font-size:8pt!important;
    color:#92400e!important;
    opacity:.85!important;
  }

  /* نصوص الكتل: حدود أنيق */
  .rpt-text-block{
    padding:7pt 10pt!important;
    margin-bottom:6pt!important;
    background:#f9fafb!important;
    border-right:3pt solid var(--primary)!important;
    border-radius:0 6pt 6pt 0!important;
    page-break-inside:avoid!important;
  }
  .rpt-text-label{
    color:var(--primary-d)!important;
    font-size:9.5pt!important;
    display:block!important;
    margin-bottom:3pt!important;
  }
  .rpt-text-block p{
    font-size:9pt!important;
    line-height:1.6!important;
    margin:0!important;
    color:#374151!important;
  }

  /* ══ التذييل — نهاية media print ══ */
  .rpt-footer{
    font-size:8pt!important;
    color:#9ca3af!important;
    border-top:0.5pt solid #e5e7eb!important;
    padding:4pt 0 2pt!important;
    margin-top:auto!important;
  }

  /* ══ الغلاف: زخارف الإطار عند وجود صورة مخصصة ══ */
  .report-page.report-cover.has-custom-cover-img::before,
  .report-page.report-cover.has-custom-cover-img::after{
    /* في حالة الصور المخصصة، نُبقي الإطار لكن بشفافية أقل */
    opacity:.35!important;
  }

  /* ══ إصلاح الإطار الزخرفي في print ══ */
  .report-page.report-cover::before{
    content:''!important;
    position:absolute!important;
    inset:10mm!important;
    border:2px solid rgba(124,58,237,.3)!important;
    pointer-events:none!important;
    z-index:3!important;
    box-sizing:border-box!important;
  }
  .report-page.report-cover::after{
    content:''!important;
    position:absolute!important;
    inset:14mm!important;
    border:0.5px solid rgba(124,58,237,.15)!important;
    pointer-events:none!important;
    z-index:3!important;
    box-sizing:border-box!important;
  }

  /* ══ الشواهد لا تُخفى من الغلاف — فقط من صفحات التبويب ══ */
  /* تأكد أن بطاقة الغلاف الداخلية فوق الخلفية */
  .report-page.report-cover .rpt-cover-inner{
    position:relative!important;
    z-index:4!important;
  }
  .report-page.report-cover .rpt-flower-tr,
  .report-page.report-cover .rpt-flower-bl,
  .report-page.report-cover .rpt-flower-tl,
  .report-page.report-cover .rpt-flower-br{
    position:absolute!important;
    z-index:1!important;
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
}

/* ── إعدادات Drive في لوحة المالك ── */
.drive-settings-info ol li{margin-bottom:2px;}
.drive-settings-info a:hover{text-decoration:underline;}

/* ══════════════════════════════════════════════════════════
   شريط التقرير الثابت — Sticky Report Toolbar
   ══════════════════════════════════════════════════════════ */
.rpt-sticky-bar{
  /* ثابت أعلى الشاشة دائماً */
  position:sticky;
  top:0;
  z-index:900;
  /* تصميم */
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 18px;
  background:linear-gradient(135deg,#0d3b6e 0%,#1a4f8a 60%,#2563a8 100%);
  box-shadow:0 2px 16px rgba(13,59,110,.35);
  /* يمتد لحواف المنطقة */
  margin:0 -18px;
  /* ارتفاع ثابت لحساب الـ offset */
  min-height:56px;
}

/* الجانب الأيمن: رجوع + عنوان */
.rpt-bar-right{
  display:flex;
  align-items:center;
  gap:10px;
  flex-shrink:0;
}
.rpt-bar-back{
  display:flex;align-items:center;justify-content:center;
  width:34px;height:34px;
  border:none;border-radius:50%;
  background:rgba(255,255,255,.15);
  color:#fff;
  cursor:pointer;
  font-size:14px;
  transition:background .2s;
  flex-shrink:0;
}
.rpt-bar-back:hover{ background:rgba(255,255,255,.28); }

.rpt-bar-title{
  display:flex;align-items:center;gap:7px;
  font-size:15px;font-weight:800;color:#fff;
  white-space:nowrap;
}
.rpt-bar-title i{ font-size:16px;opacity:.85; }

/* الوسط: معلومات المعلمة */
.rpt-bar-info{
  flex:1;
  display:flex;align-items:center;gap:10px;
  padding:0 8px;
  min-width:0;/* لمنع overflow */
}
.rpt-bar-name{
  font-size:13px;font-weight:700;color:#e0eaff;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:220px;
}
.rpt-bar-pct{
  display:inline-flex;align-items:center;
  background:rgba(255,255,255,.18);
  color:#fff;
  border-radius:20px;
  padding:2px 10px;
  font-size:12px;font-weight:800;
  white-space:nowrap;
  flex-shrink:0;
}

/* الجانب الأيسر: الأزرار */
.rpt-bar-actions{
  display:flex;align-items:center;gap:6px;
  flex-shrink:0;
}
.rpt-bar-btn{
  display:flex;align-items:center;gap:5px;
  padding:6px 13px;
  border:none;border-radius:22px;
  font-size:12.5px;font-weight:700;
  font-family:'Tajawal',sans-serif;
  cursor:pointer;
  transition:transform .15s,opacity .15s,box-shadow .15s;
  white-space:nowrap;
}
.rpt-bar-btn:hover{ transform:translateY(-1px);opacity:.9; }
.rpt-bar-btn i{ font-size:12px; }

/* لون كل زر */
.rpt-btn-bg{
  background:rgba(255,255,255,.15);
  color:#fff;
  border:1px solid rgba(255,255,255,.25);
}
.rpt-btn-bg:hover{ background:rgba(255,255,255,.25); }

.rpt-btn-refresh{
  background:rgba(255,255,255,.13);
  color:#d4e4ff;
  border:1px solid rgba(255,255,255,.2);
}
.rpt-btn-refresh:hover{ background:rgba(255,255,255,.22); }

.rpt-btn-print{
  background:rgba(255,255,255,.9);
  color:var(--primary-d);
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.rpt-btn-print:hover{ background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.2); }

.rpt-btn-pdf{
  background:linear-gradient(135deg,#c0392b,#e74c3c);
  color:#fff;
  box-shadow:0 2px 10px rgba(192,57,43,.4);
}
.rpt-btn-pdf:hover{ box-shadow:0 3px 14px rgba(192,57,43,.55); }

/* محتوى التقرير تحت الشريط */
.rpt-with-sticky{
  padding-top:18px;
}

/* ── حالة التحميل على زر PDF ── */
.rpt-btn-pdf.loading{
  opacity:.7;
  pointer-events:none;
}
.rpt-btn-pdf.loading i{
  animation:spin .8s linear infinite;
}
@keyframes spin{ to{transform:rotate(360deg);} }

/* ── إخفاء الشريط القديم (fab) للتوافق ── */
.rpt-print-fab{ display:none!important; }

/* ── بطاقة الملخص الإجمالي في صفحة التقرير ── */
.rpt-overall-card{
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid));
  color:#fff;border-radius:16px;
  padding:18px 24px;
  display:flex;align-items:center;gap:20px;
  margin-bottom:20px;
  box-shadow:0 4px 18px rgba(26,79,138,.18);
  flex-wrap:wrap;
}
.rpt-overall-left{
  display:flex;align-items:center;gap:16px;flex:1;min-width:200px;
}
.rpt-overall-circle{
  width:70px;height:70px;border-radius:50%;
  background:rgba(255,255,255,.15);
  border:3px solid rgba(255,255,255,.4);
  display:flex;align-items:center;justify-content:center;
  flex-direction:column;flex-shrink:0;
}
.rpt-overall-circle .oc-pct{font-size:20px;font-weight:900;line-height:1;}
.rpt-overall-circle .oc-lbl{font-size:9px;opacity:.8;}
.rpt-overall-info h3{font-size:16px;font-weight:800;margin:0 0 4px;}
.rpt-overall-info p{font-size:12px;opacity:.85;margin:0;}
.rpt-overall-stats{
  display:flex;gap:16px;flex-wrap:wrap;
}
.rpt-ost{
  display:flex;flex-direction:column;align-items:center;
  background:rgba(255,255,255,.12);
  border-radius:10px;padding:10px 16px;min-width:80px;
}
.rpt-ost strong{font-size:20px;font-weight:900;}
.rpt-ost span{font-size:11px;opacity:.8;margin-top:2px;}

/* ── تحسين صفحة الفهرس (TOC) ── */
.rpt-toc-page .rpt-toc-header{
  display:flex;align-items:center;gap:14px;
  background:linear-gradient(135deg,var(--primary-d),var(--primary-mid));
  color:#fff;
  padding:20px 28px;
  margin:0;
  border-bottom:none;
}
.rpt-toc-page .rpt-toc-header i,
.rpt-toc-page .rpt-toc-header h2{
  color:#fff;
}
.rpt-toc-page .rpt-toc-content{
  padding:16px 24px;
}


/* ═══════════════════════════════════════════════════════════
   شواهد المعايير - زر الشاهد + صف الشواهد تحت كل معيار
   ═══════════════════════════════════════════════════════════ */

/* زر الشاهد في عمود الإجراءات */
.btn-evidence {
  background: linear-gradient(135deg,#4285f4,#1a4f8a);
  color: #fff !important;
  border: none;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 11px;
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 3px;
  transition: all .2s;
}
.btn-evidence:hover { opacity:.85; transform:scale(1.05); }
.btn-ev-label { font-size: 10px; font-weight: 600; letter-spacing: .3px; }
.crit-ev-count {
  background: #ff4d4f;
  color: #fff;
  border-radius: 9px;
  padding: 1px 5px;
  font-size: 10px;
  font-weight: 700;
  min-width: 16px;
  text-align: center;
  line-height: 1.5;
}
.crit-action-cell {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: nowrap;
}

/* صف شواهد المعيار (تحت كل صف معيار) */
.crit-ev-row td.crit-ev-cell {
  padding: 0 !important;
  background: #f0f6ff;
  border-top: none !important;
}
.crit-ev-row { border-top: none !important; }
.crit-ev-mini-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px 12px 8px;
  animation: fadeIn .2s ease;
}
.crit-ev-mini-card {
  display: flex;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1px solid #c5d8f7;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 12px;
  max-width: 260px;
  box-shadow: 0 1px 3px rgba(66,133,244,.12);
}
.crit-ev-mini-icon { color: #4285f4; font-size: 14px; flex-shrink: 0; }
.crit-ev-mini-body {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}
.crit-ev-mini-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  font-weight: 500;
}
.crit-ev-mini-link {
  color: #4285f4;
  font-size: 12px;
  flex-shrink: 0;
}
.crit-ev-mini-del {
  background: none;
  border: none;
  color: #dc2626;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 4px;
  opacity: .6;
  flex-shrink: 0;
}
.crit-ev-mini-del:hover { opacity: 1; background: #fee2e2; }

/* شارة سياق نافذة الشاهد */
#ev-context-badge {
  animation: fadeIn .2s ease;
}

/* ═══════════════════════════════════════════════════════════
   CSS جدول التقرير - شواهد المعايير + QR
   ═══════════════════════════════════════════════════════════ */

/* خلية المعيار في التقرير */
.rpt-crit-cell { vertical-align: top; padding: 6px 8px !important; }
.rpt-crit-text { font-size: 11px; line-height: 1.5; }

/* عداد شواهد المعيار (شاشة فقط) */
.rpt-crit-ev-count {
  display: inline-block;
  background: #e8f0fe;
  color: #1a73e8;
  border-radius: 10px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 700;
  margin-top: 4px;
}

/* قائمة شواهد المعيار في التقرير (عرض شاشة) */
.rpt-crit-ev-list {
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.rpt-crit-ev-list .rpt-ev-item {
  background: #f0f6ff;
  border: 1px solid #c5d8f7;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 10px;
  max-width: 240px;
}
.rpt-crit-ev-list .rpt-ev-header { flex-wrap: wrap; gap: 4px; }
.rpt-crit-ev-list .rpt-ev-title  { font-size: 10px; }
.rpt-crit-ev-list .rpt-ev-media  { max-height: 80px; overflow: hidden; }
.rpt-crit-ev-list .rpt-ev-media img { max-height: 80px; object-fit: cover; }

/* ══════════════════════════════════════════════════
   قسم باركودات المعايير تحت الجدول (طباعة فقط)
   ══════════════════════════════════════════════════ */
.rpt-criteria-qr-section {
  margin-top: 16px;
  padding: 14px 16px 10px;
  background: linear-gradient(135deg, #f0f6ff 0%, #e8f0fe 100%);
  border: 1.5px solid #c5d8f7;
  border-radius: 12px;
  page-break-inside: avoid;
}
.rpt-cqr-header {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 700;
  color: #1a4f8a;
  margin-bottom: 12px;
  padding-bottom: 8px;
  border-bottom: 1.5px solid #c5d8f7;
}
.rpt-cqr-header i { font-size: 16px; color: #4285f4; }
.rpt-cqr-cards {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-start;
}
/* بطاقة QR واحدة لكل معيار */
.rpt-cqr-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  background: #fff;
  border: 1.5px solid #a8c4f0;
  border-radius: 10px;
  padding: 8px 6px 6px;
  min-width: 108px;
  max-width: 116px;
  box-shadow: 0 2px 6px rgba(66,133,244,.12);
  page-break-inside: avoid;
  cursor: pointer;
  transition: box-shadow .15s;
}
.rpt-cqr-card canvas {
  border-radius: 6px;
  display: block;
}
.rpt-cqr-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  width: 100%;
}
.rpt-cqr-num {
  font-size: 9px;
  font-weight: 800;
  color: #4285f4;
  background: #e8f0fe;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rpt-cqr-name {
  font-size: 8px;
  color: #1a4f8a;
  font-weight: 600;
  text-align: center;
  line-height: 1.3;
  max-width: 100px;
}
.rpt-cqr-ev {
  font-size: 8px;
  color: #059669;
  background: #d1fae5;
  border-radius: 8px;
  padding: 1px 5px;
  font-weight: 700;
}

/* باركود مجلد التبويب الكامل (تحت الجدول) */
.rpt-tab-qr-section {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 12px;
  padding: 12px 16px;
  background: linear-gradient(135deg, #fff8e7 0%, #fef3c7 100%);
  border: 1.5px solid #fbbf24;
  border-radius: 12px;
  page-break-inside: avoid;
}
.rpt-tab-qr-section canvas {
  border-radius: 8px;
  border: 1.5px solid #fbbf24;
  flex-shrink: 0;
  display: block;
}
.rpt-tab-qr-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.rpt-tab-qr-label {
  font-size: 12px;
  font-weight: 700;
  color: #92400e;
}
.rpt-tab-qr-label i { margin-left: 4px; }
.rpt-tab-qr-name {
  font-size: 10px;
  color: #78350f;
  opacity: .8;
}

/* ── إخفاء/إظهار حسب سياق الطباعة ── */
@media print {
  .rpt-crit-ev-list        { display: none !important; }
  .rpt-criteria-qr-section { display: block !important; }
  .rpt-tab-qr-section      { display: flex !important; }
  .rpt-cqr-cards           { display: flex !important; flex-wrap: wrap !important; }
  .rpt-cqr-card            { display: flex !important; flex-direction: column !important; align-items: center !important; }
  /* جدول التقييم: 4 أعمدة بدون عمود QR */
  .rpt-eval-table { font-size: 9.5pt; width: 100% !important; }
  .rpt-crit-cell  { max-width: 260pt !important; }
  .rpt-col-num    { width: 22pt !important; }
  .rpt-col-status { width: 36pt !important; }
  .rpt-col-witness{ width: 70pt !important; }
  /* قسم الشواهد تحت الجدول: مخفي في الطباعة */
  .evp-panel { display: none !important; }
}
@media screen {
  .rpt-criteria-qr-section { display: none !important; }
  .rpt-tab-qr-section      { display: none !important; }
}

/* ═══════════════════════════════════════════════════════════
   قسم الشواهد الكاملة تحت جدول الإدخال  (evp = evidence panel)
   ═══════════════════════════════════════════════════════════ */
.evp-panel {
  margin-top: 20px;
  border-radius: 14px;
  background: linear-gradient(160deg, #f0f6ff 0%, #f8faff 100%);
  border: 1.5px solid #c5d8f7;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(66,133,244,.08);
}

.evp-panel-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px 12px;
  background: linear-gradient(135deg, #1a4f8a 0%, #4285f4 100%);
  color: #fff;
}
.evp-panel-header i {
  font-size: 18px;
  opacity: .9;
}
.evp-panel-header h4 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  flex: 1;
}
.evp-total-badge {
  background: rgba(255,255,255,.22);
  color: #fff;
  border-radius: 20px;
  padding: 3px 12px;
  font-size: 12px;
  font-weight: 700;
  border: 1px solid rgba(255,255,255,.3);
}

/* مجموعة معيار واحد */
.evp-group {
  border-bottom: 1px solid #dde8f9;
}
.evp-group:last-child { border-bottom: none; }

.evp-group-header {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  background: #eaf2ff;
  border-bottom: 1px solid #d0e3ff;
  flex-wrap: wrap;
}
.evp-group-header.evp-group-general {
  background: linear-gradient(135deg, #ecfdf5, #d1fae5);
  border-bottom-color: #a7f3d0;
}
.evp-group-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #4285f4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 800;
  flex-shrink: 0;
}
.evp-group-general .evp-group-num,
.evp-group-general > i {
  background: #059669;
  color: #fff;
  font-size: 14px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.evp-group-title {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  color: #1a4f8a;
  line-height: 1.4;
}
.evp-group-general .evp-group-title { color: #065f46; }
.evp-count-badge {
  background: #4285f4;
  color: #fff;
  border-radius: 12px;
  padding: 2px 9px;
  font-size: 11px;
  font-weight: 700;
  min-width: 22px;
  text-align: center;
}
.evp-group-general .evp-count-badge { background: #059669; }
.evp-add-btn {
  flex-shrink: 0;
  margin-right: auto;
}

/* صف البطاقات */
.evp-cards-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 16px 14px;
}

/* بطاقة شاهد كاملة */
.evp-card {
  background: #fff;
  border: 1.5px solid #c5d8f7;
  border-radius: 10px;
  padding: 10px 14px;
  min-width: 200px;
  max-width: 320px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-shadow: 0 2px 6px rgba(66,133,244,.07);
  transition: box-shadow .2s, border-color .2s;
}
.evp-card:hover {
  box-shadow: 0 4px 14px rgba(66,133,244,.15);
  border-color: #4285f4;
}
.evp-card-top {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 6px;
}
.evp-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e8f0fe;
  color: #1a4f8a;
  border-radius: 6px;
  padding: 2px 8px;
  font-size: 11px;
  font-weight: 600;
  flex-shrink: 0;
}
.evp-title {
  font-size: 13px;
  color: #1f2937;
  font-weight: 700;
  flex: 1;
  line-height: 1.4;
}
.evp-date {
  font-size: 10px;
  color: #6b7280;
  display: flex;
  align-items: center;
  gap: 3px;
  width: 100%;
}
.evp-desc {
  font-size: 12px;
  color: #4b5563;
  line-height: 1.5;
  margin: 0;
  padding: 6px 0 0;
  border-top: 1px solid #f3f4f6;
}
.evp-thumb {
  border-radius: 6px;
  overflow: hidden;
  max-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
}
.evp-thumb img {
  max-width: 100%;
  max-height: 120px;
  object-fit: contain;
  display: block;
}
.evp-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: #4285f4;
  text-decoration: none;
  padding: 4px 10px;
  border: 1px solid #c5d8f7;
  border-radius: 6px;
  background: #f0f6ff;
  transition: background .15s;
}
.evp-link:hover { background: #dce8ff; }

/* ══════════════════════════════════════════════════════════
   شريط Impersonation Mode — دخول المالك لملف معلمة
   ══════════════════════════════════════════════════════════ */
#impersonation-bar {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  background: linear-gradient(90deg, #7c3aed 0%, #4f46e5 100%);
  color: #fff;
  padding: 0 20px;
  height: 44px;
  align-items: center;
  gap: 12px;
  box-shadow: 0 3px 12px rgba(79,70,229,.35);
  font-size: 13px;
  font-weight: 600;
  direction: rtl;
}
#impersonation-bar .imp-icon {
  font-size: 16px;
  background: rgba(255,255,255,.18);
  border-radius: 50%;
  width: 30px; height: 30px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
#impersonation-bar .imp-text {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}
#impersonation-bar .imp-name {
  background: rgba(255,255,255,.22);
  border-radius: 6px;
  padding: 2px 10px;
  font-size: 13px;
  font-weight: 700;
}
#impersonation-bar .imp-badge {
  background: rgba(255,255,255,.15);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 12px;
  padding: 1px 10px;
  font-size: 11px;
  letter-spacing: .3px;
}
#impersonation-bar .btn-exit-imp {
  background: #fff;
  color: #7c3aed;
  border: none;
  border-radius: 8px;
  padding: 6px 16px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: background .15s, transform .1s;
  flex-shrink: 0;
  white-space: nowrap;
}
#impersonation-bar .btn-exit-imp:hover {
  background: #ede9fe;
  transform: scale(1.03);
}
/* دفع المحتوى لأسفل عند ظهور الشريط — على لوحة المعلمة فقط */
body.impersonating #dashboard-page .main-content {
  padding-top: 44px;
}
body.impersonating #dashboard-page .sidebar {
  padding-top: 44px;
}
/* إلغاء المسافة الفارغة فوق tab-topbar عند ظهور شريط impersonation */
body.impersonating #dashboard-page .main-content .content-section > .tab-topbar:first-child,
body.impersonating #dashboard-page .main-content .tab-section > .tab-topbar:first-child {
  margin-top: -44px !important;
  padding-top: calc(44px + 13px) !important;
}

/* ── زر "دخول للتعديل" في بطاقات المعلمات ── */
.btn-impersonate {
  background: linear-gradient(135deg, #7c3aed, #4f46e5) !important;
  color: #fff !important;
  border: none !important;
  font-weight: 700 !important;
  letter-spacing: .2px;
  transition: opacity .15s, transform .1s !important;
}
.btn-impersonate:hover {
  opacity: .88 !important;
  transform: scale(1.03) !important;
}
.btn-impersonate i {
  font-size: 11px;
}

/* ══════════════════════════════════════════════════════════
   مؤشر حالة Google Drive
   ══════════════════════════════════════════════════════════ */
.drive-status-indicator {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 20px;
  background: rgba(0,0,0,.05);
  transition: all .3s;
}
.drive-status-dot {
  font-size: 9px;
  animation: none;
}
.drive-status-dot.refreshing {
  animation: drive-blink 1s infinite;
}
@keyframes drive-blink {
  0%,100% { opacity: 1; }
  50%      { opacity: .3; }
}
/* مؤشر في لوحة إعدادات المالك */
#drive-status-admin-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  border-radius: 10px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  margin-bottom: 14px;
}
/* مؤشر Drive في الشريط الجانبي للمعلمة */
#drive-status-sidebar {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 6px 12px;
  border-radius: 8px;
  background: rgba(255,255,255,.07);
  margin: 8px 12px 0;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,.8);
  cursor: default;
}

/* ══════════════════════════════════════════════════════════
   مودال اختيار الثيم — Theme Picker Modal
   ══════════════════════════════════════════════════════════ */
#theme-modal .modal-dialog{max-width:520px;}
#theme-modal .modal-body{padding:20px 22px;}
.theme-modal-intro{
  font-size:13px;color:var(--txt-l);margin-bottom:18px;
  display:flex;align-items:center;gap:6px;
}
.theme-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-bottom:20px;
}
.theme-card{
  border:2px solid var(--border-l);
  border-radius:12px;
  padding:12px 8px 10px;
  cursor:pointer;transition:all .22s;
  text-align:center;
  background:var(--bg-white);
  position:relative;overflow:hidden;
}
.theme-card:hover{
  border-color:var(--primary-light);
  box-shadow:0 4px 16px rgba(0,0,0,.1);
  transform:translateY(-2px);
}
.theme-card.active{
  border-color:var(--primary);
  box-shadow:0 4px 16px rgba(0,0,0,.15);
}
.theme-card.active::after{
  content:'\f00c';
  font-family:'Font Awesome 6 Free';font-weight:900;
  position:absolute;top:5px;left:5px;
  width:18px;height:18px;
  background:var(--primary);color:#fff;
  border-radius:50%;font-size:9px;
  display:flex;align-items:center;justify-content:center;
  line-height:18px;
}
.theme-palette{
  display:flex;gap:3px;justify-content:center;
  margin-bottom:7px;
}
.theme-swatch{
  width:18px;height:18px;border-radius:50%;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
}
.theme-swatch.sidebar{width:10px;height:24px;border-radius:4px;}
.theme-name{
  font-size:11.5px;font-weight:700;color:var(--txt);
  display:block;margin-bottom:1px;
}
.theme-name-en{font-size:10px;color:var(--txt-l);}

/* معاينة الثيم المختار */
.theme-preview-bar{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  border-radius:var(--r-sm);
  background:var(--primary-xpale);
  border:1px solid var(--border-l);
  font-size:12.5px;color:var(--txt-m);
}
.theme-preview-bar span{font-weight:600;color:var(--primary);}

/* ══════════════════════════════════════════════════════════
   تحسينات عامة للأزرار
   ══════════════════════════════════════════════════════════ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:9px 18px;border-radius:var(--r-sm);
  font-size:13.5px;font-weight:700;
  cursor:pointer;border:none;
  font-family:'Tajawal',sans-serif;
  transition:var(--tr);
  white-space:nowrap;
  text-decoration:none;
}
.btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary-mid));
  color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.btn-primary:hover{
  background:linear-gradient(135deg,var(--primary-mid),var(--primary));
  box-shadow:0 4px 14px rgba(0,0,0,.2);
  transform:translateY(-1px);
}
.btn-secondary{
  background:var(--bg-pale);color:var(--txt-m);
  border:1px solid var(--border);
}
.btn-secondary:hover{background:var(--border-l);color:var(--txt);}
.btn-danger{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;}
.btn-danger:hover{opacity:.88;transform:translateY(-1px);}
.btn-warning{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;}
.btn-warning:hover{opacity:.88;}
.btn-success{background:linear-gradient(135deg,#1a7a4e,#27ae60);color:#fff;}
.btn-success:hover{opacity:.88;}
.btn-outline-secondary{
  background:transparent;color:var(--txt-m);
  border:1.5px solid var(--border);
}
.btn-outline-secondary:hover{background:var(--bg-pale);}
.btn-sm{padding:6px 12px;font-size:12.5px;}
.btn-full{width:100%;}
.btn-danger-soft{
  background:var(--red-light);color:var(--danger);
  border:1px solid #f5c6cb;
}
.btn-danger-soft:hover{background:#f5c6cb;}
.btn-icon{
  width:34px;height:34px;padding:0;
  background:var(--bg-pale);color:var(--txt-m);
  border:1px solid var(--border);border-radius:8px;
}
.btn-icon:hover{background:var(--primary-pale);color:var(--primary);}

/* ══════════════════════════════════════════════════════════
   شريط التقدم (progress) — تحسين
   ══════════════════════════════════════════════════════════ */
.prog-fill{
  background:linear-gradient(90deg, var(--primary), var(--primary-mid));
}
.completion-fill{
  background:linear-gradient(90deg, var(--primary), var(--primary-mid));
}

/* ══════════════════════════════════════════════════════════
   غلاف Overview — إعادة تصميم
   ══════════════════════════════════════════════════════════ */
.cover-page{
  background:linear-gradient(135deg, var(--primary-d) 0%, var(--primary) 50%, var(--primary-mid) 100%);
  border-radius:var(--r-lg);padding:32px 28px;text-align:center;color:#fff;
  min-height:0;display:flex;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
  box-shadow:0 8px 32px rgba(0,0,0,.18);
}
/* خلفية هندسية */
.cover-page::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(circle at 20% 80%, rgba(255,255,255,.06) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08) 0%, transparent 40%);
}
.cover-year{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.12);padding:5px 16px;
  border-radius:20px;font-size:12px;margin-bottom:14px;
  border:1px solid rgba(255,255,255,.2);
}
.cover-badge{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  padding:4px 14px;border-radius:20px;font-size:12px;
  color:var(--sidebar-accent);margin-bottom:10px;
}

/* ══════════════════════════════════════════════════════════
   قسم التقرير: شريط ثابت متكيّف مع الثيم
   ══════════════════════════════════════════════════════════ */
.rpt-sticky-bar{
  position:sticky;top:0;z-index:900;
  display:flex;align-items:center;gap:12px;
  padding:10px 18px;
  background:linear-gradient(135deg, var(--primary-d) 0%, var(--primary) 60%, var(--primary-mid) 100%);
  box-shadow:0 2px 16px rgba(0,0,0,.25);
  margin:0 -18px;min-height:56px;
}
.rpt-bar-right{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.rpt-bar-back{
  width:34px;height:34px;border:none;border-radius:50%;
  background:rgba(255,255,255,.15);color:#fff;cursor:pointer;
  font-size:14px;display:flex;align-items:center;justify-content:center;
  transition:var(--tr);
}
.rpt-bar-back:hover{background:rgba(255,255,255,.25);}
.rpt-bar-title{
  font-size:14.5px;font-weight:800;color:#fff;
  display:flex;align-items:center;gap:7px;
}
.rpt-bar-info{flex:1;display:flex;align-items:center;gap:10px;}
.rpt-bar-name{font-size:12.5px;font-weight:700;color:rgba(255,255,255,.85);}
.rpt-bar-pct{
  background:rgba(255,255,255,.18);color:#fff;
  border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;
  border:1px solid rgba(255,255,255,.25);
}
.rpt-bar-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.rpt-bar-btn{
  display:flex;align-items:center;gap:5px;
  padding:6px 13px;border:none;border-radius:22px;
  font-size:12.5px;font-weight:700;cursor:pointer;
  font-family:'Tajawal',sans-serif;transition:var(--tr);
}
.rpt-btn-bg{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.22);}
.rpt-btn-bg:hover{background:rgba(255,255,255,.24);}
.rpt-btn-refresh{background:rgba(255,255,255,.12);color:rgba(255,255,255,.85);}
.rpt-btn-refresh:hover{background:rgba(255,255,255,.22);color:#fff;}
.rpt-btn-print{background:rgba(255,255,255,.9);color:var(--primary-d);}
.rpt-btn-print:hover{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15);}
.rpt-btn-pdf{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.rpt-btn-pdf:hover{box-shadow:0 4px 14px rgba(192,57,43,.4);transform:translateY(-1px);}
.rpt-btn-pdf.loading i{animation:spin .8s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}
.rpt-print-fab{display:none!important;}
@media print{
  .rpt-sticky-bar{display:none!important;}
}

/* ╔══════════════════════════════════════════════════════════════╗
   ║   إعادة تصميم شاملة للتقرير — تصميم وردي كلاسيكي أنيق     ║
   ║   مستوحى من PDF المرجعي (ملف الأداء أ.نوال الزهراني)       ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ── ألوان التقرير الثابتة ── */
:root{
  --rpt-rose:#F8EEF3;
  --rpt-rose-mid:#F0D8E4;
  --rpt-rose-dark:#E8C8D8;
  --rpt-mauve:#D8D0E8;
  --rpt-frame:#4B4F6D;
  --rpt-maroon:#7b2c3a;
  --rpt-maroon-d:#5a1f2b;
  --rpt-gold:#C9A84C;
  --rpt-ink:#1a1a2e;
  --rpt-navy:#223060;
  --rpt-pink-text:#8B3252;
}

/* ═══════════════════════════════════════════════
   إطار الصفحة الزهري (جميع صفحات التقرير v2)
   ═══════════════════════════════════════════════ */
.report-page.rpt-v2{
  background:var(--rpt-rose) !important;
  border-radius:0 !important;
  border:none !important;
  box-shadow:none !important;
  margin:0 auto 32px !important;
  width:210mm;
  min-height:277mm;
  position:relative;
  overflow:hidden;
  page-break-before:always;
  break-before:page;
  padding:0 !important;
}
.report-page.rpt-v2:first-of-type{
  page-break-before:auto;
  break-before:auto;
}

/* الإطار المزدوج لكل صفحة */
.rpt-v2-frame{
  position:absolute;
  inset:10mm;
  border:1.5px solid #9B7090;
  border-radius:16px;
  pointer-events:none;
  z-index:10;
}
.rpt-v2-frame::before{
  content:'';
  position:absolute;
  inset:4px;
  border:1px solid rgba(155,112,144,.4);
  border-radius:12px;
}

/* زخارف الأركان — SVG watercolor ورود */
.rpt-v2-corner{
  position:absolute;
  width:130px;height:130px;
  pointer-events:none;
  z-index:5;
  opacity:.7;
}
.rpt-v2-corner-tl{top:0;right:0;}
.rpt-v2-corner-tr{top:0;left:0;transform:scaleX(-1);}
.rpt-v2-corner-bl{bottom:0;right:0;transform:scaleY(-1);}
.rpt-v2-corner-br{bottom:0;left:0;transform:scale(-1);}

/* محتوى الصفحة داخل الإطار */
.rpt-v2-content{
  position:relative;
  z-index:6;
  margin:14mm 14mm 12mm;
  min-height:calc(277mm - 26mm);
  display:flex;
  flex-direction:column;
  flex:1;
}

/* ═══════════════════════════════════════════════
   غلاف التقرير v2 — إطار مزدوج داكن كلاسيكي
   ═══════════════════════════════════════════════ */
.rpt-v2.rpt-v2-cover{
  min-height:297mm !important;
  display:flex;
  align-items:center;
  justify-content:center;
}

.rpt-cover-v2-inner{
  position:relative;
  z-index:6;
  width:calc(100% - 28mm);
  margin:14mm auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:calc(297mm - 28mm);
}

/* الإطار الكلاسيكي المزدوج للغلاف */
.rpt-cover-v2-border{
  width:100%;
  min-height:240mm;
  border:3px solid var(--rpt-frame);
  border-radius:18px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(255,255,255,.3);
}
.rpt-cover-v2-border::before{
  content:'';
  position:absolute;
  inset:7px;
  border:1.5px solid var(--rpt-frame);
  border-radius:12px;
  opacity:.6;
}
.rpt-cover-v2-border::after{
  content:'';
  position:absolute;
  inset:12px;
  border:0.5px solid rgba(75,79,109,.3);
  border-radius:9px;
}

/* مركز محتوى الغلاف */
.rpt-cover-v2-body{
  position:relative;
  z-index:2;
  text-align:center;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
}

/* شعار الوزارة */
.rpt-cover-v2-logo{
  width:90px;height:90px;
  background:linear-gradient(135deg,var(--rpt-frame) 0%,var(--rpt-navy) 100%);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:40px;color:#fff;
  box-shadow:0 6px 24px rgba(75,79,109,.35),0 0 0 6px rgba(75,79,109,.1);
  margin-bottom:18px;
}

/* خط زخرفي */
.rpt-cover-v2-rule{
  display:flex;align-items:center;gap:10px;
  width:80%;margin:14px auto;
}
.rpt-cover-v2-rule span{
  flex:1;height:1px;
  background:linear-gradient(90deg,transparent,var(--rpt-frame),transparent);
  opacity:.5;
}
.rpt-cover-v2-rule i{color:var(--rpt-gold);font-size:13px;}

/* عنوان الملف */
.rpt-cover-v2-title{
  font-size:26px;font-weight:900;
  color:var(--rpt-pink-text);
  text-shadow:0 1px 3px rgba(139,50,82,.15);
  margin-bottom:4px;
  line-height:1.4;
}
.rpt-cover-v2-subtitle{
  font-size:15px;font-weight:700;
  color:var(--rpt-frame);
  margin-bottom:6px;opacity:.85;
}

/* اسم المعلمة */
.rpt-cover-v2-name{
  font-size:22px;font-weight:900;
  color:var(--rpt-navy);
  background:rgba(255,255,255,.6);
  padding:8px 30px;border-radius:30px;
  border:1.5px solid rgba(34,48,96,.2);
  margin:12px 0;
  display:inline-block;
}

/* صندوق بيانات الغلاف */
.rpt-cover-v2-info{
  background:rgba(255,255,255,.7);
  border:1.5px solid rgba(75,79,109,.2);
  border-radius:14px;
  padding:14px 24px;
  width:90%;
  margin:14px auto 0;
  text-align:right;
}
.rpt-cover-v2-row{
  display:flex;justify-content:space-between;align-items:center;
  padding:6px 0;
  border-bottom:1px solid rgba(75,79,109,.1);
  font-size:12.5px;
}
.rpt-cover-v2-row:last-child{border-bottom:none;}
.rpt-cover-v2-row span{color:var(--rpt-frame);font-weight:700;font-size:12px;}
.rpt-cover-v2-row strong{color:var(--rpt-ink);font-weight:800;}

/* ═══════════════════════════════════════════════
   صفحة الفهرس v2 — أشرطة متناوبة وردي/موف
   ═══════════════════════════════════════════════ */
.rpt-v2-toc-header{
  text-align:center;
  padding:16px 0 10px;
}
.rpt-v2-toc-header h2{
  font-size:22px;font-weight:900;
  color:var(--rpt-pink-text);
  display:flex;align-items:center;justify-content:center;gap:10px;
  margin-bottom:4px;
}
.rpt-v2-toc-header h2 i{
  color:var(--rpt-frame);font-size:20px;
}
.rpt-v2-toc-divider{
  width:120px;height:2px;
  background:linear-gradient(90deg,transparent,var(--rpt-frame),transparent);
  margin:8px auto 18px;
  opacity:.5;
}

/* صف الفهرس */
.rpt-v2-toc-item{
  display:flex;
  align-items:center;
  gap:0;
  margin-bottom:8px;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 1px 4px rgba(75,79,109,.1);
}
.rpt-v2-toc-item:nth-child(odd){
  background:linear-gradient(135deg,var(--rpt-rose-mid) 0%,var(--rpt-rose-dark) 100%);
}
.rpt-v2-toc-item:nth-child(even){
  background:linear-gradient(135deg,var(--rpt-mauve) 0%,#C8C0DC 100%);
}
.rpt-v2-toc-num{
  width:48px;height:48px;
  background:var(--rpt-frame);
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:16px;font-weight:900;
  flex-shrink:0;
}
.rpt-v2-toc-name{
  flex:1;
  font-size:14px;font-weight:800;
  color:var(--rpt-ink);
  padding:12px 16px;
  text-align:right;
}
.rpt-v2-toc-badges{
  display:flex;gap:6px;align-items:center;
  padding:0 14px;
  flex-shrink:0;
}
.rpt-v2-toc-badge{
  background:rgba(255,255,255,.6);
  color:var(--rpt-frame);
  font-size:11px;font-weight:700;
  padding:3px 10px;border-radius:12px;
  border:1px solid rgba(75,79,109,.2);
  white-space:nowrap;
}

/* ═══════════════════════════════════════════════
   رأس صفحة التبويب v2 — شريط عنواني أنيق
   ═══════════════════════════════════════════════ */
.rpt-v2-page-header{
  background:linear-gradient(135deg,var(--rpt-maroon-d) 0%,var(--rpt-maroon) 100%);
  color:#fff;
  padding:14px 20px;
  display:flex;align-items:center;gap:12px;
  border-radius:12px;
  margin-bottom:16px;
  box-shadow:0 3px 12px rgba(91,31,43,.25);
}
.rpt-v2-page-header i{
  font-size:24px;opacity:.9;
}
.rpt-v2-page-header h2{
  flex:1;font-size:18px;font-weight:900;
  text-shadow:0 1px 3px rgba(0,0,0,.2);
}
.rpt-v2-page-weight{
  background:rgba(255,255,255,.2);
  padding:4px 14px;border-radius:20px;
  font-size:13px;font-weight:800;
  border:1px solid rgba(255,255,255,.3);
}
.rpt-v2-page-num{
  background:rgba(255,255,255,.15);
  padding:3px 10px;border-radius:6px;
  font-size:11px;opacity:.8;
}

/* ═══════════════════════════════════════════════
   قسم السيرة الذاتية v2 — جدول عمودين أنيق
   ═══════════════════════════════════════════════ */
.rpt-v2-bio-header{
  text-align:center;
  padding:14px 0 18px;
}
.rpt-v2-bio-avatar{
  width:88px;height:88px;
  background:linear-gradient(135deg,var(--rpt-maroon) 0%,var(--rpt-pink-text) 100%);
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:40px;color:#fff;
  margin:0 auto 14px;
  box-shadow:0 6px 20px rgba(123,44,58,.3),0 0 0 5px rgba(123,44,58,.1);
}
.rpt-v2-bio-name{
  font-size:20px;font-weight:900;color:var(--rpt-ink);margin-bottom:4px;
}
.rpt-v2-bio-school{
  font-size:13px;color:var(--rpt-frame);font-weight:600;margin-bottom:18px;
}

/* جدول السيرة الذاتية */
.rpt-v2-bio-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 2px 12px rgba(75,79,109,.15);
}
.rpt-v2-bio-table td{
  padding:10px 16px;
  font-size:13px;
  border-bottom:1px solid rgba(255,255,255,.3);
}
.rpt-v2-bio-table tr:last-child td{border-bottom:none;}
.rpt-v2-bio-table tr:nth-child(odd) td{
  background:#fff;
  color:var(--rpt-ink);
}
.rpt-v2-bio-table tr:nth-child(even) td{
  background:var(--rpt-maroon);
  color:#fff;
}
.rpt-v2-bio-table td:first-child{
  font-weight:700;
  width:35%;
}

/* نص السيرة الذاتية */
.rpt-v2-bio-text-area{
  background:#fff;
  border:1.5px solid var(--rpt-rose-dark);
  border-radius:12px;
  padding:16px 20px;
  font-size:13.5px;
  line-height:2;
  color:var(--rpt-ink);
  text-align:right;
  box-shadow:inset 0 2px 8px rgba(75,79,109,.06);
}

/* ═══════════════════════════════════════════════
   جدول التقييم v2 — تصميم احترافي عنابي
   ═══════════════════════════════════════════════ */
.rpt-v2-eval{
  margin-bottom:16px;
}

/* رأس قسم التقييم */
.rpt-v2-eval-header{
  background:linear-gradient(135deg,var(--rpt-maroon-d),var(--rpt-maroon));
  color:#fff;
  padding:10px 16px;
  border-radius:10px 10px 0 0;
  display:flex;align-items:center;justify-content:space-between;
  box-shadow:0 3px 10px rgba(91,31,43,.2);
}
.rpt-v2-eval-header h4{
  font-size:14px;font-weight:800;
  display:flex;align-items:center;gap:8px;
}
.rpt-v2-eval-summary{
  display:flex;gap:8px;align-items:center;
}
.rpt-v2-eval-badge{
  background:rgba(255,255,255,.2);
  padding:3px 12px;border-radius:14px;
  font-size:12px;font-weight:800;
  border:1px solid rgba(255,255,255,.3);
}

/* شريط التقدم */
.rpt-v2-eval-progress{
  height:6px;background:rgba(123,44,58,.15);
  border-radius:0;margin-bottom:0;
}
.rpt-v2-eval-bar{
  height:100%;
  background:linear-gradient(90deg,var(--rpt-gold),#F9C74F);
  transition:width .5s;
}

/* جدول المعايير */
.rpt-v2-eval-table{
  width:100%;border-collapse:collapse;
  font-size:12px;
  border:1.5px solid rgba(123,44,58,.2);
  border-top:none;
  border-radius:0 0 10px 10px;
  overflow:hidden;
}
.rpt-v2-eval-table thead th{
  background:var(--rpt-maroon);
  color:#fff;
  padding:9px 12px;
  font-weight:800;
  text-align:right;
  font-size:11.5px;
  border-bottom:2px solid var(--rpt-maroon-d);
}
.rpt-v2-eval-table tbody tr:nth-child(odd){
  background:#fff;
}
.rpt-v2-eval-table tbody tr:nth-child(even){
  background:var(--rpt-rose);
}
.rpt-v2-eval-table tbody tr:hover{
  background:var(--rpt-rose-mid);
}
.rpt-v2-eval-table td{
  padding:8px 12px;
  border-bottom:1px solid rgba(123,44,58,.1);
  color:var(--rpt-ink);
  vertical-align:top;
}
.rpt-v2-eval-table td.ev-done{color:#059669;font-weight:700;}
.rpt-v2-eval-table td.ev-notdone{color:#dc2626;font-weight:700;}
.rpt-v2-col-num{width:36px;text-align:center;font-weight:800;color:var(--rpt-frame);}
.rpt-v2-col-status{width:72px;text-align:center;}
.rpt-v2-col-witness{width:120px;}

/* ═══════════════════════════════════════════════
   قسم الشواهد العامة v2
   ═══════════════════════════════════════════════ */
.rpt-v2-evid{
  margin-bottom:14px;
}
.rpt-v2-evid-header{
  font-size:13px;font-weight:800;
  color:var(--rpt-pink-text);
  display:flex;align-items:center;gap:8px;
  margin-bottom:10px;
  padding-bottom:6px;
  border-bottom:1.5px solid var(--rpt-rose-dark);
}
.rpt-v2-evid-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
  gap:12px;
}
.rpt-v2-ev-item{
  background:#fff;
  border:1.5px solid var(--rpt-rose-dark);
  border-radius:12px;
  padding:12px 14px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(75,79,109,.08);
}
.rpt-v2-ev-type{
  font-size:10px;
  background:var(--rpt-rose-mid);
  color:var(--rpt-pink-text);
  padding:2px 8px;border-radius:10px;
  display:inline-block;margin-bottom:5px;
  font-weight:700;
}
.rpt-v2-ev-title{
  font-size:13px;font-weight:800;
  color:var(--rpt-ink);display:block;
  margin-bottom:4px;
}
.rpt-v2-ev-desc{
  font-size:11.5px;color:var(--rpt-frame);
  line-height:1.7;margin:5px 0;
}
.rpt-v2-ev-date{
  font-size:10.5px;color:#888;
  display:block;margin-top:6px;
}

/* ═══════════════════════════════════════════════
   قسم الباركودات (QR) v2 — إطارات cloud وردية
   ═══════════════════════════════════════════════ */
.rpt-v2-qr-section{
  margin-top:18px;
  padding-top:14px;
  border-top:2px dashed var(--rpt-rose-dark);
}
.rpt-v2-qr-section-header{
  text-align:center;
  font-size:14px;font-weight:900;
  color:var(--rpt-pink-text);
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-bottom:16px;
}

/* شبكة باركودات */
.rpt-v2-qr-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:16px;
  justify-items:center;
}

/* بطاقة باركود واحد — cloud frame */
.rpt-v2-qr-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
  background:linear-gradient(135deg,#FFF0F5 0%,#FCE4EE 100%);
  border-radius:50% 40% 55% 35% / 40% 50% 40% 50%;
  padding:18px 14px 14px;
  box-shadow:
    0 4px 16px rgba(139,50,82,.15),
    0 0 0 2px rgba(139,50,82,.1),
    inset 0 2px 6px rgba(255,255,255,.8);
  min-width:120px;
  transition:transform .2s;
  position:relative;
}
.rpt-v2-qr-card:hover{transform:translateY(-2px);}

/* زهرة صغيرة فوق كل بطاقة */
.rpt-v2-qr-card::before{
  content:'✿';
  position:absolute;top:-6px;right:50%;transform:translateX(50%);
  font-size:14px;color:var(--rpt-pink-text);opacity:.6;
}

/* عنوان فوق QR */
.rpt-v2-qr-title{
  font-size:10.5px;font-weight:800;
  color:var(--rpt-pink-text);
  text-align:center;
  max-width:110px;
  line-height:1.4;
  order:-1;
}
.rpt-v2-qr-num{
  width:22px;height:22px;
  background:var(--rpt-maroon);
  color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:900;
  position:absolute;top:4px;left:4px;
  box-shadow:0 2px 6px rgba(91,31,43,.3);
}
.rpt-v2-qr-canvas{
  border-radius:8px;
  box-shadow:0 2px 8px rgba(75,79,109,.15);
  background:#fff;
  padding:4px;
}
.rpt-v2-qr-label{
  font-size:9.5px;color:var(--rpt-frame);
  text-align:center;max-width:110px;
  word-break:break-all;
  line-height:1.3;
  opacity:.8;
}
.rpt-v2-qr-ev-count{
  font-size:9px;
  background:var(--rpt-maroon);color:#fff;
  padding:1px 6px;border-radius:8px;
  font-weight:700;
}

/* باركود مجلد التبويب (أكبر) */
.rpt-v2-tab-qr-card{
  background:linear-gradient(135deg,#F8F0FF 0%,#EDE0F8 100%);
  border-radius:40% 35% 45% 30% / 35% 40% 35% 45%;
  padding:20px 18px 16px;
  box-shadow:0 6px 20px rgba(75,79,109,.2),0 0 0 2.5px rgba(75,79,109,.12);
  min-width:140px;
}
.rpt-v2-tab-qr-card::before{
  content:'❀';
  color:var(--rpt-frame);
}

/* ═══════════════════════════════════════════════
   كتل النصوص v2
   ═══════════════════════════════════════════════ */
.rpt-v2-texts{margin-bottom:14px;}
.rpt-v2-text-block{
  background:#fff;
  border:1.5px solid var(--rpt-rose-dark);
  border-right:4px solid var(--rpt-maroon);
  border-radius:10px;
  padding:10px 14px;
  margin-bottom:8px;
  box-shadow:0 1px 4px rgba(75,79,109,.07);
}
.rpt-v2-text-label{
  display:block;font-size:11px;font-weight:800;
  color:var(--rpt-maroon);margin-bottom:6px;
  text-transform:uppercase;letter-spacing:.5px;
}
.rpt-v2-text-block p{
  font-size:13px;color:var(--rpt-ink);line-height:1.9;margin:0;
}

/* قسم نصي */
.rpt-v2-text-section{
  background:#fff;
  border-radius:12px;
  border:1.5px solid var(--rpt-rose-dark);
  border-right:4px solid var(--rpt-pink-text);
  padding:14px 16px;margin-bottom:12px;
  box-shadow:0 2px 8px rgba(75,79,109,.08);
}
.rpt-v2-ts-title{
  font-size:15px;font-weight:900;color:var(--rpt-ink);
  margin-bottom:8px;padding-bottom:7px;
  border-bottom:1px solid var(--rpt-rose-mid);
}
.rpt-v2-ts-details{font-size:13px;color:var(--rpt-ink);line-height:1.9;margin-bottom:8px;}
.rpt-v2-ts-note{
  font-size:12px;color:var(--rpt-maroon);
  background:var(--rpt-rose);
  padding:6px 10px;border-radius:7px;
  display:flex;align-items:center;gap:6px;
}

/* ═══════════════════════════════════════════════
   تذييل التقرير v2
   ═══════════════════════════════════════════════ */
.rpt-v2-footer{
  text-align:center;padding:16px;
  font-size:11.5px;color:var(--rpt-frame);
  border-top:1.5px solid var(--rpt-rose-dark);
  margin-top:16px;
  background:rgba(255,255,255,.5);
  border-radius:0 0 8px 8px;
}

/* فراغ / لا محتوى */
.rpt-v2-empty{
  font-size:13px;color:var(--rpt-frame);
  font-style:italic;text-align:center;
  padding:30px 0;opacity:.6;
}

/* ═══════════════════════════════════════════════
   @media print & @page — التقرير v2
   ═══════════════════════════════════════════════ */
@page{size:A4 portrait;margin:0;}
@page:first{margin:0;}

@media print{
  /* إخفاء كل شيء ما عدا التقرير */
  body>*:not(#app):not(script):not(link):not(style){display:none!important;}
  #app{padding:0!important;margin:0!important;}
  .sidebar,.tab-topbar,.rpt-sticky-bar,.rpt-overall-card{display:none!important;}
  #report-section{display:block!important;padding:0!important;}
  #final-report{padding:0!important;}

  /* صفحات v2 */
  .report-page.rpt-v2{
    margin:0 auto!important;
    page-break-before:always;
    break-before:page;
    page-break-inside:avoid;
    box-shadow:none!important;
    width:210mm!important;
    min-height:277mm!important;
  }
  .report-page.rpt-v2.rpt-v2-cover{
    min-height:297mm!important;
    height:297mm!important;
  }

  /* الطباعة: إظهار print-only، إخفاء screen-only */
  .screen-only{display:none!important;}
  .print-only{display:flex!important;}
  .rpt-v2-qr-grid .rpt-v2-qr-card{display:flex!important;}

  /* الألوان في الطباعة */
  .rpt-v2{-webkit-print-color-adjust:exact;print-color-adjust:exact;}
  .rpt-v2-page-header,.rpt-v2-eval-header,.rpt-v2-eval-table thead th{
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  .rpt-v2-toc-item{
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
  .rpt-v2-qr-card{
    -webkit-print-color-adjust:exact;print-color-adjust:exact;
  }
}

/* ── شاشة عرض ── */
@media screen{
  .print-only{display:none;}
  .screen-only{display:block;}
  .rpt-v2-qr-section{display:none;} /* تُخفى على الشاشة وتظهر عند الطباعة فقط */
  /* في حالة QR على الشاشة — يُخفى مباشرة إلا عند استدعاء التقرير */
}

/* قواعد عرض الشاشة داخل التقرير */
#final-report .rpt-v2-qr-section{
  display:block; /* تظهر في التقرير على الشاشة */
}
#final-report .rpt-v2-qr-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  gap:16px;
}
#final-report .rpt-v2-qr-card{
  display:flex;
}

/* تحسين الغلاف على الشاشة */
@media screen{
  .report-page.rpt-v2{
    max-width:210mm;
    margin:0 auto 24px !important;
    box-shadow:0 4px 24px rgba(75,79,109,.15) !important;
  }
}

/* ╔══════════════════════════════════════════════════════════════╗
   ║      إصلاحات شاملة — Responsive + مساحة بيضاء + طباعة     ║
   ╚══════════════════════════════════════════════════════════════╝ */

/* ── إزالة المساحة البيضاء فوق الأزرار — الحل النهائي ── */
.main-content{
  padding-top:0 !important;
  margin-top:0  !important;
}
/* كل content-section: لا padding علوي */
.content-section{
  padding-top:0 !important;
  margin-top:0  !important;
}
.content-section.active{
  padding-top:0 !important;
}
/* tab-topbar يلتصق بالأعلى مباشرة ويمتد لإلغاء الـ padding الجانبي لـ main-content */
.content-section > .tab-topbar:first-child,
.tab-section > .tab-topbar:first-child{
  margin-top:0 !important;
  margin-right:-18px !important;
  margin-left:-18px !important;
  padding-right:18px !important;
  padding-left:18px !important;
  border-radius:0 !important;
}
/* صفحات بدون tab-topbar تحتاج padding علوي */
#overview.content-section{ padding-top:14px !important; }
#reports.content-section{ padding-top:4px !important; }
/* باقي main-content — padding جانبي وسفلي فقط */
.main-content{ padding-left:18px !important; padding-right:18px !important; padding-bottom:18px !important; }

/* ── 3. إصلاح شريط التقرير الثابت على كل الشاشات ── */
/* الشريط يمتد عرض المنطقة كاملاً */
.rpt-sticky-bar{
  margin-left:-18px  !important;
  margin-right:-18px !important;
  padding-left:18px  !important;
  padding-right:18px !important;
}
/* المحتوى أسفل الشريط: مسافة بسيطة فقط */
.rpt-with-sticky{
  padding-top:14px !important;
}

/* ── 4. تحسين أزرار الشريط على الشاشات المتوسطة ── */
.rpt-bar-btn{
  white-space:nowrap;
  flex-shrink:0;
}

/* ══════════════════════════════════════════════════════════
   Responsive — كمبيوتر كبير (≥1280px)
   ══════════════════════════════════════════════════════════ */
@media (min-width:1280px){
  :root{ --sidebar-w:270px; }
  .main-content{ padding:0 28px 24px !important; }
  #overview.content-section{ padding-top:16px; }
  .stats-grid{ grid-template-columns:repeat(4,1fr); }
  .tab-topbar h2{ font-size:18px; }
  .content-section > .tab-topbar:first-child,
  .tab-section > .tab-topbar:first-child{
    margin-right:-28px !important;
    margin-left:-28px !important;
    padding-right:28px !important;
    padding-left:28px !important;
  }
}

/* ══════════════════════════════════════════════════════════
   Responsive — لابتوب (1024px – 1279px)
   ══════════════════════════════════════════════════════════ */
@media (min-width:1024px) and (max-width:1279px){
  :root{ --sidebar-w:240px; }
  .main-content{ padding:0 20px 18px !important; }
  #overview.content-section{ padding-top:14px; }
  .stats-grid{ grid-template-columns:repeat(3,1fr); }
  .content-section > .tab-topbar:first-child,
  .tab-section > .tab-topbar:first-child{
    margin-right:-20px !important;
    margin-left:-20px !important;
    padding-right:20px !important;
    padding-left:20px !important;
  }
}

/* ══════════════════════════════════════════════════════════
   Responsive — تابلت (769px – 1023px)
   ══════════════════════════════════════════════════════════ */
@media (min-width:769px) and (max-width:1023px){
  :root{ --sidebar-w:220px; }
  .main-content{ padding:0 16px 16px !important; }
  #overview.content-section{ padding-top:12px; }
  .stats-grid{ grid-template-columns:repeat(2,1fr); }
  .tab-topbar{ padding:10px 14px; }
  .tab-topbar h2{ font-size:16px; }
  .tab-topbar-actions{ gap:6px; }
  .tab-topbar-actions .btn{ font-size:12px; padding:5px 10px; }
  .sidebar-desk-toggle{ display:flex; }
  /* شبكة بطاقات الإنجاز */
  .evidence-grid{ grid-template-columns:repeat(2,1fr) !important; }
  /* أزرار الشريط الجانبي */
  .nav-item{ padding:10px 14px; }
  .content-section > .tab-topbar:first-child,
  .tab-section > .tab-topbar:first-child{
    margin-right:-16px !important;
    margin-left:-16px !important;
    padding-right:16px !important;
    padding-left:16px !important;
  }
}

/* ══════════════════════════════════════════════════════════
   Responsive — جوال (≤768px)
   ══════════════════════════════════════════════════════════ */
@media (max-width:768px){
  :root{ --sidebar-w:260px; }

  /* الشريط الجانبي يتحول لـ drawer */
  #dashboard-page.active .sidebar{
    transform:translateX(100%);
    display:flex;
    z-index:200;
    box-shadow:-6px 0 30px rgba(0,0,0,.35);
  }
  #dashboard-page.active .sidebar.mobile-open{
    transform:translateX(0);
  }

  /* زر فتح الشريط الجانبي */
  #dashboard-page.active .sidebar-mob-toggle{
    display:flex !important;
    position:fixed;
    top:12px;right:12px;
    width:42px;height:42px;
    z-index:201;
    box-shadow:0 4px 14px rgba(0,0,0,.25);
  }
  #dashboard-page.active .sidebar-desk-toggle{
    display:none !important;
  }

  /* المحتوى يمتد للعرض الكامل */
  .main-content{
    margin-right:0 !important;
    padding:0 12px 16px !important;
  }
  #overview.content-section{ padding-top:8px !important; }
  /* tab-topbar يمتد بالكامل على الجوال */
  .content-section > .tab-topbar:first-child,
  .tab-section > .tab-topbar:first-child{
    margin-right:-12px !important;
    margin-left:-12px !important;
    padding-right:12px !important;
    padding-left:12px !important;
    border-radius:0 !important;
  }

  /* شريط التقرير: ضبط margin على الجوال */
  .rpt-sticky-bar{
    margin-left:-12px  !important;
    margin-right:-12px !important;
    padding-left:12px  !important;
    padding-right:12px !important;
    min-height:50px;
  }

  /* رأس التبويب */
  .tab-topbar{
    padding:10px 12px;
    gap:8px;
    flex-wrap:wrap;
    border-radius:10px;
  }
  .tab-topbar h2{
    font-size:15px;
    width:100%;
    order:-1;
  }
  .tab-topbar h2 i{
    width:28px;height:28px;
    font-size:12px;
  }
  .btn-back{
    font-size:12px;
    padding:5px 10px;
    flex-shrink:0;
  }
  .tab-topbar-actions{
    width:100%;
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    justify-content:flex-end;
  }
  .tab-topbar-actions .btn{
    font-size:12px;
    padding:6px 10px;
    flex:1;
    min-width:120px;
    max-width:180px;
    text-align:center;
    justify-content:center;
  }

  /* بطاقات الإحصاء */
  .stats-grid{
    grid-template-columns:repeat(2,1fr) !important;
    gap:10px;
  }
  .stat-card{ padding:14px 12px; }
  .stat-card h3{ font-size:22px; }

  /* شبكة الشواهد */
  .evidence-grid{
    grid-template-columns:1fr !important;
  }

  /* نموذج إضافة شاهد */
  .form-row{
    grid-template-columns:1fr !important;
  }

  /* المودالات */
  .modal-content{
    margin:12px;
    max-height:calc(100vh - 24px);
    overflow-y:auto;
  }

  /* غلاف الرئيسية */
  .cover-page{
    padding:24px 16px;
    min-height:auto;
  }
  .cover-content h1{ font-size:22px; }
  .cover-content h2{ font-size:14px; }
  .cover-actions{ flex-direction:column; gap:8px; }
  .cover-actions .btn{ width:100%; justify-content:center; }

  /* شريط التقرير الثابت */
  .rpt-sticky-bar{
    padding:8px 12px;
    gap:6px;
    flex-wrap:wrap;
  }
  .rpt-bar-info{ display:none; }
  .rpt-bar-btn span{ display:none; }
  .rpt-bar-btn{
    padding:7px;
    border-radius:50%;
    width:34px;height:34px;
    justify-content:center;
  }
  .rpt-bar-title{ font-size:13px; }

  /* جدول التقييم */
  .rpt-v2-eval-table{ font-size:11px; }
  .rpt-v2-eval-table td,
  .rpt-v2-eval-table th{ padding:5px 8px; }
  .rpt-v2-col-witness{ display:none; }

  /* صفحات التقرير v2 */
  .report-page.rpt-v2{
    width:100% !important;
    min-height:auto !important;
  }
  .rpt-v2-content{ margin:8mm 6mm; }
  .rpt-v2-corner{ width:90px;height:90px; }
  .rpt-cover-v2-border{ min-height:auto; padding:18px; }
  .rpt-cover-v2-title{ font-size:20px; }
  .rpt-cover-v2-name{ font-size:17px; }
  .rpt-v2-qr-grid{
    grid-template-columns:repeat(auto-fill,minmax(100px,1fr)) !important;
    gap:10px;
  }
}

/* ══════════════════════════════════════════════════════════
   Responsive — جوال صغير (≤480px)
   ══════════════════════════════════════════════════════════ */
@media (max-width:480px){
  .main-content{
    padding:0 8px 14px !important;
  }
  #overview.content-section{ padding-top:6px !important; }
  /* tab-topbar يمتد بالكامل على الجوال الصغير */
  .content-section > .tab-topbar:first-child,
  .tab-section > .tab-topbar:first-child{
    margin-right:-8px !important;
    margin-left:-8px !important;
    padding-right:8px !important;
    padding-left:8px !important;
    border-radius:0 !important;
  }

  /* شريط التقرير على الجوال الصغير */
  .rpt-sticky-bar{
    margin-left:-8px  !important;
    margin-right:-8px !important;
    padding-left:8px  !important;
    padding-right:8px !important;
    flex-wrap:wrap;
    min-height:auto;
    gap:4px;
  }
  .rpt-bar-right{ flex:1; min-width:0; }
  .rpt-bar-actions{ width:100%; justify-content:flex-end; }
  .stats-grid{
    grid-template-columns:1fr 1fr !important;
    gap:8px;
  }
  .stat-card{ padding:12px 10px; }
  .stat-icon{
    width:36px;height:36px;
    font-size:16px;
  }

  .tab-topbar{
    padding:8px 10px;
    gap:6px;
  }
  .tab-topbar h2{ font-size:14px; }
  .tab-topbar-actions .btn{
    font-size:11px;
    padding:5px 8px;
    min-width:100px;
  }

  /* زر الموبايل أصغر */
  .sidebar-mob-toggle{
    width:38px;height:38px;
    font-size:14px;
  }

  /* المودالات بعرض كامل */
  .modal-content{
    margin:8px;
    border-radius:12px;
    padding:16px;
  }

  /* شريط التقرير */
  .rpt-sticky-bar{
    padding:6px 10px;
    gap:4px;
  }
  .rpt-bar-actions{ gap:3px; }
  .rpt-bar-btn{
    width:30px;height:30px;
    font-size:11px;
  }

  /* صفحات التقرير */
  .rpt-v2-content{ margin:5mm 4mm; }
  .rpt-v2-corner{ width:70px;height:70px; }
  .rpt-cover-v2-title{ font-size:18px; }
  .rpt-v2-page-header h2{ font-size:14px; }
  .rpt-v2-page-header i{ font-size:18px; }
}

/* ══════════════════════════════════════════════════════════
   Responsive — جوال صغير جداً (≤360px)
   ══════════════════════════════════════════════════════════ */
@media (max-width:360px){
  .tab-topbar h2{ font-size:13px; }
  .tab-topbar-actions .btn{ font-size:10px; min-width:90px; }
  .stats-grid{ grid-template-columns:1fr !important; }
  .rpt-bar-title span{ display:none; }
  .rpt-bar-btn{ width:28px;height:28px;font-size:10px; }
}

/* ══════════════════════════════════════════════════════════
   إصلاح: تحميل html2pdf — رسالة تحذير بدلاً من crash
   ══════════════════════════════════════════════════════════ */
/* لا يوجد CSS هنا — الإصلاح في JS */

/* ══════════════════════════════════════════════════════════
   إصلاح الطباعة — @media print نهائي للتقرير v2
   ══════════════════════════════════════════════════════════ */
@media print{
  /* إخفاء كل شيء ما عدا قسم التقرير */
  body > *{ display:none !important; }
  #app{ display:block !important; }
  #app > *{ display:none !important; }
  #dashboard-page{ display:block !important; }
  #dashboard-page > *{ display:none !important; }
  #dashboard-page #main-content{ display:block !important; }
  #main-content > *{ display:none !important; }
  #reports{ display:block !important; }
  #reports > *{ display:none !important; }
  #reports .rpt-sticky-bar{ display:none !important; }
  #final-report{ display:block !important; }

  /* إزالة padding/margin للطباعة */
  #main-content{ margin:0 !important; padding:0 !important; }
  #reports{ padding:0 !important; margin:0 !important; }
  .rpt-overall-card{ display:none !important; }

  /* صفحات v2 للطباعة */
  .report-page.rpt-v2{
    width:210mm !important;
    max-width:210mm !important;
    margin:0 auto !important;
    page-break-before:always !important;
    break-before:page !important;
    page-break-inside:avoid !important;
    box-shadow:none !important;
    background:#F8EEF3 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .report-page.rpt-v2.rpt-v2-cover{
    page-break-before:auto !important;
    break-before:auto !important;
    min-height:297mm !important;
    height:297mm !important;
  }

  /* إظهار/إخفاء الطباعة */
  .screen-only{ display:none !important; }
  .print-only{ display:flex !important; }
  .rpt-v2-qr-section{ display:block !important; }
  .rpt-v2-qr-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:12px !important;
  }
  .rpt-v2-qr-card{
    display:flex !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-v2-evid{ display:none !important; }
  .rpt-crit-ev-list{ display:none !important; }

  /* ألوان التقرير للطباعة */
  .rpt-v2-page-header{
    background:linear-gradient(135deg,#5a1f2b,#7b2c3a) !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-v2-eval-header{
    background:linear-gradient(135deg,#5a1f2b,#7b2c3a) !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-v2-eval-table thead th{
    background:#7b2c3a !important;
    color:#fff !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-v2-toc-item:nth-child(odd){
    background:#F0D8E4 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-v2-toc-item:nth-child(even){
    background:#D8D0E8 !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-v2-qr-card{
    background:linear-gradient(135deg,#FFF0F5,#FCE4EE) !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-cover-v2-border{
    border:3px solid #4B4F6D !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
  .rpt-v2-toc-num{
    background:#4B4F6D !important;
    color:#fff !important;
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }
}