/*
 * Small additions on top of django-unfold.
 *
 * Unfold ships a prebuilt Tailwind stylesheet, so any utility class not used by
 * Unfold itself will not exist. Anything bespoke goes here, written against
 * Unfold's CSS custom properties so it follows the light/dark theme.
 */

/* Keep dashboard charts a predictable height regardless of container width. */
#content canvas.chart {
    max-height: 220px;
}

/* Inline tables inside cards (money breakdown, dashboard lists). */
#content .card table td,
#content .card table th {
    vertical-align: top;
}

/* The order timeline inline is long; let it scroll rather than stretch the page. */
.inline-group[data-inline-model$="orderevent"] .djn-items,
#orderevent_set-group .results {
    max-height: 32rem;
    overflow-y: auto;
}

/* Status colour dots on the dashboard should stay crisp on dark backgrounds. */
@media (prefers-color-scheme: dark) {
    #content .dashboard-dot {
        box-shadow: 0 0 0 1px var(--color-base-800);
    }
}