/* Spending Pulse Widget — FNL Budgets
   Ring gauge, sparkline, pace badge, compact transaction rows.
   Uses --theme-* CSS custom properties for light/dark. */

.spending-pulse__ring {
    position: relative;
    flex-shrink: 0;
}

.spending-pulse__ring-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--theme-text);
    text-align: center;
    pointer-events: none;
}

.spending-pulse__sparkline {
    width: 100%;
    height: 48px;
    position: relative;
}

.spending-pulse__sparkline canvas {
    width: 100% !important;
    height: 100% !important;
}

.spending-pulse__pace {
    font-size: 0.7rem;
    z-index: 1;
}

.spending-pulse__tx-row {
    transition: background-color 150ms ease;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    border-radius: var(--radius-sm, 0.375rem);
}

.spending-pulse__tx-row:hover {
    background-color: var(--theme-bg-tertiary, #f3f4f6);
}

.spending-pulse__transactions {
    max-height: 140px;
    overflow-y: auto;
}

/* Dark mode tweaks */
[data-bs-theme="dark"] .spending-pulse__tx-row:hover {
    background-color: var(--theme-bg-tertiary, #2b3035);
}