/**
 * Workshopr Planner - Modular CSS Entry Point
 *
 * This file imports all modular CSS files in the correct order.
 * Import this single file instead of the monolithic planner-v2.css
 *
 * Structure:
 * 1. Base - Variables, reset, typography
 * 2. Layouts - Page structure, grids
 * 3. Components - Reusable UI components
 *
 * CACHE BUSTING — IMPORTANT:
 * Browsers cache the imported files below for 7 days (server
 * cache-control), and the ?v= on this entry file does NOT
 * invalidate them. Every @import carries a shared ?v= stamp:
 * BUMP THE STAMP ON EVERY IMPORT whenever ANY planner CSS file
 * changes, or production users get a stale/mixed cascade
 * (collapsed layout, visible edit panels). Same stamp is used in
 * base/_variables.css for its platform-tokens.css import.
 */

/* ========================================
   BASE
   Design tokens and foundational styles
   ======================================== */
@import './base/_variables.css?v=20260615';
@import './base/_reset.css?v=20260615';

/* ========================================
   LAYOUTS
   Page structure and grid systems
   ======================================== */
@import './layouts/_planner.css?v=20260615';

/* ========================================
   SHARED COMPONENT LIBRARY
   Workshopr UI components (ws-* classes)
   ======================================== */
@import '/includes/components/components.css?v=20260615';

/* ========================================
   COMPONENTS
   Reusable UI components.
   Order matters: structural components first, then
   overlay/picker layers, then the redesigned canvas
   layer (must load after the base agenda/energy rules
   so its prototype-aligned overrides win).
   ======================================== */
@import './components/_topbar.css?v=20260615';
@import './components/_sidebar.css?v=20260615';
@import './components/_cards.css?v=20260615';
@import './components/_buttons.css?v=20260615';
@import './components/_history.css?v=20260615';
@import './components/_exercise-builder.css?v=20260615';
@import './components/_modals.css?v=20260615';
@import './components/_generator-modal.css?v=20260615';
@import './components/_agenda-generative.css?v=20260615';

/* Canvas redesign layer — loads after cards/agenda base
   rules so its overrides take precedence (see file header). */
@import './components/_canvas.css?v=20260615';

/* ========================================
   COMPONENT BRIDGE
   Maps ws-* components to planner theme
   ======================================== */
@import './components/_component-bridge.css?v=20260615';

/* Auth/footer color overrides — load after the bridge so
   planner-blue wins over the shared component defaults. */
@import './components/_footer-overrides.css?v=20260615';

/* ========================================
   LEGACY OVERRIDES
   Temporary styles during migration
   TODO: Remove after full migration
   ======================================== */

/* Color aliases for legacy code */
:root {
  /* Legacy color variables still used in JS */
  --color-exercise: var(--planner-exercise-color);
  --color-icebreaker: var(--planner-icebreaker-color);
  --color-break: var(--planner-break-color);
  --color-on-track: var(--planner-success);
  --color-warning: var(--planner-warning);
  --color-overtime: var(--planner-error);
}

/* ========================================
   UTILITY CLASSES
   Must come after all component imports
   so .hidden beats component display values.
   JS can still override via inline style.
   ======================================== */
.hidden { display: none; }

/* Screen-reader-only utility (migrated from the retired planner-v2.css —
   the one rule not already covered by the component set above). */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}