@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=Readex+Pro:wght@500;600;700&display=swap');

/* FDX_PALETTE: لوحةُ الألوانِ المعتمَدة. كانت الألوانُ متفرّقةً في الملفِّ بقيمٍ
   مكتوبةٍ يدويّاً، فلا يُغيَّر لونٌ إلا بمطاردته في مواضعَ شتّى. صارت هنا مصدراً
   واحداً: ‹fd-*› هي المرجع، والأسماءُ القديمةُ تشير إليها فيبقى ما بُني عليها. */
:root{
  /* الهوية */
  --fd-primary:#F45614; --fd-primary-hover:#DC4A0C; --fd-primary-text:#C9440D;
  --fd-primary-tint:#FFF3ED; --fd-primary-tint-strong:#FFE6D8; --fd-primary-border:#FFD4BE;
  --fd-primary-row:#FFF7F2; --fd-primary-ring:rgba(244,86,20,.14);
  --fd-primary-shadow:0 4px 12px -4px rgba(244,86,20,.55);
  /* الأسطح */
  --fd-white:#FFFFFF; --fd-canvas:#F8F9FB; --fd-field:#F4F6F8; --fd-thumb:#F6F7F9;
  --fd-track:#EFF1F4; --fd-subtle:#FAFBFC;
  /* الحدود */
  --fd-border-card:#EDEFF2; --fd-border-button:#E3E6EA; --fd-border-hover:#D9DDE3;
  --fd-divider:#F0F2F5; --fd-divider-soft:#F7F8FA;
  /* النص */
  --fd-text:#101828; --fd-text-secondary:#4A5565; --fd-text-tertiary:#364153;
  --fd-text-muted:#6A7282; --fd-text-faint:#99A1AF;
  /* أنواع الملفات */
  --fd-type-pdf:#E7000B; --fd-type-doc:#155DFC; --fd-type-sheet:#00A63E;
  --fd-type-code:#9810FA; --fd-type-image:#F45614; --fd-type-folder:#6A7282;
  /* الحالات */
  --fd-success:#00A63E; --fd-success-tint:#F0FDF4; --fd-danger:#E7000B;
  --fd-danger-tint:#FEF2F2; --fd-danger-border:#FECACA; --fd-info:#155DFC;
  --fd-info-tint:#EFF6FF; --fd-neutral-tint:#F2F4F6;
  /* الظلال */
  --fd-shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --fd-shadow-card:0 10px 20px -12px rgba(16,24,40,.22);
  --fd-shadow-menu:0 18px 36px -18px rgba(16,24,40,.34);
  --fd-shadow-bar:0 8px 24px -10px rgba(16,24,40,.45);
  /* أنصاف الأقطار */
  --fd-r-sm:9px; --fd-r-md:11px; --fd-r-lg:14px; --fd-r-xl:18px; --fd-r-pill:999px;

  /* الأسماءُ القديمةُ مربوطةٌ باللوحة، فلا يُكسَر ما بُني عليها */
  --org:var(--fd-primary); --org2:var(--fd-primary-hover);
  --pur:var(--fd-text); --vio:var(--fd-info);
  --ink:var(--fd-text); --mut:var(--fd-text-muted);
  --bg:var(--fd-white); --card:var(--fd-white);
  --line:var(--fd-border-card); --line2:var(--fd-divider);
  --soft:var(--fd-field); --softer:var(--fd-divider-soft);
  --ok:var(--fd-success); --bad:var(--fd-danger);
  --sh:var(--fd-shadow-card); --sh2:var(--fd-shadow-xs);
}
/* FDX_UI: clean white ground — overrides any tinted FuSuite "paper" theme layer that
   loads after this stylesheet. Cards keep their soft borders/shadows below. */
html body,#app,.body,.main,.files,.side,.top,.crumbbar{background:#ffffff !important}
/* FDX_WHITE2: فيودرايف أبيض — تجاوز متغيّرات ثيم «الورق» المشترك (fdx-paper.css) التي تحوّل الأسطح
   للكريمي. !important يفوز على قواعد الورق العادية مهما كان ترتيب التحميل. (بطلب المستخدمة) */
html[data-fdx-app="fudrive"][data-fdx-style="paper"]{
  --bg:#ffffff !important; --card:#ffffff !important;
  --line:var(--fd-border-card) !important; --line2:var(--fd-divider) !important;
  --soft:var(--fd-field) !important; --softer:var(--fd-divider-soft) !important;
  --ink:var(--fd-text) !important; --mut:var(--fd-text-muted) !important;
}
html[data-fdx-app="fudrive"][data-fdx-style="paper"] body{background:#ffffff !important}
html[data-fdx-app="fudrive"][data-fdx-style="paper"] .card,
html[data-fdx-app="fudrive"][data-fdx-style="paper"] .card.sugg{background:#ffffff !important}
/* المصغّرة تبقى رمادي محايد فاتح (منطقة معاينة كجوجل) لا كريمي */
html[data-fdx-app="fudrive"][data-fdx-style="paper"] .card .thumb,
html[data-fdx-app="fudrive"][data-fdx-style="paper"] .card.sugg .thumb{background:var(--softer) !important}
html[data-fdx-app="fudrive"][data-fdx-style="paper"] .btn.ghost{background:var(--soft) !important;color:var(--pur) !important}
/* FDX_ISSUE13: the grid/list toggle now lives in the toolbar control group, not the header */
.topend #vtoggle{display:none}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow-x:hidden}
body{font-family:'Tajawal',system-ui,sans-serif;background:var(--bg);color:var(--ink);direction:rtl;font-size:14.5px;
  display:flex;flex-direction:column;height:100vh}
/* وضع الزائر: نخفي أدوات التطبيق ونظهر زر الدخول */
#topLogin{display:none;padding:8px 18px;font-size:13.5px}
body.guest #topLogin{display:inline-flex}
body.guest .search,body.guest #vtoggle,body.guest #uchip,body.guest #menuBtn{display:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,textarea,select{font-family:inherit;color:inherit}
a{color:inherit;text-decoration:none}
svg{display:block}
.hide{display:none!important}

/* ---------------- دخول ---------------- */
#login{flex:1;min-height:0;overflow:auto;display:flex;align-items:center;justify-content:center;padding:22px;
  background:radial-gradient(1100px 520px at 85% -10%,rgba(106,91,255,.10),transparent 60%),
             radial-gradient(900px 500px at 8% 108%,rgba(255,87,0,.08),transparent 55%),var(--bg)}
.login-grid{display:flex;gap:46px;align-items:center;max-width:1000px;width:100%}
.login-hero{flex:1.15;min-width:0}
.login-hero .eyebrow{display:inline-flex;align-items:center;gap:7px;background:#FFF0E6;color:var(--org,var(--fd-primary));   /* FDX_WHITE3 */
  font-weight:700;font-size:12.5px;padding:6px 14px;border-radius:999px;margin-bottom:18px}
.login-hero h1{font-family:'Readex Pro',Tajawal,sans-serif;font-size:38px;line-height:1.25;margin-bottom:14px}
.login-hero h1 b{color:var(--org)}
.login-hero p{color:var(--mut);font-size:16px;line-height:1.9;max-width:460px}
.login-feats{margin-top:26px;display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:480px}
.login-feats .f{display:flex;gap:10px;align-items:flex-start;background:var(--card);border:1px solid var(--line);
  border-radius:14px;padding:12px 14px;box-shadow:var(--sh2)}
.login-feats .f svg{width:20px;height:20px;color:var(--org);flex:none;margin-top:2px}
.login-feats .f b{display:block;font-size:13.5px}
.login-feats .f span{color:var(--mut);font-size:12px}
.login-card{flex:.85;background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);
  padding:38px 34px;text-align:center;max-width:400px}
.login-card .mark{width:64px;height:64px;margin:0 auto 16px;border-radius:18px;background:#FFF3EC;
  display:flex;align-items:center;justify-content:center;color:var(--org)}
.login-card .mark svg{width:34px;height:34px}
.login-card h2{font-family:'Readex Pro',Tajawal,sans-serif;font-size:21px;margin-bottom:6px}
.login-card .sub{color:var(--mut);font-size:13.5px;margin-bottom:24px;line-height:1.8}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 22px;border-radius:999px;
  font-weight:700;font-size:14px;transition:.15s}
.btn svg{width:17px;height:17px}
.btn.primary{background:linear-gradient(135deg,var(--org),var(--org2));color:#fff;box-shadow:0 8px 22px rgba(255,87,0,.30)}
.btn.primary:hover{transform:translateY(-1px)}
.btn.ghost{background:var(--soft);color:var(--pur)}
.btn.ghost:hover{background:#EDEAF8}
.btn.danger{background:#FDECEC;color:var(--bad)}
.btn.wide{width:100%}
.login-card .note{margin-top:16px;color:var(--mut);font-size:12px;line-height:1.7}

/* ---------------- الهيكل ---------------- */
#app{display:flex;flex-direction:column;flex:1;min-height:0}
.top{background:var(--card);border-bottom:1px solid var(--line);z-index:40;flex:none}
.top .in{display:flex;align-items:center;gap:14px;padding:10px 18px;min-width:0}
.brand{display:flex;align-items:center;gap:9px;font-family:'Readex Pro',Tajawal,sans-serif;
  font-weight:700;font-size:18.5px;flex:none}
.brand .bmark{color:var(--org);width:29px;height:29px}
.brand .bmark svg{width:29px;height:29px}
.brand b{color:var(--org)}
.brand span{color:var(--pur)}
.search{flex:1;max-width:640px;position:relative;min-width:120px}
.search > svg{width:17px;height:17px;color:var(--mut);position:absolute;right:14px;top:50%;transform:translateY(-50%)}  /* FDX_SEARCHICON */
.search input{width:100%;border:1px solid var(--line);background:#fff;border-radius:999px;
  padding:9.5px 42px 9.5px 16px;font-size:14px;outline:none;transition:.15s}
.search input:hover{border-color:var(--fd-border-hover)}
.search input:focus{background:#fff;border-color:#CFC8F0;box-shadow:0 0 0 3px rgba(106,91,255,.10)}
/* FDX_WHITE: زر عرض قائمة/شبكة كمقطّع (segmented) بأسلوب جوجل */
.vseg{display:inline-flex;background:var(--soft);border-radius:10px;padding:3px;gap:2px}
.vsegb{display:flex;align-items:center;justify-content:center;width:33px;height:28px;border-radius:8px;color:var(--mut);transition:.13s}
.vsegb:hover{color:var(--ink)}
.vsegb.on{background:#fff;color:var(--vio);box-shadow:0 1px 2px rgba(24,20,50,.14)}
.vsegb svg{width:17px;height:17px}
/* FDX_WHITE: جرس الإشعارات في النافبار — نقطة حمراء نظيفة */
/* FDX_NOTIFBADGE: الشارة كانت تُقصّ داخل حدود الزر فتبدو نقطة بلا رقم — نُخرِجها قليلاً ونمنع القصّ. */
#reqBell{position:relative;overflow:visible}
#reqBell .reqbadge{position:absolute;top:-2px;inset-inline-end:-2px;min-width:17px;height:17px;padding:0 4px;
  border-radius:999px;background:var(--org,var(--fd-primary));color:#fff;font-size:10.5px;font-weight:800;line-height:17px;
  text-align:center;box-shadow:0 0 0 2px #fff;z-index:2;pointer-events:none}
#reqBell .reqbadge.hide{display:none}
/* FDX_NAVFIX — السبب الجذري (مؤكَّد من كود fusuite/bar.js):
     "fudrive.fudex.com.sa": { sel: ".top .in", hide: "#uchip" }
   أي أن شريط فيوسويت يُلحِق مجموعته (الأقسام/المتجر/الاجتماعات/بطاقة الحساب) كابنٍ مباشر لـ
   «.top .in» — لا داخل .topend — ويُخفي بطاقتنا #uchip. وبوجود هامشٍ تلقائي على .topend وآخر على
   مجموعة فيوسويت، تتقاسم المجموعتان المساحة الفاضية فيسقط الجرس في منتصف الشريط.
   الإصلاح: هامش تلقائي واحد فقط (على .topend) يمتصّ كل الفراغ، وتحييد هوامش بقية أبناء الشريط،
   فيلتصق الجرس بمجموعة الحساب. الترتيب الناتج من اليسار: بطاقة الحساب ← أيقونات التنقّل ← الجرس. */
.topend{margin-inline-start:auto;display:flex;align-items:center;gap:10px;flex:none}
.topend > *{margin:0 !important;flex:0 0 auto !important}
/* FDX_BELLPLACE: الجرس يُحقَن الآن داخل مجموعة فيوسويت نفسها (انظر notifPlaceBell)، فلا حاجة
   لتحييد هوامشها — نكتفي بمنع تمدّدها حتى لا تدفع بقية الشريط. */
.top .in > *:not(.logo):not(.search):not(.topend){flex:0 0 auto !important}
/* الجرس داخل مجموعة فيوسويت: يتبع مسافاتها ويحافظ على هيئته */
#reqBell{flex:none}
.top .in{gap:10px}
/* FDX_BELLCHIP: الجرس ككبسولة بنفس هيئة أزرار الشريط (خلفية خفيفة + حواف دائرية) بدل أيقونة
   عريانة تبدو شاردة — فيظهر كعنصرٍ مقصود ومتناسق أياً كان موضعه. */
#reqBell{width:auto;min-width:38px;height:38px;padding:0 11px;border-radius:12px;flex:none;
  background:var(--soft);border:1px solid transparent;color:var(--pur,var(--fd-text));
  display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:.14s}
#reqBell:hover{background:#ECEFF4;border-color:var(--line)}
#reqBell svg{width:19px;height:19px}
#reqBell.hasnew{background:#FFF0E6;color:var(--org,var(--fd-primary))}
#reqBell.hasnew:hover{background:#FFE6D6}
@media(max-width:640px){.topend,.top .in{gap:8px}}

/* FDX_NOTIFCENTER: لوحة الإشعارات — مَن شارك معك وماذا ومتى */
.notifbox{position:fixed;z-index:820;width:min(360px,calc(100vw - 16px));background:var(--card);
  border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(30,27,51,.22);overflow:hidden}
.notifbox .nbhead{padding:10px 13px;border-bottom:1px solid var(--line2);font-weight:700;font-size:14px;
  display:flex;align-items:center;gap:6px}
.notifbox .nbhead .t{margin-inline-end:auto}
/* FDX_NOTIFREAD: أدوات الرأس — فلتر «غير المقروءة» و«تحديد الكل كمقروء» */
/* FDX_NBF: أزرار رأس الإشعارات — تنسيق عالمي (كان محصوراً في .notifbox فظهرت نصّاً عارياً
   في صفحة الإشعارات الكاملة). */
.nbf{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--card);
  color:var(--mut);border-radius:999px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:700;
  cursor:pointer;white-space:nowrap;line-height:1;transition:.12s}
.nbf:hover{background:var(--softer);color:var(--ink);border-color:var(--fd-border-hover)}
.nbf.on{background:#FFF0E6;border-color:var(--org,var(--fd-primary));color:var(--org,var(--fd-primary))}
.nbf svg{width:14px;height:14px;flex:none}
/* FDX_NOTIFREAD: علامتا صح — رمادي = غير مقروء · أخضر = مقروء (اضغط للتبديل) */
.notifbox .nbtick{flex:none;align-self:flex-start;margin-top:1px;border:none;background:transparent;cursor:pointer;
  width:26px;height:22px;display:flex;align-items:center;justify-content:center;color:#C4C8CF;transition:.12s}
.notifbox .nbtick svg{width:19px;height:19px}
.notifbox .nbtick:hover{color:#9AA0A6}
.notifbox .nbtick.on{color:var(--fd-success)}
.notifbox .nbtick.on:hover{color:#17835f}
.notifbox .nbempty{padding:22px 16px;color:var(--mut);font-size:13px;line-height:1.7;text-align:center}
.notifbox .nblist{max-height:min(60vh,440px);overflow-y:auto}
.notifbox .nbrow{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;cursor:pointer;
  border-bottom:1px solid var(--line2);transition:background .12s}
.notifbox .nbrow:last-child{border-bottom:none}
.notifbox .nbrow:hover{background:var(--softer)}
.notifbox .nbrow.new{background:#FFF6F1}
.notifbox .nbrow.new:hover{background:#FFEFE6}
/* FDX_NOTIFWEIGHT: التمييز بالوزن لا باللون (بطلب المستخدمة) — غير المقروء «بولد»،
   والمقروء وزنٌ عادي، وكلاهما بنفس اللون الواضح فلا يبهت النصّ أبداً. */
.notifbox .nbrow .nt{color:var(--ink)}
.notifbox .nbrow.new .nt{font-weight:700}
.notifbox .nbrow.read .nt{font-weight:400}
.notifbox .nbrow.read .ni{color:#9AA0A6}
.notifbox .nbrow .ni{flex:none;width:20px;height:20px;color:var(--org,var(--fd-primary));display:flex;margin-top:1px}
.notifbox .nbrow .ni svg{width:20px;height:20px}
.notifbox .nbrow .nt{flex:1;min-width:0;font-size:13px;line-height:1.65;color:var(--ink)}
.notifbox .nbrow .nt b{font-weight:700}
.notifbox .nbrow .nw{display:block;color:var(--mut);font-size:11.5px;margin-top:3px}
/* FDX_NOTIFALL: تذييل «عرض كل الإشعارات» */
.notifbox .nbfoot{display:block;width:100%;padding:11px;border:none;border-top:1px solid var(--line2);
  background:transparent;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;
  color:var(--org,var(--fd-primary))}
.notifbox .nbfoot:hover{background:#FFF6F1}
.iconbtn{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  color:#5A5478;transition:.13s}
.iconbtn:hover{background:var(--soft)}
/* FDX_NOTIFY: nice in-app pop-up notifications */
#notifs{position:fixed;bottom:20px;inset-inline-start:20px;z-index:900;display:flex;flex-direction:column;gap:10px;max-width:340px;width:calc(100% - 40px)}
@media(min-width:520px){#notifs{width:340px}}
.npop{background:var(--card);border:1px solid var(--line);border-inline-start:3px solid var(--org,var(--fd-primary));
  border-radius:14px;box-shadow:0 14px 44px rgba(30,27,51,.22);padding:12px 14px;opacity:0;transform:translateY(14px);
  transition:opacity .24s ease,transform .24s ease}
.npop.in{opacity:1;transform:none}
.npop.out{opacity:0;transform:translateY(14px)}
.npop .nph{display:flex;align-items:center;gap:9px}
.npop .npi{display:flex;color:var(--org,var(--fd-primary))}
.npop .npi svg{width:18px;height:18px}
.npop .npt{font-weight:700;font-size:13.5px;flex:1;color:var(--pur)}
.npop .npx{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:7px;color:var(--mut);flex:none}
.npop .npx:hover{background:var(--softer)}
.npop .npx svg{width:15px;height:15px}
.npop .npm{font-size:12.5px;color:#4A4566;margin:6px 0 0;line-height:1.7;word-break:break-word}
.npop .npa{display:flex;gap:8px;margin-top:10px}
.npop .npb{border:1px solid var(--line);border-radius:9px;padding:6px 14px;font-size:12.5px;font-weight:700;cursor:pointer;background:var(--card)}
.npop .npb:hover{background:var(--softer)}
.npop .npb.primary{background:var(--org,var(--fd-primary));color:#fff;border-color:transparent}
.npop .npb.primary:hover{filter:brightness(.96)}
/* FDX_REQACCESS: access-request bell badge */
#reqBell{position:relative}
.reqbadge{position:absolute;top:1px;inset-inline-end:1px;min-width:16px;height:16px;padding:0 4px;
  background:var(--org,var(--fd-primary));color:#fff;border-radius:999px;font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;line-height:1}
.iconbtn svg{width:19px;height:19px}
.iconbtn.on{background:#FFF0E6;color:var(--org,var(--fd-primary))}   /* FDX_WHITE3 */
.uchip{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid var(--line);
  border-radius:999px;background:var(--card)}
.uchip img,.uchip .uav{width:26px;height:26px;border-radius:50%;background:var(--pur);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}
.uchip .un{font-size:13px;font-weight:500;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.body{flex:1;display:flex;min-height:0;min-width:0;overflow-x:hidden}   /* FDX_HOMEFIX */

/* ---------------- الشريط الجانبي ---------------- */
.side{width:242px;flex:none;border-inline-end:1px solid var(--line);background:var(--card);
  display:flex;flex-direction:column;padding:16px 12px 12px}
#newBtn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--org),var(--org2));
  color:#fff;font-weight:800;font-size:15px;padding:12px 18px;border-radius:16px;
  box-shadow:0 8px 22px rgba(255,87,0,.28);margin-bottom:16px;transition:.15s}
#newBtn:hover{transform:translateY(-1px)}
#newBtn svg{width:19px;height:19px}
.nav{display:flex;flex-direction:column;gap:2px}
.nav .it{display:flex;align-items:center;gap:11px;padding:9.5px 13px;border-radius:11px;color:#4A4566;
  font-weight:500;font-size:14px;transition:.12s;position:relative}
.nav .it svg{width:18.5px;height:18.5px;color:#8B84AC}
.nav .it:hover{background:var(--softer)}
.nav .it.on{background:#FFF3EC;color:var(--org);font-weight:700}
.nav .it.on svg{color:var(--org)}
.nav .sep{height:1px;background:var(--line2);margin:9px 6px}
/* FDX_UI: clearer storage panel — title, "used من total", then bar (RTL-safe) */
.store{margin-top:auto;padding:14px 13px 8px;border-top:1px solid var(--line2)}
.store .lbl{display:flex;justify-content:space-between;color:var(--mut);font-size:12px;margin-bottom:7px}
.store .stitle{font-size:12px;font-weight:800;color:var(--pur);margin-bottom:3px}
.store .sval{font-size:12.5px;color:var(--mut);margin-bottom:9px;line-height:1.5}
.store.q-crit .sval,.store.q-full .sval{color:var(--bad);font-weight:700}
.store.q-warn .sval{color:var(--org);font-weight:700}
.store .bar{height:8px;background:var(--soft);border-radius:99px;overflow:hidden}
.store .bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--vio),var(--org));
  width:0%;transition:width .4s}

/* ---------------- المحتوى ---------------- */
.main{flex:1;min-width:0;display:flex;flex-direction:column}
.crumbbar{display:flex;align-items:center;gap:6px;padding:13px 22px 4px;flex-wrap:wrap;min-height:40px}
.crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.crumb a{padding:5px 11px;border-radius:9px;font-weight:600;color:var(--fd-text-secondary);font-size:14.5px;
  cursor:pointer}   /* FDX_CRUMBCUR: رابطٌ يُنقَر فيلزمه مؤشّرُ اليد */
.crumb a:hover{background:var(--soft)}
.crumb a.cur{color:var(--ink);font-weight:800;font-size:16px;cursor:default}
.crumb a.cur:hover{background:transparent}
.crumb .sepc{color:#C9C4E0}
.crumb .sepc svg{width:14px;height:14px}
/* FDX_TOOLROW: شريط الأدوات في صفٍّ مستقلّ تحت المسار وفوق الفلاتر — يتحاذى من البداية
   (يمين بالعربية) ويمنع إزاحة التخطيط على شاشات 1366px وأصغر */
.toolbar{padding:0 22px 8px;display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-start}
.toolbar:empty{display:none}
/* FDX_GDRIVE: dedicated clean filter row (Google-style chips), never overlaps the actions */
.filterbar{padding:0 22px 6px}
.filterbar:empty{display:none}
.filterbar .sfilters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
/* FDX_FILTERS: أزرار فلتر منسدلة بأسلوب جوجل (Type/People/Modified/Source) */
.fdrop{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--card);
  border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:600;color:var(--fd-text-secondary);cursor:pointer;transition:.13s;white-space:nowrap;max-width:200px}
.fdrop span{overflow:hidden;text-overflow:ellipsis}
.fdrop:hover{border-color:#CBD2DC;background:var(--soft)}
.fdrop.on{background:#FFF0E6;border-color:var(--org,var(--fd-primary));color:var(--org,var(--fd-primary))}
.fdrop svg{width:14px;height:14px;flex:none;opacity:.7}
.fdrop.clr{color:var(--vio);border-style:dashed}
.fdrop.clr:hover{background:var(--softer)}
.filterbar .selinfo{background:transparent;color:var(--mut);font-weight:700;padding:0;font-size:12.5px}
.filterbar select,.filterbar input{border:1px solid var(--line);background:var(--card);border-radius:999px;
  padding:6px 13px;font:inherit;font-size:12.5px;color:#4A4566;outline:none}
.filterbar select:hover,.filterbar input:hover{border-color:var(--org)}
.filterbar input{max-width:170px;direction:ltr;text-align:right}
.filterbar .tb{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;
  padding:6px 13px;font-size:12.5px;background:var(--card);cursor:pointer}
.filterbar .tb.warn{border-color:transparent;color:var(--org);background:transparent}
.filterbar .tb.warn:hover{background:var(--softer)}
.toolbar .tb{display:inline-flex;align-items:center;gap:7px;padding:7.5px 13px;border-radius:10px;
  font-size:13px;font-weight:600;color:#4A4566;transition:.12s}
.toolbar .tb:hover{background:var(--soft)}
.toolbar .tb svg{width:16.5px;height:16.5px}
.toolbar .tb.warn{color:var(--bad)}
.selinfo{background:#FFF0E6;color:var(--org,var(--fd-primary));   /* FDX_WHITE3 */font-weight:700;font-size:12.5px;padding:6px 12px;border-radius:999px}

.files{flex:1;overflow-y:auto;overflow-x:hidden;min-width:0;padding:4px 22px 26px}   /* FDX_HOMEFIX: منع تزحلق الصفحة أفقياً — الكاروسيلات تتمرّر داخل نفسها */
.gridwrap{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px}
/* FDX_UI: cleaner Drive-style cards — 1px border + soft resting shadow on the white ground */
/* FDX_CARD2: تصميم كارت بأسلوب قوقل درايف — رأس (أيقونة+اسم+قائمة) ثم مصغّرة المحتوى ثم البيانات */
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:0 0 4px;
  box-shadow:0 1px 2px rgba(24,20,50,.05);
  cursor:pointer;transition:.13s;position:relative;overflow:hidden;user-select:none;touch-action:manipulation}
.card:hover{box-shadow:var(--sh2);transform:translateY(-1px);border-color:var(--fd-border-hover)}
/* FDX_SELVIS: تحديد أوضح بأسلوب جوجل — إطار وهالة برتقالي + خلفية خفيفة + علامة صح مكان أيقونة النوع */
.card.sel{border-color:var(--org,var(--fd-primary));box-shadow:0 0 0 3px rgba(255,87,0,.22);background:#FFF6F1}
.card.sel .thumb{border-color:#FFD9C7}
.card.sel .chead .ic{display:none}
.card.sel .chead::before{content:"";flex:none;width:19px;height:19px;border-radius:50%;
  background:var(--org,var(--fd-primary)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 6.5'/%3E%3C/svg%3E") center/12px no-repeat;
  box-shadow:0 1px 3px rgba(255,87,0,.4)}
.card .chead{display:flex;align-items:center;gap:8px;padding:11px 12px 9px}
.card .chead .ic{flex:none;width:18px;height:18px}
.card .chead .ic svg{width:18px;height:18px}
.card .chead .nm{flex:1;min-width:0;font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .chead .dots{flex:none;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;
  color:var(--mut);opacity:.5;transition:.13s}
.card .chead .dots:hover{opacity:1;background:var(--soft)}
.card:hover .chead .dots{opacity:.85}
.card .chead .dots svg{width:17px;height:17px}
.card .thumb{position:relative;height:122px;margin:0 12px;border-radius:10px;overflow:hidden;
  background:var(--softer);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.card .thumb svg{width:40px;height:40px}
.card .thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}
.card .cmeta{padding:9px 13px 0;color:var(--mut);font-size:11.5px}
/* FDX_STARVIS: النجمة كانت رمادياً فاتحاً على خلفية شبه شفافة، فتضيع فوق أي معاينة فاتحة
   (شعار أبيض مثلاً). نمنحها قرصاً أبيض صريحاً بحدٍّ وظلّ ولوناً أغمق فتُقرأ على أي خلفية. */
.card .starb{position:absolute;top:7px;inset-inline-start:7px;width:27px;height:27px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;color:#6E6A85;background:#fff;
  border:1px solid rgba(24,20,50,.12);box-shadow:0 1px 5px rgba(24,20,50,.20);
  opacity:0;transition:.13s;cursor:pointer}
.card:hover .starb{opacity:1}
.card .starb:hover{color:#F5A623;border-color:#F3C98A}
.card .starb.on{opacity:1;color:#F5A623;border-color:#F3C98A}
.card .starb svg{width:15px;height:15px}
/* FDX_UI: permission/ share indicator overlaid at the thumbnail bottom */
.card .pchip{position:absolute;bottom:8px;inset-inline-end:8px;width:24px;height:24px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);
  box-shadow:0 2px 6px rgba(24,20,50,.12)}
.card .pchip svg{width:14px;height:14px}
.card .pchip.view{color:var(--vio)}
.card .pchip.edit{color:var(--org)}
.card .shchip{position:absolute;bottom:8px;inset-inline-end:8px;max-width:calc(100% - 16px);height:25px;padding:0 11px;border-radius:999px;
  border:1px solid transparent;display:inline-flex;align-items:center;gap:5px;cursor:pointer;white-space:nowrap;
  box-shadow:0 1px 4px rgba(20,16,45,.12)}
.card .shchip:hover{filter:brightness(.96)}
.card .shchip svg{width:14px;height:14px;flex:none}
.card .shchip b{font-size:11px;font-weight:800;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis}
.lrow .shchip{display:inline-flex;align-items:center;gap:5px;margin-inline-start:8px;padding:3px 10px;border-radius:999px;
  border:1px solid transparent;cursor:pointer;vertical-align:middle;flex:none;white-space:nowrap}
.lrow .shchip svg{width:13px;height:13px}
.lrow .shchip b{font-size:10.5px;font-weight:800;letter-spacing:-.1px}
/* per-state colors (apply to both grid + list) */
.shchip.sh{color:#C2410C;background:#FFE6D3;border-color:#FBC49B}
.shchip.pub{color:#5B34C7;background:#EAE3FF;border-color:#CFC0FB}
.shchip.prv{color:#4E596B;background:#EBEEF3;border-color:#D4DAE4}

/* FDX_GDRIVE: date-grouped timeline (grid view) */
.dtimeline{display:flex;flex-direction:column}
.dgroup{font-size:13px;font-weight:700;color:var(--fd-text-secondary);margin:16px 2px 9px}
.dtimeline .dgroup:first-child{margin-top:2px}
.dtimeline .gridwrap{margin-bottom:2px}
/* FDX_SUGGEST: صف «المقترحة» الأفقي بأسلوب قوقل درايف */
.suggrow{margin:2px 0 10px;max-width:100%;min-width:0}   /* FDX_HOMEFIX */
.sugghead{display:flex;align-items:center;gap:8px;margin:2px 2px 9px}
.sugghead .stt{font-size:14px;font-weight:700;color:var(--fd-text-secondary)}
.suggtog{display:flex;color:var(--mut);border-radius:8px;padding:2px;transition:transform .2s,background .15s}
.suggtog:hover{background:var(--soft)}
.suggtog.open{transform:rotate(180deg)}
.suggtog svg{width:18px;height:18px}
/* FDX_PAGEROW: صفوف المقترحة صفحاتٌ لا تمرير — شبكة بعدد أعمدة يُحسَب ليتّسع تماماً، بلا شريط تمرير.
   أزرار ‹ › ومؤشّر «١ / ٣» تُوضع في رأس القسم. */
/* FDX_PAGEROW: تنسيق المرقّم عالمي — يُستخدم في صفوف المقترحة وفي صفحة الإشعارات */
.pgnav{display:flex;align-items:center;gap:2px}
.sugghead .pgnav{margin-inline-start:auto}
.pgb{width:28px;height:28px;border-radius:8px;border:none;background:transparent;cursor:pointer;
  color:var(--mut);display:flex;align-items:center;justify-content:center;transition:.12s}
.pgb:hover:not([disabled]){background:var(--soft);color:var(--ink)}
.pgb[disabled]{opacity:.3;cursor:default}
.pgb svg{width:17px;height:17px}
.pglbl{font-size:12px;color:var(--mut);min-width:44px;text-align:center;font-weight:600}

/* FDX_HOME: صف «مجلدات مقترحة» في الرئيسية — كبسولات زي قوقل درايف */
.sfrow{display:grid;gap:12px;padding:2px 2px 14px;max-width:100%;min-width:0}
.sfcard{display:flex;align-items:center;gap:9px;min-width:0;   /* FDX_PAGEROW: عمود شبكة يتمدّد */
  background:var(--card);border:1px solid var(--line);border-radius:12px;padding:11px 14px;cursor:pointer;
  box-shadow:0 1px 2px rgba(24,20,50,.05);transition:.13s}
.sfcard:hover{box-shadow:var(--sh2);border-color:var(--fd-border-hover)}
.sfcard .ic{flex:none;width:20px;height:20px;color:#7A6FB0;display:flex}
.sfcard .ic svg{width:20px;height:20px}
.sfcard .nm{flex:1;min-width:0;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.suggcards{display:grid;gap:12px;padding:2px 2px 8px;max-width:100%;min-width:0}   /* FDX_PAGEROW: شبكة صفحات لا تمرير */
.suggcards.hide{display:none}
/* FDX_UNICARD: كروت «المقترحة» صارت نفس كارت الشبكة (.card) — نفس المعاينة والشارة والنجمة.
   هنا فروق مقاس فقط: مصغّرة أقصر قليلاً لأن الصف أفقي ومحدود الارتفاع. */
.card.sugg .thumb{height:96px}
.card.sugg .chead{padding:9px 11px 7px}
.card.sugg .chead .nm{font-size:12.5px}
.card.sugg .cmeta{padding:8px 12px 0;font-size:11px}
@media(max-width:640px){.card.sugg .thumb{height:78px}}
.listwrap{display:flex;flex-direction:column}
@media(min-width:641px){.listwrap.noshare .lhead,.listwrap.noshare .lrow{grid-template-columns:minmax(200px,1fr) 130px 110px 150px 34px}}
.lhead,.lrow{display:grid;grid-template-columns:minmax(200px,1fr) 130px 110px 150px 120px 34px;gap:8px;align-items:center;
  padding:9px 12px;border-bottom:1px solid var(--line2)}
.lhead{color:var(--mut);font-size:12px;font-weight:700;position:sticky;top:0;background:var(--bg);z-index:2}
/* FDX_GVIEW: clickable sortable column headers (Google-Drive-style) */
.lhead .hsort{cursor:pointer;user-select:none;display:flex;align-items:center;gap:3px}
.lhead .hsort:hover{color:var(--txt,var(--fd-text))}
.lhead .on{color:var(--brand,var(--fd-primary))}
.lhead .sarr{font-size:10px}
.lrow{cursor:pointer;border-radius:10px;border-bottom-color:transparent;user-select:none;touch-action:manipulation}
.lrow:hover{background:var(--softer)}
.lrow.sel{background:#FFF3EC;box-shadow:inset 3px 0 0 var(--org,var(--fd-primary))}   /* FDX_SELVIS */
.lrow .fnm{display:flex;align-items:center;gap:10px;font-weight:600;min-width:0}
.lrow .fnm .ic{width:19px;height:19px;flex:none}
.lrow .fnm .ic svg{width:19px;height:19px}
.lrow .fnm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lrow .mut{color:var(--mut);font-size:12.5px}
.lrow .dots{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--fd-text-muted)}
.lrow .dots:hover{background:var(--soft)}
.lrow .dots svg{width:16px;height:16px}

.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px;color:var(--mut)}
.empty svg{width:54px;height:54px;color:#D9D4EE;margin-bottom:14px}
.empty b{font-size:16px;color:var(--fd-text-secondary);margin-bottom:5px}
.empty span{font-size:13px}
.trashnote{background:var(--softer);border:1px solid var(--line);color:var(--mut);   /* FDX_WHITE3 */border-radius:12px;
  padding:10px 16px;font-size:12.5px;margin-bottom:12px}

/* سحب وإفلات */
/* FDX_DROPINTO: نافذة الإفلات مجرّد تلميح بصري — pointer-events:none حتى تمرّ أحداث السحب/الإفلات
   إلى كروت المجلدات تحتها (وإلا كان الغطاء يبتلع كل إفلات ويرفع في المجلد المفتوح دائماً). */
#dropzone{position:fixed;inset:0;background:rgba(58,38,102,.34);z-index:200;display:flex;align-items:center;justify-content:center;pointer-events:none}
#dropzone .dz{background:var(--card);border:2px dashed var(--vio);border-radius:22px;padding:46px 66px;text-align:center}
#dropzone svg{width:44px;height:44px;color:var(--vio);margin:0 auto 12px}
#dropzone b{font-size:17px}

/* لوحة الرفع */
/* FDX_UPUI: نافذة رفع عصرية أنيقة — تدرّج، ظل ناعم، حركة دخول، أشرطة تقدّم سلسة */
#uppanel{position:fixed;bottom:20px;inset-inline-start:20px;width:344px;background:var(--card);
  border:1px solid var(--line);border-radius:18px;overflow:hidden;z-index:180;
  box-shadow:0 12px 34px -8px rgba(24,20,50,.28),0 4px 12px -4px rgba(24,20,50,.14);
  animation:upIn .32s cubic-bezier(.2,.9,.25,1) both}
@keyframes upIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
#uppanel .uphead{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;
  background:linear-gradient(135deg,var(--fd-info),#8B5CF6 55%,#FF7A3D);color:#fff;font-weight:800;
  font-size:13.5px;letter-spacing:.2px}
#uppanel .uphead button{color:#fff;opacity:.85;display:flex;border-radius:8px;padding:3px;
  transition:background .15s,opacity .15s}
#uppanel .uphead button:hover{opacity:1;background:rgba(255,255,255,.18)}
#uppanel .uphead svg{width:16px;height:16px}
#uppanel .uprows{max-height:240px;overflow:auto;padding:7px 0}
.uprow{display:flex;align-items:center;gap:11px;padding:9px 16px;transition:background .15s}
.uprow:hover{background:var(--softer,rgba(106,91,255,.05))}
.uprow .ic{width:18px;height:18px;color:var(--vio,var(--fd-info));flex:none}
.uprow .ic svg{width:18px;height:18px}
.uprow .nm{flex:1;font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.uprow .st{font-size:10.5px;font-weight:700;color:var(--mut);flex:none;padding:2px 8px;border-radius:999px;
  background:var(--soft);min-width:38px;text-align:center}
.uprow .st.ok{color:#0E9F6E;background:rgba(31,169,124,.14)}
.uprow .st.bad{color:var(--bad,var(--fd-danger));background:rgba(229,72,77,.13)}
.uprow .pb{height:6px;background:var(--soft);border-radius:99px;overflow:hidden;flex:1;position:relative}
.uprow .pb i{display:block;height:100%;width:0%;border-radius:99px;position:relative;overflow:hidden;
  background:linear-gradient(90deg,var(--fd-info),#FF7A3D);transition:width .25s ease}
.uprow .pb i:not([style*="100%"])::after{content:"";position:absolute;inset:0;border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);
  transform:translateX(-100%);animation:upShim 1.3s infinite}
@keyframes upShim{to{transform:translateX(100%)}}
.upretry{font-size:10.5px;font-weight:700;color:var(--vio,var(--fd-info));background:rgba(106,91,255,.12);
  border-radius:999px;padding:2px 9px;flex:none}
.upx{color:var(--mut);opacity:.65;display:flex;flex:none;border-radius:7px;padding:2px;transition:opacity .15s,background .15s}
.upx:hover{opacity:1;background:var(--soft)}

/* قائمة السياق — فوق كل الطبقات (المحررات 600 والمعاينة 500) */
#ctx{position:fixed;z-index:800;background:var(--card);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 14px 44px rgba(30,27,51,.18);min-width:208px;padding:6px;overflow:hidden}
#ctx .ci{display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:9px;font-size:13.5px;
  font-weight:500;cursor:pointer;white-space:nowrap}
#ctx .ci:hover{background:var(--softer)}
#ctx .ci svg{width:17px;height:17px;color:#8B84AC}
#ctx .ci.warn{color:var(--bad)} #ctx .ci.warn svg{color:var(--bad)}
#ctx .csep{height:1px;background:var(--line2);margin:5px 8px}
/* FDX_GDRIVE: context-menu submenus + disabled items (RTL-aware) */
#ctx .ci{outline:none}
#ctx .ci:focus-visible{background:var(--softer)}
#ctx .ci.dis{opacity:.42;cursor:default;pointer-events:none}
#ctx .ci.hassub{position:relative}
#ctx .ci .carr{margin-inline-start:auto;display:flex}
#ctx .ci .carr svg{width:15px;height:15px}
#ctx .csub{position:fixed;background:var(--card);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 14px 44px rgba(30,27,51,.20);padding:6px;min-width:190px;z-index:801}
#ctx .csub.hide{display:none}

/* المودالات */
.mback{position:fixed;inset:0;background:rgba(30,27,51,.42);z-index:750;display:flex;
  align-items:center;justify-content:center;padding:18px}
.modal{background:var(--card);border-radius:20px;box-shadow:0 24px 70px rgba(30,27,51,.25);
  width:100%;max-width:470px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden}
.modal .mhead{display:flex;align-items:center;gap:10px;padding:17px 22px 13px;font-weight:800;font-size:16px}
.modal .mhead svg{width:19px;height:19px;color:var(--org)}
.modal .mhead .x{margin-inline-start:auto;width:30px;height:30px;border-radius:9px;display:flex;
  align-items:center;justify-content:center;color:var(--mut)}
.modal .mhead .x:hover{background:var(--soft)}
.modal .mbody{padding:2px 22px 18px;overflow:auto}
.modal .mfoot{display:flex;justify-content:flex-start;gap:9px;padding:13px 22px;border-top:1px solid var(--line2)}
.field{margin-bottom:13px}
.field label{display:block;font-size:12.5px;font-weight:700;color:var(--fd-text-secondary);margin-bottom:6px}
.field input[type=text],.field input[type=email],.field input[type=number],.field select,.field textarea{
  width:100%;border:1px solid var(--line);border-radius:11px;padding:10px 13px;font-size:14px;outline:none;background:#fff}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#CFC8F0;box-shadow:0 0 0 3px rgba(106,91,255,.10)}
.mrow{display:flex;gap:9px}
.mrow>*{flex:1}
/* FDX_DROPINTO: تظليل كرت المجلد عند السحب فوقه للرفع بداخله */
.card.dropinto,.lrow.dropinto{outline:2.5px dashed var(--vio,var(--fd-info));outline-offset:-2px;background:rgba(106,91,255,.09)}
/* FDX_KBNAV: مؤشّر التنقّل بالكيبورد */
.card.kbactive,.lrow.kbactive,.rrow.kbactive{box-shadow:0 0 0 2.5px var(--vio,var(--fd-info))}
.card.kbactive{border-radius:14px}
/* FDX_PEOPLE: قائمة اقتراح الأعضاء */
.shemwrap{position:relative;display:block}
.shemwrap>input{width:100%}
.shsug{position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;z-index:30;
  background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden auto;max-height:232px;
  box-shadow:0 12px 30px -8px rgba(24,20,50,.26)}
.shsug.hide{display:none}
.shsug-it{display:flex;flex-direction:column;gap:1px;padding:8px 12px;cursor:pointer;direction:ltr;text-align:left}
.shsug-it:hover,.shsug-it.on{background:var(--softer)}
.shsug-it .se{font-size:12.5px;font-weight:600;color:var(--ink)}
.shsug-it .sn{font-size:11px;color:var(--mut)}
.shrow{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line2);font-size:13.5px}
.shrow:last-child{border-bottom:none}
.shrow .em{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr;text-align:right}
.shrow .pm{color:var(--mut);font-size:12px}
.shrow .pmsel{font-size:12px;padding:3px 6px;border:1px solid var(--line2);border-radius:7px;
  background:var(--card,#fff);color:var(--txt,#111);cursor:pointer}
.shrow .pmsel:hover{border-color:var(--brand,var(--fd-primary))}
.shrow button{color:var(--bad);display:flex}
.shrow button svg{width:15px;height:15px}
/* FDX_PLINK: private-recipient copy button — neutral chip, not the red remove color */
.shrow .plink{color:var(--brand,var(--fd-primary));border:1px solid var(--line2);background:transparent;
  border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:700;white-space:nowrap;cursor:pointer;flex:none}
.shrow .plink:hover{background:rgba(255,87,0,.08)}
.linkbox{display:flex;gap:8px;align-items:center;background:var(--softer);border:1px solid var(--line);
  border-radius:11px;padding:9px 12px;margin-top:4px}
.linkbox input{flex:1;border:none;background:none;outline:none;font-size:12px;direction:ltr;color:#4A4566}
.hint{color:var(--mut);font-size:12px;margin-top:7px;line-height:1.7}
.vsrow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line2)}
.vsrow:last-child{border-bottom:none}
.vsm{flex:1;min-width:0}
.vsm b{display:block;font-size:13.5px}
.vsm span{color:var(--mut);font-size:11.5px;direction:ltr;display:block;text-align:right}
.csnip{display:flex;align-items:flex-start;gap:5px;padding:5px 12px 0;color:var(--mut);font-size:11px;line-height:1.6;
  max-height:34px;overflow:hidden}
.csnip svg{width:11px;height:11px;flex:none;margin-top:3px;color:var(--vio)}
.lsnip{color:var(--mut);font-size:11.5px;font-weight:400;margin-inline-start:8px;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap;max-width:45%}
/* FDX_SEARCHHL: إبراز كلمة البحث في الاسم والمقتطف */
mark.shl{background:#FFE9A6;color:inherit;border-radius:3px;padding:0 1px;font-weight:700}
.treewrap{max-height:290px;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:7px}
.tnode{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;cursor:pointer;font-size:13.5px;font-weight:500}
.tnode:hover{background:var(--softer)}
.tnode.on{background:#FFF0E6;color:var(--org,var(--fd-primary));font-weight:700}   /* FDX_WHITE3 */
.tnode svg{width:16px;height:16px;color:#B0A9D3;flex:none}
.tnode .tw{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex:none}

/* المعاينة */
#pview{position:fixed;inset:0;background:rgba(20,17,38,.92);z-index:500;display:flex;flex-direction:column}
#pview .phead{display:flex;align-items:center;gap:12px;padding:13px 20px;color:#fff}
#pview .phead .pnm{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#pview .phead .pmeta{color:rgba(255,255,255,.55);font-size:12px}
#pview .phead .sp{flex:1}
#pview .phead .iconbtn{color:rgba(255,255,255,.85)}
#pview .phead .iconbtn:hover{background:rgba(255,255,255,.12)}
#pview .pbody{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 60px 20px;position:relative}
#pview .pbody img{max-width:100%;max-height:100%;border-radius:8px}
#pview .pbody iframe{width:100%;height:100%;border:none;border-radius:10px;background:#fff}
/* FDX_GVIEW: Google-Drive-style PDF preview (thumbnail rail + native iframe) */
/* FDX_GDRIVE: professional Google-Drive-style PDF viewer */
#pview .pbody.pdf{padding:0;align-items:stretch}                 /* full-bleed; rail + stage fill */
#pview .pbody .pdfview{display:flex;width:100%;height:100%;min-height:0}
/* FDX_PDFVIEW: ثيم فاتح زي قوقل درايف — شريط مصغّرات أبيض على اليسار، مسرح رمادي فاتح،
   والصفحات تُرسَم صوراً عالية الدقة (لا عارض متصفّح مدمج ⇒ شريط أدوات واحد فقط). */
#pview .pvthumbs{width:176px;flex:none;order:-1;overflow-y:auto;background:#fff;
  border-inline-end:1px solid #E3E5E8;padding:14px 12px;display:flex;flex-direction:column;gap:14px}
#pview .pvth{cursor:pointer;border:2px solid transparent;border-radius:6px;text-align:center;transition:border-color .12s}
#pview .pvth:hover{border-color:#C9CDD3}
#pview .pvth.on{border-color:var(--org,var(--fd-primary))}
#pview .pvth img{width:100%;display:block;border-radius:2px;background:#fff;min-height:44px;
  box-shadow:0 1px 4px rgba(24,20,50,.22)}
#pview .pvth .pvthn{font-size:11px;color:#5F6368;display:block;margin-top:5px}
#pview .pvstage{flex:1;min-width:0;overflow:auto;background:#F1F3F4;display:block;padding:22px 0 40px}
#pview .pvpages{width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px;
  transition:width .12s}
#pview .pvpage{width:100%;background:#fff;box-shadow:0 1px 4px rgba(32,33,36,.28);border-radius:2px}
#pview .pvpage img{width:100%;height:auto;display:block;border-radius:2px;max-height:none}
/* FDX_PDFBIG: هيكل انتظار بارتفاع صفحة A4 تقريباً بدل شريط فارغ، ورسالة واضحة عند تعذّر صفحة */
#pview .pvpage.loading{min-height:60vh;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34'%3E%3Ccircle cx='17' cy='17' r='13' fill='none' stroke='%23DADCE0' stroke-width='3'/%3E%3Cpath d='M17 4a13 13 0 0 1 13 13' fill='none' stroke='%23FF5700' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 17 17' to='360 17 17' dur='.9s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") center no-repeat}
#pview .pvpage.failed{min-height:0;display:flex;align-items:center;justify-content:center}
#pview .pvfail{padding:26px 18px;color:#5F6368;font-size:13px;text-align:center}
#pview .pvstage iframe{width:100%;height:100%;min-height:70vh;border:none;background:#F1F3F4;border-radius:0}
/* FDX_SHAREBTN: زر «مشاركة» بنص داخل محرّري المستندات والجداول */
/* FDX_SHAREBTN: زرّ «مشاركة» يظهر في رأس المحرّر (.ehead) وليس داخل .etools — فالتخصيص السابق
   لم يُطبَّق فبدا بأيقونة ضخمة والكلمة تحتها. نُنسّقه بمحدّد مستقل يعمل في كل السياقات. */
.shbtn{display:inline-flex !important;flex-direction:row !important;align-items:center;justify-content:center;
  gap:6px;width:auto !important;min-width:0;padding:0 13px !important;height:31px;border-radius:999px;
  border:none;cursor:pointer;font-family:inherit;font-size:12.5px;font-weight:700;line-height:1;
  background:var(--org,var(--fd-primary));color:#fff;white-space:nowrap;flex:none}
.shbtn:hover{filter:brightness(1.07)}
.shbtn svg{width:15px !important;height:15px !important;flex:none}
.shbtn b{font-weight:700;font-size:12.5px}

/* FDX_SHAREBTN: زر «مشاركة» واضح داخل عارض الملفات */
#pview .pvshare{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;
  border:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:700;
  background:var(--org,var(--fd-primary));color:#fff;align-self:center;white-space:nowrap}
#pview .pvshare:hover{filter:brightness(1.07)}
#pview .pvshare svg{width:16px;height:16px}
#pview .ppage{font-size:12.5px;color:rgba(255,255,255,.85);align-self:center;white-space:nowrap}
#pview .pvzoom{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.09);border-radius:10px;padding:2px 4px}
#pview .pvzoom #pvZlbl{font-size:12px;color:rgba(255,255,255,.85);min-width:40px;text-align:center}
@media(max-width:640px){#pview .pvthumbs{display:none}}
#pview .phead{background:#1f1c2e;border-bottom:1px solid rgba(255,255,255,.08)}
#pview .pbody video{max-width:100%;max-height:100%;border-radius:10px}
#pview .pbody audio{width:min(520px,90%)}
#pview .pbody pre{background:#fff;border-radius:12px;padding:22px;max-width:100%;max-height:100%;overflow:auto;
  font-size:13px;direction:ltr;text-align:left;width:min(860px,96%)}
#pview .pnavb{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center}
#pview .pnavb:hover{background:rgba(255,255,255,.22)}
#pview .pnavb svg{width:20px;height:20px}
#pview .pnavb.prv{inset-inline-start:12px}
#pview .pnavb.nxt{inset-inline-end:12px}
#pview .noprev{color:rgba(255,255,255,.75);text-align:center}
#pview .noprev svg{width:52px;height:52px;margin:0 auto 14px;color:rgba(255,255,255,.4)}

/* المحرّرات */
.editor{position:fixed;inset:0;background:var(--bg);z-index:600;display:flex;flex-direction:column}
.ehead{display:flex;align-items:center;gap:11px;padding:9px 16px;background:var(--card);border-bottom:1px solid var(--line)}
.ehead .emark{width:32px;height:32px;border-radius:9px;background:#FFF3EC;color:var(--org);
  display:flex;align-items:center;justify-content:center;flex:none}
.ehead .emark svg{width:18px;height:18px}
.ehead input.etitle{border:none;outline:none;font-size:15.5px;font-weight:700;font-family:inherit;
  background:transparent;min-width:120px;flex:1;max-width:420px;border-radius:8px;padding:5px 8px}
.ehead input.etitle:hover{background:var(--softer)}
.ehead input.etitle:focus{background:var(--soft)}
.ehead .estat{color:var(--mut);font-size:12px;flex:none}
.fud-count{color:var(--mut);font-size:11.5px;flex:none;white-space:nowrap;
  background:var(--softer);border-radius:999px;padding:3px 10px}
.fud-count:empty{display:none}
@media(max-width:640px){.fud-count{display:none}}
.ehead .estat.dirty{color:var(--org)}
/* FDX_GDOCS: clear «view only» permission badge (Google-style), shown for read-only recipients */
.ehead .estat.viewonly{background:#eef0f4;color:#3c4257;border:1px solid #dfe3ea;border-radius:999px;
  padding:4px 12px;font-weight:700;font-size:12px}
.ehead .sp{flex:1}
.docwrap{flex:1;display:flex;min-height:0}
.docpane{flex:1;min-width:0;display:flex;flex-direction:column}
.docpane textarea{flex:1;border:none;outline:none;resize:none;padding:30px clamp(18px,6vw,70px);font-size:15.5px;
  line-height:2;background:var(--bg);font-family:'Tajawal',monospace}
.docprev{flex:1;min-width:0;border-inline-start:1px solid var(--line);background:#fff;overflow:auto;
  padding:30px clamp(18px,5vw,60px)}
/* FDX_HTMLVIEW: معاينة HTML المرسومة تملأ الشاشة؛ المصدر مخفي حتى يُطلَب بزر العرض */
.docprev.htmlprev{padding:0;overflow:hidden}
.htmlframe{width:100%;height:100%;border:none;display:block;background:#fff}
.docwrap.htmlrender .docpane{display:none}
.docwrap.htmlrender.withsrc .docpane{display:flex}
.md{line-height:2;font-size:15px}
.md h1,.md h2,.md h3{font-family:'Readex Pro',Tajawal,sans-serif;margin:.9em 0 .4em;color:var(--pur)}
.md h1{font-size:26px}.md h2{font-size:21px}.md h3{font-size:17px}
.md p{margin:.5em 0}
.md ul,.md ol{margin:.5em 1.4em .5em 0;padding:0}
.md li{margin:.22em 0}
.md code{background:var(--soft);border-radius:6px;padding:2px 7px;font-size:13px;direction:ltr;unicode-bidi:embed}
.md pre{background:#241E3E;color:#EDEAFB;border-radius:12px;padding:16px;overflow:auto;direction:ltr;text-align:left;margin:.7em 0}
.md pre code{background:none;color:inherit;padding:0}
.md blockquote{border-inline-start:4px solid var(--org);background:var(--softer);border-radius:8px;
  padding:8px 16px;margin:.7em 0;color:var(--fd-text-secondary)}
.md a{color:var(--vio);text-decoration:underline}
.md hr{border:none;border-top:1px solid var(--line);margin:1.2em 0}
.md img{max-width:100%;border-radius:10px}
.md table{border-collapse:collapse;margin:.7em 0;width:100%}
.md th,.md td{border:1px solid var(--line);padding:7px 12px;font-size:13.5px}
.md th{background:var(--softer)}
.md input[type=checkbox]{accent-color:var(--org);margin-inline-end:6px}
/* FDX_GDOCS: Google-Docs-style rounded toolbar pill */
.etools{display:flex;align-items:center;gap:2px;background:#f6f7fb;border:1px solid var(--line);
  border-radius:14px;padding:5px 10px;margin:8px 14px;flex-wrap:wrap}
.etools .tbn{display:flex;align-items:center;justify-content:center;min-width:31px;height:31px;padding:0 8px;
  border-radius:8px;color:#444;font-weight:700;font-size:13px}
.etools .tbn:hover{background:#e6e7ee}
.etools .tbn.on{background:#FFE6D3;color:var(--org)}
.etools .tbn svg{width:16.5px;height:16.5px}
.etools .vsep{width:1px;height:20px;background:var(--line);margin:0 6px}

/* الكنفاس */
.cvwrap{flex:1;min-height:0;overflow:auto;background:#EFEDF8;display:flex}
.cvstage{margin:auto;padding:26px}
#cvel{background:#fff;box-shadow:0 10px 40px rgba(30,27,51,.14);border-radius:6px;touch-action:none;display:block}
.cvtools{display:flex;align-items:center;gap:4px;background:var(--card);border-bottom:1px solid var(--line);
  padding:6px 14px;flex-wrap:wrap}
.cvtools .tbn{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#5A5478}
.cvtools .tbn:hover{background:var(--soft)}
.cvtools .tbn.on{background:#FFF0E6;color:var(--org,var(--fd-primary))}   /* FDX_WHITE3 */
.cvtools .tbn svg{width:18px;height:18px}
.cvtools .vsep{width:1px;height:22px;background:var(--line);margin:0 7px}
.cvtools .sw{width:23px;height:23px;border-radius:50%;border:2.5px solid transparent;cursor:pointer;flex:none}
.cvtools .sw.on{border-color:var(--pur);box-shadow:0 0 0 2px #fff inset}
.cvtools input[type=range]{width:90px;accent-color:var(--org)}
.cvtools .wlab{font-size:11.5px;color:var(--mut);min-width:22px;text-align:center}

/* ---------------- العارض الشامل ---------------- */
.vw-load{color:rgba(255,255,255,.75);font-size:15px}
.vw-doc{background:#fff;border-radius:14px;width:min(880px,96%);max-height:100%;overflow:auto;
  padding:34px clamp(20px,5vw,56px)}
:root{--doc-ff:Arial,'Noto Naskh Arabic',Tajawal,sans-serif;--doc-fs:12pt;--doc-lh:1.6;--doc-pm:.35em}  /* FDX_DOCTYPO */
.vw-doc .md{line-height:2.1;font-size:15px}
.fud-view{font-family:var(--doc-ff);font-size:var(--doc-fs);line-height:var(--doc-lh)}  /* FDX_DOCTYPO */
.fud-view p{margin:var(--doc-pm) 0}
.fud-view h1,.fud-view h2,.fud-view h3,.fud-view h4{line-height:1.25}
.vw-slides{background:transparent;padding:0}
/* FDX_EDITHINT: read-only Word/Excel preview → clear "press to edit a copy" banner */
.vw-edithint{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#FFF3EC;border-bottom:1px solid #FBC49B;
  color:#8a3d12;padding:10px 18px;flex:none}
.vw-edithint .vh-ic{font-size:17px;flex:none}
.vw-edithint .vh-tx{flex:1;min-width:180px;font-size:13px;line-height:1.6}
.vw-edithint .vh-btn{background:var(--org,var(--fd-primary));color:#fff;border:none;font-weight:700;font-size:13px;
  padding:9px 18px;border-radius:9px;cursor:pointer;white-space:nowrap}
.vw-edithint .vh-btn:hover{filter:brightness(.95)}
.vw-slides .pslide{background:#fff;border-radius:14px;padding:22px 28px;margin-bottom:14px}
.vw-slides .pslide-n{color:var(--fd-text-muted);font-size:11.5px;font-weight:700;margin-bottom:8px}
.vw-sheet{background:#fff;border-radius:14px;width:min(1100px,97%);height:92%;overflow:hidden;display:flex;flex-direction:column}

/* ---------------- المحرر الغني fudoc ---------------- */
.fdsel{border:1px solid var(--line);border-radius:9px;background:#fff;font-family:inherit;
  font-size:12.5px;font-weight:600;color:#4A4566;padding:5px 8px;outline:none;cursor:pointer}
.fud-wrap{flex:1;min-height:0;overflow:auto;background:#f0f1f4;padding:26px 14px 60px}  /* FDX_GDOCS: neutral page bg */
.fud-page{background:#fff;margin:0 auto;min-height:calc(100vh - 220px);position:relative;z-index:1;
  border-radius:2px;box-shadow:0 1px 3px rgba(60,64,67,.28),0 0 0 1px rgba(60,64,67,.06);outline:none;
  padding:clamp(26px,6vw,64px);font-family:var(--doc-ff);
  font-size:var(--doc-fs);line-height:var(--doc-lh);color:var(--fd-text)}  /* FDX_GDOCS2: افتراضيات قوقل دوكس */
.fud-page.ro{background:#fff}
.fud-page:focus{box-shadow:0 1px 5px rgba(60,64,67,.22),0 0 0 2px rgba(255,87,0,.18)}
.fud-page h1,.fud-page h2,.fud-page h3,.fud-page h4,.fud-page h5,.fud-page h6{font-family:inherit;color:var(--fd-text);margin:.6em 0 .25em;font-weight:700;line-height:1.25}
.fud-page h1{font-size:20pt}.fud-page h2{font-size:16pt}.fud-page h3{font-size:13.5pt}
.fud-page h4{font-size:12pt}.fud-page h5,.fud-page h6{font-size:11pt;color:var(--fd-text-secondary)}
.fud-page h1.fud-title{font-size:26pt}
.fud-page p.fud-subtitle{font-size:15pt;color:#66626F}
.fud-page p{margin:var(--doc-pm) 0}
.fud-page ul,.fud-page ol{margin:.3em 0;padding-inline-start:1.6em}
.fud-page li{margin:.2em 0}
.fud-page blockquote{border-inline-start:4px solid var(--org);background:var(--softer);
  border-radius:8px;padding:8px 16px;margin:.6em 0;color:var(--fd-text-secondary)}
.fud-page pre{background:#241E3E;color:#EDEAFB;border-radius:12px;padding:16px;overflow:auto;
  direction:ltr;text-align:left;margin:.6em 0;font-size:13px}
.fud-page a{color:var(--vio);text-decoration:underline}
.fud-page img{max-width:100%;border-radius:10px;margin:.4em 0}
.fud-page table{border-collapse:collapse;width:100%;margin:.6em 0}
.fud-page td,.fud-page th{border:1px solid #8a8794;padding:6px 10px;min-width:40px;vertical-align:top}
.fud-page input[type=checkbox]{accent-color:var(--org);margin-inline-end:7px;width:15px;height:15px}
.fud-page ul.fud-check{list-style:none;margin-inline-start:.3em}
.fud-page mark.fud-hit,.fud-view mark.fud-hit{background:#FFE58A;color:inherit;border-radius:3px;padding:0 2px}
.fud-toc,.fud-view .fud-toc{background:var(--softer);border:1px solid var(--line);border-radius:12px;
  padding:14px 20px;margin:.4em 0}
.fud-toc>b{display:block;font-family:'Readex Pro',Tajawal,sans-serif;color:var(--pur);margin-bottom:6px;font-size:15px}
.fud-toc ul{list-style:none;margin:0;padding:0}
.fud-toc li{margin:.15em 0;color:var(--fd-text-secondary);font-size:14px}
.fud-toc li::before{content:'—';color:#B0A9D3;margin-inline-end:7px}
.fsg-tbl td[colspan],.fsg-tbl td[rowspan]{background:#FDFCFF}
.fud-view table{border-collapse:collapse;width:100%;margin:.6em 0}
.fud-view td,.fud-view th{border:1px solid var(--line);padding:7px 11px}
.fud-view input[type=checkbox]{accent-color:var(--org);margin-inline-end:6px}
.fud-view blockquote{border-inline-start:4px solid var(--org);background:var(--softer);border-radius:8px;padding:8px 16px;margin:.6em 0}
.fud-view img{max-width:100%;border-radius:10px}
.fud-view h1,.fud-view h2,.fud-view h3{font-family:'Readex Pro',Tajawal,sans-serif;color:var(--pur);margin:.7em 0 .3em}

/* ---------------- شبكة الجداول fusheet ---------------- */
.fsg-host{flex:1;min-height:0;display:flex;flex-direction:column;outline:none}
.fsg{display:flex;flex-direction:column;min-height:0;height:100%;outline:none}
.fsg-fbar{display:flex;align-items:center;gap:9px;padding:7px 14px;background:var(--card);
  border-bottom:1px solid var(--line);flex:none}
.fsg-ref{min-width:64px;text-align:center;background:var(--softer);border:1px solid var(--line);
  border-radius:8px;padding:6px 10px;font-size:12.5px;font-weight:700;color:var(--pur);direction:ltr}
.fsg-fx{color:var(--mut);display:flex}
.fsg-fx svg{width:17px;height:17px}
.fsg-fbar input{flex:1;border:1px solid var(--line);border-radius:9px;padding:7px 12px;
  font-size:13.5px;outline:none;font-family:ui-monospace,Menlo,monospace}
.fsg-fbar input:focus{border-color:#CFC8F0;box-shadow:0 0 0 3px rgba(106,91,255,.10)}
.fsg-scroll{flex:1;min-height:0;overflow:auto;background:#fff;position:relative}
.fsg-tbl{border-collapse:separate;border-spacing:0;font-size:13px;table-layout:fixed}
/* FDX_GDOCS: Google-Sheets-style neutral gridlines + brand-orange active cell */
.fsg-tbl th,.fsg-tbl td{border-inline-end:1px solid #e2e3e8;border-bottom:1px solid #e2e3e8;padding:0 9px;
  height:29px;min-width:88px;max-width:320px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  vertical-align:middle;text-align:right;position:relative}
.fsg-tbl thead th{background:#f8f9fa;color:#5f6368;font-size:11.5px;font-weight:700;text-align:center;
  position:sticky;top:0;z-index:3;user-select:none;cursor:default}
.fsg-tbl .fsg-rh{background:#f8f9fa;color:#5f6368;font-size:11px;font-weight:700;text-align:center;
  position:sticky;inset-inline-start:0;z-index:2;min-width:42px;width:42px;user-select:none}
.fsg-tbl .fsg-corner{position:sticky;inset-inline-start:0;top:0;z-index:4;background:#f1f3f4;min-width:42px;width:42px}
.fsg-tbl td{cursor:cell;background:#fff}
.fsg-tbl td.fsg-num{direction:ltr;text-align:left}
.fsg-tbl td.sel{background:#FFF3EC}
.fsg-tbl td.anch{outline:2px solid var(--org);outline-offset:-2px;background:#fff}
.fsg-tbl td.editing{padding:0;overflow:visible}
.fsg-edit{position:absolute;inset:0;border:2px solid var(--org);border-radius:3px;outline:none;
  padding:0 7px;font:inherit;background:#fff;z-index:5;min-width:100%}
.fsg-rz{position:absolute;inset-inline-start:-4px;top:0;bottom:0;width:8px;cursor:col-resize;z-index:5}
.fsg-fill{position:absolute;left:-3px;bottom:-3px;width:7px;height:7px;background:var(--org);
  border:1.5px solid #fff;border-radius:2px;cursor:crosshair;z-index:6}
.fsg-tbl td.fillp{background:#FFF3EC;outline:1px dashed var(--org);outline-offset:-1px}
.fsg-tbl.frozen tbody tr:first-child td{position:sticky;top:29px;z-index:1;background:#FDFCFF;
  box-shadow:0 1px 0 #D9D5EC}
.fsg-tbl.frozen tbody tr:first-child td.sel{background:#FFF0E6}   /* FDX_WHITE3 */
.fsg-tbl.frozen tbody tr:first-child .fsg-rh{z-index:3;top:29px}
.fsg-tabs{display:flex;gap:5px;align-items:center;background:var(--card);border-top:1px solid var(--line);
  padding:6px 12px;overflow-x:auto;flex:none}
.fsg-tab{border:1px solid var(--line);background:var(--softer);border-radius:9px 9px 0 0;padding:6px 16px;
  font-size:12.5px;font-weight:700;color:var(--fd-text-secondary);white-space:nowrap}
.fsg-tab.on{background:#fff;color:var(--org);border-bottom-color:#fff;box-shadow:0 -2px 8px rgba(58,38,102,.06)}
.fsg-tab.fsg-add{border-radius:9px;padding:6px 12px;font-size:15px}
.fsg-status{position:absolute;bottom:52px;inset-inline-start:16px;background:var(--pur);color:#fff;
  border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600;pointer-events:none;z-index:20}
.fsg-status:empty{display:none}

/* ---------------- التعاون اللحظي ---------------- */
.peers{display:inline-flex;gap:4px;align-items:center;margin-inline-start:4px}
.peer-av{width:26px;height:26px;border-radius:50%;color:#fff;font-size:12px;font-weight:800;
  display:inline-flex;align-items:center;justify-content:center;border:2px solid #fff;
  box-shadow:0 2px 8px rgba(30,27,51,.18);flex:none}
.livedot{width:9px;height:9px;border-radius:50%;background:#C9C4E0;display:inline-block;
  margin-inline-end:6px;flex:none;transition:.2s}
.livedot.on{background:var(--fd-success);box-shadow:0 0 0 3px rgba(31,169,124,.18)}
.fsg-flag{position:absolute;top:-9px;inset-inline-start:-1px;color:#fff;font-size:9px;font-weight:800;
  padding:1px 6px;border-radius:6px 6px 6px 0;z-index:6;pointer-events:none;white-space:nowrap}
.fud-wrap{position:relative}
.fud-overlay{position:absolute;inset:0;pointer-events:none;z-index:5}
.fud-peer{position:absolute;inset-inline-end:calc(50% - 468px);color:#fff;font-size:10px;
  font-weight:800;padding:2px 8px;border-radius:8px;white-space:nowrap;pointer-events:none}
.fud-peer .tdots{display:inline-flex;gap:2px;margin-inline-start:3px;vertical-align:middle}
.fud-peer .tdots i{width:3.5px;height:3.5px;border-radius:50%;background:#fff;opacity:.5;
  animation:tdot 1.1s infinite}
.fud-peer .tdots i:nth-child(2){animation-delay:.18s}
.fud-peer .tdots i:nth-child(3){animation-delay:.36s}
@keyframes tdot{0%,100%{opacity:.35;transform:translateY(0)}45%{opacity:1;transform:translateY(-2.5px)}}
.fud-peer-bar{position:absolute;inset-inline-end:calc(50% - 440px);width:3.5px;border-radius:4px;pointer-events:none}
@media(max-width:980px){.fud-peer{inset-inline-end:6px}.fud-peer-bar{inset-inline-end:1px}}

/* توست */
#toasts{position:fixed;bottom:20px;right:50%;transform:translateX(50%);z-index:900;display:flex;
  flex-direction:column;gap:8px;align-items:center}
.toast{background:var(--pur);color:#fff;padding:10px 20px;border-radius:999px;font-size:13.5px;font-weight:600;
  box-shadow:0 10px 30px rgba(30,27,51,.3);display:flex;align-items:center;gap:9px;animation:tin .2s}
.toast.bad{background:var(--bad)}
.toast svg{width:16px;height:16px}
@keyframes tin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* الإدارة */
.adminwrap{padding:4px 0 30px}
.acards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:13px;margin-bottom:20px}
.acard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh2)}
.acard .k{color:var(--mut);font-size:12.5px;margin-bottom:5px}
.acard .v{font-family:'Readex Pro',Tajawal,sans-serif;font-size:22px;font-weight:700;color:var(--pur)}
/* FDX_GDRIVE: admin «نظرة عامة» dashboard */
.ahead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 16px;flex-wrap:wrap}
.ahead .atitle{font-family:'Readex Pro',Tajawal,sans-serif;font-size:22px;font-weight:700;color:var(--pur)}
.ahead .asub{color:var(--mut);font-size:12.5px;margin-top:2px}
/* FDX_REQPAGE: dedicated access-requests page + sidebar count badge */
.navbadge{margin-inline-start:auto;background:var(--bad,var(--fd-danger));color:#fff;font-size:11px;font-weight:700;
  min-width:18px;height:18px;line-height:18px;text-align:center;border-radius:9px;padding:0 5px}
#nav .it.reqit{display:flex;align-items:center}
.reqlist{display:flex;flex-direction:column;gap:11px}
/* FDX_REQCARD: بطاقة طلب وصول — حرف أول، بريد، الملف، شارة صلاحية، ووقت الإرسال */
/* FDX_REQCARD4: بطاقة أحدث — حوافّ أنعم، ظلّ خفيف بدل الحدّ الصريح، وتدرّج في الحرف الأول */
.reqcard{display:flex;flex-direction:column;gap:0;
  border:1px solid transparent;border-radius:18px;padding:16px 20px;background:var(--card,#fff);
  box-shadow:0 1px 2px rgba(60,64,67,.10),0 0 0 1px rgba(60,64,67,.05);
  transition:box-shadow .18s ease,transform .18s ease}
.reqcard:hover{box-shadow:0 4px 14px rgba(60,64,67,.13),0 0 0 1px rgba(60,64,67,.06);transform:translateY(-1px)}
.reqcard .rqav{width:42px;height:42px;flex:none;border-radius:14px;
  background:linear-gradient(135deg,var(--org,var(--fd-primary)),#FF8A3D);
  color:#fff;font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(255,87,0,.28)}
.reqcard .rqinfo{flex:1;min-width:170px}
.reqcard .rqem{font-weight:600;font-size:14.5px;color:var(--ink,#1f1f27);
  display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.reqcard .rqad{direction:ltr;unicode-bidi:isolate}   /* FDX_REQCARD2 */
/* FDX_REQCARD3: أعمدة الصفّ — صلاحية قابلة للاختيار، ووقت إرسال بتاريخ وساعة */
.reqcard .rqtop{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.reqcard .rqbot{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;
  margin-top:14px;padding-top:14px;border-top:1px solid var(--line2)}
.reqcard .rqasked{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;
  background:var(--softer,#F8F7FD);border-radius:999px;padding:6px 13px;
  font-size:12px;color:var(--mut);white-space:nowrap}
.reqcard .rqasked svg{width:13px;height:13px;opacity:.7}
.reqcard .rqtime{display:inline-flex;align-items:center;gap:6px;
  background:var(--soft,#F1F0F6);border-radius:999px;padding:6px 13px;
  font-size:12px;color:var(--mut);white-space:nowrap}
.reqcard .rqtime svg{width:13px;height:13px;opacity:.75}
.reqcard .rqcol{display:flex;flex-direction:column;gap:7px;flex:none;min-width:0}

.reqcard .rqcl{font-size:10.5px;font-weight:700;color:var(--mut);letter-spacing:.03em;opacity:.85}
.reqcard .rqseg{display:inline-flex;background:var(--soft,#F1F0F6);border-radius:999px;padding:3px;gap:2px}
.reqcard .rqsg{display:inline-flex;align-items:center;gap:5px;border:0;background:none;cursor:pointer;
  font:inherit;font-size:12.5px;font-weight:600;color:var(--mut);padding:6px 13px;border-radius:999px;
  transition:background .15s,color .15s,box-shadow .15s}
.reqcard .rqsg svg{width:13px;height:13px;opacity:.8}
.reqcard .rqsg:hover{color:var(--ink,#1f1f27)}
.reqcard .rqsg.on{background:#fff;color:var(--org,var(--fd-primary));box-shadow:0 1px 3px rgba(60,64,67,.16)}

.reqcard .rqdate{font-size:13px;font-weight:600;color:var(--ink,#1f1f27)}
.reqcard .rqhour{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--mut)}
.reqcard .rqhour svg{width:13px;height:13px;opacity:.75}
@media (max-width:820px){
  .reqcard .rqasked{margin-inline-start:0}
  .reqcard .rqasked,.reqcard .rqtime{order:3}
  .reqcard .rqbot{gap:14px}
  .reqcard .rqacts{width:100%}
}
.reqcard .rqmeta{color:var(--mut);font-size:13px;margin-top:3px}
.reqcard .rqmsg{color:#514B6E;font-size:12.5px;margin-top:6px;background:var(--softer);border-radius:8px;padding:7px 10px}   /* FDX_WHITE3 */
.reqcard .rqacts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;
  margin-inline-start:auto;min-height:35px;margin-top:21px}
.reqcard .rqacts .btn{padding:9px 18px;font-size:13px;border-radius:999px;font-weight:600}
.acard .ah{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.acard .ah .ai svg{width:18px;height:18px;color:var(--org)}
.acard .asub2{color:var(--ok,var(--fd-success));font-size:11.5px;margin-top:4px}
.astorow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}
.astorow .apanel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh2)}
.astorow .apanel .h2sec{margin-top:0}
.astorow .alog{display:flex;flex-direction:column;gap:2px}
@media(max-width:820px){.astorow{grid-template-columns:1fr}}
.adonut{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--sh2);margin:18px 0}
.astorow .adonut{margin:0;border:none;box-shadow:none;padding:0}
.adonut .dwrap{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.adonut .dsvg{width:150px;height:150px;flex:none}
.adonut .dnum{font-size:15px;font-weight:700;fill:var(--pur);font-family:'Readex Pro',sans-serif}
.adonut .dlbl{font-size:8px;fill:var(--mut)}
.adonut .dleg{display:flex;flex-direction:column;gap:9px}
.adonut .lg{display:flex;align-items:center;gap:9px;font-size:13px;color:#4A4566}
.adonut .lg b{color:var(--pur);margin-inline-start:4px}
.adonut .dot{width:12px;height:12px;border-radius:4px;flex:none}
.atable{width:100%;border-collapse:collapse;background:var(--card);border-radius:14px;overflow:hidden;
  border:1px solid var(--line);margin-bottom:20px}
.atable th{background:var(--softer);text-align:right;padding:10px 14px;font-size:12.5px;color:var(--fd-text-secondary)}
.atable td{padding:9px 14px;border-top:1px solid var(--line2);font-size:13px}
.atable td.ltr{direction:ltr;text-align:right}
.atable .qedit{color:var(--vio);font-weight:700;cursor:pointer;font-size:12px}
.alog{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:6px 16px}
.alog .lr{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid var(--line2);font-size:12.5px;flex-wrap:wrap}
.alog .lr:last-child{border-bottom:none}
.alog .lt{color:var(--mut);flex:none;direction:ltr}
.alog .la{font-weight:700;color:var(--pur);flex:none}
.alog .ln{color:#4A4566}

.h2sec{font-family:'Readex Pro',Tajawal,sans-serif;font-size:16px;margin:4px 0 12px;color:var(--pur)}

/* استجابة */
@media(max-width:860px){
  .side{position:fixed;inset-inline-start:0;top:0;bottom:0;z-index:150;transform:translateX(100%);transition:.2s;box-shadow:var(--sh)}
  [dir=rtl] .side{transform:translateX(100%)}
  .side.open{transform:none}
  #menuBtn{display:flex!important}
  .login-grid{flex-direction:column;gap:26px}
  .login-hero h1{font-size:28px}
  .login-feats{grid-template-columns:1fr}
  .lhead,.lrow{grid-template-columns:minmax(140px,1fr) 90px 34px}
  .lhead .hcol3,.lrow .rcol3,.lhead .hcol4,.lrow .rcol4,.lhead .hcol5,.lrow .rcol5{display:none}
  .docwrap.split .docprev{display:none}
  #uppanel{width:calc(100vw - 36px)}
  .uchip .un{display:none}
}
#menuBtn{display:none}
#sideback{position:fixed;inset:0;background:rgba(30,27,51,.3);z-index:140}
@media(max-width:640px){
  .top .in{flex-wrap:wrap;row-gap:7px;padding:8px 12px;gap:9px}
  .search{order:5;flex-basis:100%;max-width:none}
  .ehead{flex-wrap:wrap;padding:8px 10px;gap:7px}
  .ehead input.etitle{min-width:90px;font-size:14px;flex:1 1 120px}
  .ehead .btn{padding:8px 14px;font-size:12.5px}
  .etools{padding:4px 8px;gap:2px}
  .etools .tbn{min-width:29px;height:29px}
  .fud-wrap{padding:12px 6px 40px}
  .fud-page{padding:20px 16px;min-height:60vh}
  .fsg-fbar{padding:6px 8px;gap:6px}
  .fsg-ref{min-width:52px;padding:6px 6px}
  .gridwrap{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
  .card .thumb{height:86px}
}

/* ---------------- المخططات ---------------- */
.fch-layer{position:absolute;inset:0;pointer-events:none;z-index:8}
.fch{position:absolute;background:#fff;border:1px solid var(--line);border-radius:12px;
  box-shadow:0 8px 28px rgba(30,27,51,.14);pointer-events:auto;display:flex;flex-direction:column;overflow:hidden}
.fch-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--softer);
  border-bottom:1px solid var(--line2);cursor:move;user-select:none;flex:none}
.fch-t{font-size:12px;font-weight:700;color:var(--pur);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fch-r{font-size:10.5px;color:var(--mut);direction:ltr;background:#fff;border:1px solid var(--line);
  border-radius:6px;padding:1px 6px}
.fch-x{width:24px;height:24px;border-radius:7px;display:flex;align-items:center;justify-content:center;color:var(--fd-text-muted)}
.fch-x:hover{background:#EDEAF8}
.fch-x svg{width:15px;height:15px}
.fch-body{flex:1;min-height:0;overflow:hidden}
.fch-body svg{display:block;width:100%;height:100%}
.fch-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--mut);font-size:12.5px}
.fch-rz{position:absolute;inset-inline-start:0;bottom:0;width:16px;height:16px;cursor:nesw-resize;
  background:linear-gradient(45deg,transparent 55%,var(--vio) 55%,var(--vio) 70%,transparent 70%)}

/* ---------------- لوحة التعليقات ---------------- */
.fcmt-panel{position:fixed;top:0;bottom:0;inset-inline-start:0;width:340px;background:var(--card);
  border-inline-end:1px solid var(--line);box-shadow:6px 0 30px rgba(30,27,51,.12);z-index:700;
  display:flex;flex-direction:column}
.fcmt-head{display:flex;align-items:center;gap:9px;padding:14px 16px;border-bottom:1px solid var(--line2);flex:none}
.fcmt-head svg{width:19px;height:19px;color:var(--org)}
.fcmt-head b{font-size:15px}
.fcmt-anchor{margin-inline-start:auto;font-size:11px;color:var(--mut);background:var(--softer);
  border-radius:999px;padding:3px 10px;white-space:nowrap}
.fcmt-close{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--mut)}
.fcmt-close:hover{background:var(--soft)}
.fcmt-close svg{width:16px;height:16px}
.fcmt-list{flex:1;overflow:auto;padding:12px 14px}
.fcmt-empty{text-align:center;color:var(--mut);padding:40px 10px;font-size:13px}
.fcmt-empty svg{width:38px;height:38px;color:#D9D4EE;margin:0 auto 10px}
.fcmt-item{background:var(--softer);border:1px solid var(--line2);border-radius:13px;padding:11px 13px;margin-bottom:11px}
.fcmt-item.done{opacity:.62}
.fcmt-q{border-inline-start:3px solid var(--org);background:#fff;border-radius:7px;padding:5px 9px;
  font-size:11.5px;color:var(--fd-text-secondary);margin-bottom:7px;max-height:44px;overflow:hidden}
.fcmt-meta{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--mut);margin-bottom:5px}
.fcmt-meta b{color:var(--ink);font-size:12.5px}
.fcmt-badge{background:#E7F6EF;color:var(--ok);border-radius:999px;padding:1px 8px;font-weight:700;font-size:10px}
.fcmt-body{font-size:13.5px;line-height:1.85}
.fcmt-acts{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}
.fcmt-acts button{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;
  color:var(--fd-text-secondary);background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 9px}
.fcmt-acts button:hover{background:var(--soft)}
.fcmt-acts button.warn{color:var(--bad)}
.fcmt-acts svg{width:13px;height:13px}
.fcmt-reply{background:#fff;border:1px solid var(--line2);border-radius:10px;padding:8px 11px;margin-top:8px;
  margin-inline-start:14px}
.fcmt-new{display:flex;gap:8px;padding:11px 14px;border-top:1px solid var(--line2);flex:none;align-items:flex-end}
.fcmt-new textarea{flex:1;border:1px solid var(--line);border-radius:11px;padding:9px 12px;font-family:inherit;
  font-size:13.5px;resize:none;outline:none}
.fcmt-new textarea:focus{border-color:#CFC8F0;box-shadow:0 0 0 3px rgba(106,91,255,.10)}
.fcmt-send{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--org),var(--org2));
  color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.fcmt-send svg{width:18px;height:18px}
body.fcmt-on .editor{inset-inline-start:340px}
.fud-cmt{background:#FFF3B0;border-bottom:2px solid #F5A623;cursor:pointer;border-radius:2px}
.fud-cmt.resolved{background:transparent;border-bottom-color:#E3E0F0}
.fud-cmt:hover{background:#FFE9A0}
.fsg-tbl td.has-cmt{position:relative}
.fsg-tbl td.has-cmt::after{content:'';position:absolute;top:1px;inset-inline-start:1px;width:0;height:0;
  border-top:7px solid #F5A623;border-inline-end:7px solid transparent}
@media(max-width:860px){
  .fcmt-panel{width:100%;inset-inline-start:0}
  body.fcmt-on .editor{inset-inline-start:0}
}

/* تصفية وتنسيق شرطي */
.fsg-ch.fon{background:#FFF3EC;color:var(--org)}
.fsg-fi{display:inline-block;width:0;height:0;margin-inline-start:3px;vertical-align:middle;
  border-inline-start:4px solid transparent;border-inline-end:4px solid transparent;border-top:5px solid var(--org)}
.cfrow{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px solid var(--line2)}
.cfrow:last-child{border-bottom:none}
.cfsw{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);flex:none;cursor:pointer}
.cfsw.on{border-color:var(--pur);box-shadow:0 0 0 2px #fff inset}
.cfr{font-size:12px;font-weight:700;direction:ltr;color:var(--pur);background:var(--softer);
  border-radius:6px;padding:2px 8px}
.cfm{flex:1;font-size:12.5px;color:var(--fd-text-secondary)}
.cfx{color:var(--bad);display:flex}
.cfx svg{width:15px;height:15px}
.thumb img.pdfth{object-fit:cover;object-position:top center;background:#fff;
  border-radius:8px;box-shadow:0 1px 4px rgba(58,38,102,.14)}


/* ═══ FDX_GDOCS2: طبقة الصفحات مثل قوقل — ورقة/هوامش/هيدر-فوتر/فواصل/زوم/صور ═══ */
.fud-sheet{position:relative;margin:0 auto;width:-moz-fit-content;width:fit-content}
.fud-docmeta{display:none}
.fud-hfzone{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;align-items:flex-end;pointer-events:none}
.fud-hfzone.fud-ftz{top:auto;bottom:0;align-items:flex-start}
.fud-hfedit{pointer-events:auto;flex:1;margin:0 20px 5px;min-height:18px;max-height:72%;overflow:hidden;
  font-size:9.5pt;line-height:1.35;color:#3A3650;outline:none;border-bottom:1px dashed transparent;border-radius:4px}
.fud-ftz .fud-hfedit{margin:5px 20px 0;border-bottom:0;border-top:1px dashed transparent}
.fud-hfedit:empty::before{content:attr(data-ph);color:#C4C0D2;font-size:9pt}
.fud-hfedit:hover,.fud-hfedit:focus{border-color:#D9D5EC;background:#FBFAFF}
.fud-pnchip{position:absolute;bottom:5px;inset-inline-end:22px;background:#EFEDF8;color:var(--fd-text-secondary);
  font-size:10px;border-radius:6px;padding:1px 7px;pointer-events:none}
.fud-ftz .fud-pnchip{top:auto;bottom:5px}
.fud-hfzone:not(.fud-ftz) .fud-pnchip{bottom:5px}
.fud-marks{position:absolute;inset:0;pointer-events:none;z-index:2}
.fud-mark{position:absolute;left:-16px;right:-16px;border-top:1.5px dashed #C9C4E0}
.fud-mark.hard{border-top:0}
.fud-mark-lb{position:absolute;top:-9px;inset-inline-start:-10px;background:#f0f1f4;color:#8A86A0;
  font-size:10px;padding:0 7px;border-radius:6px;white-space:nowrap}
.fud-page .fud-page-break{height:0;border-top:2px dashed #FFB38A;margin:16px -12px;position:relative}
.fud-imgbox{position:absolute;z-index:5;border:2px solid var(--fd-info);border-radius:4px;pointer-events:none}
.fud-imgh{position:absolute;bottom:-8px;inset-inline-end:-8px;width:15px;height:15px;background:var(--fd-info);
  border:2.5px solid #fff;border-radius:50%;cursor:nwse-resize;pointer-events:auto;box-shadow:0 1px 4px rgba(30,27,51,.3)}
.fud-imgbar{position:absolute;top:-36px;inset-inline-start:0;display:flex;gap:4px;background:#fff;
  border:1px solid var(--line);border-radius:8px;padding:2px 4px;pointer-events:auto;box-shadow:0 4px 14px rgba(30,27,51,.14)}
.fud-imgbar .tbn{padding:2px 8px;font-size:12px}
.fud-imgbar .tbn.warn{color:var(--fd-danger)}
.fd-fontsel{max-width:132px}
.fd-ptbox{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}
.fd-ptbox .tbn{padding:2px 7px;border-radius:0}
#fdSizeIn{width:42px;border:0;text-align:center;font-size:13px;outline:none;background:transparent;-moz-appearance:textfield;appearance:textfield}
#fdSizeIn::-webkit-outer-spin-button,#fdSizeIn::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
#fdZoom{width:76px}
#fdTools{flex-wrap:wrap;row-gap:4px}
.tbn.on{background:var(--org);color:#fff;border-radius:8px}
#fdDirR,#fdDirL{font-size:12.5px;font-weight:700;padding:3px 7px}
@media (max-width:700px){
  .fud-hfedit{margin:0 10px 4px}
  .fd-fontsel{max-width:96px}
}

/* ═══ FDX_GDOCS3: صفحات منفصلة بفراغ + هيدر/فوتر بخلفية + ترقيم ظاهر ═══ */
.fud-page.pgd{background:transparent !important;box-shadow:none !important;border-radius:0}
.fud-page.pgd:focus{box-shadow:none !important}
.fud-pgbg{position:absolute;inset:0;z-index:0;pointer-events:none}
.fud-pcard{position:absolute;left:0;right:0;background:#fff;border-radius:2px;
  box-shadow:0 1px 3px rgba(60,64,67,.28),0 0 0 1px rgba(60,64,67,.06)}
.fud-pcard.fud-gapfill{border-radius:0;box-shadow:0 0 0 1px rgba(60,64,67,.06)}
.fud-hfmir{position:absolute;left:0;right:0;overflow:hidden;pointer-events:auto;cursor:text;
  color:#3A3650;font-size:9.5pt;line-height:1.35;padding:7px 20px 4px;z-index:1}
.fud-hfmir-ft{display:flex;align-items:flex-end;padding:4px 20px 7px}
.fud-hfmtx{position:relative;z-index:1;width:100%}
img.fud-hfbg{position:absolute;inset:0;width:100% !important;height:100% !important;
  object-fit:cover;z-index:0;border-radius:0 !important;margin:0 !important;max-width:none}
.fud-hfbgx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.fud-hfzone{overflow:hidden;z-index:3}
.fud-hfedit{position:relative;z-index:2}
.fud-pgnum{position:absolute;color:var(--fd-text-muted);font-size:10.5px;z-index:2;pointer-events:none;
  font-family:Arial,sans-serif}
.fud-pgnum.al-c{left:0;right:0;text-align:center}
.fud-pgnum.al-s{inset-inline-start:26px}
.fud-pgnum.al-e{inset-inline-end:26px}
.fud-page.pgd .fud-page-break{border:0;margin:0;height:0;position:relative;overflow:visible}
.fud-page.pgd .fud-page-break::before{content:'فاصل صفحة';position:absolute;top:-8px;
  inset-inline-start:-8px;background:#FFF3EA;color:#C56A3D;font-size:9.5px;padding:0 7px;
  border-radius:6px;line-height:16px}
.fud-hfbgbtn{position:absolute;top:5px;inset-inline-end:8px;z-index:4;opacity:0;transition:.15s;
  border:1px solid var(--line);background:#fff;border-radius:7px;padding:2px 8px;font-size:11px;
  cursor:pointer;color:var(--fd-text-secondary);font-family:inherit}
.fud-hfzone:hover .fud-hfbgbtn,.fud-hfzone:focus-within .fud-hfbgbtn{opacity:1}

/* FDX_PALETTE: منتقي ألوان شبكي (لون النص / التظليل) بأسلوب Word و Google Docs */
.fdpal{position:fixed;z-index:900;background:var(--card);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 16px 44px rgba(30,27,51,.24);padding:9px;display:flex;flex-direction:column;gap:4px}
.fdpal .fdpalrow{display:flex;gap:4px}
.fdpal .fdsw{width:22px;height:22px;border-radius:4px;border:1px solid rgba(0,0,0,.14);cursor:pointer;
  padding:0;transition:transform .1s}
.fdpal .fdsw:hover{transform:scale(1.16);border-color:var(--org,var(--fd-primary));box-shadow:0 0 0 2px rgba(255,87,0,.22)}
.fdpal .fdpalsep{height:1px;background:var(--line2);margin:4px 0}
.fdpal .fdpalnone{display:block;width:100%;margin-bottom:5px;padding:6px 8px;border-radius:8px;
  border:1px solid var(--line);background:transparent;cursor:pointer;font-family:inherit;font-size:12px;
  font-weight:700;color:var(--mut)}
.fdpal .fdpalnone:hover{background:var(--softer);color:var(--ink)}
.fdpal .fdpalcustom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;
  padding-top:7px;border-top:1px solid var(--line2);font-size:12px;font-weight:700;color:var(--mut)}
.fdpal .fdpalcustom input[type=color]{width:34px;height:24px;padding:0;border:1px solid var(--line);
  border-radius:6px;background:none;cursor:pointer}

/* FDX_SELBAR: شريط سياقي غامق عند تحديد عناصر (نمط قوقل درايف) — يبقى صفّاً في التخطيط فلا
   يغطّي صفّ الفلاتر ولا يختفي مع التمرير، بحواف دائرية وظلّ وحركة دخول ناعمة. */
@keyframes fdSelIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.toolbar.selmode{margin:0 22px 10px;padding:8px 10px;border-radius:14px;background:#232035;
  box-shadow:0 8px 26px rgba(20,16,45,.26);gap:7px;animation:fdSelIn .16s ease-out}
.toolbar.selmode .selinfo{background:transparent;color:#fff;font-size:13.5px;font-weight:700;
  padding:0 8px;margin-inline-end:auto;order:-1;white-space:nowrap}
.toolbar.selmode .tb{color:#EDEBF5;background:rgba(255,255,255,.08);border-radius:10px;padding:8px 14px;
  font-weight:600}
.toolbar.selmode .tb:hover{background:rgba(255,255,255,.17);color:#fff}
.toolbar.selmode .tb.warn{color:#FF9A90;background:rgba(255,120,105,.12)}
.toolbar.selmode .tb.warn:hover{background:rgba(255,110,95,.24);color:#fff}
.toolbar.selmode .tb svg{opacity:.95}
.toolbar.selmode .vseg{background:rgba(255,255,255,.08);border-color:transparent}
.toolbar.selmode .vsegb{color:#D7D3E6}
.toolbar.selmode .vsegb.on{background:rgba(255,255,255,.18);color:#fff}
@media(max-width:640px){.toolbar.selmode{margin:0 12px 8px;padding:7px 8px}
  .toolbar.selmode .tb{padding:7px 11px}}
/* FDX_SELBAR: إخفاء صفّ الفلاتر أثناء التحديد — الشريط السياقي يأخذ مكان الأدوات (نمط قوقل درايف) */
/* FDX_DBLFIX: صفُّ الفلاتر يُخفى شكلاً لا مكاناً وقتَ التحديد. كان ‹display:none›
   يشيله فتقفز القائمةُ لأعلى ~34px بين نقرتَي الدبل-كليك، فتقع الثانيةُ على الصفِّ
   الذي صعد مكانَ المنقور — فيُفتَح جارُه لا هو (Athar تفتح Freshbid). فيبقى مكانُه
   محجوزاً: ‹visibility:hidden› يُخفي المحتوى ويُبقي الارتفاع، فلا قفزةَ ولا خطأ. */
body.selecting .filterbar{visibility:hidden}
/* FDX_DBLFIX: وشريطُ التحديدِ لا يلفّ سطراً ثانياً فيكبر الرأسُ وتنطّ القائمة على
   الشاشاتِ الأضيق — يبقى سطراً واحداً كشريطِ قوقل، ويُمرَّر أفقياً إن ضاق. */
body.selecting .crumbbar{flex-wrap:nowrap}
body.selecting .crumbbar #toolbar.selmode{min-width:0;overflow-x:auto}
body.selecting .toolbar.selmode{margin-top:2px}

/* FDX_RECENT: «نشاط حديث» أسفل الرئيسية — صفوف مضغوطة (لا بطاقات) لأن المعلومة زمنية */
.recentbox{margin-top:18px;max-width:100%;min-width:0}
.recentbox .sugghead .nbf{margin-inline-start:auto}
.recentlist{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.rcrow{display:flex;align-items:center;gap:11px;padding:11px 14px;cursor:pointer;
  border-bottom:1px solid var(--line2);transition:background .12s}
.rcrow:last-child{border-bottom:none}
.rcrow:hover{background:var(--softer)}
.rcrow .ic{flex:none;width:19px;height:19px;display:flex}
.rcrow .ic svg{width:19px;height:19px}
.rcrow .nm{flex:1;min-width:0;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rcrow .bd{flex:none}
/* FDX_RECENT: تنسيق شارة المشاركة داخل صفوف النشاط — كانت تعتمد على `.card .shchip` فلا تُطبَّق
   هنا، فيتراكم القفل فوق الكلمة. نستخدم نفس تنسيق صفوف القائمة (.lrow) المُجرَّب. */
.rcrow .shchip{position:static;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;
  border-radius:999px;border:1px solid transparent;cursor:pointer;white-space:nowrap;
  height:auto;max-width:none;inset:auto}
.rcrow .shchip svg{width:13px;height:13px;flex:none}
.rcrow .shchip b{font-size:10.5px;font-weight:800;letter-spacing:-.1px}
.rcrow .shchip:hover{filter:brightness(.96)}
/* شارة الصلاحية (للملفات المُشارَكة معي) — نفس المعالجة حتى لا تُطبَّق قواعد الكارت المطلقة */
.rcrow .pchip{position:static;inset:auto;width:22px;height:22px;border-radius:7px;
  display:inline-flex;align-items:center;justify-content:center;flex:none}
.rcrow .pchip svg{width:13px;height:13px}
.rcrow .pchip{background:var(--soft);border:1px solid var(--line)}
.rcrow .pchip.view{color:var(--vio)} .rcrow .pchip.edit{color:var(--org,var(--fd-primary))}
.rcrow .tm{flex:none;color:var(--mut);font-size:11.5px;min-width:86px;text-align:start}
.rcrow .sz{flex:none;color:var(--mut);font-size:11.5px;min-width:78px;text-align:start}
.rcrow .dots{flex:none;width:26px;height:26px;border-radius:8px;border:none;background:transparent;
  color:var(--mut);opacity:.55;display:flex;align-items:center;justify-content:center;cursor:pointer}
.rcrow:hover .dots{opacity:1}
.rcrow .dots:hover{background:var(--soft)}
.rcrow .dots svg{width:17px;height:17px}
@media(max-width:760px){.rcrow .sz{display:none}}
@media(max-width:560px){.rcrow .bd{display:none}}

/* FDX_NOTIFPAGE: صفحة «الإشعارات» الكاملة — نفس صفوف اللوحة لكن بعرض الصفحة */
/* FDX_NOTIFPAGE2: لمسات أناقة — رأس بفاصل، أسطر أوسع، وزن أوضح للنص غير المقروء */
.notifpage{max-width:860px}
.notifpage .sugghead{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line2)}
.notifpage .sugghead .stt{font-size:15px}
.notifplist .nbrow.new .nt b{color:var(--ink)}
.notifplist .nbrow .nt b{font-weight:800}
.notifpage .sugghead{display:flex;align-items:center;gap:10px;flex-wrap:nowrap}
.notifpage .sugghead .stt{margin-inline-end:auto}
.notifpage .sugghead .pgnav{margin-inline-start:auto;display:flex;align-items:center;gap:7px;flex:none}
.notifplist{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card)}
.notifplist .nbrow{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;cursor:pointer;
  border-bottom:1px solid var(--line2);transition:background .12s}
.notifplist .nbrow:last-child{border-bottom:none}
.notifplist .nbrow:hover{background:var(--softer)}
.notifplist .nbrow.new{background:#FFF6F1}
.notifplist .nbrow.new:hover{background:#FFEFE6}
/* FDX_NOTIFWEIGHT: نفس القاعدة في الصفحة الكاملة — بولد لغير المقروء، عادي للمقروء، بلا بهتان */
.notifplist .nbrow .nt{color:var(--ink)}
.notifplist .nbrow.new .nt{font-weight:700}
.notifplist .nbrow.read .nt{font-weight:400}
.notifplist .nbrow.read .ni{color:#9AA0A6}
.notifplist .nbrow .ni{flex:none;width:20px;height:20px;color:var(--org,var(--fd-primary));display:flex;margin-top:1px}
.notifplist .nbrow .ni svg{width:20px;height:20px}
.notifplist .nbrow .nt{flex:1;min-width:0;font-size:13.5px;line-height:1.7;color:var(--ink)}
.notifplist .nbrow .nw{display:block;color:var(--mut);font-size:11.5px;margin-top:3px}
.notifplist .nbtick{flex:none;align-self:flex-start;margin-top:1px;border:none;background:transparent;
  cursor:pointer;width:28px;height:24px;display:flex;align-items:center;justify-content:center;
  color:#C4C8CF;transition:.12s}
.notifplist .nbtick svg{width:20px;height:20px}
.notifplist .nbtick:hover{color:#9AA0A6}
.notifplist .nbtick.on{color:var(--fd-success)}
.notifplist .nbempty{padding:34px 18px;color:var(--mut);font-size:13.5px;text-align:center;line-height:1.8}

/* FDX_PAGERALL: شريط ترقيم واضح أسفل القوائم — «صفحة ٢ من ٥» + نطاق العناصر */
.pagerbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;
  padding:20px 0 10px;margin-top:6px;border-top:1px solid var(--line2)}
.pagerbar .pgb{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);
  color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.12s}
.pagerbar .pgb:hover:not([disabled]){background:var(--soft);border-color:var(--fd-border-hover)}
.pagerbar .pgb[disabled]{opacity:.35;cursor:default}
.pagerbar .pgb svg{width:18px;height:18px}
.pagerbar .pgpage{font-size:13px;font-weight:700;color:var(--ink);min-width:104px;text-align:center}
.pagerbar .pgrange{font-size:11.5px;color:var(--mut);width:100%;text-align:center}

/* FDX_FILTERPANEL: زرّ «تصفية» واحد + لوحة مجموعات (بدل أربع قوائم منسدلة تزحم الشريط) */
/* FDX_FILTERINBAR: زرّ «تصفية» داخل شريط البحث. الحقل وأيقونة البحث موضوعان بالإحداثيات داخل
   .search، فلا نحوّلها إلى flex (يكسر التخطيط) — نضع الزرّ مطلقاً على الطرف ونترك للحقل حشواً
   يمنع تداخل النصّ معه. */
.search #fbtn{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:6px;z-index:2;
  height:30px;padding:0 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);
  display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer}
.search input{padding-inline-end:104px}   /* FDX_FILTERSIDE: الزرّ في الطرف المقابل للعدسة */
.search #fbtn:hover{background:var(--softer);border-color:var(--fd-border-hover)}
.search #fbtn.on{background:#FFF0E6;border-color:var(--org,var(--fd-primary));color:var(--org,var(--fd-primary))}
.search #fbtn.hide{display:none}
.fdrop.fbtn{display:inline-flex;align-items:center;gap:7px}
.fdrop.fbtn svg{width:15px;height:15px}
.fdrop.fbtn .fcount{background:var(--org,var(--fd-primary));color:#fff;font-size:10.5px;font-weight:800;
  min-width:17px;height:17px;line-height:17px;border-radius:999px;text-align:center;padding:0 4px}
.fpanel{position:fixed;z-index:860;width:min(430px,calc(100vw - 16px));background:var(--card);
  border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 50px rgba(30,27,51,.22);padding:14px}
.fprow{display:flex;align-items:flex-start;gap:12px;padding:8px 2px}
.fprow .fpl{flex:none;width:74px;font-size:12.5px;font-weight:700;color:var(--mut);padding-top:6px}
.fpchips{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start}
.fpchip{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;
  padding:5px 12px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:.12s;white-space:nowrap}
.fpchip:hover{background:var(--softer);border-color:var(--fd-border-hover)}
.fpchip.on{background:#FFF0E6;border-color:var(--org,var(--fd-primary));color:var(--org,var(--fd-primary));font-weight:700}
.fpfoot{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line2)}
.fpreset{margin-inline-start:auto;border:none;background:transparent;color:var(--mut);cursor:pointer;
  font-family:inherit;font-size:12.5px;font-weight:700;padding:8px 6px}
.fpreset:hover{color:var(--ink);text-decoration:underline}
.fpapply{border:none;background:var(--org,var(--fd-primary));color:#fff;border-radius:999px;padding:9px 22px;
  font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}
.fpapply:hover{filter:brightness(1.07)}

/* FDX_ADVSEARCH: لوحة البحث المتقدّم المعلّقة تحت شريط البحث */
.advs{position:fixed;z-index:1200;background:#fff;border-radius:16px;
  box-shadow:0 1px 3px rgba(60,64,67,.3),0 8px 28px rgba(60,64,67,.22);
  padding:6px 0 10px;max-height:82vh;overflow:auto;font-size:13.5px}
.advs-h{display:flex;align-items:center;gap:10px;padding:12px 20px 10px}
.advs-h b{font-size:16px;font-weight:600;color:#1f1f27;flex:1}
.advs-x{border:0;background:none;cursor:pointer;color:#5f6368;font-size:15px;
  width:30px;height:30px;border-radius:50%;line-height:1}
.advs-x:hover{background:var(--soft,#f1f0f6)}
.advs-r{display:flex;align-items:center;gap:14px;padding:6px 20px;min-height:40px}
.advs-l{width:132px;flex:none;color:#3c4043;font-size:13px}
.advs-c{flex:1;display:flex;flex-wrap:wrap;gap:14px;align-items:center;min-width:0}
.advs-sel,.advs-in{font:inherit;font-family:inherit;color:#1f1f27;background:#fff;
  border:1px solid var(--line,#dadce0);border-radius:8px;padding:8px 12px;outline:none}
.advs-sel{min-width:190px}
.advs-in{flex:1;min-width:0}
.advs-sel:focus,.advs-in:focus{border-color:var(--org,#ff5700);box-shadow:0 0 0 2px rgba(255,87,0,.14)}
.advs-ck{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:#3c4043}
.advs-ck input{accent-color:var(--org,#ff5700);width:16px;height:16px;cursor:pointer}
.advs-f{display:flex;align-items:center;justify-content:flex-end;gap:10px;
  padding:14px 20px 4px;margin-top:6px;border-top:1px solid var(--line,#e8e6f0)}
.advs-rs{border:0;background:none;cursor:pointer;color:#5f6368;font:inherit;
  padding:9px 14px;border-radius:8px}
.advs-rs:hover{background:var(--soft,#f1f0f6)}
.advs-go{border:0;cursor:pointer;font:inherit;font-weight:600;color:#fff;
  background:var(--org,#ff5700);padding:9px 26px;border-radius:20px}
.advs-go:hover{filter:brightness(1.06)}
@media (max-width:640px){
  .advs-r{flex-direction:column;align-items:stretch;gap:6px}
  .advs-l{width:auto}
  .advs-sel{min-width:0;width:100%}
}

.nbrow{cursor:pointer}   /* FDX_NOTIFCLICK */

/* FDX_DETAILS2: لوحة تفاصيل الملف */
.details{display:flex;flex-direction:column;gap:2px}
.dethead{display:flex;align-items:center;gap:14px;padding:4px 2px 16px;
  border-bottom:1px solid var(--line);margin-bottom:6px}
.dethi{width:60px;height:60px;flex:none;border-radius:12px;background:var(--softer);
  display:flex;align-items:center;justify-content:center;overflow:hidden}
.dethi svg{width:30px;height:30px}
.dethi img{width:100%;height:100%;object-fit:cover}
.dethn{min-width:0;display:flex;flex-direction:column;gap:4px}
.dethn b{font-size:15.5px;font-weight:600;color:var(--ink,#1f1f27);word-break:break-word;line-height:1.4}
.dethn>span{font-size:12.5px;color:var(--mut)}
.detbadges{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.dbadge{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:999px;
  background:var(--soft);color:var(--mut)}
.dbadge.own{background:#EEF9F0;color:#1E7B34}
.dbadge.edit{background:#EDF1FE;color:#2C4CB5}
.dbadge.view{background:var(--soft);color:#5f6368}
.dbadge.star{background:#FFF4E0;color:#9A6600}
.detsec{padding:10px 2px 4px}
.dsh{font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--mut);
  text-transform:none;margin-bottom:6px}
.detrow{display:flex;align-items:flex-start;gap:14px;padding:7px 10px;border-radius:9px}
.detrow:hover{background:var(--softer)}
.dk{width:112px;flex:none;font-size:12.5px;color:var(--mut);padding-top:1px}
.dv{flex:1;min-width:0;font-size:13.5px;color:var(--ink,#1f1f27);word-break:break-word;line-height:1.6}
.dv.chips{display:flex;flex-wrap:wrap;gap:6px}
.dchip{display:inline-flex;align-items:center;gap:6px;background:var(--soft);
  border-radius:999px;padding:4px 10px;font-size:12px}
.dchip i{font-style:normal;font-size:10.5px;color:var(--mut);background:#fff;
  border-radius:999px;padding:1px 7px}
@media (max-width:520px){
  .detrow{flex-direction:column;gap:2px}
  .dk{width:auto}
}

/* FDX_REQCARD5: كبسولة عدّاد الطلبات المعلّقة في رأس الصفحة */
.ahead .rqpill{display:inline-flex;align-items:center;gap:7px;background:#FFF0E6;
  color:var(--org,var(--fd-primary));border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:600}
.ahead .rqpill i{width:7px;height:7px;border-radius:50%;background:var(--org,var(--fd-primary));flex:none}
.reqcard .rqacts .btn.primary svg{width:14px;height:14px;margin-inline-start:5px;vertical-align:-2px}

/* FDX_OWNED: مسار العنصر في عرض «ما أملكه» — يأتي من الخادم في هذا العرض وحده */
.card .cpath{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;
  color:var(--mut);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card .cpath svg{width:12px;height:12px;flex:none;opacity:.7}
.card .cpath span{overflow:hidden;text-overflow:ellipsis}
.lrow .lpath{display:block;font-size:11.5px;color:var(--mut);margin-top:2px;
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}

/* FDX_RELOAD: زرّ التحديث في شريط المسار — حاضر في كل صفحة */
.crumbbar .crbtn{margin-inline-start:auto;flex:none;width:34px;height:34px;border-radius:50%;
  border:1px solid var(--line);background:var(--card,#fff);color:var(--mut);cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;transition:.15s}
.crumbbar .crbtn:hover{background:var(--soft);color:var(--ink);border-color:var(--fd-border-hover)}
.crumbbar .crbtn svg{width:16px;height:16px}
.crumbbar .crbtn.spin svg{animation:crspin .9s linear infinite}
@keyframes crspin{to{transform:rotate(-360deg)}}

/* FDX_VIEWPAGES: المعاينةُ المقسّمة — الأوراقُ خلفيةٌ مطلقة، والمحتوى يعلوها. */
.vw-doc.paged{background:transparent;box-shadow:none;padding:18px 0 40px;
  width:auto;max-width:100%;display:block}
.vwpg{position:relative;margin:0 auto}
.vwpg-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.vwpg-bg .fud-hfmir{pointer-events:none;cursor:default}
.vwpg-doc{position:relative;z-index:1;background:transparent;box-shadow:none;
  border-radius:0;min-height:0;margin:0;outline:none}

/* FDX_OUTLINE: لوحةُ مخطّطِ المستند — مغلقةٌ بعرضٍ صفر، تُفتح بصفٍّ أفقي بلا إزاحةٍ للورقة. */
.fd-main{flex:1;min-height:0;display:flex;align-items:stretch}
.fd-main .fud-wrap{flex:1;min-width:0}
.fd-outl{width:0;overflow:hidden;background:var(--card);border-inline-end:1px solid var(--line);
  display:flex;flex-direction:column;transition:width .14s ease;flex:none}
#doced.outl .fd-outl{width:clamp(210px,22vw,290px)}
.fd-outl-h{padding:12px 14px 8px;font-size:12px;font-weight:800;color:var(--fd-text-muted);
  letter-spacing:.2px;border-bottom:1px solid var(--line);flex:none}
.fd-outl-b{flex:1;overflow:auto;padding:6px 4px 22px}
.fd-outl-i{display:block;width:100%;text-align:start;border:0;background:none;cursor:pointer;
  font-family:inherit;font-size:12.5px;line-height:1.45;color:#2C2A3A;padding:6px 12px;
  border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fd-outl-i:hover{background:#F4F2FA}
.fd-outl-i.on{background:#FFF3EA;color:#C56A3D;font-weight:700}
.fd-outl-i.lv1{padding-inline-start:26px;font-size:12px}
.fd-outl-i.lv2{padding-inline-start:40px;font-size:11.5px;color:var(--fd-text-secondary)}
.fd-outl-i.lv3{padding-inline-start:54px;font-size:11.5px;color:var(--fd-text-secondary)}
.fd-outl-i.lv4{padding-inline-start:66px;font-size:11px;color:var(--fd-text-muted)}
.fd-outl-em{padding:16px 14px;font-size:11.5px;line-height:1.9;color:#9992bb}
@media(max-width:760px){#doced.outl .fd-outl{width:min(72vw,260px)}}
.outlbtn{display:inline-flex !important;flex-direction:row !important;align-items:center;gap:5px;
  width:auto !important;padding:0 10px !important;height:29px;border-radius:999px;flex:none}
.outlbtn b{font-size:11.5px;font-weight:700}
.outlbtn.on{background:#FFF3EA;color:#C56A3D}

/* FDX_BGIMG: خلفيةُ الصفحة العائمةُ خلفَ النصّ (wp:anchor behindDoc) — تُخرَج من
   التدفّق كي لا تدفعَ ما بعدها صفحةً كاملة، ويُرفع المحتوى فوقها بطبقةٍ أعلى. */
img.fud-bgimg{position:absolute;top:0;inset-inline-start:0;z-index:0;pointer-events:none;
  max-width:none !important;margin:0 !important;border-radius:0 !important;user-select:none}
.fud-page.pgd > *:not(.fud-bgimg),
.vwpg-doc > *:not(.fud-bgimg){position:relative;z-index:1}

/* FDX_CURSOR: كلُّ ما يُنقر يُظهر يداً — التابات والأزرار والشرائح. غيابُها يجعل
   الواجهةَ تبدو نصّاً لا أزراراً، فلا يعرف المستخدمُ ما يُنقر مما يُقرأ. */
.nav .it,.tbn,.iconbtn,.btn,.chip,.fchip,.vtoggle,.crbtn,.fd-outl-i,
.vh-btn,.outlbtn,.shbtn,.card,.row,.pcard,.tab,[data-cmd]{cursor:pointer}
button:not(:disabled),select,summary{cursor:pointer}
button:disabled,.tbn.dis,.it.dis{cursor:default}

/* FDX_RELOAD2: زرُّ التحديث بكلمةٍ لا أيقونةً وحدَها — الأيقونةُ الصامتةُ لا تُقرأ زرّاً. */
.crumbbar .crbtn.wide{width:auto;min-width:0;padding:0 13px;border-radius:999px;gap:6px;
  display:inline-flex;align-items:center;background:#FFF3EA;color:#C56A3D;border-color:#F6D9C6}
.crumbbar .crbtn.wide b{font-size:12.5px;font-weight:700}
.crumbbar .crbtn.wide:hover{background:#FFE7D5;color:#A9552C}

/* FDX_TABS: التابُ في وورد قفزةٌ إلى موقفٍ معلوم لا مسافتان، وموقفُ سطرِ الفهرس
   يُملأ ما قبلَه نقطاً. فسطرُ الفهرس صفٌّ مرن، والتابُ فيه وحدَه هو الذي يتمدّد
   فيدفع رقمَ الصفحة إلى الطرف وتمتدّ النقطُ بينهما — كما تفعل وورد وقوقل. */
.fud-page p.fud-tabs,.fud-page li.fud-tabs,.fud-page h1.fud-tabs,.fud-page h2.fud-tabs,
.fud-page h3.fud-tabs,.fud-page h4.fud-tabs,.fud-page h5.fud-tabs,.fud-page h6.fud-tabs{
  display:flex;align-items:baseline;flex-wrap:nowrap}
.fud-page .fud-tab{display:inline-block;min-width:2em}
.fud-page .fud-tabs > .fud-seg{flex:0 1 auto;min-width:0}
.fud-page .fud-tabs > .fud-tab{flex:1 1 2em;min-width:1.1em}
/* النقطُ تُسنَد على خطِّ الكتابة لا على قاعِ السطر: عنصرٌ خاوٍ مُحاذًى بالأساس
   حدُّه السفليُّ هو الأساسُ نفسُه، فتقع النقطُ حيث تقع في وورد. */
.fud-page .fud-tabs > .fud-tab.fud-lead{align-self:baseline;margin:0 .3em;
  border-bottom:1.5px dotted #8f8a9c}
.fud-page a.fud-jump{color:inherit;text-decoration:none;cursor:pointer}
.fud-page a.fud-jump:hover{text-decoration:underline;text-decoration-style:dotted}

/* FDX_BULLET: علامةُ البند من المستند لا من المتصفّح — دائرةٌ مصمتةٌ ثم مفرغةٌ ثم
   مربّع، كما نصَّ ‹numbering.xml› لكلِّ مستوى. */
.fud-page ul.fud-bdisc,.fud-view ul.fud-bdisc{list-style-type:disc}
.fud-page ul.fud-bcirc,.fud-view ul.fud-bcirc{list-style-type:circle}
.fud-page ul.fud-bsq,.fud-page ul.fud-bsqs,.fud-view ul.fud-bsq,.fud-view ul.fud-bsqs{list-style-type:square}
.fud-page ul.fud-bdash,.fud-view ul.fud-bdash{list-style-type:'–  '}
/* FDX_LISTMARK: علاماتُ قوائم جوقل تظهر في العارض (‹.fud-view›) كما في المحرّر. */
.fud-view ul.fud-bdisc,.fud-view ul.fud-bcirc,.fud-view ul.fud-bsq,
.fud-view ul.fud-bsqs,.fud-view ul.fud-bdash{margin-inline-start:1.4em;padding:0}
/* FDX_EDITLBL: الزرُّ الثانوي — إنشاء نسخة لمن أراد، دون أن يزاحم الطلبَ الأصلي. */
.vw-edithint .vh-btn2{background:transparent;color:#7A5A45;border:1px solid #FBC49B;font-weight:600}
.vw-edithint .vh-btn2:hover{background:#FFF3EC}
/* FDX_RECENTPATH: مسارُ الملف تحت اسمه — يُنقَر فيفتح مجلده. */
.lrow .lpath-go{cursor:pointer}
.lrow .lpath-go:hover{color:var(--org);text-decoration:underline}
/* FDX_RECENTGRP: سطرُ المجلد في «الحديثة» — يُطوى ويُفتح، وسهمٌ يفتح المجلدَ نفسَه. */
.lrow.rgrow{cursor:pointer;background:var(--softer)}
.lrow.rgrow:hover{background:#FFF3EC}
.rgarr{display:inline-block;width:14px;color:var(--mut);font-size:11px;margin-inline-end:2px}
.rgcount{margin-inline-start:9px;font-size:11.5px;color:var(--mut);font-weight:600}
.lrow.rgchild .fnm{padding-inline-start:26px}
.rgopen{opacity:.6}
.rgopen:hover{opacity:1}
/* FDX_REQBTN: زرُّ طلبِ التعديل داخلَ المحرّرِ حين تكون الصلاحيةُ قراءةً. */
.ehead .reqbtn{background:#FFF3EC;border:1px solid #FBC49B;color:#8A5A33;font-weight:700;
  padding:5px 11px;border-radius:9px;white-space:nowrap}
.ehead .reqbtn:hover{background:#FFE7D6}
.ehead .reqbtn:disabled{opacity:.65;cursor:default}

/* FDX_TITLEBAR: شريطُ الأزرار داخلَ سطرِ العنوان — بلا حشوٍ خاصٍّ به، ملتصقاً بطرفِه. */
.crumbbar #toolbar{padding:0;margin:0;margin-inline-start:auto;flex:0 1 auto}
.crumbbar #toolbar:empty{display:none}

/* FDX_RELOADTOP: «تحديث» في الشريط العلويّ — بهيئةِ أزرارِه لا بهيئةِ سطرِ العنوان. */
.topend .crbtn{display:inline-flex;align-items:center;gap:6px;flex:none;height:34px;
  padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--card);
  color:var(--mut);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer}
.topend .crbtn:hover{background:var(--soft);color:var(--ink);border-color:var(--fd-border-hover)}
.topend .crbtn svg{width:16px;height:16px}
.topend .crbtn.spin svg{animation:crspin .9s linear infinite}

/* FDX_DATEGRP: عنوانُ مجموعةٍ زمنيّةٍ فوق شبكةِ كروتها. */
.dgrp{display:flex;align-items:baseline;gap:9px;padding:14px 22px 6px}
.dgrp:first-child{padding-top:2px}
.dgrp-t{font-weight:800;font-size:14px;color:var(--ink)}
.dgrp-n{font-size:12px;color:var(--mut);font-weight:600}
.dgrp-g{padding-top:0}

/* FDX_TYPEBADGE + FDX_ACTORLINE: كارتٌ بأسلوبِ قوقل — شارةُ نوعٍ ملوّنة، وسطرُ فاعل. */
.card .chead .tbadge{flex:none;min-width:20px;height:20px;padding:0 4px;border-radius:5px;
  color:#fff;font-size:9.5px;font-weight:800;letter-spacing:.2px;
  display:inline-flex;align-items:center;justify-content:center}
.card .cmeta{display:flex;align-items:center;gap:6px;min-width:0}
.card .cmeta .cav{flex:none;width:19px;height:19px;border-radius:50%;color:#fff;
  font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.card .cmeta .cwho{color:var(--fd-text-secondary);font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card .cmeta .cdot{color:var(--fd-text-faint)}
.card .cmeta .cwhen{color:var(--fd-text-muted);flex:none}

/* FDX_NAMECLIP: اسمُ الملفِّ يُقصّ من آخرِه لا من أوّله.
   رأسُ الكارت عربيُّ الاتجاه، والاسمُ لاتينيٌّ في جمهرته، فيقع القصُّ في الناحية
   الخطأ: «‏…og V1.0.fusheet» — يذهب أوّلُ الاسمِ وهو الذي يُفرَّق به، ويبقى امتدادٌ
   يشترك فيه الجميع. فيصير رأسُ الكارت لاتينيَّ الاتجاه كما في قوقل: الشارةُ والاسمُ
   في المبدأ والنقطُ في المنتهى، والقصُّ في الآخر. و«plaintext» تُبقي الاسمَ العربيَّ
   على اتجاهه فلا ينقلب. */
.card .chead{direction:ltr}
.card .chead .nm{direction:ltr;unicode-bidi:plaintext;text-align:left}

/* FDX_RECENTDAY: «الحديثة» — عنوانُ يومٍ فوق، وتحت كلِّ اسمٍ سطرُ ما جرى ومَن أجراه. */
.dgrp-d{font-weight:600;color:var(--fd-text-muted)}
.lrow.lrec .fnm{align-items:flex-start}
.lrow.lrec .lact{display:block;font-size:11.5px;margin-top:2px;color:var(--fd-text-muted)}
.lrow.lrec .lact .ract{font-weight:700;color:var(--fd-text-secondary)}
.lrow.lrec .lact .rdot{margin:0 5px;color:var(--fd-text-faint)}
.lrow.lrec .lact .rwho{direction:ltr;unicode-bidi:plaintext}

/* FDX_RECENTSPEC: صفحةُ «الحديثة» بمواصفتها — المقاساتُ والألوانُ من ملفِ التصميم. */
.recwrap{max-width:1160px;margin:0 auto;padding:0 26px 22px}
.recwrap .dgrp{display:flex;align-items:baseline;gap:9px;padding:26px 2px 8px;
  border-bottom:1px solid #EDEFF2;margin-bottom:10px}
.recwrap .dgrp:first-child{padding-top:8px}
.recwrap .dgrp-t{font-size:14px;font-weight:700;color:#101828}
.recwrap .dgrp-n{font-size:12.5px;color:#99A1AF;font-weight:600}
.rcard{background:#fff;border:1px solid #EDEFF2;border-radius:16px;
  box-shadow:0 1px 2px rgba(16,24,40,.04);overflow:hidden}
.rrow{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;
  border-bottom:1px solid #F7F8FA;transition:background .16s cubic-bezier(.2,.8,.2,1)}
.rrow:last-child{border-bottom:0}
.rrow:hover{background:#FAFBFC}
.rrow.sel{background:#FFF7F2}
.rtime{flex:none;width:52px;font-size:12.5px;font-weight:700;color:#99A1AF;
  font-variant-numeric:tabular-nums;direction:ltr;text-align:start}
.rsq{flex:none;width:34px;height:34px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center}
.rsq svg{width:17px;height:17px;stroke-width:2.05}
.rsq.fold svg{width:19px;height:19px;fill:currentColor;stroke:none}
.rmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.rname{max-width:100%;font-size:14px;font-weight:700;color:#101828;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:plaintext;text-align:start}
.rwhy{max-width:100%;font-size:12px;color:#6A7282;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rwhy .ract{font-weight:700;color:#4A5565}
.rwhy .rdot{margin:0 5px;color:#99A1AF}
.rwhy .rwho{direction:ltr;unicode-bidi:plaintext}
.rbadge{flex:none;width:132px;display:flex;align-items:center}
.rsize{flex:none;width:80px;font-size:12.5px;color:#6A7282;direction:ltr;text-align:start}
.rsize.fold{direction:rtl;font-weight:700;color:#8A93A0}
/* FDX_RECENTSTATE: خمسُ حالاتٍ بلونٍ ونصّ — واحدةٌ في كلِّ صفٍّ بلا استثناء. */
.rsh{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;
  font-size:11.5px;font-weight:800;line-height:1.5;white-space:nowrap;max-width:100%;
  transition:filter .16s cubic-bezier(.2,.8,.2,1)}
.rsh svg{width:13px;height:13px;flex:none;stroke-width:2.1}
.rsh b{font-weight:800;overflow:hidden;text-overflow:ellipsis}
.rsh.act{cursor:pointer}
.rsh.act:hover{filter:brightness(.94)}
.rsh-prv{background:#EDEFF2;color:#4A5565}
.rsh-out{background:#155DFC16;color:#1447E6}
.rsh-pub{background:#00A63E18;color:#007A2E}
.rsh-view{background:#F59E0B22;color:#A45B06}
.rsh-edit{background:#9810FA14;color:#7A08C9}
.rdots{flex:none;width:30px;height:30px;border-radius:9px;color:#99A1AF;background:transparent;
  border:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.rdots:hover{background:#F0F2F5;color:#364153}
/* FDX_SHORTCUTS: علامةُ الاختصار — سهمٌ صغيرٌ في ركنِ الأيقونة (نمط قوقل). */
.fnm .ic.scut,.chead .ic.scut,.chead .tbadge.scut{position:relative;overflow:visible}
.scbadge{position:absolute;inset-inline-end:-5px;bottom:-4px;width:14px;height:14px;
  background:#fff;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;
  box-shadow:0 0 0 1.5px #fff;color:#5B5570}
.scbadge svg{width:11px;height:11px;stroke-width:2.4}
.chead .tbadge.scut .scbadge,.chead .ic.scut .scbadge{background:#fff;color:#5B5570}
/* FDX_RECENTNEST: المجلدُ رأسٌ وتحته صفوفُه — ليُقرأ الملفُّ في موضعِه لا خارجَه. */
.rgrp{border-bottom:1px solid #F0F2F5}
.rgrp:last-child{border-bottom:0}
.rfold{display:flex;align-items:center;gap:12px;padding:11px 16px;cursor:pointer;
  background:#FBFCFD;border-bottom:1px solid #F0F2F5;
  transition:background .16s cubic-bezier(.2,.8,.2,1)}
.rfold:hover{background:#F4F6F9}
.rfsq{flex:none;width:30px;height:30px;border-radius:9px;display:inline-flex;
  align-items:center;justify-content:center;background:#6A72821F;color:#6A7282}
.rfsq svg{width:17px;height:17px}
.rfsq.fold svg{fill:currentColor;stroke:none}
.rfmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;align-items:flex-start}
.rfname{max-width:100%;font-size:13.5px;font-weight:800;color:#101828;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;direction:ltr;unicode-bidi:plaintext;text-align:start}
.rfpath{max-width:100%;font-size:11.5px;color:#99A1AF;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;direction:ltr;unicode-bidi:plaintext;text-align:start}
.rfn{flex:none;font-size:12px;font-weight:700;color:#6A7282;background:#F0F2F5;
  border-radius:999px;padding:2px 9px;font-variant-numeric:tabular-nums}
/* أعمدةٌ فارغةٌ تُصفّ الرأسَ المركّبَ مع الصفِّ الحقيقيِّ عموداً بعمود. */
.rfsp{flex:none}
.rfsp-t{width:52px}
.rfsp-l{width:150px}
.rfsp-b{width:132px}
.rfold .rfsize{flex:none;width:80px;font-size:12.5px}
.rfgo{flex:none;width:18px;color:#99A1AF;display:flex;align-items:center;justify-content:center;
  transform:rotate(90deg);transition:transform .18s cubic-bezier(.2,.8,.2,1)}
.rgrp.open .rfgo{transform:none}
.rfgo svg{width:15px;height:15px}
.rfopen{flex:none;width:28px;height:28px;border:0;background:transparent;border-radius:9px;
  color:#B4BAC4;display:flex;align-items:center;justify-content:center;cursor:pointer;
  transition:background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1)}
.rfold:hover .rfopen{color:#6A7282}
.rfopen:hover{background:#E7ECF2;color:#101828}
.rfopen svg{width:15px;height:15px}
.rgrp.open .rfold{background:#F4F6F9;border-bottom-color:#E7EAEF}
.rgrp:not(.open) .rfold{border-bottom:0}
/* FDX_RECENTHEAD: رأسُ المجموعةِ صفٌّ حقيقيّ — سهمُ الطيِّ أوّلَه وعددُه قبل حالته. */
.rrow.rhead{background:#FBFCFD}
.rgrp.open .rrow.rhead{background:#F4F6F9;border-bottom-color:#E7EAEF}
.rgrp:not(.open) .rrow.rhead{border-bottom:0}
.rtog{flex:none;width:20px;height:20px;padding:0;border:0;background:transparent;color:#99A1AF;
  display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;
  transform:rotate(90deg);transition:transform .18s cubic-bezier(.2,.8,.2,1),background .16s}
.rtog:hover{background:#E7ECF2;color:#364153}
.rgrp.open .rtog{transform:none}
.rtog svg{width:15px;height:15px;stroke-width:2.2}
.rfn2{flex:none;font-size:11.5px;font-weight:800;color:#6A7282;background:#EDEFF2;
  border-radius:999px;padding:2px 9px;font-variant-numeric:tabular-nums}
.rgrp:not(.open) .rsub{display:none}
.rsub{position:relative}
.rsub .rrow{padding-inline-start:46px}
.rsub .rrow:last-child{border-bottom:0}
.rsub::before{content:'';position:absolute;top:6px;bottom:6px;inset-inline-start:30px;
  width:2px;background:#EDEFF2;border-radius:2px}
/* FDX_RECENTLOC: رقاقةُ الموضعِ في الصف — تُقرأ بطرفِ العين وتُنقَر فتفتح المجلد. */
.rloc{flex:none;width:150px;display:inline-flex;align-items:center;gap:6px;
  padding:4px 8px;margin-inline-start:-8px;border-radius:9px;background:transparent;
  color:#8A93A0;font-size:12px;font-weight:700;cursor:pointer;overflow:hidden;
  transition:background .16s cubic-bezier(.2,.8,.2,1),color .16s cubic-bezier(.2,.8,.2,1)}
.rloc:hover{background:#EEF1F5;color:#101828}
.rloc svg{width:12px;height:12px;flex:none;color:#99A1AF}
.rloc>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  direction:ltr;unicode-bidi:plaintext}
@media(max-width:760px){.rloc{display:none}}

/* ═══════════════ FDX_GDOCS4 — جولة مطابقة قوقل دوكس الثالثة ═══════════════ */
/* FDX_BADGE_POS (أُعيد بعد أن دهسه نشر 09-06): شريحة «خاص/مُشارَك» في ركن الصورة لا فوق الاسم */
.card .pchip{top:72px;bottom:auto}
.card .shchip{top:71px;bottom:auto}

/* ── شريط القوائم ── */
.fd-menubar{display:flex;align-items:center;gap:2px;padding:2px 14px 0;background:var(--card);border-bottom:1px solid var(--line2)}
.fd-menubar .fd-mb{border:0;background:transparent;font:inherit;font-size:13px;color:var(--ink);padding:5px 10px;border-radius:7px;cursor:pointer}
.fd-menubar .fd-mb:hover,.fd-menubar .fd-mb:focus-visible{background:var(--soft);outline:none}
.g4-modesel{min-width:84px}
.g4-rvbtn{position:relative;gap:6px;font-size:12.5px;padding:0 10px}
.g4-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--org);color:#fff;font-size:11px;font-weight:800}
.g4-badge.hide{display:none}
#doced.g4-suggest .ehead{box-shadow:inset 0 -3px 0 #1FA97C}
#doced.g4-suggest .fud-page{caret-color:#1FA97C}
#doced.g4-viewmode .etools{opacity:.45;pointer-events:none}

/* ── الاقتراحات في النصّ ── */
.fud-page ins.fud-ins,.fud-view ins.fud-ins{background:#E6F7EE;color:#0F6B45;text-decoration:underline;text-decoration-color:#1FA97C;text-decoration-thickness:2px;border-radius:2px}
.fud-page del.fud-del,.fud-view del.fud-del{background:#FDE7E7;color:#A32A2A;text-decoration:line-through;text-decoration-color:#E5484D;text-decoration-thickness:2px;border-radius:2px}
.fud-page .g4-hot{outline:2px solid var(--org);outline-offset:1px;transition:outline-color .8s}
.fud-view ins.fud-ins,.fud-view del.fud-del{cursor:default}

/* ── لوحة المراجعة (يمين المحرّر — التعليقات على اليسار) ── */
aside.g4-review{width:clamp(250px,24vw,330px);flex:none;display:flex;flex-direction:column;background:var(--card);border-inline-start:1px solid var(--line)}
.g4-rv-h{display:flex;align-items:center;gap:8px;padding:11px 12px;border-bottom:1px solid var(--line2);font-size:13px}
.g4-rv-h b{font-size:14.5px}
.g4-rv-h .g4-rv-n{color:var(--mut);font-size:12px}
.g4-rv-h .tbn{font-size:11.5px;padding:0 8px;height:27px}
.g4-rv-b{flex:1;min-height:0;overflow:auto;padding:10px 12px}
.g4-rv-i{border:1px solid var(--line2);border-radius:12px;padding:9px 11px;margin-bottom:9px;cursor:pointer;background:var(--softer)}
.g4-rv-i:hover{border-color:#D4CFE6}
.g4-rv-i.ins .g4-rv-m b{color:#0F6B45}.g4-rv-i.del .g4-rv-m b{color:#A32A2A}
.g4-rv-m{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--mut)}
.g4-rv-m b{font-size:12.5px}
.g4-rv-t{font-size:13px;line-height:1.7;margin:5px 0 7px;white-space:pre-wrap;word-break:break-word}
.g4-rv-i.del .g4-rv-t{text-decoration:line-through;color:#7a4040}
.g4-rv-a{display:flex;gap:6px}
.g4-rv-a .btn{padding:5px 12px;font-size:12px}

/* ── الحواشي السفلية ── */
.fud-page sup.fud-fnref,.fud-view sup.fud-fnref{color:var(--vio);font-weight:700;cursor:pointer;padding:0 1px;font-size:.72em;user-select:none}
.fud-page .fud-fnotes,.fud-view .fud-fnotes{margin-top:22px;padding-top:8px;border-top:1px solid #8a8794;width:45%;min-width:220px;font-size:.86em;color:var(--fd-text-secondary,#4a4660)}
.fud-page .fud-fnotes p.fud-fn,.fud-view .fud-fnotes p.fud-fn{margin:.15em 0;line-height:1.5}
.fud-page .fud-fnn,.fud-view .fud-fnn{color:var(--vio);font-weight:700;margin-inline-end:4px;cursor:pointer;user-select:none}

/* ── الأعمدة ── */
.fud-page .fud-cols,.fud-view .fud-cols{column-gap:1cm;column-rule:1px solid #E3E0F0;margin:.4em 0}
.fud-page .fud-cols-2,.fud-view .fud-cols-2{column-count:2}
.fud-page .fud-cols-3,.fud-view .fud-cols-3{column-count:3}
.fud-page .fud-cols>*{break-inside:avoid-column}
.fud-page.pgd .fud-cols{position:relative}
.fud-page.pgd .fud-cols::before{content:'أعمدة';position:absolute;top:-9px;inset-inline-end:0;font-size:9.5px;color:#B0A9D3;background:#fff;padding:0 4px;pointer-events:none}

/* ── العلامة المائية (underlay الصفحات) ── */
.fud-wm{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1;overflow:hidden}
.fud-wm span{font-size:64pt;font-weight:800;color:#3A2666;white-space:nowrap;letter-spacing:.04em;display:inline-block}

/* ── الشرائح الذكية ── */
.fud-page .fud-chip,.fud-view .fud-chip{display:inline-flex;align-items:center;gap:4px;padding:1px 9px;border-radius:999px;background:#EEF1F6;color:#3C4257;font-size:.9em;font-weight:600;line-height:1.6;text-decoration:none;white-space:nowrap;vertical-align:baseline;border:1px solid transparent}
.fud-page .fud-chip-p,.fud-view .fud-chip-p{background:#EAE3FF;color:#4B2FB3}
.fud-page .fud-chip-f,.fud-view .fud-chip-f{background:#FFF1E3;color:#9A4A00;border-color:#FBC49B}
.fud-page .fud-chip-f::before,.fud-view .fud-chip-f::before{content:'';width:12px;height:12px;border-radius:2px;background:currentColor;opacity:.55;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/><path d='M14 3v5h5'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'><path d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/><path d='M14 3v5h5'/></svg>") center/contain no-repeat}
.fud-page .fud-chip-d{cursor:pointer;border-color:rgba(0,0,0,.08)}
.fud-page .fud-chip-d::after{content:'';width:0;height:0;border:4px solid transparent;border-top-color:currentColor;margin-top:4px;opacity:.7}
.g4-mention{position:fixed;z-index:5000;width:280px;max-height:250px;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--sh);padding:5px}
.g4-mention.hide{display:none}
.g4-mn-i{display:flex;flex-direction:column;padding:7px 10px;border-radius:8px;cursor:pointer}
.g4-mn-i b{font-size:13.5px}.g4-mn-i span{font-size:11.5px;color:var(--mut);direction:ltr;text-align:right}
.g4-mn-i.on,.g4-mn-i:hover{background:var(--soft)}
.g4-mn-e{padding:9px 10px;color:var(--mut);font-size:12.5px}
.g4-fc-res{max-height:300px;overflow:auto;margin-top:6px}
.g4-fc-i{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:13.5px}
.g4-fc-i:hover{background:var(--soft)}
.g4-fc-i .ic{width:18px;height:18px;flex:none}.g4-fc-i .ic svg{width:18px;height:18px}

/* ── الصور والجداول ── */
.fud-page img.fud-img-fs,.fud-view img.fud-img-fs{float:inline-start;margin:.3em 1em .5em 0;max-width:50%}
.fud-page img.fud-img-fe,.fud-view img.fud-img-fe{float:inline-end;margin:.3em 0 .5em 1em;max-width:50%}
.fud-page img.fud-img-bd,.fud-view img.fud-img-bd{border:1px solid #8a8794;padding:3px;border-radius:6px}
.fud-page table.fud-tbl-nb td,.fud-page table.fud-tbl-nb th,.fud-view table.fud-tbl-nb td,.fud-view table.fud-tbl-nb th{border-color:transparent}
.fud-page table.fud-tbl-auto,.fud-view table.fud-tbl-auto{width:auto}
.fud-page table.fud-tbl-c,.fud-view table.fud-tbl-c{margin-inline:auto}
.fud-page th,.fud-view th{background:#F3F1FA;font-weight:700}
.fud-imgbar .tbn{font-size:11.5px;padding:0 7px}

/* ── رموز خاصة · إحصاءات · اختصارات · الكتابة بالصوت ── */
.g4-chars{max-height:60vh;overflow:auto}
.g4-ch-h{font-size:12px;color:var(--mut);margin:8px 0 4px;letter-spacing:.04em}
.g4-ch-g{display:flex;flex-wrap:wrap;gap:4px}
.g4-ch{width:38px;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--card);font-size:17px;cursor:pointer;font-family:inherit}
.g4-ch:hover{background:var(--soft);border-color:#D4CFE6}
.g4-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.g4-st{background:var(--softer);border:1px solid var(--line2);border-radius:12px;padding:12px 10px;text-align:center;display:flex;flex-direction:column;gap:2px}
.g4-st b{font-size:22px;color:var(--pur);font-variant-numeric:tabular-nums}
.g4-st span{font-size:12px;color:var(--mut)}
.g4-keys{display:grid;grid-template-columns:1fr 1fr;gap:6px 18px;max-height:62vh;overflow:auto}
.g4-key{display:flex;align-items:center;gap:10px;font-size:13px;padding:4px 0;border-bottom:1px dashed var(--line2)}
.g4-key kbd{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;background:var(--softer);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;padding:2px 7px;direction:ltr;white-space:nowrap;flex:none}
.g4-dict{position:fixed;bottom:26px;inset-inline-start:50%;transform:translateX(50%);z-index:6000;display:flex;align-items:center;gap:10px;background:#1E1B33;color:#fff;padding:10px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.3);cursor:pointer;font-size:13.5px}
.g4-dict b{font-variant-numeric:tabular-nums;font-size:15px}
.g4-dict-dot{width:11px;height:11px;border-radius:50%;background:#E5484D;animation:g4pulse 1s infinite}
.g4-dict.busy .g4-dict-dot{background:var(--org);animation-duration:.5s}
@keyframes g4pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(prefers-reduced-motion:reduce){.g4-dict-dot{animation:none}}

/* ── سجلّ النسخ ── */
.g4-vmodal .modal{width:min(1080px,96vw)}
.g4-vers{display:grid;grid-template-columns:300px 1fr;gap:14px;min-height:56vh;max-height:70vh}
.g4-vl{border-inline-end:1px solid var(--line2);padding-inline-end:12px;overflow:auto;display:flex;flex-direction:column}
.g4-vl-t{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.g4-vl-t .btn{padding:5px 10px;font-size:12px}
.g4-v{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:11px;cursor:pointer;border:1px solid transparent}
.g4-v:hover{background:var(--softer)}.g4-v.on{background:var(--soft);border-color:#D4CFE6}
.g4-v-m{flex:1;min-width:0;display:flex;flex-direction:column}
.g4-v-m b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g4-v-m span{font-size:11.5px;color:var(--mut)}
.g4-v-a{display:flex;gap:2px;flex:none}
.g4-v-a .iconbtn{width:28px;height:28px}
.g4-vp{display:flex;flex-direction:column;min-width:0}
.g4-vp-t{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:8px}
.g4-vp-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g4-cmp{font-size:12.5px;display:flex;align-items:center;gap:5px;white-space:nowrap}
.g4-vp-b{flex:1;min-height:0;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px;font-size:11pt;line-height:1.6}
.g4-diff{white-space:pre-wrap;word-break:break-word;font-family:inherit}
.g4-diff ins,.g4-difflegend ins{background:#E6F7EE;color:#0F6B45;text-decoration:none;border-radius:2px}
.g4-diff del,.g4-difflegend del{background:#FDE7E7;color:#A32A2A;border-radius:2px}
.g4-difflegend{display:flex;gap:10px;font-size:12px;margin-bottom:10px}
.g4-difflegend ins,.g4-difflegend del{padding:1px 8px}
@media(max-width:820px){.g4-vers{grid-template-columns:1fr;max-height:none}.g4-vl{border:0;padding:0;max-height:200px}.g4-keys{grid-template-columns:1fr}.g4-review{width:100%;position:absolute;inset:0;z-index:5}}

/* ── وضع المستندات (doc.fudex.com.sa) ── */
html[data-fdx-mode="doc"] #fbtn,html[data-fdx-mode="doc"] .side,html[data-fdx-mode="doc"] .crumbbar,html[data-fdx-mode="doc"] .toolbar,html[data-fdx-mode="doc"] .filterbar,html[data-fdx-mode="doc"] #vtoggle,html[data-fdx-mode="doc"] #menuBtn{display:none !important}
html[data-fdx-mode="doc"] .files{padding:22px clamp(14px,4vw,48px)}
.g4-home{max-width:1080px;margin:0 auto}
.g4-home-h{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 18px}
.g4-home-h h2{margin:0;font-size:22px;color:var(--pur)}
.g4-home-h .sp{flex:1}
.g4-home-h .search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;min-width:240px}
.g4-home-h .search input{border:0;outline:0;font:inherit;background:transparent;width:100%}
.g4-new{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:26px}
.g4-new .g4-tpl{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 12px;cursor:pointer;display:flex;flex-direction:column;gap:9px;align-items:flex-start;transition:.13s}
.g4-new .g4-tpl:hover{border-color:var(--org);box-shadow:var(--sh2);transform:translateY(-1px)}
.g4-new .g4-tpl .plus{width:44px;height:44px;border-radius:12px;background:#FFF3EC;color:var(--org);display:grid;place-items:center}
.g4-new .g4-tpl .plus svg{width:24px;height:24px}
.g4-new .g4-tpl b{font-size:13.5px}.g4-new .g4-tpl span{font-size:11.5px;color:var(--mut)}
.g4-sec{font-size:13px;color:var(--mut);margin:0 0 10px;letter-spacing:.03em}
.g4-docs{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}
.g4-doc{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:.13s;display:flex;flex-direction:column}
.g4-doc:hover{box-shadow:var(--sh2);transform:translateY(-1px);border-color:#E1DCF3}
.g4-doc .thumb{height:120px;background:#fff;border-bottom:1px solid var(--line2);padding:12px 14px;overflow:hidden;position:relative}
.g4-doc .thumb .ln{height:6px;border-radius:3px;background:#ECEAF6;margin-bottom:7px}
.g4-doc .thumb .ln.t{width:60%;background:#D9D4EE;height:8px}
.g4-doc .thumb .ln.s{width:85%}.g4-doc .thumb .ln.m{width:70%}
.g4-doc .thumb .txt{position:absolute;inset:12px 14px;font-size:9px;line-height:1.5;color:#6d6884;overflow:hidden;background:#fff}
.g4-doc .nm{display:flex;align-items:center;gap:8px;padding:10px 12px 3px;font-weight:600;font-size:13.5px}
.g4-doc .nm .ic{flex:none;width:17px;height:17px;color:var(--org)}.g4-doc .nm .ic svg{width:17px;height:17px}
.g4-doc .nm span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g4-doc .mt{padding:0 12px 11px;color:var(--mut);font-size:11.5px;display:flex;gap:6px;align-items:center}
.g4-doc .mt .own{margin-inline-start:auto;background:#EEF1F6;color:#3C4257;border-radius:999px;padding:0 7px;font-size:10.5px}
.g4-empty{padding:40px;text-align:center;color:var(--mut)}