html, body {
    font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
    background: #F6F7FB;
}

.cq-clickable-row {
    cursor: pointer;
}

/* Chart period selector (compact, with subtle contrast vs page background) */
.cq-chart-period {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 999px;
    padding: 2px;
}

.cq-chart-period-btn {
    padding: 2px 10px !important;
    min-height: 28px !important;
    border-radius: 999px !important;
    text-transform: none !important;
}

/* Generic helper: rounded container that clips child backgrounds (e.g., striped tables) */
.cq-clip-rounded {
    border-radius: 14px;
    overflow: hidden;
}