/* =====================================================================
   sv-messages.css: قسم «الرسائل» (القوالب ومحررها ومعاينتها، والتذكيرات الآلية، وسجل المراسلات)
   ونوافذ «ابدأ من قالب» و«أرسل رسالة». يستهلك رموز base.css فقط، عدا ألوان محاكاة واتساب
   (معرّفة هنا كرموز محلية للفاتح والغامق لأنها تحاكي واجهة التطبيق نفسه).
   ===================================================================== */

.mx-tabs{margin-block-start:var(--sp-5)}
.mx-tabn{min-inline-size:20px;block-size:20px;padding:0 6px;border-radius:var(--r-full);display:inline-grid;place-items:center;background:var(--bad-soft);color:var(--bad);font-size:var(--fs-2xs);font-weight:var(--fw-b);font-variant-numeric:tabular-nums}
.mx-panel{min-block-size:40vh;transition:opacity var(--d2) var(--ease)}
.mx-panel.is-loading,.mx-lcard.is-loading,.mx-pv__body.is-stale{opacity:.6}
.mx-panel > .empty--block{margin-block-start:var(--sp-8)}
.mx-skel{display:inline-block;inline-size:62%;block-size:.9em;border-radius:var(--r-xs);background:var(--surface-3);vertical-align:middle;animation:mxPulse 1.4s var(--ease) infinite}
@keyframes mxPulse{50%{opacity:.5}}
.mx-ch .icon{inline-size:13px;block-size:13px}
.mx-url{color:var(--blue-ink);font-weight:var(--fw-m);unicode-bidi:isolate;word-break:break-all}

/* ============ القوالب: المجموعات والبطاقات ============ */
.mx-group{margin-block-start:var(--sp-6)}
.mx-group + .mx-group{margin-block-start:var(--sp-8)}
.mx-group__h{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}
.mx-group__h h2{font-size:var(--fs-md);font-weight:var(--fw-b);line-height:var(--lh-head)}
.mx-group__h p{font-size:var(--fs-sm);color:var(--ink-3);margin-block-start:var(--sp-0)}
.mx-cards{list-style:none;margin:var(--sp-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:var(--sp-3)}
.mx-cards > li{display:flex;min-inline-size:0}
.mx-card{flex:1;min-inline-size:0;display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:inherit;text-decoration:none;transition:border-color var(--d1) var(--ease),box-shadow var(--d2) var(--ease),transform var(--d2) var(--ease-out)}
.mx-card:hover{text-decoration:none;border-color:var(--brand-line);box-shadow:var(--sh-2);transform:translateY(-2px)}
.mx-card:active{transform:translateY(0) scale(.99);transition-duration:var(--d-fast)}
.mx-card:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.mx-card .tile{inline-size:var(--tile-sm);block-size:var(--tile-sm);border-radius:11px}
.mx-card .tile .icon{inline-size:19px;block-size:19px}
.mx-card__b{flex:1;min-inline-size:0;display:grid;gap:var(--sp-1)}
.mx-card__t{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1) var(--sp-2)}
.mx-card__t b{font-size:var(--fs-sm);font-weight:var(--fw-sb);line-height:var(--lh-snug)}
.mx-card__t .chip{font-size:var(--fs-2xs);line-height:1.7}
.mx-card__d{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mx-card__m{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-1);margin-block-start:var(--sp-1)}
.mx-card__m .chip{font-size:var(--fs-2xs);line-height:1.7;padding-inline:var(--sp-2)}
.mx-card__m small{font-size:var(--fs-2xs);color:var(--ink-3);margin-inline-start:var(--sp-1)}
.mx-card__go{inline-size:18px;block-size:18px;color:var(--ink-3);margin-block-start:var(--sp-2);flex-shrink:0;transition:transform var(--d2) var(--ease-out),color var(--d1) var(--ease)}
.mx-card:hover .mx-card__go{color:var(--brand);transform:scaleX(-1) translateX(3px)} /* الأيقونة معكوسة (dir): الإزاحة الموجبة بعد العكس = نحو اليسار */
.mx-card.is-off{background:var(--surface-2)}
.mx-card.is-off .mx-card__t b{color:var(--ink-2)}
.mx-empty{margin-block-start:var(--sp-4)}

/* ============ المحرر ============ */
.mx-back{display:inline-flex;align-items:center;gap:var(--sp-1);min-block-size:var(--tap);margin-block-end:var(--sp-1);padding-inline:0 var(--sp-2);font-size:var(--fs-sm);font-weight:var(--fw-sb);color:var(--ink-3);text-decoration:none;border-radius:var(--r-sm);transition:color var(--d1) var(--ease)}
.mx-back:hover{color:var(--brand-ink);text-decoration:none}
.mx-back .icon{inline-size:18px;block-size:18px;transition:transform var(--d2) var(--ease-out)}
.mx-back:hover .icon{transform:translateX(3px)} /* الرجوع نحو بداية السطر (اليمين) */
.mx-eh{align-items:flex-end}
.mx-eh h1{overflow-wrap:anywhere}
.mx-eh__chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-block-end:var(--sp-2)}
.mx-autolink{text-decoration:none}
.mx-autolink:hover{text-decoration:none;filter:brightness(.97)}
.mx-lock{margin-block-start:var(--sp-5)}
.mx-lock > div,.mx-simnote > div,.mx-unk > div{display:grid;gap:var(--sp-0)}
.mx-ed{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sp-5);align-items:start;margin-block-start:var(--sp-5)}
.mx-ed > .panel{margin-block-start:0}
.mx-form{padding-block-start:var(--sp-5)}
.mx-lbl{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}
.mx-lbl label,.mx-lbl .flabel{font-weight:var(--fw-sb);font-size:var(--fs-sm);margin:0}
.mx-lbl .count{font-size:var(--fs-2xs);color:var(--ink-3);margin:0}
.mx-body{min-block-size:300px;line-height:1.95}
.mx-chan,.mx-bulk fieldset{border:0;padding:0;margin-inline:0;min-inline-size:0}
.mx-chan__g{grid-template-columns:repeat(3,minmax(0,1fr))}
.mx-sysinfo{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);margin-block-end:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-2);font-size:var(--fs-xs);color:var(--ink-2)}
/* المتغيرات */
.mx-vars{margin-block-end:var(--sp-4);padding:var(--sp-3);border-radius:var(--r-md);background:var(--tint);box-shadow:inset 0 0 0 1px var(--tint-line)}
.mx-vars__h{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-1) var(--sp-3);margin-block-end:var(--sp-2)}
.mx-vars__h small{font-size:var(--fs-2xs);color:var(--ink-3)}
.mx-vars__l{display:flex;flex-wrap:wrap;gap:6px}
.mx-var{display:inline-flex;align-items:center;gap:4px;min-block-size:32px;padding:0 var(--sp-3) 0 var(--sp-2);border:1px solid var(--line-2);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);font-size:var(--fs-xs);font-weight:var(--fw-sb);line-height:1;cursor:pointer;transition:border-color var(--d1) var(--ease),background-color var(--d1) var(--ease),color var(--d1) var(--ease),transform var(--d-fast) var(--ease)}
.mx-var .icon{inline-size:13px;block-size:13px;color:var(--brand);stroke-width:2.4}
.mx-var:hover{border-color:var(--brand);color:var(--brand-ink);background:var(--brand-soft)}
.mx-var:active{transform:scale(.95)}
.mx-var:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.mx-var.is-req{border-color:var(--brand-line)}
.mx-var__r{font-style:normal;font-size:10px;font-weight:var(--fw-sb);line-height:1.5;padding:0 6px;border-radius:var(--r-full);background:var(--brand);color:var(--on-brand);margin-inline-start:2px}
.mx-vars--sm{padding:var(--sp-2);margin-block-end:var(--sp-3)}
/* الفحص الفوري */
.mx-checks{display:grid;gap:var(--sp-2)}
.mx-checks:empty{display:none}
.mx-req{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.mx-ck{display:inline-flex;align-items:center;gap:6px;padding:2px var(--sp-3) 2px var(--sp-2);border-radius:var(--r-full);font-size:var(--fs-xs);font-weight:var(--fw-sb);line-height:1.8;animation:rise var(--d2) var(--ease-out) both}
.mx-ck .icon{inline-size:14px;block-size:14px;stroke-width:2.4}
.mx-ck.is-ok{background:var(--ok-soft);color:var(--ok)}
.mx-ck.is-miss{background:var(--warn-soft);color:var(--warn)}
.mx-unk .linkbtn{justify-self:start;min-block-size:32px;padding-inline:0;color:inherit}
.mx-active{padding:var(--sp-3) var(--sp-4);border:1px solid var(--line);border-radius:var(--r-md);margin-block-end:var(--sp-2)}
.mx-fa{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-4);padding-block-start:var(--sp-4);border-block-start:1px solid var(--line)}
.mx-dirty{display:inline-flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-xs);color:var(--ink-3);margin-inline-start:auto}
.mx-meta{display:flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-3);font-size:var(--fs-xs);color:var(--ink-3)}
.mx-meta .icon{inline-size:15px;block-size:15px;flex-shrink:0}

/* ============ المعاينة ============ */
.mx-pv{position:sticky;inset-block-start:calc(var(--sp-4) + 40px);max-block-size:calc(100dvh - var(--sp-4) - 56px);overflow:auto;overscroll-behavior:contain;padding-block-start:var(--sp-4);scrollbar-width:thin}
.mx-pv__h{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3)}
.mx-pv__h h2{font-size:var(--fs-sm);font-weight:var(--fw-b)}
.mx-pv__ctl{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.mx-pv__ctl .segc button{min-block-size:34px;padding:4px var(--sp-3);font-size:var(--fs-xs)}
.mx-pv__ctl .segc .icon{inline-size:15px;block-size:15px}
.mx-pv__s{display:flex;align-items:center;gap:var(--sp-2);margin-block:var(--sp-2) var(--sp-4);font-size:var(--fs-xs);color:var(--ink-3)}
.mx-pv__s .icon{inline-size:15px;block-size:15px;color:var(--brand)}
.mx-pv__s b{color:var(--ink-2);font-weight:var(--fw-sb)}
.mx-pv__body{transition:opacity var(--d2) var(--ease)}
.mx-pv__body > div:not([hidden]){animation:rise var(--d3) var(--ease-out) both}

/* جهاز البريد: جوال بحواف دائرية، أو نافذة حاسوب بثلاث نقاط */
.mx-mail{margin-inline:auto;background:var(--surface);border:1px solid var(--line-2);box-shadow:var(--sh-2);overflow:hidden}
.mx-mail--phone{max-inline-size:400px;border-radius:30px;padding:var(--sp-3) var(--sp-2) var(--sp-2)}
.mx-mail--phone::before{content:"";display:block;inline-size:84px;block-size:5px;margin:0 auto var(--sp-3);border-radius:var(--r-full);background:var(--line-2)}
.mx-mail--desk{max-inline-size:none;border-radius:var(--r-md);padding:0 0 var(--sp-2)}
.mx-mail__bar{display:none}
.mx-mail--desk .mx-mail__bar{display:flex;gap:6px;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-block-end:1px solid var(--line)}
.mx-mail__bar i{inline-size:9px;block-size:9px;border-radius:50%;background:var(--line-2)}
.mx-mail__h{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) 0}
.mx-mail__av{inline-size:34px;block-size:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--brand-solid);color:var(--white);font-weight:var(--fw-sb);font-size:var(--fs-sm)}
.mx-mail__who{flex:1;min-inline-size:0;display:grid;line-height:1.4}
.mx-mail__who b{font-size:var(--fs-sm);font-weight:var(--fw-sb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-mail__who small,.mx-mail__t{font-size:var(--fs-2xs);color:var(--ink-3)}
.mx-mail__s{margin:var(--sp-2) var(--sp-3) var(--sp-3);font-size:var(--fs-base);font-weight:var(--fw-sb);line-height:var(--lh-snug);color:var(--ink);overflow-wrap:anywhere}
.mx-mail__f{position:relative;display:flex;justify-content:center;overflow:hidden;border-radius:var(--r-md);background:#f5f8f8;min-block-size:240px}
.mx-mail--phone .mx-mail__f{border-radius:var(--r-lg) var(--r-lg) 22px 22px}
.mx-mail--desk .mx-mail__f{border-radius:0;margin-inline:var(--sp-2)}
.mx-frame{flex:none;display:block;border:0;background:#f5f8f8;transform-origin:50% 0;color-scheme:light}
.mx-mail--bulk{max-inline-size:400px;margin-block-end:var(--sp-2)}

/* محاكاة واتساب */
.mx-wa{--wa-bg:#efeae2;--wa-dot:rgb(0 0 0 / .045);--wa-out:#d9fdd3;--wa-ink:#111b21;--wa-meta:#667781;--wa-tick:#53bdeb;--wa-day:#ffffff;
  max-inline-size:400px;margin-inline:auto;border-radius:24px;overflow:hidden;border:1px solid var(--line-2);box-shadow:var(--sh-2);background:var(--surface)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mx-wa{--wa-bg:#0b141a;--wa-dot:rgb(255 255 255 / .03);--wa-out:#005c4b;--wa-ink:#e9edef;--wa-meta:#8696a0;--wa-day:#182229}}
:root[data-theme="dark"] .mx-wa{--wa-bg:#0b141a;--wa-dot:rgb(255 255 255 / .03);--wa-out:#005c4b;--wa-ink:#e9edef;--wa-meta:#8696a0;--wa-day:#182229}
.mx-wa__bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--surface-2);border-block-end:1px solid var(--line)}
.mx-wa__av{inline-size:36px;block-size:36px;border-radius:50%;display:grid;place-items:center;background:var(--turq-solid);color:var(--white);font-weight:var(--fw-sb)}
.mx-wa__who{display:grid;line-height:1.35}
.mx-wa__who b{font-size:var(--fs-sm);font-weight:var(--fw-sb)}
.mx-wa__who small{font-size:var(--fs-2xs);color:var(--ink-3)}
.mx-wa__chat{display:grid;gap:var(--sp-2);padding:var(--sp-4) var(--sp-3) var(--sp-5);min-block-size:300px;align-content:start;background-color:var(--wa-bg);background-image:radial-gradient(var(--wa-dot) 1.2px,transparent 1.3px);background-size:18px 18px}
.mx-wa__day{justify-self:center;padding:2px var(--sp-3);border-radius:var(--r-sm);background:var(--wa-day);color:var(--wa-meta);font-size:var(--fs-2xs);box-shadow:0 1px .5px rgb(11 20 26 / .13)}
/* الرسالة الصادرة في نهاية السطر (اليسار في RTL)، وذيلها عند زاويتها العليا الخارجية */
.mx-wa__msg{position:relative;margin-inline-start:auto;max-inline-size:88%;padding:var(--sp-2) var(--sp-3) var(--sp-1);border-radius:12px;border-start-end-radius:3px;background:var(--wa-out);color:var(--wa-ink);box-shadow:0 1px .5px rgb(11 20 26 / .13);animation:mxPop var(--d3) var(--ease-spring) both}
@keyframes mxPop{from{opacity:0;transform:translateY(8px) scale(.97)}}
.mx-wa__txt{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--fs-sm);line-height:1.8}
.mx-wa__txt .mx-url{color:#027eb5}
:root[data-theme="dark"] .mx-wa__txt .mx-url{color:#53bdeb}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mx-wa__txt .mx-url{color:#53bdeb}}
.mx-wa__meta{display:flex;justify-content:flex-end;align-items:center;gap:0;margin-block-start:2px;font-size:10px;color:var(--wa-meta)}
.mx-wa__meta .num{margin-inline-end:4px}
.mx-wa__meta .icon{inline-size:13px;block-size:13px;color:var(--wa-tick);stroke-width:2.6}
.mx-wa__meta .icon + .icon{margin-inline-start:-8px}
.mx-wa__note{display:flex;align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-2xs);color:var(--ink-3);line-height:1.7;border-block-start:1px solid var(--line)}
.mx-wa__note .icon{inline-size:14px;block-size:14px;flex-shrink:0;margin-block-start:2px;color:var(--brand)}

/* ============ التذكيرات الآلية ============ */
.mx-simnote{margin-block-start:var(--sp-5)}
.mx-simnote .linkbtn{justify-self:start;min-block-size:32px;padding-inline:0;color:inherit}
.mx-rem{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:var(--sp-5);align-items:start;margin-block-start:var(--sp-5)}
.mx-rem .panel{margin-block-start:0}
.mx-side{display:grid;gap:var(--sp-5);min-inline-size:0}
.mx-rl{list-style:none;margin:var(--sp-2) 0 0;padding:0}
.mx-rule{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--sp-4);align-items:start;padding:var(--sp-4) 0;border-block-end:1px solid var(--line)}
.mx-rule:last-child{border-block-end:0;padding-block-end:var(--sp-1)}
.mx-rule .tile{transition:filter var(--d2) var(--ease),opacity var(--d2) var(--ease)}
.mx-rule__b{display:grid;gap:var(--sp-2);min-inline-size:0}
.mx-rule__h b{display:block;font-weight:var(--fw-sb);line-height:var(--lh-snug)}
.mx-rule__h small{display:block;font-size:var(--fs-xs);color:var(--ink-3)}
.mx-rule .sw{margin-block-start:var(--sp-1)}
.mx-rt{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-2)}
.mx-rt label{font-weight:var(--fw-m)}
.mx-rt .select{inline-size:auto;min-inline-size:7.5rem;min-block-size:var(--ctl-h-sm);padding-block:0;border-radius:var(--r-sm)}
.mx-rt__z{font-size:var(--fs-2xs);color:var(--ink-3)}
.mx-rt__k{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-3) 2px var(--sp-2);border-radius:var(--r-full);background:var(--surface-2);font-size:var(--fs-xs);font-weight:var(--fw-sb);color:var(--ink-2)}
.mx-rt__k .icon{inline-size:14px;block-size:14px;color:var(--brand)}
.mx-rule__tpl{justify-self:start;min-block-size:32px;padding-inline:0;font-size:var(--fs-xs)}
.mx-rule__tpl .icon:last-child{inline-size:14px;block-size:14px}
.mx-rule.is-off .tile{filter:grayscale(1);opacity:.55}
.mx-rule.is-off .mx-rule__h b{color:var(--ink-2)}
.mx-rule.is-off .mx-rt,.mx-rule.is-off .mx-rule__tpl{opacity:.55}
/* لوحة آخر تشغيل */
.mx-status__t{display:grid;margin-block-start:var(--sp-3);line-height:1.4}
.mx-status__t b{font-size:var(--fs-md);font-weight:var(--fw-sb)}
.mx-status__t small{font-size:var(--fs-xs);color:var(--ink-3)}
.mx-n3{list-style:none;margin:var(--sp-3) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-md)}
.mx-n3 li{display:grid;gap:var(--sp-0);padding:var(--sp-2) var(--sp-3)}
.mx-n3 li + li{border-inline-start:1px solid var(--line)}
.mx-n3 b{font-size:var(--fs-lg);font-weight:var(--fw-b);line-height:var(--lh-tight)}
.mx-n3 span{font-size:var(--fs-2xs);color:var(--ink-3)}
.mx-n3 li.is-bad b{color:var(--bad)}
.mx-status__n{margin-block-start:var(--sp-3)}
.mx-up{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-block-start:var(--sp-4)}
.mx-up div{display:grid;gap:var(--sp-0);padding:var(--sp-3);border-radius:var(--r-md);background:var(--brand-soft)}
.mx-up b{font-size:var(--fs-xl);font-weight:var(--fw-b);line-height:var(--lh-tight);color:var(--brand-ink)}
.mx-up span{font-size:var(--fs-xs);color:var(--ink-2)}
.mx-status__a{margin-block-start:var(--sp-4);display:grid;gap:var(--sp-2)}
.mx-status__a .help{text-align:center}
.mx-safe .tile{inline-size:var(--tile-sm);block-size:var(--tile-sm);border-radius:var(--r-sm)}
.mx-safe .tile .icon{inline-size:18px;block-size:18px}
/* التشغيل على الخادم */
.mx-cron{padding-block:0}
.mx-cron summary{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);min-block-size:52px;cursor:pointer;list-style:none;font-size:var(--fs-sm)}
.mx-cron summary::-webkit-details-marker{display:none}
.mx-cron summary > span{display:inline-flex;align-items:center;gap:var(--sp-2)}
.mx-cron summary .icon{inline-size:18px;block-size:18px;color:var(--ink-3)}
.mx-cron__i{transition:transform var(--d2) var(--ease-out)}
.mx-cron[open] .mx-cron__i{transform:rotate(180deg)}
.mx-cron[open]{padding-block-end:var(--sp-4)}
.mx-cmd{display:flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--sp-2);padding:var(--sp-2) var(--sp-2) var(--sp-2) var(--sp-3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}
.mx-cmd code{flex:1;min-inline-size:0;font-family:ui-monospace,Consolas,'Courier New',monospace;font-size:var(--fs-xs);color:var(--ink-2);overflow-wrap:anywhere;text-align:start}
/* نافذة «شغّل الآن» */
.mx-run__n{margin-block-end:var(--sp-3)}
.mx-run__g + .mx-run__g{margin-block-start:var(--sp-4)}
.mx-run__g .flabel{display:flex;align-items:center;gap:var(--sp-2)}
.mx-run__g .ilist .chip{flex:none;white-space:nowrap}

/* ============ سجل المراسلات ============ */
.mx-ltools{margin-block-start:var(--sp-5)}
.mx-lfind{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);flex:1 1 auto;justify-content:flex-end}
.mx-lfind .search{flex:1 1 220px;max-inline-size:320px}
.mx-fbtn[aria-expanded="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}
.mx-fbtn__n{min-inline-size:20px;block-size:20px;padding:0 5px;border-radius:var(--r-full);display:inline-grid;place-items:center;background:var(--brand);color:var(--on-brand);font-size:var(--fs-2xs);font-weight:var(--fw-b)}
.mx-lf{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10.5rem),1fr));gap:var(--sp-3);align-items:end;margin-block-end:var(--sp-3);padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.mx-lf .field{margin:0}
.mx-lf .select,.mx-lf .input{min-block-size:var(--ctl-h-sm);padding-block:0}
.mx-lf__clear{justify-self:start;align-self:center}
.mx-lcard{transition:opacity var(--d2) var(--ease)}
.mx-ltbl{min-inline-size:900px}
.mx-ltbl tr.is-failed > td:first-child{box-shadow:inset -3px 0 0 var(--bad)} /* شريط عند بداية الصف (اليمين في RTL) */
.mx-lt{color:var(--ink-2)}
.mx-who{display:grid;line-height:1.45;min-inline-size:0}
.mx-who b{font-weight:var(--fw-sb)}
/* العنوان المقنّع لاتيني: اتجاهه من اليسار لكنه يُحاذى تحت الاسم */
.mx-who small{font-size:var(--fs-2xs);color:var(--ink-3);direction:ltr;text-align:end;unicode-bidi:isolate}
.mx-lmsg{display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;max-inline-size:26rem;padding:var(--sp-1) 0;border:0;background:none;color:inherit;text-align:start;cursor:pointer;border-radius:var(--r-sm)}
.mx-lmsg:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.mx-lmsg__ic{inline-size:30px;block-size:30px;border-radius:9px;display:grid;place-items:center;flex-shrink:0;background:var(--surface-2);color:var(--ink-2)}
.mx-lmsg__ic .icon{inline-size:16px;block-size:16px}
.mx-lmsg__b{display:grid;min-inline-size:0;line-height:1.45}
.mx-lmsg__b b{font-weight:var(--fw-sb);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--d1) var(--ease)}
.mx-lmsg__b small{font-size:var(--fs-2xs);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mx-lmsg:hover b{color:var(--brand-ink)}
.mx-trig{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--ink-2)}
.mx-trig .icon{inline-size:15px;block-size:15px;color:var(--brand)}
.mx-ltbl .chip .icon{inline-size:13px;block-size:13px}
.mx-pager{flex-wrap:wrap}
.mx-pager__p{display:inline-flex;align-items:center;gap:var(--sp-1);padding-inline:var(--sp-2);font-size:var(--fs-xs)}
.mx-lempty .empty--block{border:0}
/* درج التفاصيل */
.mx-drw .drw__h .tile{inline-size:var(--tile-sm);block-size:var(--tile-sm);border-radius:11px}
.mx-drw .drw__h h2{overflow-wrap:anywhere;line-height:var(--lh-head)}
.mx-drw__chips{display:flex;flex-wrap:wrap;gap:var(--sp-1);margin-block-start:var(--sp-2)}
.mx-drw .drw__b > .alert{margin-block-end:var(--sp-4)}
.mx-drw .drw__b > .alert > div{display:grid;gap:var(--sp-0)}
.mx-drw__a{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2) var(--sp-3);margin-block-end:var(--sp-4)}
.mx-drw__a small{font-size:var(--fs-xs);color:var(--ink-3)}
.mx-kv dd small{display:block;font-size:var(--fs-2xs);color:var(--ink-3);font-weight:var(--fw-r);direction:ltr;text-align:start;unicode-bidi:isolate}
.mx-kv dd a{color:var(--brand-ink)}
.mx-drw__txt{margin-block-start:var(--sp-5)}
.mx-drw__txt .linkbtn{min-block-size:32px}
.mx-txt{max-block-size:340px;overflow:auto;margin-block:var(--sp-2)}
.mx-drw__none{margin-block-start:var(--sp-4)}
.mx-drw__p{margin-block-start:var(--sp-3)}

/* ============ نافذة «ابدأ من قالب» ============ */
.mx-pick{list-style:none;margin:0 0 var(--sp-3);padding:0;display:grid;gap:var(--sp-2)}
.mx-pick__i{display:flex;align-items:center;gap:var(--sp-3);inline-size:100%;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:inherit;text-align:start;cursor:pointer;transition:border-color var(--d1) var(--ease),background-color var(--d1) var(--ease)}
.mx-pick__i:hover{border-color:var(--brand);background:color-mix(in srgb,var(--brand-soft) 45%,var(--surface))}
.mx-pick__i .tile{inline-size:var(--tile-sm);block-size:var(--tile-sm);border-radius:11px}
.mx-pick__i > .icon{inline-size:18px;block-size:18px;color:var(--ink-3)}
.mx-pick__b{flex:1;min-inline-size:0;display:grid;line-height:1.5}
.mx-pick__b b{font-size:var(--fs-sm);font-weight:var(--fw-sb)}
.mx-pick__b small{font-size:var(--fs-xs);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ============ نافذة «أرسل رسالة» ============ */
.mx-bulk__to{margin-block-end:var(--sp-4)}
.mx-bulk__to .names{margin-block-start:var(--sp-2)}
.mx-bulk__src{margin-block-start:var(--sp-2)}
.mx-bulk__tp{max-block-size:220px;overflow:auto}
.mx-bulk__tp b{font-weight:var(--fw-sb)}
.mx-bulk__n{margin-block-start:var(--sp-3)}
.mx-bulk__k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-2);margin-block-end:var(--sp-4)}
.mx-bulk__k div{display:grid;gap:var(--sp-0);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);background:var(--surface-2)}
.mx-bulk__k div:first-child{background:var(--brand-soft)}
.mx-bulk__k div:first-child b{color:var(--brand-ink)}
.mx-bulk__k b{font-size:var(--fs-xl);font-weight:var(--fw-b);line-height:var(--lh-tight)}
.mx-bulk__k span{font-size:var(--fs-xs);color:var(--ink-2)}
.mx-bulk__skip{margin-block-end:var(--sp-4);max-block-size:220px;overflow:auto}
.mx-bulk__skip .tile{inline-size:30px;block-size:30px;border-radius:9px;background:var(--surface-2);color:var(--ink-3)}
.mx-bulk__done .mx-bulk__skip{text-align:start;inline-size:100%}
.mx-bulk .flabel{margin-block-end:var(--sp-2)}

/* ============ التجاوب ============ */
@media (max-width:80rem){
  .mx-ed{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
}
@media (max-width:64rem){
  .mx-ed,.mx-rem{grid-template-columns:minmax(0,1fr)}
  .mx-pv{position:static;max-block-size:none;overflow:visible}
}
@media (max-width:40rem){
  .mx-tabs .stab > .icon{display:none}
  .mx-tabs .stab{padding-inline:var(--sp-2)}
  .mx-chan__g{grid-template-columns:minmax(0,1fr)}
  .mx-group__h .btn{inline-size:100%}
  .mx-fa .btn{flex:1 1 100%}
  .mx-dirty{margin-inline-start:0}
  .mx-rule{grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-3)}
  .mx-rule > .tile{display:none}
  .mx-lfind{justify-content:stretch}
  .mx-lfind .search{flex:1 1 100%;max-inline-size:none}
  .mx-lfind .btn{flex:1 1 0}
  .mx-ltools .fchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--page-x));padding-inline:var(--page-x);inline-size:calc(100% + 2 * var(--page-x))}
  .mx-ltools .fchips::-webkit-scrollbar{display:none}
  .mx-ltools .fchip{flex-shrink:0}
  .mx-pv__h{align-items:flex-start}
  .mx-mail--phone{border-radius:24px}
  .mx-eh .mh__a{inline-size:100%}
  .mx-eh .mh__a .btn{flex:1 1 0}
}
/* الجدول بطاقات مدمجة حتى 820: المستلم والحالة في الرأس، ثم الرسالة، ثم الوقت ومن أطلقها والإجراء في سطر واحد */
@media (max-width:51.25rem){
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr:not(.empty-row){display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:var(--sp-2) var(--sp-3);align-items:center;padding:var(--sp-3) var(--sp-4)}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td{display:flex;flex-direction:row;padding:0;min-inline-size:0;text-align:start;justify-content:flex-start;border:0}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td::before{content:none}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td.c-name{grid-column:1/3;grid-row:1}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td:nth-child(4){grid-column:3;grid-row:1;justify-content:flex-end}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td.mx-lm{grid-column:1/-1;grid-row:2}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td.mx-lt{grid-column:1;grid-row:3;font-size:var(--fs-xs);color:var(--ink-3)}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td:nth-child(5){grid-column:2;grid-row:3;font-size:var(--fs-xs);color:var(--ink-3)}
  .mx-lcard.mx-lcard .tbl-wrap .tbl.mx-ltbl tbody tr > td.c-act{grid-column:3;grid-row:3;justify-content:flex-end}
  .mx-ltbl td.c-act .btn{min-block-size:var(--ctl-h-sm);padding-inline:var(--sp-3)}
  .mx-ltbl td.c-act .btn--ghost{padding-inline:var(--sp-2)}
  .mx-lmsg{max-inline-size:none;padding:var(--sp-2) var(--sp-3);background:var(--surface-2);border-radius:var(--r-md)}
  .mx-lmsg__ic{background:var(--surface)}
  .mx-who{grid-template-columns:auto;}
  .mx-who small{text-align:start;direction:ltr}
  .mx-ltbl tr.is-failed{box-shadow:inset -3px 0 0 var(--bad)}
  .mx-ltbl tr.is-failed > td:first-child{box-shadow:none}
}
@media (pointer:coarse),(max-width:47.99rem){
  .mx-var{min-block-size:var(--tap)}
  .mx-pv__ctl .segc button{min-block-size:var(--tap)}
  .mx-rule__tpl,.mx-unk .linkbtn,.mx-simnote .linkbtn,.mx-drw__txt .linkbtn{min-block-size:var(--tap)}
  .mx-rt .select,.mx-lf .select,.mx-lf .input{min-block-size:var(--tap)}
}

/* زر «المعاينة» السريع في رأس المحرر: حين تنزل المعاينة تحت النموذج */
.mx-jump{display:none}
@media (max-width:64rem){.mx-jump{display:inline-flex}}

/* المحرر للاطلاع فقط (المشرف التجريبي على القوالب النظامية)، والمفاتيح المعطلة */
.mx-vars.is-locked .mx-var{opacity:.55;pointer-events:none}
.mx-rule .sw:disabled{opacity:.5;cursor:not-allowed}