/* وثاق — لوحة نسخة العرض (فوق التطبيق الحقيقي) */
.dmo-fab{position:fixed;z-index:55;inset-inline-start: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 16px;background:var(--copper);color:#fff;font:600 14px/1 var(--f-body);cursor:pointer;box-shadow:var(--sh2)}
.dmo-fab .dot{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.7);animation:dmoPulse 1.8s infinite}
.dmo-fab .cnt{font-family:var(--f-mono);font-size:12px;background:rgba(255,255,255,.22);border-radius:999px;padding:3px 7px}
.dmo-fab.on{background:var(--ink);color:var(--paper)}
body:has(.dlg) .dmo-fab{display:none}
body.has-dock .dmo-fab{bottom:calc(var(--dock) + 14px + env(safe-area-inset-bottom,0px))}
@keyframes dmoPulse{70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.dmo-veil{position:fixed;inset:0;z-index:71;background:rgba(9,14,26,.28)}
.dmo-pnl{position:fixed;z-index:72;inset-inline-start:16px;bottom:76px;width:min(400px,calc(100vw - 32px));max-height:min(78vh,760px);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}
@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 17px/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 .clock{margin:12px 0 4px;display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--glass);color:#F4EEE1;border-radius:12px;padding:9px 12px;font-size:13px}
.dmo-pnl .clock b{font-family:var(--f-mono);font-weight:600}
.dmo-pnl h4{margin:14px 0 8px;font:700 13px/1 var(--f-body);color:var(--copper-ink);display:flex;align-items:center;gap:8px;letter-spacing:.01em}
.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 .roles{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.dmo-pnl .role{display:flex;gap:8px;align-items:flex-start;padding:8px 9px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--txt);background:var(--panel2);min-width:0}
.dmo-pnl .role:hover{border-color:var(--copper)}
.dmo-pnl .role.cur{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.dmo-pnl .role .e{font-size:18px;line-height:1.2}
.dmo-pnl .role b{display:block;font-size:13px;line-height:1.3;color:var(--ink)}
.dmo-pnl .role small{display:block;font-size:11.5px;line-height:1.35;color:var(--mut)}
.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:6px 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}
.dmo-pnl .ms li a,.dmo-pnl .ms li button{flex:none;font:600 12.5px/1 var(--f-body);color:var(--copper-ink);background:var(--copper-s);border:0;border-radius:8px;padding:6px 10px;text-decoration:none;cursor:pointer}
.dmo-pnl .tm{display:grid;gap:8px}
.dmo-pnl .adv{border:0;border-radius:12px;padding:11px 12px;background:var(--ink);color:var(--paper);font:600 14px/1.3 var(--f-body);cursor:pointer;text-align:start;display:flex;justify-content:space-between;gap:8px;align-items:center}
.dmo-pnl .adv small{font-family:var(--f-mono);opacity:.75;font-weight:500}
.dmo-pnl .chk{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--mut);line-height:1.45}
.dmo-pnl .chk input{margin-top:3px;accent-color:var(--bad)}
.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}
.dmo-pnl .ft .rst{border:0;background:none;color:var(--bad);font:600 13px var(--f-body);cursor:pointer;padding:4px 0}
.dmo-pnl .ft a{color:var(--ink2)}
@media (max-width:719px){
  .dmo-fab{padding:9px 13px;font-size:13px}
  .dmo-pnl{inset-inline:0;bottom:0;width:auto;max-height:86vh;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%)}}
}
.dmo-toasts{position:fixed;z-index:80;top:calc(66px + env(safe-area-inset-top,0px));inset-inline-end:16px;display:grid;gap:8px;width:min(360px,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}
.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)}}
.dmo-ribbon{background:var(--copper-s);color:var(--copper-ink);font-size:12.5px;text-align:center;padding:5px 12px;line-height:1.5}
.dmo-ribbon a{color:inherit;font-weight:600}
@media print{.dmo-fab,.dmo-pnl,.dmo-veil,.dmo-toasts,.dmo-ribbon{display:none!important}}