/* سولفنا — الخريطة v0.1 — 2026-10-25. ألوان الهوية الحالية فقط (متغيرات app.css)؛ لا ألوان ولا أيقونات جديدة. */
.mm{position:relative;overflow:hidden;background:var(--sys-bg);border:1px solid var(--line);border-radius:var(--radius);user-select:none;-webkit-user-select:none;cursor:grab;isolation:isolate}
.mm.mm-grab{cursor:grabbing}
.mm-tiles,.mm-marks{position:absolute;inset:0;pointer-events:none}
.mm-tile{position:absolute;left:0;top:0;max-width:none;opacity:0;transition:opacity .22s ease;-webkit-user-drag:none}
.mm-tile.mm-ready{opacity:1}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mm-tile{filter:brightness(.74) contrast(1.05) saturate(.8)}}
:root[data-theme="dark"] .mm-tile{filter:brightness(.74) contrast(1.05) saturate(.8)}
.mm-mark{position:absolute;left:0;top:0;will-change:transform;z-index:3}
.mm-mark>*{transform:translate(-50%,-50%)}
.mm-dot{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--surface);border:2px solid var(--surface);box-shadow:var(--shadow)}
.mm-dot svg{width:26px;height:26px}
.mm-dot.mm-courier{width:46px;height:46px;background:var(--brand-gradient);border-color:#fff;position:relative}
.mm-dot.mm-courier svg{width:30px;height:30px}
.mm-dot.mm-courier::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--brand-rose);opacity:0;animation:mm-pulse 2s ease-out infinite}
@keyframes mm-pulse{0%{transform:scale(.8);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.mm-ctrl{position:absolute;right:10px;top:10px;z-index:5;display:flex;flex-direction:column;gap:6px;direction:ltr}
.mm-ctrl button{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:600 22px/1 var(--font);box-shadow:var(--shadow);cursor:pointer;padding:0}
.mm-ctrl button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.mm-attr{position:absolute;left:0;bottom:0;z-index:5;max-width:100%;font-size:10px;line-height:1.5;padding:1px 6px;color:var(--ink-2);background:color-mix(in srgb,var(--surface) 82%,transparent);border-top-right-radius:8px;unicode-bidi:plaintext;pointer-events:none}
.mm-box{height:min(56vh,420px);min-height:260px}
.mm-status{margin:10px 16px 2px;font-weight:600;font-size:14px;color:var(--ink)}
.mm-status.mm-warn{color:var(--warn)}
.mm-hint{margin:0 16px 10px}
.mm-sheetbody{display:flex;flex-direction:column;gap:6px;padding:0 12px}
html[data-motion="reduce"] .mm-dot.mm-courier::after{animation:none;opacity:0}
@media (prefers-reduced-motion:reduce){html:not([data-motion="full"]) .mm-dot.mm-courier::after{animation:none;opacity:0}}