/**
 * MEO v6-mini - Master Stylesheet (FIXED VERSION)
 * File: assets/style.css
 * 
 * Modular CSS architecture using @import statements
 * This maintains zero PHP changes while organizing styles logically
 * 
 * Load order: Foundation → Components → Pages → Responsive
 */

/* ========== FOUNDATION LAYER ========== */
/* Core typography, colors, layout containers, and foundational elements */
@import url('css/base.css');

/* ========== COMPONENT LAYER ========== */
/* Reusable UI components: buttons, forms, navigation, panels, metrics */
@import url('css/components.css');

/* ========== PAGE-SPECIFIC LAYERS ========== */
/* Intelligence portal: environmental monitoring dashboard and status orbs */
@import url('css/pages/current.css');

/* Bird detection interface: cards, grids, species detail views, timelines */
@import url('css/pages/birdweather.css');

/* Pattern analysis: detection interface, log views, analysis components */
@import url('css/pages/patterns.css');

/* Species detail views: enhanced statistics and viewing components */
@import url('css/pages/species.css');

/* Visual observation interface: iNaturalist explorer, modals, dashboard integration */
@import url('css/pages/inaturalist.css');

/* ========== RESPONSIVE LAYER ========== */
/* Consolidated media queries for all components - loaded last */
@import url('css/responsive.css');

/* ========== ADMIN LAYER REMOVED ========== */
/* REMOVED: Admin CSS now loads conditionally via index.php */
/* @import url('css/pages/admin.css'); */

/*
 * ✅ MODULAR ARCHITECTURE BENEFITS:
 * 
 * 🔧 MAINTAINABILITY
 * - Logical separation: Each file has single responsibility
 * - Easier debugging: Know exactly where styles live
 * - Faster development: Work on specific components in isolation
 * 
 * ⚡ PERFORMANCE
 * - Browser caching: Components cache separately
 * - Selective loading: Could conditionally load page-specific CSS later
 * - Compression: Smaller files compress better
 * 
 * 👥 TEAM WORKFLOW
 * - Parallel development: Multiple developers can work on different components
 * - Conflict reduction: Less chance of merge conflicts
 * - Clear ownership: Each page/component has dedicated CSS file
 * 
 * 🚀 ZERO PHP CHANGES
 * - All PHP files continue: <link rel="stylesheet" href="assets/style.css">
 * - No template modifications needed
 * - Completely transparent to application
 * 
 * 📊 FILE BREAKDOWN:
 * - base.css: ~90 lines (typography, layout)
 * - components.css: ~300 lines (navigation, buttons, forms)
 * - current.css: ~250 lines (intelligence portal)
 * - birdweather.css: ~150 lines (bird detection)
 * - patterns.css: ~200 lines (pattern analysis)
 * - species.css: ~200 lines (detail views)
 * - inaturalist.css: ~400 lines (visual observations)
 * - responsive.css: ~150 lines (media queries)
 * 
 * Total: ~1740 lines (organized vs 1308 monolithic)
 */