/* أنماط الرياضيات العربية (القلب المزدوج) — منقولة من الأمثل */
/* KaTeX يُرسم دائماً LTR حتى داخل صفحة RTL (يمنع انعكاس المعادلات مثل x=-3)
   و nowrap يمنع كسر المعادلة عند + / = فتبقى كل معادلة وحدة كاملة (تنتقل للسطر مجتمعةً) */
.katex{direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.araf-wrap{display:inline-block;direction:ltr;font-family:"Tajawal","Segoe UI",sans-serif}
.araf-root{display:inline-block;transform:scaleX(-1);backface-visibility:hidden}
.araf-leaf{display:inline-block;transform:scaleX(-1);font-family:"Tajawal","Segoe UI",sans-serif;font-style:normal}
.araf-wrap .katex,.araf-wrap .katex .mord,.araf-wrap .katex .mathnormal,
.araf-wrap .katex .mathdefault,.araf-wrap .katex .text{font-family:"Tajawal","Segoe UI",sans-serif !important}
.araf-wrap .katex .mord{font-size:1em}
.araf-wrap .araf-ar-letter,.araf-wrap .katex .mord.araf-ar-letter{font-size:.78em !important}
.araf-sqrt1{display:inline-block}
.araf-mixsqrt{display:inline-block;transform:scaleX(-1) translateX(-.85em)}
.araf-mixsqrt .araf-mixleaf{transform:none}

/* محتوى Tiptap */
.tiptap{outline:none;min-height:90px;line-height:1.9;font-size:16px}
.tiptap:focus{outline:none}
.tiptap p{margin:.3em 0}
.tiptap table{border-collapse:collapse;margin:6px 0}
.tiptap td,.tiptap th{border:1px solid #c7d0dc;padding:4px 8px;min-width:32px}
.tiptap th{background:#eef2f7}
.tiptap img{max-width:100%;border-radius:8px}
.tiptap ul,.tiptap ol{padding-inline-start:26px;margin:.3em 0}
.tiptap h1{font-size:1.6em;margin:.3em 0}.tiptap h2{font-size:1.3em;margin:.3em 0}
.tiptap .ProseMirror-selectednode{outline:2px solid #4A6CF7}

/* شريط أدوات المحرّر */
.ttbar{display:flex;flex-wrap:wrap;gap:4px;padding:6px;background:#f2f5f9;
  border:1.5px solid var(--line);border-bottom:none;border-radius:10px 10px 0 0}
.ttbar button{background:#fff;border:1px solid var(--line);border-radius:7px;
  min-width:34px;height:32px;padding:0 8px;font-size:14px;font-weight:600;color:var(--navy)}
.ttbar button.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.ttbar .sep{width:1px;background:var(--line);margin:2px 3px}
.ttbar input[type=color]{width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:7px;background:#fff}
.ttwrap .tiptap{border:1.5px solid var(--line);border-top:none;border-radius:0 0 10px 10px;padding:10px 12px;background:#fff}

/* لوحة المعادلات */
.eqpanel{border:1.5px solid var(--line);border-radius:12px;margin-top:8px;overflow:hidden;background:#fff}
.eqtabs{display:flex;flex-wrap:wrap;gap:4px;padding:8px;background:#f7f9fc;border-bottom:1px solid var(--line)}
.eqtab{padding:6px 12px;border-radius:18px;background:#fff;border:1px solid var(--line);font-size:13px;color:var(--muted)}
.eqtab.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.eqgrid{display:flex;flex-wrap:wrap;gap:6px;padding:10px;max-height:180px;overflow:auto}
.eqbtn{min-width:42px;height:40px;padding:0 8px;background:#fff;border:1px solid var(--line);
  border-radius:8px;font-size:16px;color:#20303f;display:inline-flex;align-items:center;justify-content:center}
.eqbtn:hover{background:#eef2f7;border-color:var(--navy)}
.eqfoot{display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--line);flex-wrap:wrap}
.eqfoot .prev{flex:1;min-width:120px;background:#f7f9fc;border:1px dashed var(--line);border-radius:8px;padding:8px 12px;min-height:36px}
.eqlatex{flex:1;min-width:140px;font-family:monospace;font-size:13px}
.eqtoggle{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.eqtoggle button{padding:6px 12px;background:#fff;border:none;font-size:13px;color:var(--muted)}
.eqtoggle button.on{background:var(--green);color:#fff}

/* المعاينة الحيّة */
.preview{background:#f7f9fc;border:1px dashed #dfe5ee;border-radius:8px;padding:8px 12px;margin-top:8px;min-height:22px;line-height:1.9;font-size:15px}
.preview .prev-label{font-size:11px;color:#8E93A1;font-weight:700;margin-bottom:4px;display:flex;align-items:center;gap:6px}
.preview .prev-body:empty::after{content:"— المعاينة تظهر هنا —";color:#b6bdc9;font-size:13px}
.rich-view p{margin:.2em 0}.rich-view img{max-width:100%;display:block;margin:8px auto}
.rich-view table{border-collapse:collapse;margin:.5em auto;font-size:1em}
.rich-view td,.rich-view th{border:1px solid #444;padding:6px 14px;text-align:center}
.opt .txt img{max-height:40px;vertical-align:middle}

/* منسدلات المحرّر (نص/عادي) تبقى بحجمها لا بعرض كامل */
#edStem select, .ehost select{width:auto !important;min-width:64px;padding:5px 8px}
#edStem input:not([type=color]), .ehost input:not([type=color]){width:auto}

/* ===== معاينة A4 قابلة للتعديل ===== */
.a4{width:210mm;min-height:297mm;background:#fff;position:relative;color:#141414;
  font-family:'Tajawal','Segoe UI',sans-serif;box-shadow:0 6px 30px rgba(0,0,0,.45);direction:rtl}
.a4 .fid{position:absolute;width:7mm;height:7mm;background:#000}
.a4 .fid.tl{left:11mm;top:11mm}.a4 .fid.tr{right:11mm;top:11mm}
.a4 .fid.bl{left:11mm;bottom:11mm}.a4 .fid.br{right:11mm;bottom:11mm}
.a4 .frame{position:absolute;left:22mm;right:22mm;top:22mm;bottom:22mm;
  border:1.4px solid #1e3a5f;outline:.5px solid #1e3a5f;outline-offset:1.6mm;pointer-events:none}
.a4 .content{position:absolute;left:26mm;right:26mm;top:26mm;bottom:26mm}
.klx{border:1px solid #1e3a5f;padding:3mm 5mm 4mm;position:relative;margin-bottom:2mm}
.klx .qr{position:absolute;right:4mm;top:3mm;width:15mm;height:15mm;background:#f4f4f4;
  display:flex;align-items:center;justify-content:center;font-size:7px;color:#999;border:1px solid #ccc}
.klx h2{text-align:center;margin:1mm 0 0;font-size:15pt;font-weight:700}
.klx .sub{text-align:center;font-size:10pt;color:#333;margin-top:1mm}
.klx .row{display:flex;gap:6mm;margin-top:2.5mm;font-size:9pt}
.klx .row>div{flex:1}
.klx b{font-weight:700}
.a4 [contenteditable]{border-radius:3px;padding:0 2px;transition:background .1s}
.a4 [contenteditable]:hover{background:#fff7cc;box-shadow:0 0 0 1px #E5C200}
.a4 [contenteditable]:focus{background:#fffde0;outline:none;box-shadow:0 0 0 1.5px #E5C200}
.a4 .instr{text-align:center;color:#1e3a5f;font-size:9pt;margin:1mm 0 3mm}
.qzone{column-count:2;column-gap:9mm;font-size:10.5pt}
.qcard{break-inside:avoid;margin-bottom:3mm;position:relative}
.qcard .qstem{font-weight:600;line-height:1.7}
.qcard .qtools{position:absolute;left:-2mm;top:-1mm;display:none;gap:2px;z-index:3}
.qcard:hover .qtools{display:flex}
.qcard .qtools button{width:20px;height:20px;border:1px solid var(--line);background:#fff;
  border-radius:5px;font-size:11px;padding:0;line-height:1;cursor:pointer}
.qopt{display:flex;align-items:center;gap:2mm;margin:1.5mm 0;line-height:1.5}
.qbub{width:4.8mm;height:4.8mm;min-width:4.8mm;border:.4mm solid #222;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:7pt;flex:none}
.a4 .katex{font-size:1em}