.statistics-shell,
.enler-page-wrapper,
.statistics-card-groups {
    width: 100% !important;
}

body {
    --stat-premium-accent: #15915d;
    --stat-premium-accent-2: #2676a5;
    --stat-premium-accent-3: #d89b18;
    --stat-premium-danger: #d94b4b;
    --stat-premium-ink: #102018;
    --stat-premium-ink-soft: rgba(16, 32, 24, .72);
    --stat-premium-muted: rgba(16, 32, 24, .58);
    --stat-premium-surface: linear-gradient(145deg, rgba(255, 255, 255, .98) 0%, rgba(246, 251, 248, .95) 54%, rgba(236, 248, 242, .92) 100%);
    --stat-premium-surface-strong: rgba(255, 255, 255, .96);
    --stat-premium-row: rgba(255, 255, 255, .74);
    --stat-premium-row-strong: rgba(249, 254, 251, .95);
    --stat-premium-pill: rgba(21, 145, 93, .10);
    --stat-premium-pill-strong: rgba(21, 145, 93, .16);
    --stat-premium-border: rgba(22, 79, 53, .12);
    --stat-premium-border-strong: rgba(21, 145, 93, .23);
    --stat-premium-shadow: 0 18px 48px rgba(21, 58, 40, .12), 0 5px 18px rgba(21, 58, 40, .08), inset 0 1px 0 rgba(255, 255, 255, .95);
    --stat-premium-shadow-soft: 0 10px 28px rgba(21, 58, 40, .09), inset 0 1px 0 rgba(255, 255, 255, .88);
    --stat-premium-footer: rgba(245, 251, 248, .84);
    --stat-premium-line: linear-gradient(90deg, var(--stat-premium-accent) 0%, var(--stat-premium-accent-2) 64%, var(--stat-premium-accent-3) 100%);
}

body.dark-mode,
body.darkmode {
    --stat-premium-accent: #20e18b;
    --stat-premium-accent-2: #5cc8ff;
    --stat-premium-accent-3: #ffd166;
    --stat-premium-danger: #ff6b6b;
    --stat-premium-ink: #f8fbff;
    --stat-premium-ink-soft: rgba(226, 240, 255, .74);
    --stat-premium-muted: rgba(226, 240, 255, .58);
    --stat-premium-surface: linear-gradient(145deg, #07101f 0%, #0f1b2d 55%, #09121d 100%);
    --stat-premium-surface-strong: rgba(10, 17, 29, .92);
    --stat-premium-row: rgba(255, 255, 255, .065);
    --stat-premium-row-strong: rgba(255, 255, 255, .09);
    --stat-premium-pill: rgba(32, 225, 139, .10);
    --stat-premium-pill-strong: rgba(32, 225, 139, .15);
    --stat-premium-border: rgba(255, 255, 255, .10);
    --stat-premium-border-strong: rgba(124, 232, 179, .18);
    --stat-premium-shadow: 0 18px 46px rgba(0, 0, 0, .32), 0 4px 18px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .07);
    --stat-premium-shadow-soft: 0 12px 28px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .06);
    --stat-premium-footer: rgba(4, 12, 24, .38);
}

.statistics-shell,
.statistics-card-groups {
    padding: 8px !important;
}

.truncate-1-lines {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.min-w-0 {
    min-width: 0 !important;
}

.statistics-group,
.stat-card,
.statistics-card-group,
.enler-main-card {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    color: var(--stat-premium-ink) !important;
    background: var(--stat-premium-surface) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    border-radius: 22px !important;
    box-shadow: var(--stat-premium-shadow) !important;
}

.statistics-group::before,
.stat-card::before,
.statistics-card-group::before,
.enler-main-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 4px !important;
    background: var(--stat-premium-line) !important;
    z-index: 2 !important;
}

.statistics-group::after,
.stat-card::after,
.statistics-card-group::after,
.enler-main-card::after {
    content: "" !important;
    position: absolute !important;
    width: 190px !important;
    height: 190px !important;
    right: -92px !important;
    top: -108px !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, var(--stat-premium-pill-strong) 0%, transparent 68%) !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

.statistics-group + .statistics-group,
.statistics-card-group + .statistics-card-group {
    margin-top: 14px !important;
}

.statistics-group-head,
.statistics-card-group-header,
.enler-section-header,
.stat-card-hero,
.enler-hero,
.stat-tree-hero,
.stat-tree-section-head,
.stat-tree-leader-card,
.stat-tree-item {
    position: relative !important;
}

.statistics-group-head {
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 15px !important;
    border-bottom: 1px solid var(--stat-premium-border) !important;
}

.statistics-group-main {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(190px, 260px) !important;
    gap: 12px !important;
    align-items: center !important;
}

.statistics-group-title,
.statistics-card-group-heading,
.enler-section-heading,
.stat-card-hero,
.enler-hero-content,
.stat-tree-hero,
.stat-tree-section-head,
.stat-tree-leader-card,
.stat-tree-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
}

.statistics-metric-row.js-stat-metric-row::before {
    content: none !important;
    display: none !important;
}

.statistics-group-icon,
.stat-card-icon,
.statistics-card-group-icon,
.enler-hero-icon,
.enler-section-icon,
.stat-tree-hero-icon,
.stat-tree-node-icon {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    border-radius: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62) !important;
}

.statistics-group-subtitle,
.statistics-row-summary,
.statistics-insight-label,
.statistics-card-group-desc,
.statistics-card-group-kpi-label,
.stat-card-kpi-label,
.enler-section-desc,
.enler-hero-stat-label,
.enler-section-kpi-label,
.enler-player-subtitle,
.enler-value-label,
.stat-tree-description,
.stat-tree-summary-label,
.enler-empty-state,
.enler-empty-card,
.stat-card .text-muted,
.statistics-group .text-white-50,
.enler-main-card .text-white-75 {
    color: var(--stat-premium-muted) !important;
}

.statistics-group .text-white,
.statistics-card-group .text-white,
.stat-card .text-white,
.enler-main-card .text-white,
.statistics-group-title,
.statistics-name,
.statistics-insight-value,
.statistics-card-group-title,
.statistics-card-group-kpi-value,
.stat-card-title,
.stat-card-kpi-value,
.stat-rank-content span:first-child,
.enler-section-title,
.enler-card-title,
.enler-player-name,
.enler-hero-stat-value,
.enler-section-kpi-value,
.stat-tree-title,
.stat-tree-summary-value {
    color: var(--stat-premium-ink) !important;
}

body.dark-mode .statistics-group .text-white,
body.darkmode .statistics-group .text-white,
body.dark-mode .statistics-card-group .text-white,
body.darkmode .statistics-card-group .text-white,
body.dark-mode .stat-card .text-white,
body.darkmode .stat-card .text-white,
body.dark-mode .enler-main-card .text-white,
body.darkmode .enler-main-card .text-white {
    color: var(--stat-premium-ink) !important;
}

.statistics-toggle-btn,
.statistics-card-group-toggle,
.enler-toggle-btn,
.enler-stat-detail-btn,
.stat-tree-action,
.statistics-info-btn,
.enler-card-detail-link {
    min-width: 36px !important;
    min-height: 36px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    box-shadow: none !important;
}

.statistics-info-btn {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    border-radius: 999px !important;
}

.statistics-toggle-btn:hover,
.statistics-card-group-toggle:hover,
.enler-toggle-btn:hover,
.enler-stat-detail-btn:hover,
.stat-tree-action:hover,
.statistics-info-btn:hover,
.enler-card-detail-link:hover {
    transform: translateY(-1px) !important;
    background: var(--stat-premium-pill-strong) !important;
}

.statistics-toggle-btn:disabled,
.statistics-card-group-toggle:disabled,
.enler-toggle-btn:disabled,
.enler-stat-detail-btn:disabled,
.stat-tree-action:disabled,
.enler-card-detail-link:disabled {
    transform: none !important;
    cursor: not-allowed !important;
}

.statistics-graph-card,
.statistics-insight-card,
.statistics-card-group-kpi,
.stat-card-kpi,
.enler-hero-stat,
.enler-section-kpi,
.stat-tree-summary-card,
.stat-tree-leader-card {
    min-width: 0 !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important;
}

.statistics-graph-card {
    min-height: 92px !important;
    padding: 10px 11px !important;
}

.statistics-graph-labels {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: var(--stat-premium-ink-soft) !important;
    font-weight: 900 !important;
}

.statistics-graph-labels strong,
.statistics-value,
.statistics-insight-card.is-accent .statistics-insight-value,
.statistics-card-group-kpi.is-accent .statistics-card-group-kpi-value,
.stat-card-kpi.is-accent .stat-card-kpi-value,
.enler-hero-stat.is-accent .enler-hero-stat-value,
.enler-section-kpi.is-accent .enler-section-kpi-value,
.enler-value,
.enler-card-footer-label,
.stat-card-score,
.stat-tree-summary-card.is-positive .stat-tree-summary-value {
    color: var(--stat-premium-accent) !important;
}

.statistics-sparkline {
    width: 100% !important;
    height: 44px !important;
    margin-top: 5px !important;
    overflow: visible !important;
}

.statistics-sparkline-shadow {
    fill: none !important;
    stroke: rgba(120, 150, 130, .17) !important;
    stroke-width: 2 !important;
    stroke-dasharray: 4 6 !important;
}

.statistics-sparkline-line {
    fill: none !important;
    stroke: var(--stat-premium-accent) !important;
    stroke-width: 3 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: drop-shadow(0 5px 9px rgba(21, 145, 93, .24)) !important;
}

.statistics-group-side {
    width: 92px !important;
    flex: 0 0 92px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.statistics-donut {
    width: 58px !important;
    height: 58px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--stat-premium-ink) !important;
    background: conic-gradient(var(--stat-premium-accent) var(--stat-ratio, 0%), rgba(120, 150, 130, .14) 0) !important;
    position: relative !important;
}

.statistics-donut::before {
    content: "" !important;
    position: absolute !important;
    inset: 7px !important;
    border-radius: inherit !important;
    background: var(--stat-premium-surface-strong) !important;
}

.statistics-donut span {
    position: relative !important;
    z-index: 1 !important;
}

.statistics-group-meta,
.statistics-card-group-count,
.enler-section-count,
.stat-card-count-pill,
.stat-tree-score-chip,
.stat-tree-soft-chip,
.stat-tree-muted-chip {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    white-space: nowrap !important;
}

.statistics-group-meta,
.statistics-card-group-count,
.enler-section-count,
.stat-card-count-pill {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-weight: 900 !important;
}

.statistics-group-insights,
.statistics-card-group-insights,
.stat-card-mini-dashboard,
.enler-hero-stats,
.enler-section-insights,
.stat-tree-summary-grid {
    display: grid !important;
    gap: 8px !important;
}

.statistics-group-insights {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr) !important;
    padding: 0 15px 12px !important;
}

.statistics-insight-card,
.statistics-card-group-kpi,
.stat-card-kpi,
.enler-hero-stat,
.enler-section-kpi,
.stat-tree-summary-card {
    padding: 9px 10px !important;
}

.statistics-insight-label,
.statistics-card-group-kpi-label,
.stat-card-kpi-label,
.enler-hero-stat-label,
.enler-section-kpi-label,
.stat-tree-summary-label {
    display: block !important;
    text-transform: uppercase !important;
    letter-spacing: .04em !important;
}

.statistics-insight-value,
.statistics-card-group-kpi-value,
.stat-card-kpi-value,
.enler-hero-stat-value,
.enler-section-kpi-value,
.stat-tree-summary-value {
    display: block !important;
    line-height: 1.15 !important;
}

.statistics-table-wrap {
    padding: 0 10px 12px !important;
}

.statistics-table {
    width: 100% !important;
    margin: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

.statistics-table th {
    padding: 0 8px 2px !important;
    border: 0 !important;
    color: var(--stat-premium-muted) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

.statistics-table td {
    padding: 10px 8px !important;
    border: 0 !important;
    vertical-align: middle !important;
    background: var(--stat-premium-row) !important;
    border-top: 1px solid var(--stat-premium-border) !important;
    border-bottom: 1px solid var(--stat-premium-border) !important;
}

.statistics-table tbody td:first-child {
    border-left: 1px solid var(--stat-premium-border) !important;
    border-radius: 15px 0 0 15px !important;
}

.statistics-table tbody td:last-child {
    border-right: 1px solid var(--stat-premium-border) !important;
    border-radius: 0 15px 15px 0 !important;
}

.statistics-metric-row.js-stat-metric-row,
.stat-rank-row,
.enler-card {
    cursor: pointer !important;
}

.statistics-name-wrap {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
}

.statistics-name-wrap .statistics-name {
    flex: 1 1 auto !important;
}

.statistics-name,
.statistics-row-summary {
    display: block !important;
    min-width: 0 !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
}

.statistics-row-track,
.stat-rank-meter,
.stat-card-density,
.enler-section-meter,
.enler-card-meter {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    height: 6px !important;
    border-radius: 999px !important;
    background: rgba(120, 150, 130, .14) !important;
}

.statistics-row-track,
.stat-rank-meter {
    margin-top: 8px !important;
}

.statistics-row-track span,
.stat-rank-meter span,
.stat-card-density span,
.enler-section-meter span,
.enler-card-meter span {
    display: block !important;
    width: var(--stat-ratio, var(--rank-ratio, 0%)) !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: var(--stat-premium-line) !important;
    box-shadow: 0 0 18px rgba(21, 145, 93, .22) !important;
}

.statistics-value {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 54px !important;
    max-width: 116px !important;
    min-height: 34px !important;
    padding: 0 11px !important;
    border-radius: 14px !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
    overflow-wrap: anywhere !important;
}

.statistics-detail-row td {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

.statistics-detail-panel {
    margin-top: 2px !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.statistics-card-group {
    padding: 12px !important;
}

.statistics-card-group-header,
.enler-section-header {
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 12px !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.statistics-card-group-actions,
.enler-section-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
}

.statistics-card-group-insights {
    grid-template-columns: minmax(0, 92px) minmax(0, 92px) minmax(0, 96px) minmax(0, 1fr) !important;
    align-items: stretch !important;
    margin-top: 10px !important;
}

.statistics-card-group-bars {
    height: 58px !important;
    display: flex !important;
    align-items: flex-end !important;
    gap: 5px !important;
    padding: 8px !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.statistics-card-group-bars span {
    flex: 1 1 0 !important;
    min-height: 8px !important;
    height: var(--stat-ratio, 0%) !important;
    border-radius: 999px 999px 4px 4px !important;
    background: var(--stat-premium-line) !important;
}

.statistics-card-group-body,
.enler-section-body {
    padding-top: 10px !important;
}

.stat-card .card-header,
.stat-card .card-footer,
.stat-card-head,
.stat-card-footer {
    background: transparent !important;
    border-color: var(--stat-premium-border) !important;
}

.stat-card-hero {
    padding: 14px 14px 10px !important;
    align-items: flex-start !important;
}

.stat-card-mini-dashboard {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, .8fr) !important;
    padding: 0 12px 10px !important;
}

.stat-card-density {
    margin: 0 14px 4px !important;
}

.stat-rank-row {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 58px !important;
    padding: 9px !important;
    border: 1px solid var(--stat-premium-border) !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.stat-rank-row:hover,
.enler-card:hover {
    transform: translateY(-2px) !important;
    border-color: var(--stat-premium-border-strong) !important;
    background: var(--stat-premium-row-strong) !important;
}

.stat-card-rank,
.enler-rank {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    border-radius: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #102018 !important;
    background: #eaf5ff !important;
    font-weight: 950 !important;
    border: 1px solid rgba(255, 255, 255, .72) !important;
}

.stat-card-rank.rank-1,
.enler-rank {
    background: linear-gradient(180deg, #fff2bd 0%, #f5b829 100%) !important;
    color: #382706 !important;
}

.stat-card-rank.rank-2 {
    background: linear-gradient(180deg, #f7fbff 0%, #bfd7ea 100%) !important;
    color: #1b3545 !important;
}

.stat-card-rank.rank-3 {
    background: linear-gradient(180deg, #ffd9bb 0%, #c7834b 100%) !important;
    color: #3d2110 !important;
}

.stat-card-avatar-wrap {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
}

.stat-card-person-img {
    width: 40px !important;
    height: 40px !important;
    object-fit: cover !important;
    border-radius: 15px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid rgba(255, 255, 255, .76) !important;
    box-shadow: 0 10px 22px rgba(17, 52, 37, .16) !important;
}

.stat-card-team-badge {
    position: absolute !important;
    right: -5px !important;
    bottom: -5px !important;
    width: 21px !important;
    height: 21px !important;
    object-fit: contain !important;
    padding: 2px !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.stat-card-value {
    width: clamp(48px, 18vw, 66px) !important;
    min-width: 0 !important;
    flex: 0 0 clamp(48px, 18vw, 66px) !important;
}

.stat-card-score {
    width: 100% !important;
    min-height: 34px !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    font-weight: 950 !important;
    line-height: 1.05 !important;
    overflow-wrap: anywhere !important;
    text-align: center !important;
}

.stat-card-footer .btn,
.statistics-card-group .btn,
.statistics-group .btn,
.enler-main-card .btn {
    box-shadow: none !important;
}

.enler-hero {
    padding: 18px 16px 14px !important;
    border-bottom: 1px solid var(--stat-premium-border) !important;
}

.enler-hero-content {
    justify-content: space-between !important;
    align-items: flex-start !important;
}

.enler-hero-live {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-top: 5px !important;
    flex: 0 0 auto !important;
}

.enler-live-dot {
    width: 10px !important;
    height: 10px !important;
    border-radius: 999px !important;
    display: inline-block !important;
    background: var(--stat-premium-accent) !important;
    box-shadow: 0 0 0 6px var(--stat-premium-pill), 0 0 18px var(--stat-premium-accent) !important;
}

.enler-hero-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    margin-top: 14px !important;
}

.enler-section {
    padding: 12px !important;
}

.enler-section + .enler-section {
    border-top: 1px solid var(--stat-premium-border) !important;
}

.enler-section-insights {
    grid-template-columns: minmax(0, 1fr) minmax(0, 94px) minmax(0, 94px) minmax(0, 108px) !important;
    align-items: stretch !important;
    margin-top: 10px !important;
}

.enler-section-meter {
    height: auto !important;
    min-height: 58px !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.enler-section-meter span {
    height: 100% !important;
}

.enler-grid {
    display: grid !important;
    gap: 10px !important;
}

.enler-grid-regular {
    grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)) !important;
}

.enler-grid-mini {
    grid-template-columns: repeat(auto-fit, minmax(142px, 1fr)) !important;
}

.enler-card {
    position: relative !important;
    min-height: 248px !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    isolation: isolate !important;
    border: 1px solid var(--stat-premium-border) !important;
    border-radius: 20px !important;
    background: linear-gradient(180deg, var(--stat-premium-row-strong) 0%, var(--stat-premium-row) 100%) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.enler-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 4px !important;
    background: var(--stat-premium-line) !important;
    z-index: 1 !important;
}

.enler-card-top {
    min-height: 48px !important;
    padding: 14px 10px 5px 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    background: rgba(255, 255, 255, .18) !important;
}

.enler-rank {
    position: absolute !important;
    left: 10px !important;
    top: 50px !important;
    z-index: 2 !important;
}

.enler-image-area {
    position: relative !important;
    height: 84px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    margin-top: 4px !important;
}

.enler-image-area::before {
    content: "" !important;
    position: absolute !important;
    width: 86px !important;
    height: 42px !important;
    bottom: 0 !important;
    border-radius: 999px !important;
    background: radial-gradient(circle, var(--stat-premium-pill-strong) 0%, transparent 70%) !important;
}

.enler-main-img {
    position: relative !important;
    width: 76px !important;
    height: 76px !important;
    object-fit: cover !important;
    object-position: top center !important;
    border-radius: 22px !important;
    border: 2px solid rgba(255, 255, 255, .92) !important;
    box-shadow: 0 14px 32px rgba(17, 52, 37, .18) !important;
}

.enler-team-badge {
    position: absolute !important;
    right: 18px !important;
    bottom: 7px !important;
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    padding: 3px !important;
    border: 1px solid var(--stat-premium-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 10px 24px rgba(17, 52, 37, .16) !important;
}

.enler-player-name,
.enler-player-subtitle,
.enler-value,
.enler-value-label {
    display: block !important;
    text-align: center !important;
}

.enler-player-name {
    padding: 10px 12px 0 !important;
    font-weight: 950 !important;
    line-height: 1.15 !important;
}

.enler-player-subtitle {
    padding: 4px 12px 0 !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
}

.enler-values {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 1px !important;
    margin: 12px 12px 8px !important;
    overflow: hidden !important;
    border: 1px solid var(--stat-premium-border) !important;
    border-radius: 16px !important;
    background: var(--stat-premium-border) !important;
}

.enler-values.is-single {
    grid-template-columns: 1fr !important;
}

.enler-value-item {
    min-width: 0 !important;
    padding: 8px 6px !important;
    background: var(--stat-premium-row) !important;
}

.enler-value,
.enler-value-label {
    line-height: 1.05 !important;
    font-weight: 950 !important;
}

.enler-card-meter {
    margin: 0 12px 8px !important;
}

.enler-card-spacer {
    flex: 1 1 auto !important;
}

.enler-card-footer {
    margin-top: auto !important;
    padding: 3px 10px 3px !important;
    border-top: 1px solid var(--stat-premium-border) !important;
    background: var(--stat-premium-footer) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

.enler-card-detail-link {
    min-height: 32px !important;
    min-width: 36px !important;
}

.enler-card-mini {
    min-height: 198px !important;
}

.enler-card-mini .enler-card-top {
    min-height: 38px !important;
    padding: 11px 8px 3px 29px !important;
}

.enler-card-mini .enler-rank {
    left: 8px !important;
    top: 40px !important;
    width: 24px !important;
    height: 24px !important;
    flex-basis: 24px !important;
    border-radius: 9px !important;
}

.enler-card-mini .enler-image-area {
    height: 58px !important;
}

.enler-card-mini .enler-main-img {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
}

.enler-card-mini .enler-team-badge {
    width: 26px !important;
    height: 26px !important;
    right: 9px !important;
    bottom: 4px !important;
    border-radius: 9px !important;
    padding: 2px !important;
}

.enler-card-mini .enler-player-name {
    padding-top: 6px !important;
}

.enler-card-mini .enler-player-subtitle {
    display: none !important;
}

.enler-card-mini .enler-values {
    grid-template-columns: 1fr !important;
    margin: 8px 8px 6px !important;
}

.enler-card-mini .enler-value-item {
    padding: 6px !important;
}

.enler-empty-state,
.enler-empty-card {
    min-height: 142px !important;
}

.enler-empty-icon,
.enler-empty-badge,
.stat-tree-empty-icon {
    width: 48px !important;
    height: 48px !important;
    border-radius: 18px !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.enler-empty-card,
.stat-tree-empty-card {
    padding: 20px !important;
    text-align: center !important;
    border: 1px dashed var(--stat-premium-border-strong) !important;
    border-radius: 20px !important;
    background: var(--stat-premium-row) !important;
}

.enler-award-card {
    min-height: 214px !important;
}

.enler-award-body {
    padding: 12px 12px 0 !important;
    text-align: center !important;
}

.enler-award-icon {
    margin: 8px auto 2px !important;
}

.stat-tree-premium {
    width: 100% !important;
    color: var(--stat-premium-ink) !important;
}

.stat-tree-hero {
    padding: 4px 2px 10px !important;
    border-bottom: 1px solid var(--stat-premium-border) !important;
    margin-bottom: 10px !important;
}

.stat-tree-summary-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    margin-bottom: 10px !important;
}

.stat-tree-summary-card.is-negative .stat-tree-summary-value,
.stat-tree-score-chip.is-negative,
.stat-tree-soft-chip.is-negative,
.stat-tree-item-bullet.is-negative {
    color: var(--stat-premium-danger) !important;
}

.stat-tree-leader-card {
    justify-content: space-between !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
}

.stat-tree-sections {
    display: grid !important;
    gap: 10px !important;
}

.stat-tree-section {
    position: relative !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.stat-tree-section-head {
    justify-content: space-between !important;
    align-items: flex-start !important;
    padding-bottom: 9px !important;
    border-bottom: 1px solid var(--stat-premium-border) !important;
}

.stat-tree-items {
    display: grid !important;
    gap: 8px !important;
    padding-top: 9px !important;
}

.stat-tree-item {
    align-items: flex-start !important;
    padding: 9px !important;
    border-radius: 16px !important;
    background: var(--stat-premium-surface-strong) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.stat-tree-item-bullet {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 11px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
}

.stat-tree-score-chip,
.stat-tree-soft-chip,
.stat-tree-muted-chip {
    min-height: 24px !important;
    padding: 0 8px !important;
}

.stat-tree-score-chip.is-total {
    min-height: 32px !important;
    padding: 0 10px !important;
}

.stat-tree-score-chip.is-neutral,
.stat-tree-muted-chip {
    color: var(--stat-premium-muted) !important;
    background: rgba(120, 150, 130, .10) !important;
    border-color: var(--stat-premium-border) !important;
}

.stat-tree-empty-line {
    padding: 10px !important;
    color: var(--stat-premium-muted) !important;
}

.swal2-popup.stat-tree-modal-popup {
    color: var(--stat-premium-ink) !important;
    background: var(--stat-premium-surface) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    border-radius: 24px !important;
    box-shadow: var(--stat-premium-shadow) !important;
}

.swal2-popup.stat-tree-modal-popup .swal2-title,
.swal2-popup.stat-tree-modal-popup .swal2-html-container {
    color: var(--stat-premium-ink) !important;
}

.swal2-popup.stat-tree-modal-popup .swal2-close {
    color: var(--stat-premium-accent) !important;
}

.swal2-popup.stat-tree-modal-popup .statistics-detail-panel,
.swal2-popup.stat-tree-modal-popup .js-stat-tree-panel {
    color: var(--stat-premium-ink) !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

@media (min-width: 1200px) {
    .enler-grid-regular {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }

    .enler-grid-mini {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991.98px) {
    .statistics-group-main {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .statistics-group-head {
        align-items: flex-start !important;
    }

    .statistics-group-side {
        display: none !important;
    }

    .statistics-card-group-insights,
    .enler-section-insights {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .statistics-card-group-bars,
    .enler-section-meter {
        grid-column: 1 / -1 !important;
    }

    .enler-hero-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 575.98px) {
    .statistics-shell,
    .statistics-card-groups {
        padding: 6px !important;
    }

    .statistics-group,
    .stat-card,
    .statistics-card-group,
    .enler-main-card,
    .enler-card {
        border-radius: 18px !important;
    }

    .statistics-group-head,
    .statistics-card-group-header,
    .enler-section-header {
        padding: 10px !important;
        gap: 8px !important;
        align-items: flex-start !important;
    }

    .statistics-group-insights,
    .stat-card-mini-dashboard,
    .enler-hero-stats,
    .enler-section-insights,
    .stat-tree-summary-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .statistics-insight-card.is-wide,
    .enler-hero-stat.is-wide,
    .statistics-card-group-bars,
    .enler-section-meter {
        grid-column: 1 / -1 !important;
    }

    .statistics-table {
        border-spacing: 0 9px !important;
    }

    .statistics-table thead {
        display: none !important;
    }

    .statistics-table,
    .statistics-table tbody,
    .statistics-table tr,
    .statistics-table td {
        display: block !important;
        width: 100% !important;
    }

    .statistics-table tr {
        border: 1px solid var(--stat-premium-border) !important;
        border-radius: 16px !important;
        background: var(--stat-premium-row) !important;
        overflow: hidden !important;
    }

    .statistics-table td {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .statistics-table td + td {
        border-top: 1px solid var(--stat-premium-border) !important;
    }

    .statistics-table td[data-label]::before {
        content: attr(data-label) !important;
        display: block !important;
        margin-bottom: 4px !important;
        color: var(--stat-premium-muted) !important;
        font-weight: 900 !important;
    }

    .statistics-table tbody td:first-child,
    .statistics-table tbody td:last-child {
        border: 0 !important;
        border-radius: 0 !important;
    }

    .statistics-value {
        width: 100% !important;
        max-width: none !important;
    }

    .statistics-graph-card {
        min-height: 74px !important;
    }

    .statistics-sparkline {
        height: 34px !important;
    }

    .statistics-card-group-actions,
    .enler-section-actions {
        gap: 6px !important;
    }

    .stat-card-hero {
        padding: 12px 12px 9px !important;
    }

    .stat-rank-row {
        min-height: 54px !important;
        gap: 7px !important;
        padding: 8px !important;
    }

    .stat-card-avatar-wrap,
    .stat-card-person-img {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }

    .stat-card-value {
        width: 48px !important;
        flex-basis: 48px !important;
    }

    .enler-hero {
        padding: 15px 12px 12px !important;
    }

    .enler-hero-content {
        flex-direction: column !important;
    }

    .enler-hero-live {
        display: none !important;
    }

    .enler-section {
        padding: 9px !important;
    }

    .enler-grid-regular,
    .enler-grid-mini {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .enler-card {
        min-height: 224px !important;
    }

    .enler-main-img {
        width: 64px !important;
        height: 64px !important;
        border-radius: 18px !important;
    }

    .enler-team-badge {
        right: 8px !important;
    }

    .enler-card-mini .enler-values,
    .enler-values {
        margin-left: 8px !important;
        margin-right: 8px !important;
    }
}

/* Premium fix pack: reliable toggle, fullscreen flow chart, compact metric rows */
.statistics-graph-card.js-stat-flow-card {
    cursor: pointer !important;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease !important;
}

.statistics-graph-card.js-stat-flow-card:hover {
    transform: translateY(-1px) !important;
    border-color: var(--stat-premium-border-strong) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important;
}

.statistics-flow-open-btn {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
}

.statistics-sparkline-shadow {
    stroke-width: 5 !important;
    stroke-dasharray: none !important;
    opacity: .24 !important;
    filter: blur(1px) !important;
}

.statistics-sparkline-line {
    stroke-width: 3.5 !important;
    filter: drop-shadow(0 7px 9px rgba(21, 145, 93, .34)) drop-shadow(0 0 13px rgba(21, 145, 93, .20)) !important;
}

.statistics-table {
    table-layout: fixed !important;
    border-spacing: 0 6px !important;
}

.statistics-table th:first-child,
.statistics-table td:first-child {
    width: 46% !important;
}

.statistics-table th:nth-child(2),
.statistics-table td:nth-child(2) {
    width: 34% !important;
}

.statistics-table th:last-child,
.statistics-table td:last-child {
    width: 20% !important;
}

.statistics-table td {
    padding: 7px 8px !important;
}

.statistics-table tbody td:first-child {
    border-radius: 10px 0 0 10px !important;
}

.statistics-table tbody td:last-child {
    border-radius: 0 10px 10px 0 !important;
}

.statistics-metric-row.js-stat-metric-row {
    cursor: pointer !important;
}

.statistics-metric-row .statistics-name-wrap {
    gap: 6px !important;
}

.statistics-metric-row .statistics-row-summary {
    display: block !important;
    color: var(--stat-premium-muted) !important;
    line-height: 1.05 !important;
}

.statistics-metric-row .statistics-row-track {
    display: none !important;
}

.statistics-metric-row .stat-tree-action {
    width: 26px !important;
    min-width: 26px !important;
    height: 26px !important;
    min-height: 26px !important;
    border-radius: 9px !important;
}

.statistics-value-cell {
    white-space: nowrap !important;
}

.statistics-value {
    min-width: 42px !important;
    max-width: 92px !important;
    min-height: 28px !important;
    padding: 0 8px !important;
    border-radius: 10px !important;
}

.statistics-card-group-insights.no-bars {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.statistics-card-group-insights.no-bars .statistics-card-group-kpi {
    min-height: 54px !important;
}

.stat-card-rank {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
    border-radius: 8px !important;
    color: var(--stat-premium-muted) !important;
    background: transparent !important;
    border: 1px solid var(--stat-premium-border) !important;
    font-weight: 900 !important;
    box-shadow: none !important;
}

.stat-card-rank.rank-1,
.stat-card-rank.rank-2,
.stat-card-rank.rank-3 {
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border-color: var(--stat-premium-border-strong) !important;
}

.stat-rank-row {
    min-height: 50px !important;
    padding: 7px !important;
    gap: 7px !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

.stat-rank-meter {
    height: 4px !important;
    margin-top: 6px !important;
}

.swal2-popup.stat-flow-modal-popup {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    margin: 0 !important;
    border-radius: 0 !important;
    color: var(--stat-premium-ink) !important;
    background: var(--stat-premium-surface) !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.swal2-popup.stat-flow-modal-popup .swal2-close {
    width: 42px !important;
    height: 42px !important;
    right: 16px !important;
    top: 14px !important;
    border-radius: 999px !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
}

.stat-flow-modal-container,
.swal2-html-container.stat-flow-modal-container {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.stat-flow-modal-page {
    width: 100% !important;
    height: 100vh !important;
    padding: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    color: var(--stat-premium-ink) !important;
    background: radial-gradient(circle at 16% 8%, var(--stat-premium-pill-strong) 0%, transparent 28%), var(--stat-premium-surface) !important;
}

.stat-flow-modal-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 520px) !important;
    align-items: stretch !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 22px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important;
}

.stat-flow-eyebrow {
    color: var(--stat-premium-accent) !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.stat-flow-title {
    color: var(--stat-premium-ink) !important;
    line-height: 1.1 !important;
}

.stat-flow-desc {
    color: var(--stat-premium-muted) !important;
    margin-top: 5px !important;
}

.stat-flow-kpis {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.stat-flow-kpi {
    min-width: 0 !important;
    padding: 10px !important;
    border-radius: 16px !important;
    background: var(--stat-premium-surface-strong) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.stat-flow-kpi span {
    display: block !important;
    color: var(--stat-premium-muted) !important;
}

.stat-flow-kpi strong {
    display: block !important;
    color: var(--stat-premium-accent) !important;
    line-height: 1.1 !important;
}

.stat-flow-layout {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px) !important;
    gap: 14px !important;
}

.stat-flow-chart-shell,
.stat-flow-side-panel { 
    border-radius: 22px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important; 
}

.stat-flow-chart-shell {
    padding: 12px !important;
}

.stat-flow-svg {
    width: 100% !important;
    height: 100% !important;
    min-height: 420px !important;
    color: var(--stat-premium-accent) !important;
}

.stat-flow-grid-line {
    stroke: var(--stat-premium-border) !important;
    stroke-width: 1 !important;
}

.stat-flow-axis-text {
    fill: var(--stat-premium-muted) !important;
    font-weight: 800 !important;
}

.stat-flow-x-label {
    opacity: .82 !important;
}

.stat-flow-stop-a,
.stat-flow-stop-b,
.stat-flow-stop-c {
    stop-color: var(--stat-premium-accent) !important;
}

.stat-flow-area-a {
    stop-color: var(--stat-premium-accent) !important;
    stop-opacity: .24 !important;
}

.stat-flow-area-b {
    stop-color: var(--stat-premium-accent) !important;
    stop-opacity: .02 !important;
}

.stat-flow-area {
    fill: url(#statFlowArea) !important;
}

.stat-flow-line-shadow {
    fill: none !important;
    stroke: var(--stat-premium-accent) !important;
    stroke-width: 12 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: .18 !important;
    filter: url(#statFlowGlow) !important;
}

.stat-flow-line {
    fill: none !important;
    stroke: url(#statFlowStroke) !important;
    stroke-width: 5 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: url(#statFlowGlow) !important;
}

.stat-flow-point {
    fill: var(--stat-premium-surface-strong) !important;
    stroke: var(--stat-premium-accent) !important;
    stroke-width: 3 !important;
    filter: drop-shadow(0 4px 9px rgba(21, 145, 93, .28)) !important;
}

.stat-flow-point.is-top {
    fill: var(--stat-premium-accent) !important;
    stroke: var(--stat-premium-surface-strong) !important;
}

.stat-flow-side-panel {
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.stat-flow-panel-title {
    color: var(--stat-premium-ink) !important;
}

.stat-flow-list {
    display: grid !important;
    gap: 8px !important;
}

.stat-flow-list-row {
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 14px !important;
    background: var(--stat-premium-surface-strong) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.stat-flow-list-rank {
    width: 24px !important;
    height: 24px !important;
    border-radius: 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
}

.stat-flow-list-name {
    color: var(--stat-premium-ink) !important;
}

.stat-flow-list-value {
    color: var(--stat-premium-accent) !important;
    white-space: nowrap !important;
}

.stat-flow-range-card,
.stat-flow-list-empty {
    margin-top: auto !important;
    padding: 12px !important;
    border-radius: 16px !important;
    color: var(--stat-premium-muted) !important;
    background: var(--stat-premium-surface-strong) !important;
    border: 1px solid var(--stat-premium-border) !important;
}

.stat-flow-range-card span,
.stat-flow-range-card strong {
    display: block !important;
}

.stat-flow-range-card strong {
    color: var(--stat-premium-accent) !important;
}

.stat-flow-native-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99999 !important;
    background: var(--stat-premium-surface) !important;
}

.stat-flow-native-close {
    position: fixed !important;
    z-index: 100000 !important;
    right: 16px !important;
    top: 14px !important;
    width: 42px !important;
    height: 42px !important;
    border-radius: 999px !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
}

@media (max-width: 991.98px) {
    .stat-flow-modal-hero,
    .stat-flow-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    } 
}

@media (max-width: 575.98px) {
    .statistics-table,
    .statistics-table tbody,
    .statistics-table thead {
        display: table !important;
        width: 100% !important;
    }

    .statistics-table thead {
        display: table-header-group !important;
    }

    .statistics-table tbody {
        display: table-row-group !important;
    }

    .statistics-table tr {
        display: table-row !important;
        border: 0 !important;
        background: transparent !important;
        overflow: visible !important;
    }

    .statistics-table th,
    .statistics-table td {
        display: table-cell !important;
        width: auto !important;
        border-top: 1px solid var(--stat-premium-border) !important;
        border-bottom: 1px solid var(--stat-premium-border) !important;
        background: var(--stat-premium-row) !important;
        padding: 6px 5px !important;
        vertical-align: middle !important;
    }

    .statistics-table th:nth-child(2),
    .statistics-table td:nth-child(2) {
        display: none !important;
    }

    .statistics-table td[data-label]::before {
        content: none !important;
        display: none !important;
    }

    .statistics-table tbody td:first-child {
        border-left: 1px solid var(--stat-premium-border) !important;
        border-radius: 10px 0 0 10px !important;
    }

    .statistics-table tbody td:last-child {
        border-right: 1px solid var(--stat-premium-border) !important;
        border-radius: 0 10px 10px 0 !important;
    }

    .statistics-value {
        width: auto !important;
        min-width: 100px !important;
        max-width: 100px !important;
        min-height: 26px !important;
        padding: 0 6px !important;
    }

    .stat-flow-modal-page {
        padding: 10px !important;
        gap: 10px !important;
    }

    .stat-flow-modal-hero {
        padding: 12px !important;
    }

    .stat-flow-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .stat-flow-chart-shell {
        padding: 6px !important;
    }

    .stat-flow-svg {
        min-height: 330px !important;
    }
}

/* v3 - tablo hizalama, minimal KPI ve grafik odaklı premium akış düzeltmeleri */
.statistics-table {
    width: 100% !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
}

.statistics-table thead,
.statistics-table th,
.statistics-summary-cell,
.statistics-metric-row .stat-tree-action {
    display: none !important;
}

.statistics-table .statistics-col-name {
    width: auto !important;
}

.statistics-table .statistics-col-value {
    width: 88px !important;
}

.statistics-table td {
    padding: 7px 8px !important;
    vertical-align: middle !important;
    background: var(--stat-premium-row) !important;
    border-top: 1px solid var(--stat-premium-border) !important;
    border-bottom: 1px solid var(--stat-premium-border) !important;
}

.statistics-table tbody td:first-child {
    border-left: 1px solid var(--stat-premium-border) !important;
    border-radius: 10px 0 0 10px !important;
}

.statistics-table tbody td:last-child {
    border-right: 1px solid var(--stat-premium-border) !important;
    border-radius: 0 10px 10px 0 !important;
}

.statistics-metric-row.js-stat-metric-row {
    cursor: pointer !important;
}

.statistics-metric-row.js-stat-metric-row:hover td {
    background: var(--stat-premium-row-strong) !important;
    border-color: var(--stat-premium-border-strong) !important;
}

.statistics-name-cell {
    min-width: 0 !important;
    text-align: left !important;
}

.statistics-name-cell .statistics-name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    line-height: 1.12 !important;
}

.statistics-metric-row .statistics-row-track {
    display: block !important;
    width: 100% !important;
    height: 4px !important;
    margin-top: 5px !important;
    border-radius: 999px !important;
    background: var(--stat-premium-pill) !important;
}

.statistics-metric-row .statistics-row-track span {
    display: block !important;
    width: var(--stat-ratio, 0%) !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, var(--stat-premium-accent), rgba(92, 200, 255, .88)) !important;
    box-shadow: 0 0 12px rgba(32, 225, 139, .18) !important;
}

.statistics-value-cell {
    width: 88px !important;
    min-width: 88px !important;
    white-space: nowrap !important;
    text-align: right !important;
}

.statistics-value {
    min-width: 44px !important;
    max-width: 78px !important;
    min-height: 27px !important;
    padding: 0 7px !important;
    border-radius: 9px !important;
}

.statistics-detail-row td,
.statistics-detail-row td:first-child,
.statistics-detail-row td:last-child {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.statistics-group-insights,
.stat-card-mini-dashboard,
.stat-flow-kpis {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    align-items: center !important;
}

.stat-flow-kpis {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.statistics-group-insights {
    padding: 7px 8px !important;
}

.statistics-insight-card,
.stat-card-kpi,
.stat-flow-kpi {
    min-height: 32px !important;
    padding: 6px 8px !important;
    border-radius: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 7px !important;
    overflow: hidden !important;
}

.statistics-insight-card:nth-child(n+5),
.stat-card-kpi:nth-child(n+5),
.stat-flow-kpi:nth-child(n+5) {
    display: none !important;
}

.statistics-insight-label,
.stat-card-kpi-label,
.stat-flow-kpi span {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.statistics-insight-value,
.stat-card-kpi-value,
.stat-flow-kpi strong {
    min-width: 0 !important;
    text-align: right !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

.statistics-insight-card.is-wide {
    grid-column: auto !important;
}

.statistics-graph-card {
    position: relative !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, var(--stat-premium-row-strong), var(--stat-premium-row)) !important;
}

.statistics-graph-card:after {
    content: "" !important;
    position: absolute !important;
    inset: auto 8px 6px 8px !important;
    height: 14px !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse at center, rgba(32, 225, 139, .20) 0%, transparent 72%) !important;
    pointer-events: none !important;
}

.statistics-sparkline {
    height: 44px !important;
    overflow: visible !important;
}

.statistics-sparkline-shadow {
    stroke: var(--stat-premium-accent) !important;
    stroke-width: 8 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    opacity: .16 !important;
    filter: blur(2px) !important;
}

.statistics-sparkline-line {
    stroke: var(--stat-premium-accent) !important;
    stroke-width: 3.25 !important;
    stroke-linecap: round !important;
    stroke-linejoin: round !important;
    filter: drop-shadow(0 5px 9px rgba(32, 225, 139, .32)) drop-shadow(0 0 12px rgba(32, 225, 139, .16)) !important;
}

.stat-flow-modal-page {
    height: 100vh !important;
    padding: 10px !important;
    gap: 8px !important;
}

.stat-flow-modal-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 8px 10px !important;
    border-radius: 14px !important;
    min-height: 50px !important;
    box-shadow: none !important;
}

.stat-flow-modal-hero .min-w-0 {
    flex: 1 1 auto !important;
}

.stat-flow-eyebrow {
    letter-spacing: .04em !important;
}

.stat-flow-title {
    line-height: 1.05 !important;
}

.stat-flow-desc {
    display: none !important;
}

.stat-flow-kpi {
    min-height: 30px !important;
    padding: 5px 7px !important;
    border-radius: 9px !important;
    box-shadow: none !important;
}

.stat-flow-layout {
    gap: 8px !important;
    grid-template-columns: minmax(0, 1fr) minmax(210px, 270px) !important;
}

.stat-flow-chart-shell,
.stat-flow-side-panel {
    border-radius: 16px !important;
    box-shadow: none !important;
}

.stat-flow-chart-shell {
    padding: 8px !important;
}

.stat-flow-svg {
    min-height: 520px !important;
}

.stat-flow-side-panel {
    padding: 9px !important;
    gap: 7px !important;
}

.stat-flow-list {
    gap: 6px !important;
}

.stat-flow-list-row {
    grid-template-columns: 22px minmax(0, 1fr) auto !important;
    gap: 6px !important;
    padding: 6px !important;
    border-radius: 10px !important;
}

.stat-flow-list-rank {
    width: 20px !important;
    height: 20px !important;
    border-radius: 7px !important;
}

.stat-flow-range-card,
.stat-flow-list-empty {
    padding: 8px !important;
    border-radius: 11px !important;
}

@media (max-width: 575.98px) {
    .statistics-table,
    .statistics-table tbody,
    .statistics-table tr,
    .statistics-table td {
        display: table !important;
    }

    .statistics-table tbody {
        display: table-row-group !important;
    }

    .statistics-table tr {
        display: table-row !important;
    }

    .statistics-table td {
        display: table-cell !important;
        padding: 6px !important;
    }

    .statistics-table .statistics-col-value,
    .statistics-value-cell {
        width: 72px !important;
        min-width: 72px !important;
    }

    .statistics-value {
        min-width: 100px !important;
        max-width: 100px !important;
        min-height: 25px !important;
        padding: 0 5px !important;
    }

    .statistics-group-insights,
    .stat-card-mini-dashboard {
        grid-template-columns: repeat(3, minmax(84px, 1fr)) !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .stat-flow-modal-hero {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .stat-flow-kpis {
        grid-template-columns: repeat(4, minmax(76px, 1fr)) !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .stat-flow-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .stat-flow-svg {
        min-height: 380px !important;
    } 
}

/* v4 - iki kolon tablo, minimal enler/kpi ve grafik odaklı grup akışı */
.statistics-table,
.statistics-table tbody {
    width: 100% !important;
    display: table !important;
    table-layout: fixed !important;
    border-collapse: separate !important;
    border-spacing: 0 5px !important;
}

.statistics-table thead,
.statistics-table th,
.statistics-table td[data-label]::before,
.statistics-summary-cell,
.statistics-metric-row .stat-tree-action {
    display: none !important;
}

.statistics-table tbody {
    display: table-row-group !important;
}

.statistics-table tr {
    display: table-row !important;
    width: auto !important;
    border: 0 !important;
    background: transparent !important;
    overflow: visible !important;
}

.statistics-table td,
.statistics-table th,
.statistics-table td:nth-child(2),
.statistics-table th:nth-child(2) {
    display: table-cell !important;
}

.statistics-table .statistics-col-name {
    width: auto !important;
}

.statistics-table .statistics-col-value,
.statistics-value-cell,
.statistics-table td:nth-child(2) {
    width: 82px !important;
    min-width: 82px !important;
}

.statistics-table td {
    padding: 6px 7px !important;
    vertical-align: middle !important;
    background: var(--stat-premium-row) !important;
    border-top: 1px solid var(--stat-premium-border) !important;
    border-bottom: 1px solid var(--stat-premium-border) !important;
}

.statistics-name-cell,
.statistics-table tbody td:first-child {
    text-align: left !important;
    border-left: 1px solid var(--stat-premium-border) !important;
    border-radius: 10px 0 0 10px !important;
}

.statistics-value-cell,
.statistics-table tbody td:last-child {
    text-align: right !important;
    border-right: 1px solid var(--stat-premium-border) !important;
    border-radius: 0 10px 10px 0 !important;
}

.statistics-metric-row .statistics-name {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    line-height: 1.08 !important;
}

.statistics-metric-row .statistics-row-track {
    width: 100% !important;
    height: 3px !important;
    margin-top: 5px !important;
    background: rgba(22, 155, 98, .10) !important;
}

.statistics-value {
    min-width: 38px !important;
    max-width: 70px !important;
    min-height: 25px !important;
    padding: 0 6px !important;
    border-radius: 9px !important;
}

.statistics-detail-row td,
.statistics-detail-row td:first-child,
.statistics-detail-row td:last-child {
    display: table-cell !important;
    width: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.enler-hero-stats,
.enler-section-insights {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
}

.enler-hero-stats::-webkit-scrollbar,
.enler-section-insights::-webkit-scrollbar {
    display: none !important;
}

.enler-hero-stats {
    margin-top: 9px !important;
}

.enler-hero-stat,
.enler-section-kpi,
.statistics-card-group-kpi {
    min-height: 30px !important;
    padding: 5px 8px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

.enler-hero-stat-label,
.enler-section-kpi-label,
.statistics-card-group-kpi-label,
.enler-hero-stat-value,
.enler-section-kpi-value,
.statistics-card-group-kpi-value {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    line-height: 1 !important;
}

.enler-hero-stat.is-wide {
    min-width: 0 !important;
}

.enler-section-header,
.statistics-card-group-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
}

.enler-section-heading,
.statistics-card-group-heading {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.enler-section-actions,
.statistics-card-group-actions {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    white-space: nowrap !important;
}

.enler-section-insights {
    margin-top: 7px !important;
}

.enler-section-meter {
    min-width: 96px !important;
    height: 30px !important;
    min-height: 30px !important;
    flex: 1 1 130px !important;
    align-self: center !important;
    border-radius: 999px !important;
    padding: 0 !important;
}

.enler-section-meter span {
    height: 100% !important;
}

.statistics-card-group-insights {
    display: grid !important;
    grid-template-columns: auto auto auto minmax(150px, 1fr) !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 8px !important;
}

.statistics-card-group-bars {
    display: none !important;
}

.statistics-card-group-chart {
    position: relative !important;
    min-height: 56px !important;
    padding: 7px 8px 5px !important;
    border-radius: 13px !important;
    background: linear-gradient(145deg, var(--stat-premium-row-strong), var(--stat-premium-row)) !important;
    border: 1px solid var(--stat-premium-border) !important;
    overflow: hidden !important;
    cursor: pointer !important;
}

.statistics-card-group-chart::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 10px 5px 10px !important;
    height: 12px !important;
    border-radius: 999px !important;
    background: radial-gradient(ellipse at center, rgba(32, 225, 139, .18) 0%, transparent 72%) !important;
    pointer-events: none !important;
}

.statistics-card-group-chart-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: var(--stat-premium-muted) !important;
}

.statistics-card-group-sparkline {
    width: 100% !important;
    height: 34px !important;
    margin-top: 1px !important;
    overflow: visible !important;
}

@media (max-width: 575.98px) {
    .statistics-table,
    .statistics-table tbody {
        display: table !important;
        width: 100% !important;
    }

    .statistics-table tbody {
        display: table-row-group !important;
    }

    .statistics-table tr {
        display: table-row !important;
    }

    .statistics-table td,
    .statistics-table td:nth-child(2) {
        display: table-cell !important;
        width: auto !important;
        padding: 6px !important;
    }

    .statistics-table .statistics-col-value,
    .statistics-value-cell,
    .statistics-table td:nth-child(2) {
        width: 66px !important;
        min-width: 66px !important;
    }

    .statistics-value {
        min-width: 100px !important;
        max-width: 100px !important;
        min-height: 24px !important;
        padding: 0 5px !important;
    }

    .enler-hero-content,
    .enler-section-header,
    .statistics-card-group-header {
        align-items: center !important;
        flex-direction: row !important;
    }

    .enler-hero-live {
        display: none !important;
    }

    .statistics-card-group-insights {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .statistics-card-group-insights::-webkit-scrollbar {
        display: none !important;
    }

    .statistics-card-group-chart {
        min-width: 148px !important;
        flex: 1 0 148px !important;
    }
}

.enler-award-badge {
    min-width: 28px !important;
    height: 28px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    color: hsl(38 88% 32%) !important;
    background: linear-gradient(135deg, hsl(45 98% 79%), hsl(39 95% 91%) 55%, hsl(45 100% 72%)) !important;
    border: 1px solid hsl(42 88% 50% / .55) !important;
    box-shadow: 0 6px 16px hsl(39 88% 45% / .16), inset 0 1px 0 hsl(0 0% 100% / .8) !important;
}

.enler-award-badge i {
    color: inherit !important;
    font-size: .72rem !important;
    line-height: 1 !important;
}

.enler-card:hover .enler-award-badge {
    transform: translateY(-1px) !important;
    box-shadow: 0 8px 20px hsl(39 88% 45% / .22), inset 0 1px 0 hsl(0 0% 100% / .86) !important;
}


























/* v5 - premium performance card and native fullscreen analysis page */
body.stat-flow-page-open {
    overflow: hidden !important;
}
   

.statistics-graph-labels {
    position: relative !important;
    z-index: 2 !important;
}

.statistics-graph-heading {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.statistics-graph-icon {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 10px !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
}

.statistics-graph-title,
.statistics-graph-heading small {
    display: block !important;
    line-height: 1.12 !important;
}

.statistics-graph-title {
    color: var(--stat-premium-ink) !important;
    font-size: .72rem !important;
    letter-spacing: -.01em !important;
}

.statistics-graph-heading small {
    margin-top: 3px !important;
    color: var(--stat-premium-muted) !important;
    font-size: .58rem !important;
    font-weight: 700 !important;
}

.statistics-flow-open-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    border-radius: 10px !important;
    color: var(--stat-premium-ink-soft) !important;
    background: transparent !important;
    border-color: var(--stat-premium-border) !important;
}
/* v6 - performans analizi katman, z-index ve responsive ekran düzeltmesi */
html.stat-flow-page-open,
body.stat-flow-page-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

body.stat-flow-page-open {
    position: fixed !important;
    top: var(--stat-flow-scroll-top, 0) !important;
    right: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

.stat-flow-fullscreen-page,
.stat-flow-native-modal.stat-flow-fullscreen-page {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483647 !important;
    width: 100vw !important;
    width: 100dvw !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-width: 100vw !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    isolation: isolate !important;
    visibility: visible !important;
    opacity: 0 !important;
    transform: translateZ(0) !important;
    color: var(--stat-premium-ink) !important;
    background:
        radial-gradient(circle at 12% 0%, var(--stat-premium-pill-strong) 0%, transparent 28%),
        radial-gradient(circle at 92% 100%, rgba(38, 118, 165, .11) 0%, transparent 30%),
        var(--stat-premium-surface) !important;
    transition: opacity .16s ease !important;
    -webkit-overflow-scrolling: touch !important;
    touch-action: pan-y !important;
}

.stat-flow-fullscreen-page.is-visible {
    opacity: 1 !important;
}

.stat-flow-fullscreen-page::before {
    content: "" !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .035), transparent 42%) !important;
}

.stat-flow-fullscreen-page .stat-flow-modal-page {
    position: relative !important;
    z-index: 1 !important;
    width: min(1600px, 100%) !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    height: auto !important;
    margin: 0 auto !important;
    padding:
        max(14px, env(safe-area-inset-top))
        max(14px, env(safe-area-inset-right))
        max(14px, env(safe-area-inset-bottom))
        max(14px, env(safe-area-inset-left)) !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    overflow: visible !important;
    color: var(--stat-premium-ink) !important;
    background: transparent !important;
}

.stat-flow-page-topbar {
    position: sticky !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    z-index: 20 !important;
    min-height: 58px !important;
    padding: 8px 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
    border-radius: 18px !important;
    color: var(--stat-premium-ink) !important;
    background: var(--stat-premium-surface-strong) !important;
    box-shadow: 0 14px 34px rgba(13, 45, 31, .12), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
    backdrop-filter: blur(18px) saturate(135%) !important;
    -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
}

.stat-flow-page-brand {
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.stat-flow-page-brand-icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 14px !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border: 1px solid var(--stat-premium-border-strong) !important;
}

.stat-flow-page-brand small,
.stat-flow-page-brand strong {
    display: block !important;
    min-width: 0 !important;
    line-height: 1.08 !important;
}

.stat-flow-page-brand small {
    color: var(--stat-premium-muted) !important;
    font-size: .62rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .06em !important;
}

.stat-flow-page-brand strong {
    margin-top: 3px !important;
    color: var(--stat-premium-ink) !important;
    font-size: .84rem !important;
    font-weight: 950 !important;
}

.stat-flow-fullscreen-page .stat-flow-native-close {
    position: static !important;
    inset: auto !important;
    z-index: auto !important;
    width: auto !important;
    min-width: 44px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    flex: 0 0 auto !important;
    border-radius: 13px !important;
    color: var(--stat-premium-ink-soft) !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
    box-shadow: none !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    transition: transform .16s ease, border-color .16s ease, background .16s ease !important;
}

.stat-flow-fullscreen-page .stat-flow-native-close:hover,
.stat-flow-fullscreen-page .stat-flow-native-close:focus-visible {
    transform: translateY(-1px) !important;
    color: var(--stat-premium-accent) !important;
    background: var(--stat-premium-pill) !important;
    border-color: var(--stat-premium-border-strong) !important;
    outline: none !important;
}

.stat-flow-fullscreen-page .stat-flow-modal-hero {
    min-height: 92px !important;
    padding: 14px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(360px, 560px) !important;
    align-items: center !important;
    gap: 14px !important;
    border: 1px solid var(--stat-premium-border) !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important;
}

.stat-flow-fullscreen-page .stat-flow-title {
    margin-top: 3px !important;
    font-size: clamp(.92rem, 2vw, 1.15rem) !important;
    line-height: 1.12 !important;
}

.stat-flow-fullscreen-page .stat-flow-desc {
    display: block !important;
    max-width: 760px !important;
    margin-top: 5px !important;
    color: var(--stat-premium-muted) !important;
    line-height: 1.35 !important;
}

.stat-flow-fullscreen-page .stat-flow-kpis {
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    overflow: visible !important;
}

.stat-flow-fullscreen-page .stat-flow-kpi {
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 8px 9px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    border-radius: 13px !important;
    background: var(--stat-premium-surface-strong) !important;
    border: 1px solid var(--stat-premium-border) !important;
    box-shadow: none !important;
}

.stat-flow-fullscreen-page .stat-flow-kpi span,
.stat-flow-fullscreen-page .stat-flow-kpi strong {
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.stat-flow-fullscreen-page .stat-flow-layout {
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 320px) !important;
    align-items: stretch !important;
    gap: 12px !important;
}

.stat-flow-fullscreen-page .stat-flow-chart-shell,
.stat-flow-fullscreen-page .stat-flow-side-panel {
    min-width: 0 !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: var(--stat-premium-row) !important;
    border: 1px solid var(--stat-premium-border) !important;
    box-shadow: var(--stat-premium-shadow-soft) !important;
}

.stat-flow-fullscreen-page .stat-flow-chart-shell {
    min-height: clamp(400px, 61vh, 680px) !important;
    padding: 10px !important;
    display: flex !important;
    align-items: stretch !important;
}

.stat-flow-fullscreen-page .stat-flow-svg {
    width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
    max-height: 680px !important;
    display: block !important;
    overflow: visible !important;
}

.stat-flow-fullscreen-page .stat-flow-side-panel {
    min-height: 0 !important;
    padding: 11px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
}

.stat-flow-fullscreen-page .stat-flow-panel-title {
    padding: 2px 2px 5px !important;
}

.stat-flow-fullscreen-page .stat-flow-list {
    display: grid !important;
    gap: 7px !important;
}

.stat-flow-fullscreen-page .stat-flow-list-row {
    min-height: 46px !important;
    padding: 7px !important;
    grid-template-columns: 24px minmax(0, 1fr) auto !important;
    border-radius: 12px !important;
}

.stat-flow-fullscreen-page .stat-flow-list-rank {
    width: 22px !important;
    height: 22px !important;
    border-radius: 8px !important;
}

.stat-flow-fullscreen-page .stat-flow-range-card,
.stat-flow-fullscreen-page .stat-flow-list-empty {
    margin-top: auto !important;
    padding: 10px !important;
    border-radius: 13px !important;
}

@media (max-width: 991.98px) {
    .stat-flow-fullscreen-page .stat-flow-modal-hero {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .stat-flow-fullscreen-page .stat-flow-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .stat-flow-fullscreen-page .stat-flow-chart-shell {
        min-height: 440px !important;
    }

    .stat-flow-fullscreen-page .stat-flow-side-panel {
        min-height: auto !important;
    }

    .stat-flow-fullscreen-page .stat-flow-range-card {
        margin-top: 0 !important;
    }
}

@media (max-width: 575.98px) {
    .stat-flow-fullscreen-page .stat-flow-modal-page {
        padding:
            max(8px, env(safe-area-inset-top))
            max(8px, env(safe-area-inset-right))
            max(10px, env(safe-area-inset-bottom))
            max(8px, env(safe-area-inset-left)) !important;
        gap: 8px !important;
    }

    .stat-flow-page-topbar {
        top: max(6px, env(safe-area-inset-top)) !important;
        min-height: 52px !important;
        padding: 6px 7px !important;
        border-radius: 15px !important;
    }

    .stat-flow-page-brand-icon {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
        border-radius: 12px !important;
    }

    .stat-flow-page-brand small {
        display: none !important;
    }

    .stat-flow-page-brand strong {
        margin-top: 0 !important;
        font-size: .76rem !important;
    }

    .stat-flow-fullscreen-page .stat-flow-native-close {
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border-radius: 12px !important;
    }

    .stat-flow-fullscreen-page .stat-flow-native-close span {
        display: none !important;
    }

    .stat-flow-fullscreen-page .stat-flow-modal-hero {
        min-height: auto !important;
        padding: 10px !important;
        gap: 10px !important;
        border-radius: 15px !important;
    }

    .stat-flow-fullscreen-page .stat-flow-desc {
        display: none !important;
    }

    .stat-flow-fullscreen-page .stat-flow-kpis {
        display: flex !important;
        align-items: stretch !important;
        gap: 6px !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .stat-flow-fullscreen-page .stat-flow-kpis::-webkit-scrollbar {
        display: none !important;
    }

    .stat-flow-fullscreen-page .stat-flow-kpi {
        min-width: 92px !important;
        min-height: 52px !important;
        flex: 0 0 92px !important;
        padding: 7px !important;
    }

    .stat-flow-fullscreen-page .stat-flow-layout {
        gap: 8px !important;
    }

    .stat-flow-fullscreen-page .stat-flow-chart-shell {
        min-height: 330px !important;
        padding: 5px !important;
        border-radius: 15px !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .stat-flow-fullscreen-page .stat-flow-svg {
        width: max(720px, 100%) !important;
        min-width: 720px !important;
        min-height: 310px !important;
        height: 310px !important;
    }

    .stat-flow-fullscreen-page .stat-flow-side-panel {
        padding: 9px !important;
        border-radius: 15px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .stat-flow-fullscreen-page,
    .stat-flow-fullscreen-page .stat-flow-native-close {
        transition: none !important;
    }
}