.rebuilt-mobile { --rm-blue:#237bf3; --rm-deep:#1766d2; --rm-cyan:#26cbd8; --rm-bg:#eaf1ff; --rm-text:#425261; --rm-muted:#85919c; font-family:'PingFang SC','Microsoft YaHei',Arial,sans-serif; color:var(--rm-text); font-size:12px; line-height:1.45; background:#f1f3f5; width:100%; min-width:0; container-type:inline-size; }
.rebuilt-mobile *, .rebuilt-mobile *::before, .rebuilt-mobile *::after { box-sizing:border-box; }
.rebuilt-mobile [hidden] { display:none!important; }
.rebuilt-mobile h3, .rebuilt-mobile h4, .rebuilt-mobile h5, .rebuilt-mobile p, .rebuilt-mobile ol, .rebuilt-mobile ul { margin:0; }
.rebuilt-mobile section { margin:0; border:0; }
.rebuilt-mobile button, .rebuilt-mobile select { font:inherit; color:inherit; }
.rebuilt-mobile button { border:0; cursor:pointer; background:none; padding:0; -webkit-tap-highlight-color:transparent; }
.rebuilt-mobile button:focus-visible, .rebuilt-mobile select:focus-visible { outline:2px solid #063878; outline-offset:2px; position:relative; z-index:3; }
.rebuilt-mobile button { transition:background .18s ease,box-shadow .18s ease; }
.rebuilt-mobile .rm-icon { width:23px; height:23px; flex:0 0 auto; }
.rebuilt-mobile .rm-topic-toolbar { display:flex; flex-wrap:wrap; justify-content:center; gap:5px; padding:14px; border-bottom:1px solid #dce1e5; background:#f7f8f9; }
.rebuilt-mobile .rm-topic-toolbar button { min-height:44px; padding:7px 12px; border-radius:4px; background:#e9edf0; font-size:11px; }
.rebuilt-mobile .rm-topic-toolbar button[aria-pressed=true] { color:#fff; background:var(--rm-blue); }
.rebuilt-mobile .rm-topic-toolbar button:hover { box-shadow:inset 0 0 0 1px var(--rm-blue); }
.rebuilt-mobile .rm-device-stage { padding:27px 18px; display:flex; justify-content:center; align-items:flex-start; min-height:742px; background:radial-gradient(ellipse at center,#e7eff8 0,#f1f3f5 70%); }
.rebuilt-mobile .rm-device { width:320px; max-width:100%; height:690px; flex:0 0 auto; border:6px solid #fff; border-radius:23px; overflow:hidden; background:var(--rm-bg); box-shadow:0 3px 7px #15283d06,0 15px 36px #1d447914; display:flex; flex-direction:column; }
.rebuilt-mobile .rm-app-header { background:var(--rm-blue); color:#fff; position:relative; flex:0 0 auto; z-index:4; }
.rebuilt-mobile .rm-status-bar { height:27px; display:flex; align-items:center; justify-content:space-between; padding:4px 17px 0; font-size:11px; line-height:1; }
.rebuilt-mobile .rm-status-icons { display:flex; align-items:center; gap:6px; font-size:10px; }
.rebuilt-mobile .rm-status-icons i { display:block; width:19px; height:9px; border:1px solid #fff; border-radius:2px; position:relative; }
.rebuilt-mobile .rm-status-icons i::after { content:''; position:absolute; top:1px; bottom:1px; left:1px; width:12px; background:#fff; }
.rebuilt-mobile .rm-app-navigation { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:0 10px 2px; gap:4px; }
.rebuilt-mobile .rm-app-navigation > div { display:flex; align-items:center; flex:0 0 auto; }
.rebuilt-mobile .rm-app-navigation button { min-height:44px; display:flex; align-items:center; justify-content:center; font-size:11px; }
.rebuilt-mobile .rm-app-navigation button[data-rm-back] { margin-left:-5px; padding-right:7px; }
.rebuilt-mobile .rm-app-navigation button[data-rm-home] { padding:0 4px; }
.rebuilt-mobile .rm-app-navigation .rm-icon { width:15px; height:18px; }
.rebuilt-mobile .rm-app-name { font-size:12px; font-weight:600; white-space:nowrap; margin-left:auto; margin-right:auto; }
.rebuilt-mobile .rm-menu-button { min-width:28px; font-size:20px!important; letter-spacing:2px; }
.rebuilt-mobile .rm-topic-menu { position:absolute; top:100%; right:5px; background:white; color:var(--rm-text); width:145px; border-radius:3px; box-shadow:0 5px 20px #123b6d30; overflow:hidden; }
.rebuilt-mobile .rm-topic-menu button { display:block; min-height:44px; width:100%; text-align:left; padding:9px 13px; font-size:11px; border-bottom:1px solid #edf2f7; }
.rebuilt-mobile .rm-topic-menu button:hover { background:#e9f3ff; color:var(--rm-blue); }
.rebuilt-mobile .rm-app-content { flex:1; min-height:0; overflow:auto; scrollbar-width:thin; scrollbar-color:#b9cdee transparent; overscroll-behavior:contain; }
.rebuilt-mobile .rm-page { padding:12px 10px 0; }
.rebuilt-mobile .rm-device-bottom { height:9px; flex:0 0 auto; background:var(--rm-bg); }
.rebuilt-mobile .rm-section-heading { display:flex; justify-content:space-between; align-items:baseline; gap:7px; margin:16px 0 9px; }
.rebuilt-mobile .rm-page > .rm-section-heading:first-child { margin-top:2px; }
.rebuilt-mobile .rm-section-heading h4 { font-size:13px; font-weight:600; color:var(--rm-text); }
.rebuilt-mobile .rm-date { color:var(--rm-muted); font-size:9px; flex:0 0 auto; }
.rebuilt-mobile .rm-white-card { background:#fff; border-radius:3px; padding:10px; }
.rebuilt-mobile .rm-economic-card { padding:0 9px 10px; }
.rebuilt-mobile .rm-gdp-banner { min-height:91px; position:relative; color:#fff; background:linear-gradient(115deg,#15b7e1 0,#198cf5 56%,#64e2e0 100%); border-radius:3px 3px 0 0; padding:13px 12px; margin:0 -1px 12px; isolation:isolate; }
.rebuilt-mobile .rm-gdp-banner::after { content:''; position:absolute; bottom:-6px; left:calc(50% - 6px); height:13px; width:13px; background:#229cf0; transform:rotate(45deg); z-index:-1; }
.rebuilt-mobile .rm-gdp-banner p { font-size:12px; max-width:190px; }
.rebuilt-mobile .rm-gdp-banner strong { font-size:26px; font-weight:700; display:inline-block; margin-top:9px; letter-spacing:-.8px; }
.rebuilt-mobile .rm-unit { font-size:9px; font-weight:400; letter-spacing:0; margin-left:3px; white-space:nowrap; }
.rebuilt-mobile .rm-change { font-size:9px; color:#e96774; background:#ffe8ec; padding:2px 4px; white-space:nowrap; display:inline-block; }
.rebuilt-mobile .rm-change--down { color:#10aaa9; background:#d8f7f5; }
.rebuilt-mobile .rm-gdp-banner .rm-change { color:#fff; background:#ef887a; margin-left:8px; }
.rebuilt-mobile .rm-gdp-orb { position:absolute; right:1px; bottom:10px; width:73px; height:73px; border-radius:50%; background:radial-gradient(circle at 28% 22%,#e9fbffba 0,#72d9e1b8 37%,#459effc2 70%); box-shadow:inset -4px -6px 12px #c8ffffaa; display:grid; place-items:center; z-index:-1; }
.rebuilt-mobile .rm-gdp-orb span { font-size:22px; font-weight:700; text-shadow:1px 3px #8ee8f0; }
.rebuilt-mobile .rm-gdp-orb i { position:absolute; width:93px; height:27px; border:3px solid #b7efffaa; border-left-color:transparent; border-top-color:transparent; border-radius:50%; transform:rotate(-25deg); }
.rebuilt-mobile .rm-kpi-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.rebuilt-mobile .rm-kpi { text-align:left; min-width:0; background:#f2f7ff; padding:10px!important; position:relative; border-radius:2px; min-height:91px; }
.rebuilt-mobile .rm-kpi-label { display:block; min-height:30px; font-size:11px; line-height:1.35; }
.rebuilt-mobile .rm-kpi strong { font-size:19px; display:block; margin:4px 0 7px; line-height:1.1; letter-spacing:-.7px; }
.rebuilt-mobile .rm-kpi p { color:#99a0a7; font-size:9px; display:flex; flex-wrap:wrap; gap:3px; align-items:center; }
.rebuilt-mobile .rm-kpi-chevron { position:absolute; bottom:9px; right:7px; width:15px; height:15px; text-align:center; background:#e0ecfd; color:#7c95b5; border-radius:50%; font-size:15px; line-height:13px; }
.rebuilt-mobile button.rm-kpi:hover { background:#e6f1ff; }
.rebuilt-mobile .rm-tabs { display:flex; background:#edf3fd; border-radius:3px; overflow:hidden; margin:-2px -2px 10px; }
.rebuilt-mobile .rm-tabs button { flex:1; min-width:0; min-height:44px; font-size:10px; padding:8px 5px; color:#919ba7; position:relative; }
.rebuilt-mobile .rm-tabs button[aria-pressed=true] { color:#227fc6; background:linear-gradient(#fff,#e1eeff); font-weight:600; }
.rebuilt-mobile .rm-project-tabs button[aria-pressed=true]::after { content:''; position:absolute; width:6px; height:6px; background:#2b99ec; border:2px solid #d5ebff; border-radius:50%; bottom:0; left:calc(50% - 3px); }
.rebuilt-mobile .rm-investment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.rebuilt-mobile .rm-investment { min-width:0; position:relative; padding:10px 6px; overflow:hidden; min-height:73px; background:linear-gradient(95deg,#fff,#edf5ff); }
.rebuilt-mobile .rm-investment > span:first-child { font-size:10px; position:relative; z-index:1; display:block; min-height:27px; }
.rebuilt-mobile .rm-investment strong { font-size:18px; color:#2c88ce; font-weight:700; line-height:1.2; position:relative; z-index:1; }
.rebuilt-mobile .rm-investment--planned { background:linear-gradient(95deg,#fff,#fff6d7); }
.rebuilt-mobile .rm-investment--planned strong { color:#e8b329; }
.rebuilt-mobile .rm-investment--completed { background:linear-gradient(95deg,#fff,#fff0f1); }
.rebuilt-mobile .rm-investment--completed strong { color:#ee7581; }
.rebuilt-mobile .rm-investment--rate { background:linear-gradient(95deg,#fff,#e0fcf5); }
.rebuilt-mobile .rm-investment--rate strong { color:#1cbbab; }
.rebuilt-mobile .rm-investment-illustration { position:absolute; right:4px; bottom:7px; opacity:.12; color:#3789de; }
.rebuilt-mobile .rm-investment-illustration .rm-icon { width:52px; height:52px; }
.rebuilt-mobile .rm-chart-card { padding:10px 9px; }
.rebuilt-mobile .rm-layered-chart, .rebuilt-mobile .rm-line-chart { display:block; width:100%; height:auto; }
.rebuilt-mobile .rm-layer-percent { fill:#fff; font-weight:600; font-size:11px; }
.rebuilt-mobile .rm-layer-label { fill:#657380; font-size:10px; }
.rebuilt-mobile .rm-layer-value { fill:#465464; font-size:15px; font-weight:700; }
.rebuilt-mobile .rm-chart-grid path { fill:none; stroke:#e3ebf2; stroke-dasharray:3 4; stroke-width:1; }
.rebuilt-mobile .rm-chart-axis { fill:#8694a0; font-family:inherit; font-size:10px; }
.rebuilt-mobile .rm-chart-dots { stroke:#258cdf; stroke-width:2; fill:#fff; }
.rebuilt-mobile .rm-chart-key { padding:6px; background:#f3f8ff; display:flex; align-items:center; flex-wrap:wrap; gap:6px; color:#6e8394; font-size:10px; margin-bottom:5px; }
.rebuilt-mobile .rm-chart-key > span { display:flex; align-items:center; gap:5px; }
.rebuilt-mobile .rm-chart-key i { width:6px; height:6px; background:var(--rm-blue); }
.rebuilt-mobile .rm-chart-key strong { color:#2585c7; font-size:13px; }
.rebuilt-mobile .rm-chart-key > small:last-child { margin-left:auto; font-size:9px; }
.rebuilt-mobile .rm-industry-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.rebuilt-mobile .rm-industry-card { min-width:0; position:relative; padding:10px 8px; text-align:left; min-height:69px; border:1px solid #fff; border-radius:3px; background:linear-gradient(100deg,#fff,#eff7ff); }
.rebuilt-mobile .rm-industry-card > span:first-child { font-size:10px; display:block; min-height:27px; position:relative; z-index:1; }
.rebuilt-mobile .rm-industry-card strong { font-size:17px; display:block; position:relative; z-index:1; }
.rebuilt-mobile .rm-industry-card[aria-pressed=true] { box-shadow:inset 0 0 0 1px #a2d0ff; }
.rebuilt-mobile .rm-industry-icon { position:absolute; right:6px; bottom:7px; width:31px; height:31px; border-radius:50%; background:#e2f2ff; color:#3592d9; display:grid; place-items:center; box-shadow:0 2px 5px #8eb9e633; }
.rebuilt-mobile .rm-industry-icon .rm-icon { width:21px; height:21px; }
.rebuilt-mobile .rm-section-heading select { font-size:10px; border:0; max-width:126px; background:#fff; color:#7c8d9d; padding:5px 4px; }
.rebuilt-mobile .rm-alert-banner { display:flex; justify-content:space-between; align-items:center; width:100%; text-align:left; background:repeating-linear-gradient(140deg,#ffffff06 0 2px,transparent 2px 20px),linear-gradient(115deg,#36a9f7,#236ce9 65%,#1756dc); border-radius:3px; color:#fff; padding:14px 17px; min-height:100px; }
.rebuilt-mobile .rm-alert-banner > div > span { font-size:12px; display:block; }
.rebuilt-mobile .rm-alert-banner strong { display:block; font-size:31px; line-height:1.1; margin-top:8px; }
.rebuilt-mobile .rm-alert-banner strong > span:last-child { font-size:20px; margin-left:12px; }
.rebuilt-mobile .rm-alert-symbol { width:74px; height:74px; background:linear-gradient(135deg,#3c90fb,#0752d2); border-radius:50%; border:6px solid #d4ecff88; outline:4px solid #8fc7ff44; display:grid; place-items:center; box-shadow:inset 0 0 0 3px #8bc8ff55; }
.rebuilt-mobile .rm-alert-symbol .rm-icon { fill:#ffe095; color:#ffd25f; width:43px; height:43px; stroke-width:1; }
.rebuilt-mobile .rm-summary-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-bottom:10px; }
.rebuilt-mobile .rm-summary-tile { position:relative; min-height:75px; background:linear-gradient(100deg,#fcfdff,#dcecff); border:1px solid #fff; padding:8px 9px; border-radius:2px; display:grid; grid-template-columns:1fr auto; align-items:end; }
.rebuilt-mobile .rm-summary-icon { display:block; grid-column:1/-1; margin-bottom:2px; }
.rebuilt-mobile .rm-summary-icon .rm-icon { width:21px; height:21px; }
.rebuilt-mobile .rm-summary-label { font-size:10px; padding-bottom:2px; }
.rebuilt-mobile .rm-summary-tile strong { color:#2387e3; font-size:22px; line-height:1.1; }
.rebuilt-mobile .rm-table-wrap { width:100%; overflow:auto; }
.rebuilt-mobile .rm-data-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:10px; min-width:255px; }
.rebuilt-mobile .rm-data-table th { font-weight:400; color:#8d9ba9; background:#f2f7fe; font-size:9px; text-align:center; padding:7px 2px; }
.rebuilt-mobile .rm-data-table td { text-align:center; padding:10px 2px; border-bottom:1px solid #f7f9fb; line-height:1.45; overflow-wrap:anywhere; }
.rebuilt-mobile .rm-data-table th:first-child, .rebuilt-mobile .rm-data-table td:first-child { width:24px; }
.rebuilt-mobile .rm-data-table th:nth-child(2) { width:42px; }
.rebuilt-mobile .rm-data-table th:nth-child(3) { width:46px; }
.rebuilt-mobile .rm-warning-table th:nth-child(2) { width:88px; }
.rebuilt-mobile .rm-warning-table th:nth-child(3) { width:51px; }
.rebuilt-mobile .rm-status { border-radius:2px; padding:3px 4px; font-size:9px; white-space:normal; display:inline-block; background:#f0f4f9; color:#818e9a; }
.rebuilt-mobile .rm-status--light { color:#4ea5ad; background:#ddf8f5; }
.rebuilt-mobile .rm-status--medium { color:#b39743; background:#fff5ce; }
.rebuilt-mobile .rm-status--heavy { color:#d69a3e; background:#fff0d6; }
.rebuilt-mobile .rm-status--severe { color:#ec717a; background:#ffe0e5; }
.rebuilt-mobile .rm-status--normal { color:#12aa9b; background:#dbf9f3; }
.rebuilt-mobile .rm-status--attention { color:#bb922c; background:#fff3c6; }
.rebuilt-mobile .rm-status--warning { color:#ed737f; background:#ffe2e7; }
.rebuilt-mobile .rm-rain-legend { display:flex; align-items:center; flex-wrap:wrap; gap:4px; background:#f3f7ff; padding:10px 6px; margin-top:8px; }
.rebuilt-mobile .rm-rain-legend strong { width:100%; font-size:10px; font-weight:500; margin-bottom:3px; }
.rebuilt-mobile .rm-water-volume, .rebuilt-mobile .rm-water-ecology { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.rebuilt-mobile .rm-water-volume > div { background:#fff; padding:11px 9px; border-radius:3px; }
.rebuilt-mobile .rm-water-volume > div > span { font-size:10px; display:block; min-height:28px; }
.rebuilt-mobile .rm-water-volume strong { display:block; font-size:18px; margin-top:4px; }
.rebuilt-mobile .rm-water-volume p { color:#98a4ac; font-size:9px; margin-top:7px; }
.rebuilt-mobile .rm-water-ecology > div { background:#fff; padding:0 8px 9px; border-radius:3px; min-width:0; }
.rebuilt-mobile .rm-ecology-name { display:flex; gap:4px; align-items:center; margin:0 -8px 9px; padding:9px 5px; background:linear-gradient(90deg,#dcebff,#fff); font-size:10px; }
.rebuilt-mobile .rm-water-ecology > div:nth-child(2) .rm-ecology-name { background:linear-gradient(90deg,#dcfaf1,#fff); }
.rebuilt-mobile .rm-ecology-name .rm-icon { width:14px; height:16px; color:#39a9d5; }
.rebuilt-mobile .rm-water-ecology p { display:flex; justify-content:space-between; align-items:center; gap:3px; color:#8c979f; font-size:9px; margin-top:7px; }
.rebuilt-mobile .rm-quality { padding:3px; background:#fff5d1; color:#aaa073; }
.rebuilt-mobile .rm-environment-card { position:relative; margin:27px 0 13px; min-height:104px; background:linear-gradient(110deg,#e8f4ff,#8ed9ff); border-radius:3px; padding-right:104px; }
.rebuilt-mobile .rm-environment-banner { color:#fff; display:flex; align-items:center; flex-wrap:wrap; gap:4px; background:linear-gradient(90deg,#57a3ec,#b0e2ff); padding:10px 8px; min-height:42px; font-size:10px; }
.rebuilt-mobile .rm-environment-banner strong { font-size:16px; }
.rebuilt-mobile .rm-environment-details { display:flex; gap:14px; padding:8px 8px 10px; font-size:9px; }
.rebuilt-mobile .rm-environment-details > div { flex:1; }
.rebuilt-mobile .rm-environment-details strong { display:block; color:#2485d7; font-size:13px; margin-top:3px; }
.rebuilt-mobile .rm-environment-gauge { width:116px; height:116px; position:absolute; right:0; top:-16px; overflow:visible; }
.rebuilt-mobile .rm-gauge-value { fill:#fff; font-size:22px; font-weight:700; }
.rebuilt-mobile .rm-gauge-label { fill:#fff; font-size:9px; }
.rebuilt-mobile .rm-environment-card--complaint { background:linear-gradient(110deg,#d7faf5,#76f0e5); margin-top:26px; }
.rebuilt-mobile .rm-environment-card--complaint .rm-environment-banner { background:linear-gradient(90deg,#40cdd0,#7de6de); }
.rebuilt-mobile .rm-environment-card--complaint .rm-environment-details strong { color:#12b0a9; }
.rebuilt-mobile .rm-water-ranking { margin-top:12px; padding:8px; }
.rebuilt-mobile .rm-rank-list { list-style:none; padding:0; }
.rebuilt-mobile .rm-rank-list li { display:flex; align-items:center; gap:7px; min-height:37px; padding:5px 6px; font-size:10px; background:linear-gradient(90deg,#fff1e9,#fff); }
.rebuilt-mobile .rm-rank-list li:nth-child(2) { background:linear-gradient(90deg,#fff3d9,#fff); }
.rebuilt-mobile .rm-rank-list li:nth-child(3) { background:linear-gradient(90deg,#fffbcf,#fff); }
.rebuilt-mobile .rm-rank-list li:nth-child(n+4) { background:linear-gradient(90deg,#edf4ff,#fff); }
.rebuilt-mobile .rm-rank-list li strong { margin-left:auto; font-size:13px; }
.rebuilt-mobile .rm-rank-list li small { font-size:9px; color:#8f9eac; }
.rebuilt-mobile .rm-rank-medal { font-size:9px; font-weight:700; color:#ef757c; white-space:nowrap; }
.rebuilt-mobile .rm-rank-list li:nth-child(2) .rm-rank-medal { color:#f0a632; }
.rebuilt-mobile .rm-rank-list li:nth-child(3) .rm-rank-medal { color:#d5c336; }
.rebuilt-mobile .rm-rank-list li:nth-child(n+4) .rm-rank-medal { color:#8c9aae; }
.rebuilt-mobile .rm-data-footer { text-align:center; color:#b5c2d4; padding:18px 4px 13px; }
.rebuilt-mobile .rm-data-footer p:first-child { font-size:10px; }
.rebuilt-mobile .rm-data-footer p:last-child { font-size:9px; margin-top:4px; }
.rebuilt-mobile .rm-artifact-note { display:flex; justify-content:center; flex-wrap:wrap; gap:7px 18px; padding:0 15px 15px; color:#78858f; font-size:10px; }
.rebuilt-mobile .rm-artifact-note > span:last-child { color:#2878be; }
.rebuilt-mobile .rm-home-hero { position:relative; min-height:157px; margin:-12px -10px 12px; padding:29px 15px; background:linear-gradient(120deg,#e5f5ff,#c7eaff 75%,#e9fdff); overflow:hidden; }
.rebuilt-mobile .rm-home-eyebrow { font-size:10px; color:#2879b8; background:#f9ffffcc; padding:3px 5px; display:inline-block; margin-bottom:9px; }
.rebuilt-mobile .rm-home-hero h3 { font-size:20px; font-weight:700; color:#1462a3; line-height:1.3; position:relative; z-index:1; }
.rebuilt-mobile .rm-home-sphere { position:absolute; right:-5px; top:15px; width:153px; height:153px; border:15px solid #8ecbf840; border-radius:50%; transform:rotate(-18deg); box-shadow:0 0 0 10px #a9e1f426,inset 0 0 0 15px #88d8fb45; }
.rebuilt-mobile .rm-home-sphere span { position:absolute; inset:24px; border-radius:12px; transform:rotate(45deg); background:linear-gradient(150deg,#79f6ed,#1987fa); box-shadow:9px 8px 0 #075ad940; }
.rebuilt-mobile .rm-home-sphere i { position:absolute; inset:-20px; border:6px solid #efffffbb; border-top-color:transparent; border-left-color:transparent; border-radius:50%; }
.rebuilt-mobile .rm-home-groups { padding:0 3px; }
.rebuilt-mobile .rm-portal-group { padding:9px; background:linear-gradient(135deg,#4f9eed,#7acaff); border-radius:5px; margin-bottom:13px; }
.rebuilt-mobile .rm-portal-group--teal { background:linear-gradient(135deg,#2ec4d2,#a2eeeb); }
.rebuilt-mobile .rm-portal-group h4 { font-size:13px; font-weight:600; color:#fff; margin-bottom:9px; }
.rebuilt-mobile .rm-portal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
.rebuilt-mobile .rm-portal-button { min-width:0; display:flex; align-items:center; flex-direction:column; gap:6px; background:#edfaffee; border-radius:3px; min-height:74px; padding:9px 3px 7px; font-size:10px; line-height:1.3; }
.rebuilt-mobile .rm-portal-button:hover { background:#fff; }
.rebuilt-mobile .rm-portal-icon { display:grid; place-items:center; width:27px; height:27px; border-radius:6px; background:linear-gradient(140deg,#91d9ff,#4087e4); color:#fff; box-shadow:1px 3px 4px #2867ad26; }
.rebuilt-mobile .rm-portal-group--teal .rm-portal-icon { background:linear-gradient(140deg,#8bf2ed,#24b8bd); }
.rebuilt-mobile .rm-portal-icon .rm-icon { width:18px; height:18px; }
.rebuilt-mobile .rm-map { position:relative; margin:-12px -10px 0; min-height:228px; }
.rebuilt-mobile .rm-map > svg { display:block; width:100%; height:auto; }
.rebuilt-mobile .rm-map-pin { position:absolute; width:44px; height:44px; color:#bd8559; border-radius:50%; display:grid; place-items:center; isolation:isolate; }
.rebuilt-mobile .rm-map-pin::before { content:''; position:absolute; inset:8px; border-radius:50%; background:#ffffffde; box-shadow:0 2px 4px #73998c33; z-index:-1; }
.rebuilt-mobile .rm-map-pin--a { left:49%; top:45%; }
.rebuilt-mobile .rm-map-pin--b { left:72%; top:24%; }
.rebuilt-mobile .rm-map-pin--c { left:27%; top:69%; }
.rebuilt-mobile .rm-map-pin--d { left:74%; top:70%; }
.rebuilt-mobile .rm-map-pin[aria-pressed=true] { color:#fff; }
.rebuilt-mobile .rm-map-pin[aria-pressed=true]::before { background:#25416d; }
.rebuilt-mobile .rm-map-selected { position:absolute; top:30%; left:35%; padding:6px 11px; background:#263f65; color:#fff; border-radius:18px; font-size:11px; box-shadow:0 2px 5px #28426922; }
.rebuilt-mobile .rm-visitor-summary { display:grid; grid-template-columns:1fr 1fr; margin-top:-22px; padding:10px 5px; position:relative; background:#ffffffd9; border-radius:3px; z-index:1; }
.rebuilt-mobile .rm-visitor-summary > div { display:flex; align-items:center; gap:4px; }
.rebuilt-mobile .rm-visitor-summary .rm-icon { width:25px; height:25px; color:#268ed0; }
.rebuilt-mobile .rm-visitor-summary > div > span { font-size:9px; color:#7d8b95; }
.rebuilt-mobile .rm-visitor-summary strong { display:block; color:#237ebd; font-size:17px; }
.rebuilt-mobile .rm-origin-card { padding:14px 9px 9px; }
.rebuilt-mobile .rm-donut { width:187px; height:132px; margin:10px auto 24px; background:conic-gradient(#2580ed 0 40%,#ffc743 40% 70%,#29cbb4 70% 90%,#fc7e8c 90%); border-radius:50%; position:relative; transform:rotateX(26deg); box-shadow:0 9px 0 #9fc9f122,0 15px 0 #d5eaff88; }
.rebuilt-mobile .rm-donut::after { content:''; position:absolute; width:104px; height:82px; top:25px; left:calc(50% - 52px); background:#effcff; border-radius:50%; box-shadow:inset 0 0 0 8px #daf4ff; }
.rebuilt-mobile .rm-donut > div { position:absolute; z-index:1; left:0; right:0; top:38px; text-align:center; font-size:10px; color:#5d7b91; }
.rebuilt-mobile .rm-donut strong { font-size:22px; color:#2283ce; display:block; line-height:1.2; }
.rebuilt-mobile .rm-donut-legend { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; font-size:9px; margin-top:9px; }
.rebuilt-mobile .rm-donut-legend div { display:flex; flex-wrap:wrap; align-items:center; gap:3px; justify-content:center; }
.rebuilt-mobile .rm-donut-legend i { width:6px; height:6px; background:#2681ee; }
.rebuilt-mobile .rm-donut-legend div:nth-child(2) i { background:#ffc32d; }
.rebuilt-mobile .rm-donut-legend div:nth-child(3) i { background:#20c8b8; }
.rebuilt-mobile .rm-donut-legend div:nth-child(4) i { background:#fa8190; }
.rebuilt-mobile .rm-donut-legend strong { width:100%; font-size:11px; text-align:center; }
.rebuilt-mobile .rm-origin-ranking { margin-top:15px; background:linear-gradient(#fff3e9,#fff); padding-top:8px; }
.rebuilt-mobile .rm-origin-ranking h5 { color:#ecad50; font-size:11px; margin:3px 8px 9px; font-style:italic; }
.rebuilt-mobile .rm-hotel-summary { display:grid; grid-template-columns:1fr 1fr; gap:9px; }
.rebuilt-mobile .rm-hotel-summary > div { display:grid; grid-template-columns:27px 1fr; gap:2px 5px; padding:6px 2px; background:#f3f8ff; font-size:10px; }
.rebuilt-mobile .rm-hotel-summary .rm-icon { width:24px; height:29px; grid-row:1/3; color:#66b3e9; align-self:center; }
.rebuilt-mobile .rm-hotel-summary strong { font-size:14px; }
.rebuilt-mobile .rm-spike-chart { display:flex; align-items:end; height:140px; gap:7px; padding:14px 5px 20px; margin-top:15px; background:repeating-linear-gradient(to top,transparent 0 27px,#eff4f7 27px 28px); }
.rebuilt-mobile .rm-spike { height:100%; flex:1; display:flex; flex-direction:column; justify-content:flex-end; position:relative; font-size:8px; text-align:center; color:#879bab; }
.rebuilt-mobile .rm-spike i { display:block; background:linear-gradient(#66b2e5,#d8eaff44); clip-path:polygon(50% 0,58% 55%,73% 85%,100% 100%,0 100%,27% 85%,42% 55%); height:35%; }
.rebuilt-mobile .rm-spike--2 i { height:60%; }.rebuilt-mobile .rm-spike--3 i { height:45%; }.rebuilt-mobile .rm-spike--4 i { height:85%; }.rebuilt-mobile .rm-spike--5 i { height:72%; }.rebuilt-mobile .rm-spike--6 i { height:48%; }.rebuilt-mobile .rm-spike--7 i { height:64%; }
.rebuilt-mobile .rm-spike small { position:absolute; left:0; right:0; top:calc(100% + 4px); font-size:9px; }
.rebuilt-mobile .rm-scenic-ranking .rm-rank-medal { display:grid; place-items:center; background:linear-gradient(#ffe398,#efb341); color:#fff; font-size:9px; border-radius:2px 2px 7px 7px; width:28px; height:31px; }
.rebuilt-mobile .rm-scenic-ranking li:nth-child(2) .rm-rank-medal { background:linear-gradient(#d9ebff,#739cec); color:#fff; }
.rebuilt-mobile .rm-scenic-ranking li:nth-child(3) .rm-rank-medal { background:linear-gradient(#ffe4d7,#e99691); color:#fff; }
.rebuilt-mobile .rm-scenic-ranking li:nth-child(n+4) .rm-rank-medal { background:linear-gradient(#e7eaf2,#b4bfd2); color:#fff; }
.rebuilt-mobile .rm-transport-mode { display:grid; grid-template-columns:83px minmax(0,1fr); gap:5px; }
.rebuilt-mobile .rm-transport-main { background:linear-gradient(120deg,#247dea,#9ec8ff); padding:10px 7px 3px; color:#fff; border-radius:3px; font-size:10px; overflow:hidden; min-height:110px; }
.rebuilt-mobile .rm-transport-main strong { display:block; font-size:21px; margin-top:5px; }
.rebuilt-mobile .rm-transport-main .rm-unit { margin:0; font-size:9px; }
.rebuilt-mobile .rm-transport-main .rm-icon { display:block; width:49px; height:34px; margin:8px 0 -4px 21px; color:#e2f6ff; stroke-width:1.2; filter:drop-shadow(2px 2px 0 #287ab65c); }
.rebuilt-mobile .rm-transport-mode--teal .rm-transport-main { background:linear-gradient(120deg,#14c8d0,#79e5e7); }
.rebuilt-mobile .rm-transport-metrics { display:grid; grid-template-columns:1fr 1fr; gap:4px; }
.rebuilt-mobile .rm-transport-metrics > div { display:grid; grid-template-columns:21px minmax(0,1fr); gap:2px 4px; padding:8px 3px; background:#fff; font-size:9px; border-radius:2px; }
.rebuilt-mobile .rm-soft-icon { grid-row:1/3; align-self:center; border-radius:50%; color:#579bda; background:linear-gradient(#f4fcff,#d4eaff); }
.rebuilt-mobile .rm-soft-icon .rm-icon { width:20px; height:20px; }
.rebuilt-mobile .rm-transport-metrics strong { font-size:13px; }
.rebuilt-mobile .rm-fleet-cards { background:#fff; padding:7px; }
.rebuilt-mobile .rm-fleet-card { margin-bottom:8px; border:2px solid #eaf2ff; font-size:9px; }
.rebuilt-mobile .rm-fleet-card h5 { display:flex; align-items:center; gap:5px; padding:5px; background:#eaf2ff; color:#5a7188; font-size:11px; font-weight:500; }
.rebuilt-mobile .rm-fleet-card h5 .rm-icon { width:16px; height:16px; color:#7fc1ec; }
.rebuilt-mobile .rm-fleet-card > div { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; align-items:center; gap:5px; padding:10px 5px; }
.rebuilt-mobile .rm-fleet-card > div strong { font-size:13px; }
.rebuilt-mobile .rm-fleet-card--teal { border-color:#e7fcf8; }.rebuilt-mobile .rm-fleet-card--teal h5 { background:#e7fcf8; }
.rebuilt-mobile .rm-fleet-card--yellow { border-color:#fff9dc; }.rebuilt-mobile .rm-fleet-card--yellow h5 { background:#fff9dc; }
.rebuilt-mobile .rm-fleet-card--purple { border-color:#f1edff; }.rebuilt-mobile .rm-fleet-card--purple h5 { background:#f1edff; }
.rebuilt-mobile .rm-transport-total { display:flex; gap:8px; align-items:center; justify-content:space-between; padding:6px 4px; text-align:center; }
.rebuilt-mobile .rm-transport-total > div { flex:1; font-size:10px; }
.rebuilt-mobile .rm-transport-total strong { display:block; font-size:17px; color:#2787c3; margin-top:4px; }
.rebuilt-mobile .rm-transport-total-icon { width:61px; height:61px; display:grid; place-items:center; border-radius:50%; background:radial-gradient(#75c5ed,#2393f2); border:5px solid #ddf4ff; box-shadow:0 3px 6px #98caed55; color:#fff; }
.rebuilt-mobile .rm-transport-total-icon .rm-icon { width:31px; height:31px; }
.rebuilt-mobile .rm-age-ring { width:171px; height:171px; margin:13px auto 18px; border-radius:50%; background:conic-gradient(#2988ee 0 50%,#f6d248 50% 75%,#21ccc6 75% 90%,#ffad49 90%); box-shadow:inset 0 0 0 12px #e6f7ff99; position:relative; text-align:center; display:flex; flex-direction:column; justify-content:center; }
.rebuilt-mobile .rm-age-ring::before { content:''; position:absolute; inset:31px; border-radius:50%; background:radial-gradient(#edfaff,#a8d1fc); }
.rebuilt-mobile .rm-age-ring strong, .rebuilt-mobile .rm-age-ring span { position:relative; z-index:1; }
.rebuilt-mobile .rm-age-ring strong { font-size:22px; color:#207fc8; }
.rebuilt-mobile .rm-age-ring span { font-size:10px; }
.rebuilt-mobile .rm-age-legend { display:grid; grid-template-columns:1fr 1fr; gap:6px; font-size:10px; }
.rebuilt-mobile .rm-age-legend > div { display:flex; justify-content:space-between; padding:6px; background:#f3f8ff; }
.rebuilt-mobile .rm-management-banner { background:linear-gradient(120deg,#51c7f4,#218beb); padding:16px 12px 10px; color:#fff; border-radius:3px; position:relative; overflow:hidden; }
.rebuilt-mobile .rm-management-banner > strong { display:block; font-size:34px; margin:5px 0 15px; }
.rebuilt-mobile .rm-management-banner > span { position:absolute; right:10px; top:18px; opacity:.26; }
.rebuilt-mobile .rm-management-banner > span .rm-icon { width:90px; height:90px; }
.rebuilt-mobile .rm-management-banner > div { background:#eef9ffdc; color:#637b91; display:grid; grid-template-columns:1fr 1fr 1fr; border:1px solid #fff; padding:10px 7px; border-radius:3px; gap:9px; }
.rebuilt-mobile .rm-management-banner section { font-size:10px; }
.rebuilt-mobile .rm-management-banner section strong { display:block; font-size:18px; color:#455b71; margin-top:4px; }
.rebuilt-mobile .rm-management-stats { position:relative; overflow:hidden; min-height:247px; }
.rebuilt-mobile .rm-management-stats > div:first-child { position:relative; z-index:1; max-width:170px; font-size:11px; }
.rebuilt-mobile .rm-management-stats > div:first-child > strong { display:block; color:#237bd2; font-size:19px; margin:6px 0 13px; }
.rebuilt-mobile .rm-management-stats ul { list-style:none; padding:0; }
.rebuilt-mobile .rm-management-stats li { font-size:10px; margin-bottom:13px; padding-left:11px; border-left:5px solid #2687ef; }
.rebuilt-mobile .rm-management-stats li:nth-child(2) { border-color:#18c5d4; }.rebuilt-mobile .rm-management-stats li:nth-child(3) { border-color:#f0ce39; }.rebuilt-mobile .rm-management-stats li:nth-child(4) { border-color:#f48aa2; }
.rebuilt-mobile .rm-management-stats li strong { display:block; font-size:12px; margin-top:3px; }
.rebuilt-mobile .rm-management-rings { position:absolute; width:280px; height:280px; top:20px; left:180px; border:11px solid #dfecff; border-radius:50%; }
.rebuilt-mobile .rm-management-rings i { position:absolute; inset:-5px; border:9px solid #308aed; border-right-color:#edf4ff; border-bottom-color:#edf4ff; border-radius:50%; }
.rebuilt-mobile .rm-management-rings i:nth-child(2) { inset:17px; border-color:#ffd144; border-right-color:#edf4ff; border-bottom-color:#edf4ff; }.rebuilt-mobile .rm-management-rings i:nth-child(3) { inset:39px; border-color:#37d6c5; border-right-color:#edf4ff; border-bottom-color:#edf4ff; }.rebuilt-mobile .rm-management-rings i:nth-child(4) { inset:61px; border-color:#ff8c97; border-right-color:#edf4ff; border-bottom-color:#edf4ff; }
@container (max-width:390px) { .rebuilt-mobile .rm-device-stage { padding:21px 10px; min-height:732px; }.rebuilt-mobile .rm-topic-toolbar { padding:10px 8px; gap:4px; }.rebuilt-mobile .rm-topic-toolbar button { padding:6px 9px; font-size:10px; } }
@container (max-width:285px) { .rebuilt-mobile .rm-device { width:255px; }.rebuilt-mobile .rm-app-name { font-size:10px; }.rebuilt-mobile .rm-app-navigation button { font-size:10px; }.rebuilt-mobile .rm-page { padding-left:7px; padding-right:7px; }.rebuilt-mobile .rm-kpi { padding:8px!important; }.rebuilt-mobile .rm-kpi strong { font-size:17px; }.rebuilt-mobile .rm-gdp-orb { opacity:.65; }.rebuilt-mobile .rm-kpi .rm-unit { font-size:9px; }.rebuilt-mobile .rm-environment-card { padding-right:93px; }.rebuilt-mobile .rm-environment-gauge { width:103px; height:103px; }.rebuilt-mobile .rm-transport-mode { grid-template-columns:73px minmax(0,1fr); } }
@media (prefers-reduced-motion:reduce) { .rebuilt-mobile *, .rebuilt-mobile *::before, .rebuilt-mobile *::after { transition:none!important; animation:none!important; } }