.mx-world{--mx-ink:#102a45;--mx-muted:#52677f;--mx-line:#d8e6f1;--mx-panel:#fff;--mx-soft:#f4f9fd;--mx-navy:#071c33;--mx-cyan:#20c7ed;position:relative;overflow:hidden;border:1px solid var(--mx-line);border-radius:28px;padding:clamp(20px,3vw,38px);background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(243,249,253,.96));color:var(--mx-ink);box-shadow:0 25px 70px rgba(17,45,76,.12);isolation:isolate;container-type:inline-size}
.mx-world:before{content:"";position:absolute;inset:-45% auto auto 45%;width:620px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(32,199,237,.18),transparent 67%);pointer-events:none;z-index:-1}
.mx-world *{box-sizing:border-box}.mx-world-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.mx-world-heading h2{font-size:clamp(28px,4vw,52px);line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px;max-width:780px}.mx-world-heading p{margin:0;color:var(--mx-muted);font-size:clamp(14px,1.5vw,17px)}.mx-kicker{display:block;color:#007d9c;font-size:11px;font-weight:900;letter-spacing:.16em}.mx-live{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--mx-line);border-radius:999px;background:rgba(255,255,255,.86);padding:9px 13px;color:var(--mx-muted);font-size:12px;font-weight:800;white-space:nowrap}.mx-live:before{content:"";width:8px;height:8px;border-radius:50%;background:#19b487;box-shadow:0 0 0 5px rgba(25,180,135,.12)}.mx-live.is-error:before{background:#e36c6c}.mx-live.is-loading:before{animation:mx-world-pulse 1.5s infinite}
.mx-world-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:12px;border:1px solid var(--mx-line);border-radius:18px;background:rgba(255,255,255,.76);margin-bottom:16px}.mx-world-toolbar label{display:grid;gap:4px;color:var(--mx-muted);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.mx-world-toolbar select,.mx-world-toolbar button{min-height:42px;border:1px solid #c8dae8;border-radius:12px;background:#fff;color:var(--mx-ink);padding:0 14px;font:inherit;font-size:13px;font-weight:800}.mx-world-toolbar button{cursor:pointer}.mx-world-toolbar button:hover,.mx-world-toolbar button:focus-visible{border-color:#1e9fd1;box-shadow:0 0 0 3px rgba(30,159,209,.13);outline:0}.mx-world-toolbar [data-world-refresh]{margin-left:auto;background:linear-gradient(135deg,#6547cb,#008fb0);color:#fff;border:0}
.mx-world-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.mx-world-stat{min-height:105px;border:1px solid var(--mx-line);border-radius:18px;background:rgba(255,255,255,.84);padding:16px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,border-color .2s ease}.mx-world-stat:hover{transform:translateY(-2px);border-color:#92d6e8}.mx-world-stat span{color:var(--mx-muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.mx-world-stat strong{font-size:clamp(24px,3vw,38px);letter-spacing:-.04em}.mx-world-stat small{color:var(--mx-muted);font-size:11px}
.mx-world-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.65fr);gap:16px}.mx-world-map-shell,.mx-world-detail{border:1px solid var(--mx-line);border-radius:22px;background:rgba(255,255,255,.84)}.mx-world-map-shell{min-width:0;padding:12px}.mx-world-map{position:relative;aspect-ratio:2/1;min-height:300px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 55% 45%,rgba(26,173,210,.12),transparent 45%),linear-gradient(145deg,#f5fbfe,#e9f3f9)}.mx-world-map svg{display:block;width:100%;height:100%}.mx-world-map .mx-country{fill:#cbdbe6;stroke:#f7fbfd;stroke-width:.65;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s ease,opacity .18s ease}.mx-world-map .mx-country:hover,.mx-world-map .mx-country:focus{fill:#92d7e8;outline:0}.mx-world-map .mx-country.is-active{fill:#20c7ed;filter:drop-shadow(0 0 6px rgba(32,199,237,.7))}.mx-world-map .mx-country.is-dim{opacity:.28}.mx-world-map .mx-country.is-selected{stroke:#09243d;stroke-width:2}.mx-world-marker{pointer-events:none}.mx-world-marker circle:first-child{fill:var(--marker);opacity:.18;animation:mx-marker 2.4s infinite;transform-box:fill-box;transform-origin:center}.mx-world-marker circle:last-child{fill:var(--marker);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.mx-world-marker text{font-size:9px;fill:#0b2239;font-weight:900;text-anchor:middle;paint-order:stroke;stroke:#fff;stroke-width:3px;stroke-linejoin:round}.mx-world-legend{display:flex;gap:8px 14px;flex-wrap:wrap;padding:12px 4px 2px}.mx-world-legend button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--mx-muted);font-size:11px;font-weight:760;padding:3px;cursor:pointer}.mx-world-legend i{width:9px;height:9px;border-radius:50%;background:var(--legend)}.mx-world-footnote{margin:6px 4px 2px;color:var(--mx-muted);font-size:11px}.mx-world-detail{padding:20px;min-width:0}.mx-world-detail h3{margin:8px 0 6px;font-size:26px;letter-spacing:-.03em}.mx-world-detail>p{color:var(--mx-muted);font-size:13px;min-height:38px}.mx-world-donut{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:center;gap:14px;margin:18px 0}.mx-world-ring{width:118px;aspect-ratio:1;border-radius:50%;background:var(--donut);display:grid;place-items:center;position:relative}.mx-world-ring:after{content:"";position:absolute;inset:19px;border-radius:50%;background:var(--mx-panel)}.mx-world-ring span{position:relative;z-index:1;display:grid;text-align:center;font-size:10px;color:var(--mx-muted)}.mx-world-ring strong{font-size:22px;color:var(--mx-ink)}.mx-world-donut-key{display:grid;gap:6px}.mx-world-donut-key span{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--mx-muted);font-size:11px}.mx-world-donut-key i{width:8px;height:8px;border-radius:50%;margin-right:5px;display:inline-block}.mx-world-country-list{display:grid;gap:6px;max-height:210px;overflow:auto;padding-right:3px}.mx-world-country-list button{display:grid;grid-template-columns:1fr auto;gap:4px;border:1px solid transparent;border-radius:11px;background:var(--mx-soft);padding:9px 10px;color:var(--mx-ink);text-align:left;cursor:pointer}.mx-world-country-list button:hover,.mx-world-country-list button:focus-visible,.mx-world-country-list button.is-selected{border-color:#21a9d2;outline:0}.mx-world-country-list small{grid-column:1/-1;color:var(--mx-muted)}
.mx-world-activity{margin-top:16px;border:1px solid var(--mx-line);border-radius:18px;background:rgba(255,255,255,.82);padding:0 18px}.mx-world-activity summary{cursor:pointer;padding:17px 0;font-weight:900}.mx-world-activity>p{color:var(--mx-muted);font-size:12px;margin:0 0 12px}.mx-world-events{display:grid;gap:8px;padding-bottom:16px}.mx-world-event{display:grid;grid-template-columns:11px minmax(0,1fr) auto;gap:10px;align-items:start;border-top:1px solid var(--mx-line);padding:11px 0;color:var(--mx-ink);text-decoration:none}.mx-world-event:first-child{border-top:0}.mx-world-event>i{width:10px;height:10px;margin-top:4px;border-radius:50%;background:var(--event)}.mx-world-event strong{display:block;font-size:13px}.mx-world-event small{display:block;color:var(--mx-muted);font-size:11px;margin-top:2px}.mx-world-event time{color:var(--mx-muted);font-size:10px;white-space:nowrap}.mx-world-empty{padding:18px;border:1px dashed #b8cfdf;border-radius:14px;color:var(--mx-muted);font-size:13px;text-align:center}.mx-world-footer{display:flex;justify-content:space-between;gap:14px;margin-top:14px;color:var(--mx-muted);font-size:11px}.mx-world-footer small{text-align:right}
html[data-theme="dark"] .mx-world,body.dark-mode .mx-world,.theme-dark .mx-world{--mx-ink:#edf7ff;--mx-muted:#9bb1c6;--mx-line:#28435c;--mx-panel:#0b233b;--mx-soft:#102b45;--mx-navy:#06182b;background:linear-gradient(145deg,#0c2741,#061a30);box-shadow:0 25px 80px rgba(0,0,0,.3)}
html[data-theme="dark"] .mx-world .mx-live,html[data-theme="dark"] .mx-world-toolbar,html[data-theme="dark"] .mx-world-toolbar select,html[data-theme="dark"] .mx-world-toolbar button,html[data-theme="dark"] .mx-world-stat,html[data-theme="dark"] .mx-world-map-shell,html[data-theme="dark"] .mx-world-detail,html[data-theme="dark"] .mx-world-activity,body.dark-mode .mx-world .mx-live,body.dark-mode .mx-world-toolbar,body.dark-mode .mx-world-toolbar select,body.dark-mode .mx-world-toolbar button,body.dark-mode .mx-world-stat,body.dark-mode .mx-world-map-shell,body.dark-mode .mx-world-detail,body.dark-mode .mx-world-activity{background:rgba(9,33,55,.88);color:var(--mx-ink)}
html[data-theme="dark"] .mx-world-map,body.dark-mode .mx-world-map{background:radial-gradient(circle at 55% 45%,rgba(35,199,237,.12),transparent 46%),#071d33}.theme-dark .mx-world-map .mx-country,html[data-theme="dark"] .mx-world-map .mx-country,body.dark-mode .mx-world-map .mx-country{fill:#27475e;stroke:#102b43}.theme-dark .mx-world-map .mx-country.is-active,html[data-theme="dark"] .mx-world-map .mx-country.is-active,body.dark-mode .mx-world-map .mx-country.is-active{fill:#20c7ed}.theme-dark .mx-world-marker text,html[data-theme="dark"] .mx-world-marker text,body.dark-mode .mx-world-marker text{fill:#fff;stroke:#071a2d}
@keyframes mx-marker{0%,100%{transform:scale(.75);opacity:.1}50%{transform:scale(1.8);opacity:.28}}@keyframes mx-world-pulse{50%{opacity:.35}}
@media(max-width:900px){.mx-world-layout{grid-template-columns:1fr}.mx-world-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.mx-world-detail .mx-kicker,.mx-world-detail h3,.mx-world-detail>p{grid-column:1/-1}.mx-world-country-list{max-height:190px}.mx-world-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mx-world{border-radius:20px;padding:16px}.mx-world-heading{display:grid;gap:12px}.mx-world-toolbar{align-items:stretch}.mx-world-toolbar label{flex:1 1 130px}.mx-world-toolbar select{width:100%}.mx-world-toolbar button{flex:1 1 130px}.mx-world-toolbar [data-world-refresh]{margin-left:0}.mx-world-stats{gap:8px}.mx-world-stat{min-height:90px;padding:12px}.mx-world-map{min-height:0;aspect-ratio:1.55/1}.mx-world-detail{display:block;padding:16px}.mx-world-donut{grid-template-columns:102px 1fr}.mx-world-ring{width:102px}.mx-world-event{grid-template-columns:10px 1fr}.mx-world-event time{grid-column:2}.mx-world-footer{display:grid}.mx-world-footer small{text-align:left}}
@media(prefers-reduced-motion:reduce){.mx-world-marker circle:first-child,.mx-live.is-loading:before{animation:none}.mx-world *{scroll-behavior:auto!important;transition:none!important}}

/* Component-size safeguards: the admin sidebar can make this panel narrow even
   on a wide browser. Keep the map and detail in separate tracks without overlap. */
.mx-world-toolbar select,.mx-world-toolbar button{min-height:44px}
.mx-world-toolbar [data-world-refresh]{box-shadow:0 8px 18px rgba(25,112,171,.16)}
.mx-world-layout>*{min-width:0}
.mx-world-map{width:100%;min-height:0}
.mx-world-detail{overflow:hidden}
.mx-world-donut{grid-template-columns:minmax(96px,118px) minmax(0,1fr)}
.mx-world-ring{width:100%;max-width:118px}
.mx-world-ring:after{inset:16%}
.mx-world-donut-key{min-width:0}
.mx-world-donut-key span>span{min-width:0;overflow-wrap:anywhere}
.mx-world-legend button{min-height:34px;border:1px solid transparent;border-radius:9px;padding:5px 7px}
.mx-world-legend button:hover,.mx-world-legend button:focus-visible{border-color:#9acfe0;background:var(--mx-soft);outline:0}
.mx-world-country-list button{min-height:44px}
@container(max-width:900px){.mx-world-layout{grid-template-columns:1fr}.mx-world-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 18px}.mx-world-detail .mx-kicker,.mx-world-detail h3,.mx-world-detail>p{grid-column:1/-1}.mx-world-country-list{max-height:190px}}
@container(max-width:560px){.mx-world-detail{display:block}.mx-world-donut{grid-template-columns:96px minmax(0,1fr)}.mx-world-ring{width:96px}.mx-world-map{aspect-ratio:1.55/1}}
html[data-mymex-theme="dark"] .mx-world{--mx-ink:#edf7ff;--mx-muted:#9bb1c6;--mx-line:#28435c;--mx-panel:#0b233b;--mx-soft:#102b45;--mx-navy:#06182b;background:linear-gradient(145deg,#0c2741,#061a30);box-shadow:0 25px 80px rgba(0,0,0,.3)}
html[data-mymex-theme="dark"] .mx-world :is(.mx-live,.mx-world-toolbar,.mx-world-toolbar select,.mx-world-toolbar button,.mx-world-stat,.mx-world-map-shell,.mx-world-detail,.mx-world-activity){background:rgba(9,33,55,.88);color:var(--mx-ink)}
html[data-mymex-theme="dark"] .mx-world .mx-world-map{background:radial-gradient(circle at 55% 45%,rgba(35,199,237,.12),transparent 46%),#071d33}
html[data-mymex-theme="dark"] .mx-world .mx-country{fill:#27475e;stroke:#102b43}
html[data-mymex-theme="dark"] .mx-world .mx-country.is-active{fill:#20c7ed}
html[data-mymex-theme="dark"] .mx-world .mx-world-marker text{fill:#fff;stroke:#071a2d}

html[data-mymex-theme="dark"] .mx-world .mx-kicker{color:#75d9ef}

/* Country interaction follows activity colours in every supported theme. */
.mx-world .mx-world-map .mx-country.is-active,
html[data-mymex-theme="dark"] .mx-world .mx-world-map .mx-country.is-active,
html[data-theme="dark"] .mx-world .mx-world-map .mx-country.is-active,
body.dark-mode .mx-world .mx-world-map .mx-country.is-active,
.theme-dark .mx-world .mx-world-map .mx-country.is-active{fill:var(--country-activity,#20c7ed);filter:drop-shadow(0 0 4px var(--country-activity,#20c7ed))}
.mx-world .mx-world-map .mx-country:is(:hover,:focus-visible),
html[data-mymex-theme="dark"] .mx-world .mx-world-map .mx-country:is(:hover,:focus-visible),
html[data-theme="dark"] .mx-world .mx-world-map .mx-country:is(:hover,:focus-visible),
body.dark-mode .mx-world .mx-world-map .mx-country:is(:hover,:focus-visible),
.theme-dark .mx-world .mx-world-map .mx-country:is(:hover,:focus-visible){fill:#7deaff;stroke:#fff;stroke-width:1.6;opacity:1;filter:drop-shadow(0 0 7px #20c7ed);outline:0}
.mx-world-footer a{color:inherit;text-underline-offset:3px}

/* Administrative navigation shares the dashboard controls and readable neutral land. */
.mx-world .mx-world-map .mx-country{fill:#7e9fb7;stroke:#eaf3fa}
.mx-world .mx-world-map .mx-country.is-dim{opacity:.78}
.mx-region-nav,.mx-region-crumbs,.mx-region-pages{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.mx-region-nav{margin:0 0 12px}.mx-region-crumbs{flex:1 1 100%;color:var(--mx-ink)}
.mx-world :is(.mx-region-nav,.mx-region-pages,.mx-region-leads) button{font:inherit;font-weight:500;color:var(--mx-ink);background:var(--mx-panel);border:1px solid var(--mx-line);padding:9px 13px;min-height:40px;border-radius:12px;cursor:pointer}
.mx-region-crumbs button{padding:6px 10px!important}.mx-world button:disabled{opacity:.5;cursor:default}
.mx-world .mx-region{fill:#9bb8cc;stroke:#f3f8fc;stroke-width:1;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .15s}
.mx-world .mx-region.is-active{fill:var(--region-activity)}
.mx-world .mx-region:is(:hover,:focus-visible){fill:#52d9f6;stroke:#05385b;stroke-width:2;outline:none}
.mx-world .mx-region.is-selected{stroke:#042d52;stroke-width:3;filter:drop-shadow(0 0 2px #00ccef)}
.mx-world-map svg.is-regional{touch-action:none;cursor:grab}.mx-world-map svg.is-regional:active{cursor:grabbing}
.mx-regional{grid-column:1/-1;min-width:0;margin-top:16px}.mx-regional p,.mx-region-leads p{font-size:12px;line-height:1.6;color:var(--mx-muted)}
.mx-region-ranking{display:grid;gap:7px;max-height:460px;overflow:auto;scrollbar-width:thin;padding:3px}
.mx-region-ranking h3{margin:8px 0;font-size:15px;font-weight:500}
.mx-region-ranking button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;text-align:left;border:1px solid var(--mx-line);border-radius:12px;padding:11px;background:var(--mx-panel);color:var(--mx-ink);font:inherit;font-size:13px;font-weight:400;cursor:pointer}
.mx-region-ranking small{grid-column:1/-1;color:var(--mx-muted);font-size:11px}.mx-region-ranking strong{font-weight:500}
.mx-region-ranking button.is-selected{border-color:#008fbc;box-shadow:inset 3px 0 #00bddd;background:var(--mx-soft)}
.mx-region-tooltip{padding:10px 13px;border:1px solid var(--mx-line);border-radius:12px;background:var(--mx-panel);color:var(--mx-ink);font-size:12px;line-height:1.5}
.mx-region-leads{padding:16px;border:1px solid var(--mx-line);border-radius:16px;margin-top:14px;background:var(--mx-panel)}
.mx-region-leads a{display:inline-block;margin:5px 12px 5px 0;color:var(--mx-ink);text-decoration:underline}.mx-region-pages{grid-column:1/-1;margin-top:10px}
html[data-mymex-theme="dark"] .mx-world .mx-region{fill:#395d76;stroke:#8aa8bb}
html[data-mymex-theme="dark"] .mx-world .mx-region.is-active{fill:var(--region-activity)}
html[data-mymex-theme="dark"] .mx-world .mx-region:is(:hover,:focus-visible){fill:#69e5ff;stroke:#fff;stroke-width:2}
html[data-mymex-theme="dark"] .mx-world .mx-region.is-selected{stroke:#fff;stroke-width:3}
.mx-world [hidden]{display:none!important}
@media(max-width:600px){.mx-region-ranking{max-height:350px}.mx-region-nav{gap:6px}.mx-region-crumbs{font-size:12px}.mx-region-nav button{padding:8px 10px}.mx-region-tooltip{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mx-world .mx-region{transition:none}}
