/**
 * Minimum 4.5px gap between DaisyUI cards site-wide (90% of prior 5px minimum).
 * Load after assets/app.css.
 */

/* Vertically stacked sibling cards (no flex/grid gap on parent). */
.card + .card {
    margin-top: 4.5px;
}

/* Card grids/rows without an explicit Tailwind gap-* utility. */
.grid:has(> .card):not([class*="gap-"]),
.flex:has(> .card):not([class*="gap-"]) {
    gap: 4.5px;
}

/* Sub-minimum Tailwind gaps bumped to the card gap floor. */
.grid:has(> .card):is(.gap-0, .gap-px, .gap-0\.5, .gap-1),
.flex:has(> .card):is(.gap-0, .gap-px, .gap-0\.5, .gap-1) {
    gap: 4.5px;
}

/* Card below a grid/flex of cards (e.g. form actions card under a 2-column card grid). */
.grid:has(> .card) + .card,
.flex:has(> .card) + .card {
    margin-top: 4.5px;
}

/* Card gap after a card when the next sibling is not another card (filters, toolbars, etc.). */
.card + .flex,
.card + .grid,
.card + .tabs,
.card + .join {
    margin-top: 4.5px;
}

/* Opt-in top margin (e.g. first card below a page header). */
.card-mt-gap {
    margin-top: 4.5px;
}

/* Opt-in vertical margin around a standalone action row (e.g. Add Step button). */
.block-gap-5px {
    margin-top: 4.5px;
    margin-bottom: 4.5px;
}

/* Space below a page toolbar (back link + action buttons) before main content. */
.page-toolbar-spacing {
    margin-bottom: 4.5px;
    padding-bottom: 4.5px;
}

/* Opt-in bottom margin (e.g. below a card or stat box). */
.card-mb-gap {
    margin-bottom: 4.5px;
    padding-bottom: 4.5px;
}

/* QR Proofs: always 10px under the workflow panel (real CSS — not Tailwind arbitrary). */
#qrProofsWorkflow {
    margin-bottom: 10px;
}

/* QR Tagging: 20px under the workflow expander. */
#qrTaggingWorkflow {
    margin-bottom: 20px;
}

/* Stacked workflow + download / next card with a reliable 10px flex gap. */
.qr-proofs-workflow-stack {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 1.5rem;
}

.qr-proofs-workflow-stack #qrProofsWorkflow,
.qr-proofs-workflow-stack #qrProofsPdfDownloadsCard,
.qr-proofs-workflow-stack > .card {
    margin-bottom: 0;
}

.qr-proofs-workflow-stack > .alert {
    margin-bottom: 0;
}