/* مدارس الأمراء الأهلية — الأنماط المشتركة (هوية التصميم) */
/* خط محلي احتياطي (يعمل دون إنترنت): المِسيري — خطوط Google تبقى الأولى حين تتوفر */
@font-face{font-family:'El Messiri';src:url(fonts/ElMessiri-Regular.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'El Messiri';src:url(fonts/ElMessiri-Medium.ttf) format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'El Messiri';src:url(fonts/ElMessiri-SemiBold.ttf) format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'El Messiri';src:url(fonts/ElMessiri-Bold.ttf) format('truetype');font-weight:700;font-display:swap}
:root{
  --ink:#1E1631; --deep:#24124A; --primary:#5127A8; --primary-h:#4A2496; --bg:#F5F2FA; --lilac:#EDE6FA; --line:#E6DFF5;
  --muted:#5E5470; --muted2:#6B6182; --amber:#F0B23E; --amber-ink:#8A4B00; --amber-bg:#FFF4E0;
  --green:#13795B; --green-bg:#E3F4EC; --red:#B42318; --red-bg:#FCE7E5; --blue:#1D4F91; --blue-bg:#E6EEFB;
  --font:'IBM Plex Sans Arabic','El Messiri',Tahoma,'Segoe UI',sans-serif; --head:'Readex Pro','IBM Plex Sans Arabic','El Messiri',Tahoma,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.ltr{direction:ltr;unicode-bidi:isolate;display:inline-block}
.small{font-size:12px}

/* صفحات الخادم: الإعداد والدخول */
.ui-body{min-height:100vh;padding:24px 16px 40px}
.ui-wrap{margin:0 auto}
.ui-head{background:var(--deep);color:#fff;border-radius:22px 22px 0 0;padding:28px 20px 22px;text-align:center}
.ui-head img{width:96px;height:96px;border-radius:50%;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.ui-head h1{margin:10px 0 2px;font-family:var(--head);font-size:24px}
.ui-head p{margin:0;color:#E4DCF7;font-size:14px}
.ui-card{background:#fff;border:1px solid var(--line);border-top:0;border-radius:0 0 22px 22px;padding:22px 20px 24px;box-shadow:0 12px 32px rgba(36,18,74,.08)}
.ui-card h2{font-family:var(--head);font-size:19px;margin:0 0 8px}
.ui-p{color:var(--muted);line-height:1.9;margin:0 0 12px;font-size:14.5px}
.ui-form{display:flex;flex-direction:column;gap:12px}
.ui-form label{display:flex;flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;color:var(--muted)}
.ui-form input,.ui-form select{border:1px solid #D9CFF2;border-radius:10px;padding:11px 12px;font-size:16px;background:#fff;color:var(--ink);font-weight:500}
.ui-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){.ui-row{grid-template-columns:1fr}}
.ui-btn{display:block;text-align:center;background:var(--primary);color:#fff;border:0;border-radius:12px;padding:13px 16px;font-weight:700;font-size:16px;text-decoration:none;margin-top:4px}
.ui-btn:hover{background:var(--primary-h)}
.ui-btn.ghost{background:var(--lilac);color:var(--primary)}
.ui-btn:disabled{opacity:.6;cursor:wait}
.ui-err{background:var(--red-bg);color:var(--red);border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:14px;line-height:1.7}
.ui-hint{color:var(--muted2);font-size:12.5px;line-height:1.8;margin:-4px 0 0}
.ui-box{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;margin:0 0 16px;font-size:14px}
.ui-box .warn{color:var(--amber-ink)}
.ui-foot{text-align:center;color:var(--muted2);font-size:12px;margin-top:14px}
.ui-tabs{display:flex;gap:6px;background:var(--bg);border-radius:12px;padding:4px;margin:0 0 16px}
.ui-tabs button{flex:1;border:0;background:transparent;border-radius:9px;padding:9px 6px;font-weight:600;color:var(--muted)}
.ui-tabs button.on{background:#fff;color:var(--primary);box-shadow:0 2px 8px rgba(36,18,74,.1)}

/* إضافات وقت التشغيل على شاشات التصميم */
.rt-banner{position:sticky;top:0;z-index:50;background:var(--amber-bg);color:var(--amber-ink);border-bottom:1px solid #F3D9A6;padding:8px 16px;font:600 13px/1.6 var(--font);text-align:center}
.rt-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:9998;background:var(--deep);color:#fff;padding:11px 18px;border-radius:12px;font:600 14px/1.6 var(--font);box-shadow:0 10px 26px rgba(36,18,74,.3);max-width:90vw}
.rt-toast.err{background:var(--red)}
.rt-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(245,242,250,.6);z-index:9000;font:600 15px var(--font);color:var(--primary)}
@media print{.rt-banner,.rt-toast,.no-print{display:none!important}}
/* بوابات الدخول */
.lg-h{font-family:var(--head);font-size:19px;margin:0 0 12px;color:var(--ink)}
.lg-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px}
.lg-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;min-height:132px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--primary);cursor:pointer;font:inherit}
.lg-tile b{font-family:var(--head);font-size:17px;color:var(--ink)}
.lg-tile small{color:var(--muted);font-size:12.5px;line-height:1.7}
.lg-tile:hover{background:var(--bg);border-color:#CDBDF0}
.lg-tile:focus-visible,.lg-back:focus-visible{outline:3px solid #F0B23E;outline-offset:2px}
.lg-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.lg-bar .lg-h{margin:0}
.lg-back{border:0;background:var(--lilac);color:var(--primary);border-radius:10px;padding:9px 14px;font-weight:600;cursor:pointer;font:inherit;font-weight:600}

/* شريط المدرسة النشطة: أزرار ثابتة أعلى كل الشاشات */
.rt-schoolbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 16px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 10px rgba(36,18,74,.06);font:600 13px/1.4 var(--font)}
.rt-sb-label{color:var(--muted2);white-space:nowrap}
.rt-sb-list{display:flex;gap:8px;overflow-x:auto;padding:2px;flex:1 1 auto;scrollbar-width:thin}
.rt-sb-btn{border:1px solid #D9CFF2;background:#fff;color:var(--primary);border-radius:999px;padding:7px 16px;min-height:36px;font:600 13.5px var(--font);white-space:nowrap;cursor:pointer}
.rt-sb-btn:hover:not(:disabled){background:var(--lilac)}
.rt-sb-btn.rt-sb-all{border-style:dashed}
.rt-sb-btn.on{background:var(--primary);border-color:var(--primary);color:#fff;border-style:solid}
.rt-sb-btn:disabled{cursor:default;opacity:1}
.rt-sb-btn.on:disabled{opacity:1}
.rt-has-schoolbar .rt-banner{top:48px}
@media (max-width:640px){.rt-sb-label{display:none}.rt-schoolbar{padding:6px 10px}}
@media print{.rt-schoolbar{display:none!important}}

/* اختيار الملف بزر عربي (يخفي نص المتصفح الإنجليزي) */
input[type=file].rt-file-native{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;padding:0!important;border:0!important}
.rt-file{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:40px}
.rt-file-btn{border:1px solid #D9CFF2;background:var(--lilac);color:var(--deep);border-radius:10px;padding:8px 14px;font:600 13.5px/1.3 var(--font);cursor:pointer}
.rt-file-btn:hover{background:#E1D6F7}.rt-file-btn:disabled{opacity:.55;cursor:not-allowed}
.rt-file-name{font-size:13px;color:var(--muted);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rt-file-name.on{color:var(--ink);font-weight:600}

/* القائمة الجانبية القابلة للطي في الشاشات الصغيرة */
.rt-menu-btn{display:none;align-items:center;gap:8px;border:1px solid var(--line);background:var(--deep);color:#fff;border-radius:10px;min-height:38px;padding:0 12px;font:600 14px/1 var(--font);flex-shrink:0}
.rt-menu-btn span{font-size:20px;line-height:1}.rt-menu-btn b{font-weight:600}
.rt-menu-bd{display:none}
.rt-menubar{display:none}
@media (max-width:820px){
  .rt-menu-btn{display:inline-flex}
  .rt-menubar{display:flex;position:sticky;top:0;z-index:60;align-items:center;min-height:50px;padding:6px 12px;background:#fff;border-bottom:1px solid var(--line)}
  .rt-has-menu .rt-side{display:none!important}
  body.rt-menu-open .rt-side{display:flex!important;position:fixed;top:0;right:0;bottom:0;width:min(300px,86vw);flex:none!important;z-index:90;overflow-y:auto;box-shadow:-10px 0 40px rgba(0,0,0,.35)}
  body.rt-menu-open .rt-menu-bd{display:block;position:fixed;inset:0;z-index:85;background:rgba(20,10,40,.5)}
  body.rt-menu-open{overflow:hidden}
  .rt-has-menu .rt-schoolbar{gap:8px;top:50px}
}