/* «مطلوب» — التصميم المعتمد (Figma 8:3 مكتب / 8:296 جوال، ٢٠ أكتوبر ٢٠٢٦). الرموزُ من sgpub.css (--s4-*)، والخطُّ LamaSans. */
.ml-city{ display:flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--s4-line,#D5DAE8); color:var(--s4-ink,#10153A); border-radius:12px; padding:8px 14px; width:100%; max-width:520px; box-sizing:border-box; }
.ml-city label{ color:var(--s4-mute,#4E5473); font-size:14px; white-space:nowrap; }
.ml-city select{ flex:1; border:0; background:transparent; font:700 15px LamaSans, Tahoma, sans-serif; color:inherit; }
.ml-strip{ display:grid; grid-template-columns:repeat(6, 1fr); background:#fff; border:1px solid var(--s4-line,#D5DAE8); border-radius:14px; margin-top:16px; }
.ml-strip > div{ text-align:center; padding:14px 6px; border-inline-start:1px solid var(--s4-line,#D5DAE8); }
.ml-strip > div:first-child{ border-inline-start:0; }
.ml-strip b{ display:block; font:700 24px LamaSans, Tahoma, sans-serif; color:var(--s4-ink,#10153A); }
.ml-strip b.ml-pri{ color:var(--s4-sky,#0DA4DB); }
.ml-strip span{ font-size:13px; color:var(--s4-mute,#4E5473); }
.ml-map{ position:relative; height:420px; border-radius:14px; overflow:hidden; background:#EEF1F7; }
.ml-legend{ position:absolute; top:10px; right:10px; z-index:3; background:#fff; border-radius:10px; padding:8px 12px; font-size:12px; box-shadow:0 4px 14px rgba(16,21,58,.12); }
.ml-legend b{ display:block; } .ml-legend small{ color:var(--s4-mute,#4E5473); }
.ml-wait{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color:var(--s4-mute,#4E5473); }
.ml-bub{ display:flex; flex-direction:column; align-items:center; cursor:pointer; border:0; background:none; font-family:LamaSans, Tahoma, sans-serif; }
.ml-bub i{ display:flex; align-items:center; justify-content:center; border-radius:50%; color:#fff; font:700 15px LamaSans, Tahoma, sans-serif; font-style:normal; box-shadow:0 0 0 6px rgba(13,164,219,.22); }
.ml-bub span{ font-size:12px; font-weight:700; color:var(--s4-ink,#10153A); margin-top:4px; text-shadow:0 0 3px #fff; white-space:nowrap; }
.ml-bub.on i{ box-shadow:0 0 0 6px rgba(201,162,39,.45); }
.ml-sub{ color:var(--s4-mute,#4E5473); font-size:14px; }
.ml-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:10px 20px; border-radius:10px; border:0; cursor:pointer; background:var(--s4-sky,#0DA4DB); color:#fff; font:700 15px LamaSans, Tahoma, sans-serif; text-decoration:none; }
.ml-btn.ghost{ background:var(--s4-ground,#F3F5FA); color:var(--s4-ink,#10153A); }
.ml-sec{ margin-top:40px; }
.ml-sec h2{ font:700 26px LamaSans, Tahoma, sans-serif; margin:0 0 4px; }
.ml-tablewrap{ overflow-x:auto; }
.ml-table{ width:100%; border-collapse:collapse; background:#fff; font-size:14px; }
.ml-table th, .ml-table td{ padding:10px; border-bottom:1px solid var(--s4-line,#D5DAE8); text-align:right; }
.ml-table th[data-k]{ cursor:pointer; }
.ml-cards{ display:grid; grid-template-columns:repeat(3, 1fr); gap:16px; margin-top:16px; }
.ml-card{ background:#fff; border:1px solid var(--s4-line,#D5DAE8); border-radius:14px; padding:14px; }
.k-agricultural .ml-tag{ background:#2E8B57; }
.ml-card h3{ margin:8px 0; font:700 20px LamaSans, Tahoma, sans-serif; }
.ml-card p{ display:flex; align-items:center; gap:6px; margin:4px 0; font-size:13px; color:var(--s4-mute,#4E5473); }
.ml-card-top{ display:flex; justify-content:space-between; align-items:center; }
.ml-ref{ font-size:11px; color:var(--s4-mute,#4E5473); }
.ml-tag{ font-size:12px; padding:2px 10px; border-radius:999px; background:var(--s4-sky,#0DA4DB); color:#fff; }
.k-residential .ml-tag{ background:var(--s4-navy,#10153A); }
.ml-card-foot{ display:flex; justify-content:space-between; align-items:center; margin-top:12px; }
.ml-card-foot .ml-btn{ min-height:36px; padding:6px 14px; font-size:13px; }
.ml-age{ display:flex; align-items:center; gap:4px; font-size:12px; color:var(--s4-mute,#4E5473); }
.ml-terms{ margin-top:32px; font-size:13px; color:var(--s4-mute,#4E5473); }
.ml-terms h3{ display:flex; align-items:center; gap:6px; font-size:15px; color:var(--s4-ink,#10153A); margin:12px 0 4px; }
.ml-form form{ display:grid; grid-template-columns:1fr 1fr; gap:12px; max-width:760px; }
.ml-form label{ display:flex; flex-direction:column; gap:4px; font-size:14px; }
.ml-form input, .ml-form select, .ml-form textarea{ border:1px solid var(--s4-line,#D5DAE8); border-radius:10px; padding:10px; font:15px LamaSans, Tahoma, sans-serif; }
.ml-form .wide{ grid-column:1 / -1; }
.ml-form .ml-chk{ flex-direction:row; align-items:center; gap:8px; font-weight:700; color:var(--s4-ink,#10153A); }
.ml-err{ background:#FDECEC; color:#9B1C1C; padding:10px 14px; border-radius:10px; }
.ml-okmsg{ background:#E6F5FC; padding:10px 14px; border-radius:10px; }
.ml-eye2{ font-size:13px; color:var(--s4-mute,#4E5473); }
.ml-empty{ color:var(--s4-mute,#4E5473); }
@media (max-width: 900px){
  .ml-map{ height:320px; }
  .ml-cards{ grid-template-columns:1fr; }
  .ml-strip{ grid-template-columns:repeat(3, 1fr); }
  .ml-strip > div:nth-child(4){ border-inline-start:0; }
  .ml-form form{ grid-template-columns:1fr; }
}

/* العناصر المخفية تبقى مخفية مهما كان display الصنف (رداً على الطلب، الفراغ أعلى اللوح) */
.mlx [hidden], .mlx-side [hidden] { display: none !important; }