/**
 * Pocala - Main CSS Imports
 *
 * This file serves as the central import hub for all CSS modules.
 * All styles are organised into separate files for better maintainability.
 */

 /* Framework */
/* Color Palette - Must be imported first */
@import 'framework/colors.css';
@import 'framework/buttons.css';
@import 'framework/typography.css';
@import 'framework/base.css';
@import 'framework/toast.css';

/* Layout */
@import 'layout/layout.css';

/* Utilities */

/* Components */
@import 'components/calendar.css';
@import 'components/card.css';
@import 'components/card-set.css';
@import 'components/dialogues.css';
@import 'components/filters.css';
@import 'components/forms.css';
@import 'components/gantt.css';
@import 'components/help-panel.css';
@import 'components/grids.css';
@import 'components/card-list.css';
@import 'components/best-before-slider.css';
@import 'components/initials-avatar.css';
@import 'components/page-header.css';
@import 'components/panels.css';
@import 'components/message-bar.css';
@import 'components/modals.css';
@import 'components/profile-avatar.css';
@import 'components/section-title.css';
@import 'components/topbar.css';
@import 'components/side-panel.css';
@import 'components/skeleton-loader.css';
@import 'components/stat.css';
@import 'components/workflows.css';
@import 'components/working-pattern-viewer.css';
/* Pages */
@import 'pages/larders.css';
@import 'pages/dashboard.css';
@import 'pages/start.css';
@import 'pages/welcome.css';
@import 'pages/auth.css';
@import 'pages/groups.css';
@import 'pages/inventory.css';

/* PWA cold-launch screen (Start.razor's own ".pwa-cold-start" markup, 2026-09-15 rewrite) —
   Start.razor renders this instead of the marketing page/login redirect until its own
   OnAfterRenderAsync has worked out whether this is a standalone PWA launch or a plain browser
   tab; see that file for why. Just a plain full-height yellow block with the wordmark centred —
   no overlay, no hide/fade timer, no gating classes needed, since Start.razor only ever renders
   one or the other, never both.
   IMPORTANT: this block must stay below the @import list above — @import rules are only valid
   when they are the very first rules in a stylesheet, so anything placed before them silently
   voids every @import that follows and blanks the whole app's styling. Always append new rules
   to the end of this file, never the top. */
.pwa-cold-start {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100dvh;
    width: 100%;
    background: var(--pocala-yellow);
}

/* .wordmark-script itself is defined in pages/welcome.css (imported above) — sized up here
   since this screen has the whole viewport to itself. */
.pwa-cold-start .wordmark-script {
    font-size: 56px;
}