/* App-level additions for the JS UI. Everything shared with the old Blazor
   build lives in scss/breathbooks.css; put new rules here only when they have
   no home in the scss partials. */
.blank-layout { min-height: 100dvh; display: flex; flex-direction: column; }

/* Invoices (pages/invoices/InvoiceDetail.js): the line-item grid fills the pane on desktop. */
.invoice-grid-wrap { flex-shrink: 0; }
@media (min-width: 992px) {
    .invoice-grid-wrap { flex-grow: 1 !important; flex-shrink: 1 !important; height: 0 !important; min-height: 200px !important; }
}

/* ---- Tags (pages/tags/TagDialog.js) ---- */
.tag-color-swatch {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #dee2e6;
    padding: 0;
}
.tag-color-swatch.selected {
    outline: 2px solid var(--bs-body-color, #212529);
    outline-offset: 2px;
}