/**
 * Global typography and spacing scale — 10% reduction site-wide.
 * Load immediately after assets/app.css.
 */

/* Scales rem-based Tailwind/DaisyUI spacing (p-*, gap-*, m-*), radii, and rem font sizes. */
html {
    font-size: 90%;
}

:root,
:host {
    /* Theme bundle px tokens at 90% of their prior effective sizes. */
    --text-xs: 10.8px;
    --text-sm: 11.7px;
    --text-base: 14.4px;
    --text-lg: 16.2px;
    --text-xl: 18px;
    --fontsize: 11.7px;
}

/* DaisyUI buttons use flex-wrap + a fixed height; wrapped labels look crushed. */
.btn:not(.btn-circle):not(.btn-square):not(.btn-link) {
    height: auto;
    min-height: var(--size, 2rem);
    padding-block: 0.4em;
}

/* Colour / status badges: one line, usable padding. Fixed-height wrap overlaps on mobile. */
.badge {
    height: auto !important;
    min-height: var(--size, 1.25rem);
    width: max-content;
    max-width: none;
    white-space: nowrap !important;
    flex-wrap: nowrap;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.25;
    padding-block: 0.3em;
    padding-inline: 0.65em;
}