/* «مطلوب» v2–v3 (Figma 15:221 · 16:130 · 16:192 · 16:230 · 15:277 · 15:368، ٢٠ أكتوبر ٢٠٢٦). يقرأ رموز الشرائح من offer_map.css (.om-chips). */
.mlv-wiz{ font-family:var(--sg-font); }
.mlv-steps{ display:flex; flex-wrap:wrap; gap:14px; list-style:none; padding:0; margin:0 0 18px; color:var(--sg-margin); font-size:var(--sg-t1); }
.mlv-steps li{ display:flex; align-items:center; gap:6px; }
.mlv-steps i{ font-style:normal; width:24px; height:24px; border-radius:50%; border:1px solid #C9D2E3; display:inline-flex; align-items:center; justify-content:center; }
.mlv-steps li.on, .mlv-steps li.done{ color:var(--sg-ink); }
.mlv-steps li.on i, .mlv-steps li.done i{ background:var(--sg-ink); color:#fff; border-color:var(--sg-ink); }
.mlv-step{ display:none; border:0; padding:0; margin:0; }
.mlv-step.on{ display:block; }
.mlv-step legend{ font-family:var(--sg-font-bd); font-size:1.2rem; color:var(--sg-ink); margin-bottom:8px; }
.mlv-l{ display:block; font-family:var(--sg-font-md); color:var(--sg-ink); margin:12px 0 6px; font-size:var(--sg-t1); }
.mlv-sub{ color:var(--sg-margin); font-size:var(--sg-t1); }
.mlv-step input[type=text], .mlv-step input[type=tel], .mlv-step input[type=email], .mlv-step select{ width:100%; max-width:420px; box-sizing:border-box; border:1px solid #D5DAE8; border-radius:12px; padding:9px 12px; font:inherit; }
.mlv-map{ position:relative; height:200px; border-radius:14px; overflow:hidden; background:#E8F4FB; margin:12px 0; }
.mlv-dists{ margin-top:8px; }
.mlv-dot{ width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid var(--sg-blue,#0DA4DB); cursor:pointer; }
.mlv-dot.on{ background:var(--sg-blue,#0DA4DB); border-color:var(--sg-ink,#10153A); }
.mlv-lock{ display:flex; align-items:center; gap:8px; background:var(--sg-blue-wash,#E6F5FC); border-radius:12px; padding:10px 12px; color:var(--sg-ink); margin-top:12px; }
.mlv-nav{ display:flex; justify-content:space-between; gap:10px; margin-top:20px; }
.mlv-err{ background:#FDECEA; color:var(--sg-alert,#B42318); border-radius:12px; padding:10px 14px; }
.mlv-done{ background:#E8F8F1; color:#0B6E4F; border-radius:12px; padding:12px 16px; margin-bottom:14px; }
.mlv-done p{ margin:4px 0 0; }
.mlv-st{ color:var(--sg-blue-press,#0B6E93); font-size:var(--sg-t1); }
/* جانبُ المالك: دوائرُ لينة تقريبية بمركز الحي (لا مواقع دقيقة) */
.ml-bub{ box-shadow:0 0 0 14px rgba(13,164,219,.18), 0 0 0 30px rgba(13,164,219,.08); }
@media (max-width:767px){ .mlv-map{ height:200px; } }

/* ═══ v3 — التخطيط المعتمد ٢٠ أكتوبر ٢٠٢٦: الطلباتُ يميناً ٧٠٪ واللوحةُ الثابتة يساراً ٣٠٪ (RTL: الأولُ يمين) ═══ */
.mlx{ display:grid; grid-template-columns:minmax(0, 7fr) minmax(0, 3fr); gap:24px; align-items:start; margin:24px auto 48px; font-family:var(--sg-font); }
.mlx-main{ min-width:0; }
.mlx-sum-top{ display:flex; align-items:center; gap:16px; flex-wrap:wrap; }
.mlx-sum h1{ margin:0; font-family:var(--sg-font-bd); font-size:2rem; color:var(--sg-ink,#10153A); }
.mlx-sum .ml-city{ max-width:340px; }
.mlx-line{ margin:10px 0 14px; font-size:1.05rem; color:var(--sg-ink,#10153A); }
.mlx-hot{ display:inline-flex; align-items:center; gap:4px; margin-inline-start:6px; padding:1px 8px; border-radius:999px; background:#FFF4D6; color:#7A5A00; font-size:.75rem; font-family:var(--sg-font-md); vertical-align:middle; }
.mlx-hot .sgi{ width:14px; height:14px; }
.mlx-map{ height:280px; }
.ml-bub.hot i{ outline:3px solid #C9A227; outline-offset:2px; }
.mlx-bar{ display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; margin:14px 0 4px; }
.mlx-f{ display:flex; flex-wrap:wrap; gap:4px; }
.mlx-f button{ border:1px solid var(--s4-line,#D5DAE8); background:#fff; border-radius:999px; padding:5px 12px; font:inherit; font-size:.85rem; color:var(--sg-ink,#10153A); cursor:pointer; min-height:34px; }
.mlx-f button.on{ background:var(--sg-ink,#10153A); color:#fff; border-color:transparent; }
.mlx-sort{ display:flex; align-items:center; gap:6px; font-size:.85rem; color:var(--sg-margin,#4E5473); margin-inline-start:auto; }
.mlx-sort select{ border:1px solid var(--s4-line,#D5DAE8); border-radius:10px; padding:5px 8px; font:inherit; }
.mlx-unit{ width:100%; margin:0; font-size:.9rem; color:var(--sg-ink,#10153A); }
.mlx-unit button{ border:0; background:none; color:var(--sg-blue,#0DA4DB); cursor:pointer; font:inherit; }
.mlx-cards{ grid-template-columns:repeat(2, minmax(0, 1fr)); gap:12px; margin-top:12px; }
.mlx-cards .ml-card{ padding:12px; }
.mlx-cards .ml-card h3{ font-size:1.05rem; margin:6px 0; }
.mlx-cards .ml-card-top{ gap:6px; }
.mlx-cards .ml-ref{ margin-inline-start:auto; }
.ml-card p small{ color:var(--sg-margin,#4E5473); }
.mlx-side{ position:sticky; top:84px; background:#fff; border:1px solid #E6EAF2; border-radius:18px; padding:16px; max-height:calc(100vh - 100px); overflow:auto; box-sizing:border-box; }
.mlx-x, .mlx-fab{ display:none; }
.mlx-trust{ display:flex; align-items:center; gap:6px; margin:0 0 10px; padding:6px 10px; border-radius:10px; background:var(--sg-blue-wash,#E6F5FC); color:var(--sg-ink,#10153A); font-size:.85rem; }
.mlx-tabs{ display:grid; grid-template-columns:1fr 1fr; gap:4px; background:#F3F5FA; border-radius:999px; padding:4px; margin-bottom:14px; }
.mlx-tabs a{ text-align:center; padding:8px 6px; border-radius:999px; color:var(--sg-ink,#10153A); text-decoration:none; font-family:var(--sg-font-md); }
.mlx-tabs a.on{ background:var(--sg-ink,#10153A); color:#fff; }
.mlx-pre{ display:flex; flex-direction:column; gap:2px; background:#FFF8E6; border-radius:12px; padding:8px 12px; margin-bottom:12px; }
.mlx-pre small{ color:var(--sg-margin,#4E5473); }
.mlx-pre span{ font-size:.85rem; color:var(--sg-ink,#10153A); }
.mlx-steps{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.mlx-steps li{ display:flex; gap:10px; align-items:flex-start; }
.mlx-steps i{ flex:none; width:26px; height:26px; border-radius:50%; background:var(--sg-blue,#0DA4DB); color:#fff; display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-family:var(--sg-font-bd); }
.mlx-steps b{ display:block; color:var(--sg-ink,#10153A); }
.mlx-steps span{ font-size:.82rem; color:var(--sg-margin,#4E5473); }
.mlx-go{ width:100%; margin:14px 0; box-sizing:border-box; }
.mlx-keep h3{ display:flex; align-items:center; gap:6px; font-size:.95rem; margin:0 0 6px; color:var(--sg-ink,#10153A); }
.mlx-keep p{ margin:4px 0; font-size:.8rem; color:var(--sg-margin,#4E5473); }
.mlx-keep b{ color:var(--sg-ink,#10153A); }
.mlx-side .mlv-steps{ gap:6px; font-size:.75rem; }
.mlx-side .mlv-steps li{ gap:3px; }
.mlx-side .mlv-step legend{ font-size:1rem; }
.mlx-side .mlv-step input[type=text], .mlx-side .mlv-step input[type=tel], .mlx-side .mlv-step input[type=email], .mlx-side .mlv-step select{ max-width:none; }
.mlx-side .om-chips label{ font-size:.82rem; }
.mlx-side .mlv-nav .ml-btn{ padding:8px 14px; min-height:40px; }
@media (max-width:900px){
  .mlx{ grid-template-columns:1fr; margin-top:16px; }
  .mlx-cards{ grid-template-columns:1fr; }
  .mlx-map{ height:220px; }
  .mlx-sort{ margin-inline-start:0; }
  .mlx-side{ position:fixed; inset:auto 0 0 0; top:auto; z-index:1050; max-height:86vh; border-radius:18px 18px 0 0; transform:translateY(105%); transition:transform .25s ease; box-shadow:0 -10px 30px rgba(16,21,58,.18); padding-top:28px; }
  .mlx.sheet-on .mlx-side{ transform:none; }
  .mlx-x{ display:block; position:absolute; top:6px; left:12px; border:0; background:none; font-size:1.6rem; line-height:1; color:var(--sg-ink,#10153A); cursor:pointer; }
  .mlx-fab{ display:inline-flex; align-items:center; gap:8px; position:fixed; bottom:16px; right:16px; left:16px; justify-content:center; z-index:1040; min-height:48px; border:0; border-radius:999px; background:var(--sg-blue,#0DA4DB); color:#fff; font:inherit; font-family:var(--sg-font-bd); box-shadow:0 8px 20px rgba(13,164,219,.35); cursor:pointer; }
  .mlx.sheet-on .mlx-fab{ display:none; }
  body.mlx-lock{ overflow:hidden; }
}