.umami-panel {
    --umami-teal: #2dd4bf;
    --umami-coral: #fb7185;
    --umami-gold: #fbbf24;
    --umami-blue: #60a5fa;
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.umami-header,
.umami-section-heading,
.umami-actions,
.umami-legend,
.umami-live {
    display: flex;
    align-items: center;
}

.umami-header,
.umami-section-heading {
    justify-content: space-between;
    gap: 1rem;
}

.umami-header h2,
.umami-section-heading h3 {
    margin: 0;
    letter-spacing: 0;
}

.umami-header h2 { font-size: 1.45rem; }
.umami-section-heading h3 { font-size: 1rem; }

.umami-eyebrow,
.umami-updated,
.umami-result-count {
    margin: 0;
    color: var(--text-muted);
    font-size: 0.76rem;
}

.umami-eyebrow {
    color: var(--umami-teal);
    font-weight: 700;
    text-transform: uppercase;
}

.umami-updated { margin-top: 0.25rem; }
.umami-actions { gap: 0.5rem; }

.umami-range,
.umami-groups,
.umami-metric-tabs {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    overflow-x: auto;
    scrollbar-width: thin;
}

.umami-range,
.umami-groups {
    padding: 0.25rem;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: color-mix(in srgb, var(--admin-input-bg, var(--bg-input)) 72%, transparent);
}

.umami-range button,
.umami-groups button,
.umami-metric-tabs button,
.umami-icon-button {
    border: 0;
    color: var(--text-muted);
    background: transparent;
    cursor: pointer;
    font: inherit;
}

.umami-range button,
.umami-groups button {
    min-height: 32px;
    padding: 0.35rem 0.65rem;
    border-radius: 4px;
    white-space: nowrap;
}

.umami-range button.active,
.umami-groups button.active {
    color: #071a19;
    background: var(--umami-teal);
    font-weight: 700;
}

.umami-icon-button {
    display: inline-grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: var(--admin-input-bg, var(--bg-input));
}

.umami-icon-button:hover { color: var(--umami-teal); }

.umami-status {
    display: none;
    padding: 0.7rem 0.85rem;
    border-left: 3px solid var(--umami-gold);
    background: color-mix(in srgb, var(--umami-gold) 10%, transparent);
    font-size: 0.82rem;
}

.umami-status.visible { display: block; }
.umami-status.error { border-color: var(--umami-coral); }

.umami-kpis {
    display: grid;
    grid-template-columns: repeat(6, minmax(120px, 1fr));
    gap: 0.65rem;
}

.umami-kpi {
    min-width: 0;
    padding: 0.85rem;
    border: 1px solid var(--border);
    border-radius: 6px;
    background: color-mix(in srgb, var(--admin-card-bg, var(--bg-card)) 88%, transparent);
}

.umami-kpi-label {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
}

.umami-kpi-value {
    display: block;
    margin-top: 0.25rem;
    overflow: hidden;
    color: var(--text);
    font-size: 1.35rem;
    font-weight: 750;
    text-overflow: ellipsis;
}

.umami-kpi-change {
    display: block;
    min-height: 1rem;
    margin-top: 0.2rem;
    color: var(--text-muted);
    font-size: 0.68rem;
}

.umami-kpi-change.up { color: var(--umami-teal); }
.umami-kpi-change.down { color: var(--umami-coral); }

.umami-band {
    min-width: 0;
    padding: 1rem 0;
    border-top: 1px solid var(--border);
}

.umami-legend { gap: 1rem; color: var(--text-muted); font-size: 0.75rem; }
.umami-dot { display: inline-block; width: 8px; height: 8px; margin-right: 0.3rem; border-radius: 50%; }
.umami-dot-views { background: var(--umami-teal); }
.umami-dot-visits { background: var(--umami-coral); }

.umami-chart {
    width: 100%;
    min-height: 260px;
    margin-top: 0.75rem;
    overflow: hidden;
}

.umami-chart svg { display: block; width: 100%; height: 260px; }
.umami-chart-grid { stroke: color-mix(in srgb, var(--border) 75%, transparent); stroke-width: 1; }
.umami-chart-label { fill: var(--text-muted); font-size: 11px; }
.umami-chart-views { fill: none; stroke: var(--umami-teal); stroke-width: 3; vector-effect: non-scaling-stroke; }
.umami-chart-visits { fill: none; stroke: var(--umami-coral); stroke-width: 2; vector-effect: non-scaling-stroke; }
.umami-chart-point-views { fill: var(--umami-teal); }
.umami-chart-point-visits { fill: var(--umami-coral); }

.umami-live { gap: 0.4rem; color: var(--umami-teal); font-size: 0.75rem; font-weight: 700; }
.umami-live i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 18%, transparent); }

.umami-realtime {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.umami-live-stat {
    padding: 0.75rem;
    border-bottom: 2px solid var(--umami-blue);
    background: color-mix(in srgb, var(--admin-input-bg, var(--bg-input)) 55%, transparent);
}

.umami-live-stat strong { display: block; font-size: 1.2rem; }
.umami-live-stat span { color: var(--text-muted); font-size: 0.72rem; }

.umami-performance {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.umami-vital {
    padding: 0.75rem;
    border: 1px solid var(--border);
    border-radius: 6px;
}

.umami-vital strong,
.umami-vital span { display: block; }
.umami-vital strong { margin-top: 0.2rem; font-size: 1.1rem; }
.umami-vital span { color: var(--text-muted); font-size: 0.7rem; }
.umami-vital.good { border-bottom: 2px solid var(--umami-teal); }
.umami-vital.needs-work { border-bottom: 2px solid var(--umami-gold); }
.umami-vital.poor { border-bottom: 2px solid var(--umami-coral); }

.umami-groups { margin-top: 0.8rem; width: fit-content; max-width: 100%; }
.umami-metric-tabs { margin-top: 0.7rem; padding-bottom: 0.3rem; }
.umami-metric-tabs button { padding: 0.4rem 0.1rem; margin-right: 0.8rem; border-bottom: 2px solid transparent; white-space: nowrap; }
.umami-metric-tabs button.active { color: var(--umami-gold); border-color: var(--umami-gold); }

.umami-table-wrap { min-height: 180px; margin-top: 0.35rem; overflow-x: auto; }
.umami-table { width: 100%; border-collapse: collapse; font-size: 0.78rem; }
.umami-table th { color: var(--text-muted); font-weight: 600; text-align: right; white-space: nowrap; }
.umami-table th:first-child,
.umami-table td:first-child { text-align: left; }
.umami-table th,
.umami-table td { padding: 0.65rem 0.5rem; border-bottom: 1px solid var(--border); text-align: right; }
.umami-table td:first-child { max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.umami-table tbody tr:hover { background: color-mix(in srgb, var(--umami-teal) 6%, transparent); }
.umami-empty { padding: 2rem 0.5rem; color: var(--text-muted); text-align: center; }

@media (max-width: 1100px) {
    .umami-kpis { grid-template-columns: repeat(3, minmax(120px, 1fr)); }
}

@media (max-width: 720px) {
    .umami-header { align-items: flex-start; flex-direction: column; }
    .umami-actions { width: 100%; }
    .umami-range { flex: 1; }
    .umami-range button { flex: 1; padding-inline: 0.35rem; }
    .umami-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .umami-realtime { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .umami-performance { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .umami-section-heading { align-items: flex-start; }
    .umami-legend { align-items: flex-start; flex-direction: column; gap: 0.3rem; }
    .umami-table { min-width: 660px; }
}

/* Native Umami surface: intentionally independent of the selected Admin theme. */
.umami-panel.umami-native {
    --umami-native-bg: #101010;
    --umami-native-panel: #121212;
    --umami-native-border: #292929;
    --umami-native-text: #f1f1f1;
    --umami-native-muted: #8a8a8a;
    --umami-native-blue: #3b82f6;
    --umami-native-blue-dark: #244f85;
    --umami-native-green: #2fbf71;
    --umami-native-red: #ef6461;
    gap: 0;
    padding: 1.25rem;
    border: 1px solid var(--umami-native-border);
    border-radius: 4px;
    color: var(--umami-native-text);
    background: var(--umami-native-bg);
    box-shadow: none;
    font-family: "IBM Plex Sans", "Segoe UI", sans-serif;
}

.umami-native .umami-header {
    min-height: 58px;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--umami-native-border);
}

.umami-native-title {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.7rem;
}

.umami-native-mark {
    display: inline-grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border: 1px solid #353535;
    border-radius: 50%;
    color: var(--umami-native-text);
    background: #1a1a1a;
    font-size: 0.72rem;
}

.umami-native .umami-header h2 {
    overflow: hidden;
    color: var(--umami-native-text);
    font-size: 1rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.umami-native .umami-updated,
.umami-native .umami-result-count {
    color: var(--umami-native-muted);
    font-size: 0.7rem;
}

.umami-native .umami-range,
.umami-native .umami-groups {
    border-color: var(--umami-native-border);
    background: #171717;
}

.umami-native .umami-range button,
.umami-native .umami-groups button,
.umami-native .umami-metric-tabs button,
.umami-native .umami-icon-button {
    color: var(--umami-native-muted);
}

.umami-native .umami-range button.active,
.umami-native .umami-groups button.active {
    color: #fff;
    background: #2a2a2a;
}

.umami-native .umami-icon-button {
    border-color: var(--umami-native-border);
    border-radius: 4px;
    background: #171717;
}

.umami-native .umami-icon-button:hover,
.umami-native .umami-metric-tabs button.active {
    color: var(--umami-native-text);
    border-color: var(--umami-native-blue);
}

.umami-native .umami-status {
    margin-top: 0.75rem;
    border: 1px solid var(--umami-native-border);
    border-left: 3px solid var(--umami-native-blue);
    color: var(--umami-native-text);
    background: #171717;
}

.umami-native .umami-status.error { border-left-color: var(--umami-native-red); }

.umami-native .umami-kpis {
    grid-template-columns: repeat(6, minmax(100px, 1fr));
    gap: 0;
    padding: 1.15rem 0;
}

.umami-native .umami-kpi {
    padding: 0.25rem 1rem;
    border: 0;
    border-right: 1px solid var(--umami-native-border);
    border-radius: 0;
    background: transparent;
}

.umami-native .umami-kpi:first-child { padding-left: 0; }
.umami-native .umami-kpi:last-child { border-right: 0; }
.umami-native .umami-kpi-label { display: flex; align-items: center; gap: 0.38rem; color: var(--umami-native-muted); font-size: 0.68rem; font-weight: 600; }
.umami-native .umami-kpi-label i { width: 0.8rem; text-align: center; }
.umami-tone-cyan { color: #22d3ee; }
.umami-tone-blue { color: #4b91ed; }
.umami-tone-violet { color: #a78bfa; }
.umami-tone-coral { color: #fb7185; }
.umami-tone-amber { color: #f59e0b; }
.umami-tone-yellow { color: #facc15; }
.umami-native .umami-kpi-value { color: var(--umami-native-text); font-size: 1.55rem; }
.umami-native .umami-kpi-change { display: inline-block; min-height: 0; margin-top: 0.35rem; padding: 0.08rem 0.28rem; border-radius: 3px; color: var(--umami-native-muted); background: #1b1b1b; }
.umami-native .umami-kpi-change.up { color: #7ee2a8; background: #163322; }
.umami-native .umami-kpi-change.down { color: #ff9c99; background: #3a1d1d; }

.umami-native .umami-band {
    padding: 1rem 0;
    border-color: var(--umami-native-border);
}

.umami-native .umami-section-heading h3,
.umami-native-block-heading h3 {
    margin: 0;
    color: var(--umami-native-text);
    font-size: 0.74rem;
    font-weight: 650;
    letter-spacing: 0;
}

.umami-native .umami-legend { color: var(--umami-native-muted); font-size: 0.68rem; }
.umami-native .umami-dot-views { background: var(--umami-native-blue-dark); }
.umami-native .umami-dot-visits { background: var(--umami-native-blue); }

.umami-native .umami-chart {
    min-height: 280px;
    margin-top: 0.5rem;
}

.umami-native .umami-chart svg { height: 280px; }
.umami-native .umami-chart-grid { stroke: #282828; }
.umami-native .umami-chart-label { fill: #777; font-size: 10px; }
.umami-native .umami-chart-bar-views { fill: var(--umami-native-blue-dark); }
.umami-native .umami-chart-bar-visits { fill: var(--umami-native-blue); }

.umami-native-grid {
    display: grid;
    min-width: 0;
    border-top: 1px solid var(--umami-native-border);
}

.umami-native-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.umami-native-grid-three { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.umami-native-block {
    min-width: 0;
    min-height: 230px;
    padding: 1rem;
    border-right: 1px solid var(--umami-native-border);
    background: var(--umami-native-panel);
}

.umami-native-block:first-child { padding-left: 0; background: transparent; }
.umami-native-block:last-child { padding-right: 0; border-right: 0; background: transparent; }
.umami-native-grid-three .umami-native-block:nth-child(2) { background: transparent; }

.umami-native-block-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.55rem;
}

.umami-native-block-heading > span { color: var(--umami-native-muted); font-size: 0.65rem; }
.umami-native-block-heading h3 i { width: 0.9rem; color: #6f9ee8; text-align: center; }
.umami-native-block-heading > span > i { margin-right: 0.25rem; color: var(--umami-native-blue); font-size: 0.45rem; }

.umami-rank-list { min-width: 0; }

.umami-rank-row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54px 34px;
    align-items: center;
    gap: 0.4rem;
    min-height: 26px;
    border-bottom: 1px solid #1d1d1d;
    font-size: 0.68rem;
}

.umami-rank-meter {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: var(--umami-rank-width, 0%);
    height: 1px;
    background: var(--umami-native-blue);
}

.umami-rank-identity { display: flex; align-items: center; min-width: 0; gap: 0.4rem; }
.umami-rank-icon { display: inline-grid; flex: 0 0 15px; width: 15px; height: 15px; place-items: center; color: #9ca3af; font-size: 0.68rem; }
.umami-rank-icon i { display: inline-block; }
.umami-icon-page { color: #60a5fa; }
.umami-icon-referrer { color: #c084fc; }
.umami-icon-facebook { color: #1877f2; }
.umami-icon-bing { color: #00a4ef; }
.umami-icon-firefox i { color: #ff7139; }
.umami-icon-safari i { color: #35a7ff; }
.umami-icon-edge i { color: #0bd4c8; }
.umami-icon-opera i { color: #ff1b2d; }
.umami-icon-apple i { color: #d5d7dc; }
.umami-icon-android i { color: #3ddc84; }
.umami-icon-desktop i { color: #60a5fa; }
.umami-icon-mobile i { color: #22d3ee; }
.umami-icon-tablet i { color: #f59e0b; }
.umami-icon-laptop i { color: #a78bfa; }
.umami-icon-browser i,
.umami-icon-os i { color: #94a3b8; }
.umami-icon-google i,
.umami-icon-chrome i,
.umami-icon-windows i,
.umami-icon-linux i {
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.umami-icon-google i { background-image: conic-gradient(from -35deg, #4285f4 0 25%, #34a853 0 45%, #fbbc05 0 68%, #ea4335 0 82%, #4285f4 0); }
.umami-icon-chrome i { background-image: conic-gradient(from -45deg, #ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0); }
.umami-icon-windows i { background-image: conic-gradient(from 90deg, #f25022 0 25%, #7fba00 0 50%, #00a4ef 0 75%, #ffb900 0); }
.umami-icon-linux i { background-image: linear-gradient(180deg, #f6c915 0 35%, #f5f5f5 35% 72%, #2b2b2b 72%); }
.umami-country-flag.fi { display: inline-block; width: 16px; height: 12px; border-radius: 1px; background-size: cover; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12); }
.umami-rank-name { overflow: hidden; color: #d7d7d7; text-overflow: ellipsis; white-space: nowrap; }
.umami-rank-value { color: var(--umami-native-text); text-align: right; }
.umami-rank-share { color: var(--umami-native-muted); text-align: right; }
.umami-native-empty { padding: 1.5rem 0; color: var(--umami-native-muted); font-size: 0.72rem; }

.umami-native .umami-realtime {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    margin-top: 0.4rem;
}

.umami-native .umami-live { color: var(--umami-native-green); }
.umami-native .umami-live-stat { grid-template-columns: 20px 1fr; padding: 0.7rem 0.75rem; border: 0; border-right: 1px solid #1d1d1d; background: transparent; }
.umami-native .umami-live-stat:last-child { border-right: 0; }
.umami-native .umami-live-stat > i { grid-row: 1 / span 2; align-self: center; }
.umami-native .umami-live-stat .fa-user-group { color: #a78bfa; }
.umami-native .umami-live-stat .fa-eye { color: #22d3ee; }
.umami-native .umami-live-stat .fa-bolt { color: #facc15; }
.umami-native .umami-live-stat .fa-earth-americas { color: #34d399; }
.umami-native .umami-live-stat strong { color: var(--umami-native-text); }
.umami-native .umami-live-stat span { color: var(--umami-native-muted); }

.umami-native-geo-grid { grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr); }
.umami-map-block { min-height: 390px; }
.umami-map-canvas {
    display: grid;
    width: 100%;
    min-height: 320px;
    aspect-ratio: 1010 / 666;
    place-items: center;
    overflow: hidden;
    background: #101010;
}
.umami-map-toolbar { display: flex; align-items: center; gap: 0.6rem; }
.umami-map-mode { display: inline-flex; padding: 2px; border: 1px solid var(--umami-native-border); border-radius: 4px; background: #171717; }
.umami-map-mode button { display: inline-flex; align-items: center; gap: 0.3rem; min-height: 26px; padding: 0.25rem 0.5rem; border: 0; border-radius: 3px; color: var(--umami-native-muted); background: transparent; font: inherit; font-size: 0.64rem; cursor: pointer; }
.umami-map-mode button i { width: 0.7rem; color: inherit; }
.umami-map-mode button.active { color: #fff; background: #333; }
.umami-map-mode button:first-child.active i { color: #34d399; }
.umami-map-mode button:last-child.active i { color: #22d3ee; }
.umami-map-activity { color: var(--umami-native-muted); font-size: 0.65rem; }
.umami-map-activity i { margin-right: 0.25rem; color: var(--umami-native-blue); font-size: 0.45rem; }
.umami-geo-map-svg { display: block; width: 100%; height: 100%; max-height: 410px; }
.umami-geo-map-svg .umami-map-country {
    fill: #303030;
    stroke: #2864ad;
    stroke-width: 0.8;
    vector-effect: non-scaling-stroke;
}
.umami-geo-map-svg .umami-map-country.is-active {
    fill: #0f4b8a;
    fill-opacity: var(--umami-map-intensity, 0.65);
    stroke: #4b91ed;
    stroke-width: 1.15;
}
.umami-map-state { display: inline-flex; align-items: center; gap: 0.5rem; color: var(--umami-native-muted); font-size: 0.72rem; }
.umami-map-state i { color: #6f9ee8; }
.umami-map-attribution { margin: 0.35rem 0 0; color: #626262; font-size: 0.58rem; }
.umami-map-attribution [hidden] { display: none; }
.umami-map-attribution a { color: #737373; text-decoration: none; }
.umami-map-attribution a:hover { color: #a3a3a3; text-decoration: underline; }
.umami-country-block { min-height: 390px; }
.umami-icon-state { color: #34d399; }
.umami-map-canvas[data-map-mode="state"] { aspect-ratio: 975 / 610; }
.umami-realtime-band { border-top: 1px solid var(--umami-native-border); }

.umami-activity-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    padding: 0.85rem 0 0.35rem;
}

.umami-activity-summary span { display: grid; grid-template-columns: 16px 1fr; gap: 0.1rem 0.35rem; color: var(--umami-native-muted); font-size: 0.66rem; }
.umami-activity-summary span > i { grid-row: 1 / span 2; align-self: center; }
.umami-activity-summary .fa-arrow-pointer { color: #22d3ee; }
.umami-activity-summary .fa-phone { color: #34d399; }
.umami-activity-summary .fa-pen-to-square { color: #a78bfa; }
.umami-activity-summary .fa-paper-plane { color: #60a5fa; }
.umami-activity-summary .fa-circle-check { color: #34d399; }
.umami-activity-summary strong { color: var(--umami-native-text); font-size: 1rem; }

.umami-native .umami-performance { gap: 0; border: 1px solid var(--umami-native-border); }
.umami-native .umami-vital { border: 0; border-right: 1px solid var(--umami-native-border); border-radius: 0; }
.umami-native .umami-vital:last-child { border-right: 0; }
.umami-native .umami-vital span { color: var(--umami-native-muted); }
.umami-native .umami-vital.good { border-bottom: 2px solid var(--umami-native-green); }
.umami-native .umami-vital.needs-work { border-bottom: 2px solid #d8a329; }
.umami-native .umami-vital.poor { border-bottom: 2px solid var(--umami-native-red); }

.umami-native .umami-table-wrap { scrollbar-color: #444 #151515; }
.umami-native .umami-table { color: #d7d7d7; }
.umami-native .umami-table th { color: var(--umami-native-muted); }
.umami-native .umami-table th,
.umami-native .umami-table td { border-color: var(--umami-native-border); }
.umami-native .umami-table tbody tr:hover { background: #171717; }
.umami-native .umami-empty { color: var(--umami-native-muted); }
.umami-native .umami-groups { margin-top: 0.7rem; }

@media (max-width: 1100px) {
    .umami-native .umami-kpis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .umami-native .umami-kpi:nth-child(3) { border-right: 0; }
    .umami-native .umami-kpi:nth-child(-n + 3) { margin-bottom: 0.8rem; }
}

@media (max-width: 820px) {
    .umami-native-grid-three { grid-template-columns: 1fr; }
    .umami-native-grid-three .umami-native-block { padding-inline: 0; border-right: 0; border-bottom: 1px solid var(--umami-native-border); }
    .umami-native-geo-grid { grid-template-columns: 1fr; }
    .umami-native-geo-grid .umami-native-block { min-height: 0; padding-inline: 0; border-right: 0; border-bottom: 1px solid var(--umami-native-border); }
}

@media (max-width: 720px) {
    .umami-panel.umami-native { padding: 0.85rem; }
    .umami-native .umami-header { align-items: stretch; }
    .umami-native .umami-actions { overflow-x: auto; }
    .umami-native .umami-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .umami-native .umami-kpi { padding: 0.4rem 0.65rem; margin-bottom: 0.65rem; }
    .umami-native .umami-kpi:nth-child(2n) { border-right: 0; }
    .umami-native .umami-kpi:nth-child(3) { border-right: 1px solid var(--umami-native-border); }
    .umami-native-grid-two { grid-template-columns: 1fr; }
    .umami-native-grid-two .umami-native-block { min-height: 0; padding: 1rem 0; border-right: 0; border-bottom: 1px solid var(--umami-native-border); }
    .umami-native .umami-realtime { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .umami-native .umami-live-stat:nth-child(2) { border-right: 0; }
    .umami-native .umami-live-stat:nth-child(-n + 2) { border-bottom: 1px solid var(--umami-native-border); }
    .umami-map-canvas { min-height: 220px; }
    .umami-map-toolbar { align-items: flex-end; flex-direction: column; gap: 0.3rem; }
    .umami-native .umami-performance { grid-template-columns: 1fr; }
    .umami-native .umami-vital { border-right: 0; border-bottom: 1px solid var(--umami-native-border); }
    .umami-native .umami-section-heading { align-items: flex-start; gap: 0.4rem; }
    .umami-activity-table { min-width: 940px; }
}