@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.iitr8bszy4.bundle.scp.css';

/* /Components/Pages/Club/Admin/RecurringSubscriptionAnalytics.razor.rz.scp.css */
.ad-shell[b-jml09brz86] {
    --m-success-mid: #15803d;
    --m-danger-dark: #b91c1c;
    --m-warning-dark: #b45309;
    --ad-muted: #8a96b0;
    --ad-ink: #1e2a4a;
    --ad-line: #f3f4f6;
    --ad-border: #e5e7eb;
    --ad-chart: var(--bs-primary);
    color: #374151;
}

.ad-header[b-jml09brz86] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 16px;
}

.ad-header-title[b-jml09brz86],
.ad-header-actions[b-jml09brz86],
.ad-email-actions[b-jml09brz86],
.ad-kpi-top[b-jml09brz86],
.ad-kpi-id[b-jml09brz86],
.ad-kpi-hero-row[b-jml09brz86],
.ad-name[b-jml09brz86],
.ad-daterange[b-jml09brz86],
.ad-daterange-bar[b-jml09brz86],
.ad-pill-group[b-jml09brz86],
.ad-scope-row[b-jml09brz86],
.ad-filter-toggle[b-jml09brz86],
.ad-trend[b-jml09brz86],
.ad-modal-head[b-jml09brz86],
.ad-modal-id[b-jml09brz86],
.ad-modal-hero[b-jml09brz86],
.ad-export-actions[b-jml09brz86] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ad-header-title[b-jml09brz86] { gap: 12px; align-items: center; }
.ad-header-actions[b-jml09brz86],
.ad-pill-group[b-jml09brz86],
.ad-scope-row[b-jml09brz86] { flex-wrap: wrap; }
.ad-header-toolbar[b-jml09brz86] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
}
.ad-email-actions[b-jml09brz86] { margin-left: auto; }

.ad-head-icon[b-jml09brz86],
.ad-kpi-ico[b-jml09brz86],
.ad-total-ico[b-jml09brz86] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ad-head-icon[b-jml09brz86] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(var(--bs-primary-rgb), .12);
    color: var(--bs-primary);
    font-size: 1.2rem;
}

.ad-title[b-jml09brz86] {
    margin: 0;
    font-weight: 800;
    font-size: 1.35rem;
    color: var(--ad-ink);
}

.ad-subtitle[b-jml09brz86],
.ad-table-head p[b-jml09brz86],
.ad-loading[b-jml09brz86] {
    margin: 2px 0 0;
    color: var(--ad-muted);
    font-size: .84rem;
}

.ad-btn[b-jml09brz86],
.ad-filter-toggle[b-jml09brz86],
.ad-pill[b-jml09brz86],
.ad-scope-trigger[b-jml09brz86],
.ad-th-in[b-jml09brz86],
.ad-scope-clsname[b-jml09brz86],
.ad-scope-grpname[b-jml09brz86],
.ad-scope-clear[b-jml09brz86],
.ad-chevron-btn[b-jml09brz86],
.ad-modal-x[b-jml09brz86],
.ad-export-col[b-jml09brz86],
.ad-kpi[b-jml09brz86],
.ad-kpi-stat[b-jml09brz86] {
    font: inherit;
    cursor: pointer;
}

.ad-btn[b-jml09brz86] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border-radius: 10px;
    padding: 8px 14px;
    font-weight: 700;
    font-size: .8rem;
}

.ad-btn:disabled[b-jml09brz86] { opacity: .55; cursor: default; }
.ad-btn-ghost[b-jml09brz86] { background: #fff; color: #374151; border: 1.5px solid var(--ad-border); }
.ad-btn-outline[b-jml09brz86],
.ad-btn-primary[b-jml09brz86] { background: #fff; color: var(--bs-primary); border: 1.5px solid var(--bs-primary); }
.ad-btn-primary[b-jml09brz86] { background: var(--bs-primary); color: #fff; }

.ad-daterange-bar[b-jml09brz86],
.ad-panel[b-jml09brz86],
.ad-kpi[b-jml09brz86],
.ad-kpi-stat[b-jml09brz86],
.ad-modal-card[b-jml09brz86] {
    background: #fff;
    border: 1.5px solid var(--ad-border);
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .06);
}

.ad-daterange-bar[b-jml09brz86] { border-radius: 10px; padding: 5px 10px; }
.ad-filter-label[b-jml09brz86] { font-size: .68rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--ad-muted); }
.ad-daterange[b-jml09brz86] { font-size: .78rem; font-weight: 600; }
.ad-daterange span[b-jml09brz86],
.ad-daterange-sep[b-jml09brz86],
.ad-cap[b-jml09brz86],
.ad-na[b-jml09brz86],
.ad-modal-range[b-jml09brz86],
.ad-kpi-range[b-jml09brz86] { color: var(--ad-muted); }

.ad-daterange input[b-jml09brz86],
.ad-month[b-jml09brz86] {
    border: 1.5px solid var(--ad-border);
    border-radius: 8px;
    padding: 5px 8px;
    font: inherit;
    font-size: .76rem;
    font-weight: 600;
    background: #fff;
    color: #374151;
}

.ad-email-to[b-jml09brz86] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .76rem;
    font-weight: 700;
    color: var(--ad-ink);
}

.ad-email-note[b-jml09brz86] {
    margin: -4px 0 14px auto;
    color: var(--ad-muted);
    font-size: .8rem;
    font-weight: 600;
    text-align: right;
}

.ad-pay-chip[b-jml09brz86] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 14px;
    padding: 6px 12px;
    border-radius: 999px;
    background: rgba(var(--bs-primary-rgb), .1);
    color: var(--bs-primary);
    font-size: .78rem;
    font-weight: 800;
}

.ad-kpi-grid[b-jml09brz86] {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 16px;
}

.ad-kpi[b-jml09brz86],
.ad-kpi-stat[b-jml09brz86] {
    position: relative;
    text-align: left;
    padding: 16px 18px;
}

.ad-kpi-hero[b-jml09brz86] {
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    gap: 12px;
    outline: 2px solid rgba(var(--bs-primary-rgb), .18);
    border-color: rgba(var(--bs-primary-rgb), .35);
}

.ad-kpi-stat[b-jml09brz86] { display: flex; flex-direction: column; gap: 8px; min-height: 132px; }
.ad-kpi-top[b-jml09brz86], .ad-kpi-hero-row[b-jml09brz86], .ad-modal-head[b-jml09brz86] { justify-content: space-between; width: 100%; }
.ad-kpi-id[b-jml09brz86], .ad-modal-id[b-jml09brz86] { align-items: flex-start; }
.ad-kpi-ico[b-jml09brz86] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: rgba(var(--bs-primary-rgb), .12);
    color: var(--bs-primary);
}

.ad-kpi-name[b-jml09brz86], .ad-modal-title[b-jml09brz86] { display: block; font-weight: 800; color: var(--ad-ink); }
.ad-kpi-range[b-jml09brz86], .ad-modal-range[b-jml09brz86], .ad-kpi-view[b-jml09brz86] { display: flex; align-items: center; gap: 4px; font-size: .7rem; font-weight: 700; }
.ad-kpi-view[b-jml09brz86] { color: var(--bs-primary); text-transform: uppercase; letter-spacing: .04em; }
.ad-kpi-hero-num[b-jml09brz86], .ad-kpi-stat-num[b-jml09brz86], .ad-info-value[b-jml09brz86] { font-weight: 800; letter-spacing: -.4px; color: var(--ad-ink); line-height: 1; }
.ad-kpi-hero-num[b-jml09brz86] { font-size: 1.9rem; }
.ad-kpi-stat-num[b-jml09brz86], .ad-info-value[b-jml09brz86] { font-size: 1.5rem; }
.ad-kpi-lbl[b-jml09brz86], .ad-kpi-stat-cap[b-jml09brz86] { display: block; margin-top: 4px; font-size: .7rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ad-muted); }
.ad-spark[b-jml09brz86] { width: 72px; height: 24px; }
.ad-stat-info[b-jml09brz86] { position: absolute; top: 10px; right: 10px; color: var(--ad-muted); }

.ad-trend[b-jml09brz86] { font-weight: 800; font-size: .78rem; white-space: nowrap; }
.ad-trend-up[b-jml09brz86] { color: var(--m-success-mid); --ad-chart: var(--m-success-mid); }
.ad-trend-down[b-jml09brz86] { color: var(--m-danger-dark); --ad-chart: var(--m-danger-dark); }
.ad-trend-flat[b-jml09brz86] { color: var(--ad-muted); }
.ad-face[b-jml09brz86] { margin-left: 2px; }

.ad-filter-toggle[b-jml09brz86] {
    margin-bottom: 14px;
    background: #fff;
    border: 1.5px solid var(--ad-border);
    border-radius: 10px;
    padding: 8px 14px;
    font-weight: 700;
    font-size: .8rem;
}

.ad-filter-toggle.is-open[b-jml09brz86] { background: rgba(var(--bs-primary-rgb), .08); color: var(--bs-primary); border-color: var(--bs-primary); }
.ad-filter-count[b-jml09brz86] { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--bs-primary); color: #fff; font-size: .68rem; display: inline-flex; align-items: center; justify-content: center; }
.ad-filter-caret[b-jml09brz86] { transition: transform .15s; }
.ad-filter-toggle.is-open .ad-filter-caret[b-jml09brz86] { transform: rotate(180deg); }
.ad-filterbar[b-jml09brz86] { padding: 8px 14px 14px; margin-bottom: 16px; }
.ad-filter-row[b-jml09brz86] { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; }
.ad-filter-row .ad-filter-label[b-jml09brz86] { min-width: 72px; padding-top: 8px; }
.ad-sep[b-jml09brz86] { border-top: 1px solid var(--ad-line); }
.ad-pill[b-jml09brz86] { background: #fff; border: 1.5px solid var(--ad-border); border-radius: 8px; padding: 6px 12px; font-weight: 700; font-size: .78rem; }
.ad-pill.active[b-jml09brz86] { background: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }

.ad-scope-dd[b-jml09brz86] { position: relative; }
.ad-scope-trigger[b-jml09brz86] { background: #fff; border: 1.5px solid var(--ad-border); border-radius: 8px; padding: 6px 10px; color: #374151; }
.ad-scope-summary[b-jml09brz86] { font-weight: 700; font-size: .78rem; }
.ad-scope-pop[b-jml09brz86] { position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; width: 320px; max-width: 80vw; background: #fff; border: 1.5px solid var(--ad-border); border-radius: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.ad-scope-pophead[b-jml09brz86] { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-bottom: 1px solid var(--ad-line); }
.ad-scope-clear[b-jml09brz86] { background: none; border: 0; color: var(--bs-primary); font-weight: 700; font-size: .75rem; padding: 0; }
.ad-scope-tree[b-jml09brz86] { max-height: 320px; overflow: auto; }
.ad-scope-cls + .ad-scope-cls[b-jml09brz86] { border-top: 1px solid var(--ad-line); }
.ad-scope-clshead[b-jml09brz86], .ad-scope-grp[b-jml09brz86], .ad-scope-sub[b-jml09brz86] { display: flex; align-items: center; gap: 8px; width: 100%; background: #fff; border: 0; text-align: left; padding: 8px 12px; }
.ad-scope-grp[b-jml09brz86] { padding-left: 36px; }
.ad-scope-sub[b-jml09brz86] { padding-left: 64px; }
.ad-scope-clsname[b-jml09brz86], .ad-scope-grpname[b-jml09brz86], .ad-scope-subname[b-jml09brz86] { font-weight: 700; font-size: .8rem; color: var(--ad-ink); background: none; border: 0; padding: 0; }
.ad-scope-grpname[b-jml09brz86], .ad-scope-subname[b-jml09brz86] { font-weight: 600; color: #6b7280; }
.ad-chevron-btn[b-jml09brz86] { width: 22px; background: none; border: 0; color: var(--ad-muted); padding: 0; }
.ad-cbx[b-jml09brz86] { width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid var(--ad-border); background: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.ad-cbx.is-checked[b-jml09brz86], .ad-cbx.is-indeterminate[b-jml09brz86] { background: var(--bs-primary); border-color: var(--bs-primary); }
.ad-cbx.is-checked[b-jml09brz86]::after { content: ""; width: 5px; height: 9px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -2px; }
.ad-cbx.is-indeterminate[b-jml09brz86]::after { content: ""; width: 8px; height: 2px; background: #fff; }

.ad-page[b-jml09brz86] { max-width: none; min-width: 0; }
.ad-table-card[b-jml09brz86] { overflow: hidden; container: ad-table / inline-size; }
.ad-table-head[b-jml09brz86] { display: flex; justify-content: space-between; gap: 12px; padding: 16px 18px 8px; }
.ad-table-head h2[b-jml09brz86] { margin: 0; font-size: 1rem; font-weight: 800; color: var(--ad-ink); }
.ad-table-range[b-jml09brz86] { color: var(--ad-muted); font-size: .75rem; font-weight: 700; white-space: nowrap; }
.ad-table-scroll[b-jml09brz86] { overflow-x: auto; }
.ad-table[b-jml09brz86] { width: 100%; border-collapse: collapse; table-layout: fixed; }
.ad-col-name[b-jml09brz86], .ad-table th:nth-child(1)[b-jml09brz86] { width: 9.5%; }
.ad-col-level[b-jml09brz86], .ad-table th:nth-child(2)[b-jml09brz86] { width: 6.5%; }
.ad-col-location[b-jml09brz86], .ad-table th:nth-child(3)[b-jml09brz86] { width: 8%; }
.ad-col-trials[b-jml09brz86], .ad-table th:nth-child(4)[b-jml09brz86] { width: 6.5%; }
.ad-col-active[b-jml09brz86], .ad-table th:nth-child(5)[b-jml09brz86] { width: 8.5%; }
.ad-col-new[b-jml09brz86], .ad-table th:nth-child(6)[b-jml09brz86] { width: 5%; }
.ad-col-direct[b-jml09brz86], .ad-table th:nth-child(7)[b-jml09brz86] { width: 6.5%; }
.ad-col-trialconv[b-jml09brz86], .ad-table th:nth-child(8)[b-jml09brz86] { width: 7%; }
.ad-col-conv[b-jml09brz86], .ad-table th:nth-child(9)[b-jml09brz86] { width: 7%; }
.ad-col-cancel[b-jml09brz86], .ad-table th:nth-child(10)[b-jml09brz86] { width: 10.5%; }
.ad-col-retention[b-jml09brz86], .ad-table th:nth-child(11)[b-jml09brz86] { width: 8%; }
.ad-col-attrition[b-jml09brz86], .ad-table th:nth-child(12)[b-jml09brz86] { width: 7.5%; }
.ad-col-trend[b-jml09brz86], .ad-table th:nth-child(13)[b-jml09brz86] { width: 9.5%; }
.ad-table th[b-jml09brz86], .ad-table td[b-jml09brz86] { padding: 10px 4px; border-top: 1px solid var(--ad-line); vertical-align: middle; font-size: .78rem; }
.ad-table th[b-jml09brz86] { border-top: 0; border-bottom: 1.5px solid var(--ad-border); background: #f9fafb; }
.ad-th-in[b-jml09brz86] { display: flex; align-items: center; gap: 4px; width: 100%; min-width: 0; background: none; border: 0; padding: 0; font-size: .6rem; font-weight: 800; letter-spacing: .02em; line-height: 1.15; text-transform: uppercase; text-align: left; color: var(--ad-muted); }
.ad-th-label[b-jml09brz86] { min-width: 0; }
.ad-th-in i[b-jml09brz86] { flex-shrink: 0; }
.ad-table .num[b-jml09brz86], .ad-th-in[b-jml09brz86] { font-variant-numeric: tabular-nums; }
.ad-table td.num[b-jml09brz86] { text-align: right; font-weight: 700; white-space: nowrap; }
.ad-table th.num .ad-th-in[b-jml09brz86] { margin-left: 0; justify-content: flex-end; text-align: right; }
.ad-sticky-col[b-jml09brz86] { position: sticky; left: 0; background: #fff; z-index: 1; }
.ad-row-cat .ad-sticky-col[b-jml09brz86], .ad-row-cat[b-jml09brz86] { background: #f9fafb; }
.ad-row-total td[b-jml09brz86] { background: #f3f4f6; font-weight: 800; border-top: 2px solid var(--ad-border); border-bottom: 2px solid var(--ad-border); }
.ad-row-total .ad-sticky-col[b-jml09brz86] { background: #f3f4f6; }
.ad-row[b-jml09brz86] { cursor: pointer; }
.ad-row:hover td[b-jml09brz86] { background: rgba(var(--bs-primary-rgb), .05); }
.ad-name[b-jml09brz86] { display: flex; align-items: flex-start; gap: 6px; min-width: 0; font-weight: 700; color: var(--ad-ink); }
.ad-table .ad-name > span[b-jml09brz86] { min-width: 0; }
.ad-flat-parent[b-jml09brz86] { display: block; font-size: .68rem; font-weight: 600; color: var(--ad-muted); }
.ad-chevron[b-jml09brz86], .ad-chevron-gap[b-jml09brz86] { width: 14px; color: var(--ad-muted); }
.ad-total-ico[b-jml09brz86] { width: 22px; height: 22px; border-radius: 6px; background: rgba(var(--bs-primary-rgb), .12); color: var(--bs-primary); }
.ad-badge[b-jml09brz86], .ad-loc-pill[b-jml09brz86] { display: inline-flex; align-items: center; max-width: 100%; border-radius: 999px; padding: 2px 8px; font-size: .68rem; font-weight: 800; line-height: 1.25; text-align: center; white-space: normal; background: #f3f4f6; color: #6b7280; }
.tone-primary[b-jml09brz86] { background: rgba(var(--bs-primary-rgb), .12); color: var(--bs-primary); }
.tone-good-text[b-jml09brz86] { background: rgba(22, 163, 74, .12); color: var(--m-success-mid); }
.ad-bar-wrap[b-jml09brz86] { display: flex; align-items: center; gap: 6px; width: 100%; min-width: 0; }
.ad-table .ad-trend[b-jml09brz86] { gap: 2px; font-size: .7rem; }
.ad-table .ad-bar-val[b-jml09brz86] { font-size: .75rem; }
.ad-bar-track[b-jml09brz86] { flex: 1 1 28px; min-width: 28px; height: 6px; border-radius: 99px; background: #f3f4f6; overflow: hidden; }
.ad-bar-fill[b-jml09brz86] { display: block; height: 100%; border-radius: 99px; }
.ad-bar-fill.tone-good[b-jml09brz86] { background: var(--m-success-mid); }
.ad-bar-fill.tone-mid[b-jml09brz86] { background: var(--m-warning-dark); }
.ad-bar-fill.tone-low[b-jml09brz86] { background: var(--m-danger-dark); }
.ad-bar-val[b-jml09brz86] { font-weight: 800; font-variant-numeric: tabular-nums; white-space: nowrap; }
.is-danger[b-jml09brz86] { color: var(--m-danger-dark); }
.ad-empty[b-jml09brz86] { text-align: center; color: var(--ad-muted); padding: 28px 12px !important; }

.ad-modal-backdrop[b-jml09brz86] { position: fixed; inset: 0; z-index: 1080; background: rgba(15, 23, 42, .45); display: flex; align-items: center; justify-content: center; padding: 24px; }
.ad-modal-card[b-jml09brz86] { width: min(760px, 100%); padding: 18px; }
.ad-info-card[b-jml09brz86] { width: min(420px, 100%); }
.ad-modal-x[b-jml09brz86] { width: 32px; height: 32px; border-radius: 8px; border: 0; background: #f3f4f6; }
.ad-info-label[b-jml09brz86] { margin: 12px 0 2px; font-size: .68rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; color: var(--ad-muted); }
.ad-modal-figure[b-jml09brz86] { display: flex; flex-direction: column; align-items: flex-start; }
.ad-modal-hero .ad-trend[b-jml09brz86] { margin-left: auto; }
.ad-modal-hero .ad-kpi-hero-num[b-jml09brz86] { font-size: 2.4rem; }
.ad-chart-wrap[b-jml09brz86] { position: relative; }
.ad-chart[b-jml09brz86] { width: 100%; height: auto; display: block; }
.ad-chart-hits[b-jml09brz86] { position: absolute; left: 2.7%; right: 10.8%; top: 8%; bottom: 14%; display: flex; }
.ad-chart-hits button[b-jml09brz86] { flex: 1; border: 0; background: transparent; padding: 0; }
.ad-cross-tip[b-jml09brz86] { position: absolute; top: 6px; background: #fff; border: 1.5px solid var(--ad-border); border-radius: 12px; box-shadow: 0 6px 22px rgba(0,0,0,.16); padding: 10px 13px; white-space: nowrap; pointer-events: none; z-index: 2; }
.ad-cross-tip-date[b-jml09brz86] { font-size: .72rem; font-weight: 800; color: var(--ad-muted); margin-bottom: 5px; }
.ad-cross-tip-row[b-jml09brz86] { display: flex; align-items: center; gap: 7px; }
.ad-cross-dotc[b-jml09brz86] { width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.ad-cross-tip-k[b-jml09brz86] { font-size: .7rem; font-weight: 700; color: var(--ad-muted); }
.ad-cross-tip-v[b-jml09brz86] { font-size: .86rem; font-weight: 800; color: var(--ad-ink); font-variant-numeric: tabular-nums; }
.ad-chart-ticks[b-jml09brz86] { display: flex; justify-content: space-between; color: var(--ad-muted); font-size: .7rem; font-weight: 700; margin-top: 4px; padding: 0 11% 0 2.7%; }
.ad-export-grid[b-jml09brz86] { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 8px; margin: 14px 0; }
.ad-export-col[b-jml09brz86] { display: flex; align-items: center; gap: 8px; border: 1.5px solid var(--ad-border); background: #fff; border-radius: 10px; padding: 8px 10px; font-weight: 700; font-size: .78rem; }
.ad-export-col.is-on[b-jml09brz86] { border-color: var(--bs-primary); background: rgba(var(--bs-primary-rgb), .06); }
.ad-export-check[b-jml09brz86] { width: 18px; height: 18px; border-radius: 5px; border: 1.5px solid var(--ad-border); display: inline-flex; align-items: center; justify-content: center; color: transparent; }
.ad-export-col.is-on .ad-export-check[b-jml09brz86] { background: var(--bs-primary); border-color: var(--bs-primary); color: #fff; }

@container ad-table (min-width: 1280px) {
    .ad-table th[b-jml09brz86], .ad-table td[b-jml09brz86] { padding: 11px 8px; font-size: .83rem; }
    .ad-th-in[b-jml09brz86] { font-size: .66rem; letter-spacing: .04em; }
    .ad-table .ad-trend[b-jml09brz86] { gap: 4px; font-size: .78rem; }
    .ad-bar-wrap[b-jml09brz86] { gap: 8px; }
}

@container ad-table (max-width: 1020px) {
    .ad-table[b-jml09brz86] { min-width: 1040px; }
}

@media (max-width: 1100px) {
    .ad-kpi-grid[b-jml09brz86] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ad-kpi-hero[b-jml09brz86] { grid-column: span 2; }
}

@media (max-width: 640px) {
    .ad-kpi-grid[b-jml09brz86] { grid-template-columns: 1fr; }
    .ad-kpi-hero[b-jml09brz86] { grid-column: auto; }
    .ad-filter-row[b-jml09brz86] { flex-direction: column; }
}