/* 🌍 المكتبة حول العالم — scoped to .mlb-map; colours follow the theme's variables. */
.mlb-map{--m-brand:var(--color-primary,#0f6b5c);--m-soft:var(--color-primary-soft,#e6f2ef);--m-surface:var(--color-surface,#fff);--m-text:var(--color-text,#1d2522);--m-muted:var(--color-text-muted,#6b7672);--m-line:var(--color-border,#e3e6e2);--m-gold:var(--color-accent,#b8892b);--m-land:#e4e9e6;--m-sea:#f7faf9;--m-bg:transparent;
  font-family:var(--font-body,inherit);color:var(--m-text);background:var(--m-bg);border-radius:16px}
.mlb-map.mlb-dark{--m-bg:#0d1412;--m-surface:#141d1b;--m-text:#e7ecea;--m-muted:#93a29c;--m-line:#24312d;--m-soft:#16302b;--m-land:#1d2926;--m-sea:#101816;--m-brand:#3fb39d;--m-gold:#d6aa4e}
.mlb-map:fullscreen{padding:18px;overflow:auto;background:var(--m-bg,#f4f5f2)}
.mlb-map *{box-sizing:border-box}
.mlb-map .m-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.mlb-map .m-title{margin:0;font-size:22px;font-weight:700}
.mlb-map .m-live{display:inline-flex;align-items:center;gap:6px;background:#fdecea;color:#c0392b;font-weight:700;font-size:13px;padding:3px 10px;border-radius:999px}
.mlb-map .m-live i{width:8px;height:8px;border-radius:50%;background:#c0392b;animation:mlbm-bl 1.2s infinite}
@keyframes mlbm-bl{50%{opacity:.25}}
.mlb-map .m-sp{flex:1}
.mlb-map .m-seg{display:flex;background:var(--m-surface);border:1px solid var(--m-line);border-radius:10px;overflow:hidden}
.mlb-map .m-seg button,.mlb-map .m-btn{border:0;background:none;color:var(--m-text);font:inherit;font-size:13px;padding:7px 12px;cursor:pointer;margin:0}
.mlb-map .m-seg button.on{background:var(--m-brand);color:#fff}
.mlb-map .m-btn{border:1px solid var(--m-line);background:var(--m-surface);border-radius:10px}
.mlb-map .m-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.mlb-map .m-kpi{background:var(--m-surface);border:1px solid var(--m-line);border-radius:14px;padding:12px 14px}
.mlb-map .m-kpi b{display:block;font-size:26px;color:var(--m-brand);font-variant-numeric:tabular-nums;line-height:1.3}
.mlb-map .m-kpi span{font-size:13px;color:var(--m-muted)}
.mlb-map .m-grid{display:grid;grid-template-columns:1fr 340px;gap:14px}
.mlb-map .m-card{background:var(--m-surface);border:1px solid var(--m-line);border-radius:16px;padding:12px;min-width:0}
.mlb-map .m-card h3{margin:2px 4px 10px;font-size:15px;color:var(--m-text)}
.mlb-map svg{width:100%;height:auto;display:block}
.mlb-map .m-sea{fill:var(--m-sea)}
.mlb-map .m-c{fill:var(--m-land);stroke:var(--m-surface);stroke-width:.5;transition:fill .6s}
.mlb-map .m-c:hover{stroke:var(--m-text);stroke-width:1}
.mlb-map .m-dot{stroke:var(--m-muted);stroke-width:.4}
.mlb-map .m-pulse{fill:none;stroke:var(--m-gold);stroke-width:2;animation:mlbm-pu 2.4s ease-out forwards}
@keyframes mlbm-pu{0%{r:2;opacity:1}100%{r:26;opacity:0}}
.mlb-map .m-pin{fill:var(--m-gold)}
.mlb-map .m-legend{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--m-muted);margin:8px 4px 0;flex-wrap:wrap}
.mlb-map .m-legend i{width:22px;height:8px;border-radius:2px;display:inline-block}
.mlb-map .m-feed{list-style:none;margin:0;padding:0;max-height:440px;overflow:hidden}
.mlb-map .m-feed li{display:flex;gap:10px;align-items:flex-start;padding:8px 6px;border-bottom:1px solid var(--m-line);margin:0}
.mlb-map .m-feed li.new{animation:mlbm-in .6s}
@keyframes mlbm-in{from{opacity:0;transform:translateY(-8px);background:var(--m-soft)}to{opacity:1}}
.mlb-map .m-flag{font-size:22px;line-height:1}
.mlb-map .m-ft{font-size:13.5px;font-weight:500;line-height:1.45;color:var(--m-text)!important;text-decoration:none!important}
.mlb-map .m-fm{font-size:12px;color:var(--m-muted)}
.mlb-map .m-empty{color:var(--m-muted);font-size:13px;padding:14px 6px}
.mlb-map .m-two{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}
.mlb-map .m-bars{display:flex;flex-direction:column;gap:7px}
.mlb-map .m-bar{display:grid;grid-template-columns:minmax(0,150px) 1fr 52px;align-items:center;gap:8px;font-size:13px}
.mlb-map .m-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mlb-map .m-bar div{height:8px;border-radius:9px;background:var(--m-soft)}
.mlb-map .m-bar div i{display:block;height:100%;border-radius:9px;background:var(--m-brand)}
.mlb-map .m-bar b{font-variant-numeric:tabular-nums;text-align:left}
.mlb-map .m-note{font-size:12px;color:var(--m-muted);margin-top:12px;text-align:center}
.mlb-map-tip{position:fixed;pointer-events:none;background:#1d2522;color:#fff;font-size:12px;padding:5px 9px;border-radius:7px;display:none;z-index:99999}
.mlb-map-host{container-type:inline-size}
@container (max-width:900px){.mlb-map .m-grid{grid-template-columns:1fr}}
@container (max-width:640px){.mlb-map .m-kpis{grid-template-columns:repeat(2,1fr)}.mlb-map .m-two{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.mlb-map *{animation:none!important;transition:none!important}}
