/* توقيع صغير مستقل، لا يؤثر على أي عنصر آخر */
#wm { position: fixed; inset-inline-end: 14px; bottom: calc(6px + env(safe-area-inset-bottom, 0px)); z-index: 40; direction: rtl; font-family: inherit; transition: opacity .2s; }
#wm .wm-btn { display: block; background: none; border: 0; padding: 4px; margin: 0; cursor: pointer; opacity: .42; box-shadow: none; }
#wm .wm-btn:hover, #wm .wm-btn:focus-visible { opacity: .75; }
#wm .wm-btn img { display: block; height: 17px; width: auto; }
#wm .wm-card { position: absolute; inset-inline-end: 0; bottom: calc(100% + 8px); display: none; align-items: center; gap: 12px; background: #fff; color: #16302b; border: 1px solid #e3e9e7; border-radius: 14px; box-shadow: 0 8px 24px rgba(0,0,0,.12); padding: 12px 14px; white-space: nowrap; }
#wm.open .wm-card { display: flex; }
#wm .wm-card img { height: 30px; width: auto; display: block; }
#wm .wm-sep { width: 1px; align-self: stretch; background: #d5dedb; }
#wm .wm-card span { font-size: 13.5px; font-weight: 500; }
@media (max-width: 480px) {
  #wm .wm-card { flex-direction: column; gap: 8px; white-space: normal; text-align: center; }
  #wm .wm-sep { width: 60%; height: 1px; align-self: center; }
}
body:has(.overlay) #wm, body:has(.toast) #wm { opacity: 0; pointer-events: none; }
@media print { #wm { display: none; } }