/*
  Project styles. Bootstrap does the heavy lifting; this file only carries what the
  framework does not. No inline <style> blocks anywhere, so the Content-Security-Policy
  can forbid inline styles outright.
*/

:root {
    --dvc-auth-max-width: 26rem;
}

.auth-shell {
    min-height: 100dvh;
    display: grid;
    place-items: center;
    padding: 1.5rem;
    padding-top: calc(1.5rem + env(safe-area-inset-top, 0px));
    padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px));
}

.auth-card {
    width: 100%;
    max-width: var(--dvc-auth-max-width);
}

.brand-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
    background: var(--bs-primary);
    color: #fff;
    font-size: 1.25rem;
}

.form-hint {
    font-size: 0.8125rem;
}

/*
  Analytics dashboard.

  The trend chart is inline SVG rendered by the server, so its colours live here rather
  than in a style attribute: the admin Content-Security-Policy allows style-src 'self'
  and nothing inline. Each series class carries both a stroke, which the polyline uses,
  and a background, which its legend swatch uses — one class per series, so the two can
  never drift apart.
*/

.dvc-chart-svg {
    width: 100%;
    height: 16rem;
}

@media (max-width: 575.98px) {
    .dvc-chart-svg {
        height: 12rem;
    }
}

.dvc-chart-grid {
    stroke: var(--bs-border-color);
    stroke-width: 1;
}

.dvc-chart-axis {
    fill: var(--bs-secondary-color);
    font-size: 11px;
}

.dvc-chart-line {
    stroke-width: 2;
    stroke-linejoin: round;
    stroke-linecap: round;
    vector-effect: non-scaling-stroke;
}

.dvc-chart-swatch {
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 0.125rem;
    vertical-align: -0.0625rem;
    margin-right: 0.25rem;
}

.dvc-series-views {
    stroke: #0d6efd;
    background-color: #0d6efd;
}

.dvc-series-scans {
    stroke: #198754;
    background-color: #198754;
}

.dvc-series-downloads {
    stroke: #d63384;
    background-color: #d63384;
}

.dvc-series-shares {
    stroke: #fd7e14;
    background-color: #fd7e14;
}

/* The marker on a number a visitor's browser reported rather than the server. */
.dvc-kpi-flag {
    color: var(--bs-secondary-color);
    font-size: 0.75rem;
}