/* Fs Frontend — DaisyUI project-specific styles */
/* DaisyUI + Tailwind handle the components; add custom styles here */

/* Squared corners + tighter card padding, app-wide (overrides DaisyUI
   theme defaults: --rounded-box/--rounded-btn/--rounded-badge default to
   1rem/.5rem/1.9rem, --padding-card defaults to 2rem). */
:root {
    --rounded-box: 0rem;
    --rounded-btn: 0rem;
    --rounded-badge: 0rem;
    --padding-card: 1rem;
}

/* Wide modal (e.g. the spreadsheet-style Add Number dialog). Plain,
   unlayered rule on purpose: DaisyUI's CDN bundle sets .modal-box's
   width/max-width directly and isn't wrapped in a CSS @layer, while
   Tailwind v4's generated utilities are (@layer utilities). Per the CSS
   Cascade Layers spec, unlayered styles always win over layered ones
   regardless of <link> order — so a Tailwind utility class like
   `max-w-[95vw]` can never override DaisyUI's .modal-box max-width here.
   A plain class in this file can, since this file isn't layered either. */
.modal-box-wide {
    width: 95vw !important;
    max-width: 95vw !important;
}