.ci-toolbar .toolbar-label { font-size: .82rem; opacity: .85; }
    .ci-toolbar .toolbar-cell { display:flex; align-items:stretch; }

    @media (max-width: 767.98px) {
        .ci-toolbar { margin-bottom: .25rem !important; }
        .ci-toolbar .toolbar-label { font-size: .72rem; margin-bottom: 0; }
        .ci-toolbar .toolbar-cell { align-items: flex-start; }
        .ci-customer-line { font-size: .84rem; line-height: 1.12; }
        .subtle { font-size: .72rem; line-height: 1.1; }
        .ci-grid-wrap .dxbl-grid { border-radius: 0; }
    }

    body.ci-no-page-scroll { overflow: hidden !important; }

    .ci-grid-wrap {
        height: var(--ci-grid-height, calc(100vh - 240px));
        display:flex;
        flex-direction:column;
        min-height: 240px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-gutter: auto;
    }

    .ci-grid-wrap .clickable-grid {
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
    }

    .num { text-align:right; font-variant-numeric: tabular-nums; }
    .nowrap { white-space: nowrap; }
    .subtle { font-size:.82rem; opacity:.82; }

    .delta-pill {
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-width: 78px;
        padding: .18rem .55rem;
        border-radius: 999px;
        font-size: .82rem;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        border: 1px solid rgba(0,0,0,.10);
    }
    .delta-pos { background: rgba(25, 135, 84, .15); color: #198754; border-color: rgba(25, 135, 84, .35); }
    .delta-neg { background: rgba(220, 53, 69, .15); color: #dc3545; border-color: rgba(220, 53, 69, .35); }
    .delta-zero { background: rgba(108, 117, 125, .12); color: #6c757d; border-color: rgba(108, 117, 125, .28); }