/* مدار — لوحة نسخة العرض (فوق التطبيق الحقيقي) */
.dmo-fab{position:fixed;z-index:45;inset-inline-start:calc(var(--rail) + 16px);bottom:calc(16px + env(safe-area-inset-bottom,0px));display:inline-flex;align-items:center;gap:8px;
  border:0;border-radius:999px;padding:10px 14px;background:#F59E0B;color:#1A1203;font:600 13.5px/1 var(--f-body);cursor:pointer;box-shadow:0 10px 30px -10px rgba(0,0,0,.55);max-width:calc(100vw - 32px)}
.dmo-fab .lb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmo-fab .dot{flex:none;width:8px;height:8px;border-radius:50%;background:#1A1203;animation:dmoPulse 1.8s infinite}
.dmo-fab .cnt{flex:none;font-family:var(--f-mono);font-size:12px;background:rgba(0,0,0,.14);border-radius:999px;padding:3px 7px}
.dmo-fab.on{background:var(--nav);color:#fff} .dmo-fab.on .dot{background:#fff}
html:has(.dlg) .dmo-fab,html:has(.pair) .dmo-fab.hide{display:none}
@keyframes dmoPulse{50%{opacity:.35}}
.dmo-veil{position:fixed;inset:0;z-index:71;background:rgba(6,11,22,.35)}
.dmo-pnl{position:fixed;z-index:72;inset-inline-start:calc(var(--rail) + 16px);bottom:70px;width:min(430px,calc(100vw - 32px));max-height:min(82vh,820px);overflow:auto;
  background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh2);padding:16px 16px 12px;animation:dmoIn .2s ease-out;font-family:var(--f-body)}
@keyframes dmoIn{from{opacity:0;transform:translateY(8px)}}
.dmo-pnl .hd{display:flex;gap:10px;align-items:flex-start;justify-content:space-between}
.dmo-pnl .hd b{display:block;font:700 18px/1.3 var(--f-disp);color:var(--ink)}
.dmo-pnl .hd span{font-size:12.5px;color:var(--mut)}
.dmo-pnl .x{border:0;background:var(--panel2);border-radius:10px;width:32px;height:32px;cursor:pointer;color:var(--mut);flex:none}
.dmo-pnl .nt{margin:10px 0 8px;font-size:13px;color:var(--txt);line-height:1.6}
.dmo-pnl .biz{border:1px solid var(--line);border-radius:14px;padding:8px;margin-bottom:6px;background:var(--panel2)}
.dmo-pnl .bh{display:flex;align-items:baseline;gap:7px;margin:0 2px 6px}
.dmo-pnl .bh .e{font-size:17px} .dmo-pnl .bh b{font-size:14px;color:var(--ink)} .dmo-pnl .bh small{font-size:11.5px;color:var(--mut)}
.dmo-pnl .roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:5px}
.dmo-pnl .role{display:block;text-align:start;padding:7px 9px;border:1px solid var(--line);border-radius:10px;color:var(--txt);background:var(--panel);cursor:pointer;font-family:inherit;min-width:0}
.dmo-pnl .role:hover{border-color:var(--acc)}
.dmo-pnl .role.cur{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc);background:var(--acc-s)}
.dmo-pnl .role b{display:block;font-size:12.5px;line-height:1.3;color:var(--ink)}
.dmo-pnl .role small{display:block;font-size:11px;line-height:1.35;color:var(--mut)}
.dmo-pnl h4{margin:14px 0 8px;font:700 13px/1 var(--f-body);color:var(--acc-ink);display:flex;align-items:center;gap:8px}
.dmo-pnl h4 small{font-family:var(--f-mono);color:var(--mut);font-weight:500}
.dmo-pnl .prog{flex:1;height:5px;border-radius:9px;background:var(--line);overflow:hidden}
.dmo-pnl .prog i{display:block;height:100%;background:var(--ok);border-radius:9px;transition:width .4s}
.dmo-pnl .ms{list-style:none;margin:0;padding:0;display:grid;gap:5px}
.dmo-pnl .ms li{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.4;padding:7px 8px;border-radius:10px;background:var(--panel2)}
.dmo-pnl .ms li .n{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:600 12px/1 var(--f-mono);background:var(--line);color:var(--ink)}
.dmo-pnl .ms li.ok{color:var(--mut)} .dmo-pnl .ms li.ok .n{background:var(--ok);color:#fff}
.dmo-pnl .ms li .t{flex:1;min-width:0} .dmo-pnl .ms li .t small{display:block;color:var(--mut);font-size:11.5px}
.dmo-pnl .bc{display:inline-block;margin-inline-start:4px;font:600 12px var(--f-mono);background:var(--acc-s);color:var(--acc-ink);border-radius:6px;padding:1px 6px;cursor:copy;direction:ltr}
.dmo-pnl .ms li button{flex:none;font:600 12.5px/1 var(--f-body);color:var(--acc-ink);background:var(--acc-s);border:0;border-radius:8px;padding:7px 11px;cursor:pointer}
.dmo-pnl .ms li .here{flex:none;font-size:11.5px;color:var(--ok);font-weight:600}
.dmo-pnl .ft{display:flex;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;gap:10px}
.dmo-pnl .ft .rst{border:0;background:none;color:var(--bad);font:600 13px var(--f-body);cursor:pointer;padding:4px 0;text-align:start}
.dmo-pnl .ft a{color:var(--acc-ink)}
@media (max-width:719px){
  .dmo-fab{inset-inline-start:12px;bottom:calc(var(--dock) + 72px + env(safe-area-inset-bottom,0px));padding:8px 12px;font-size:12.5px}
  .dmo-pnl{inset-inline:0;bottom:0;width:auto;max-height:88vh;border-radius:20px 20px 0 0;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px));animation:dmoUp .25s cubic-bezier(.2,.8,.2,1)}
  @keyframes dmoUp{from{transform:translateY(40%)}}
}
html:has(.pair) .dmo-fab{inset-inline-start:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
.dmo-toasts{position:fixed;z-index:80;top:calc(70px + env(safe-area-inset-top,0px));inset-inline-end:16px;display:grid;gap:8px;width:min(340px,calc(100vw - 32px));pointer-events:none}
.dmo-toast{display:flex;gap:10px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-inline-start:4px solid var(--info);border-radius:14px;padding:10px 12px;box-shadow:var(--sh2);animation:dmoT .3s cubic-bezier(.2,.8,.2,1);pointer-events:auto;font-family:var(--f-body)}
.dmo-toast.ok{border-inline-start-color:var(--ok)} .dmo-toast.bad{border-inline-start-color:var(--bad)}
.dmo-toast .i{font-size:20px;line-height:1.2}
.dmo-toast b{display:block;font-size:13.5px;color:var(--ink);line-height:1.35}
.dmo-toast .b span{display:block;font-size:12.5px;color:var(--mut);line-height:1.45}
.dmo-toast.out{opacity:0;transform:translateY(-6px);transition:.35s}
@keyframes dmoT{from{opacity:0;transform:translateY(-10px)}}
@media print{.dmo-fab,.dmo-pnl,.dmo-veil,.dmo-toasts{display:none!important}}