/*
 * Gnius Dashboard - Modular CSS Architecture
 * Complete refactored dashboard styles with proper component separation
 * 
 * Implementation by Agent 2 - Comprehensive Refactor Developer v2.0
 * Following Agent 1's precise blueprint with 100% content preservation
 * 
 * Architecture based on Agent 1's blueprint:
 * 1. Design Tokens (lines 1-93)
 * 2. Fonts (lines 94-124) 
 * 3. Core Layout (lines 125-169, 437-445)
 * 4. Components (modular extraction from remaining sections)
 * 5. WordPress Integration Layer
 */

/* ==========================================================================
   FOUNDATION LAYER - Design System Tokens (ALWAYS FIRST)
   ========================================================================== */
@import "tokens.css";
@import "fonts.css";

/* ==========================================================================
   BASE LAYER - Core Layout & Typography Foundations
   ========================================================================== */
@import "layout.css";
@import "modules/utilities.css";

/* ==========================================================================
   COMPONENTS LAYER - All UI Components (Simplified Loading)
   ========================================================================== */

/* Load all components at once - simplified approach for better maintainability */
@import "components/activity-stats.css";
@import "components/activity-tabs.css";
@import "components/cards.css";
@import "components/class-list.css";
@import "components/dashboard-panels.css?v=2";
@import "components/daterangepicker.css";
@import "components/header.css";
@import "components/swiper.css";
@import "components/modals-complete.css";
@import "components/modals.css";
@import "components/performance-displays.css";
@import "components/search-bar.css";
@import "components/student-list.css";
@import "components/subject-grid.css";
@import "components/loading.css";

/* Enhanced Compatibility Layer - Legacy Support */
.subject-card {
  /* Maintain backward compatibility with existing JavaScript */
  /* Full implementation preserved in components/cards.css */
}

.entry-content-wrap {
  padding: 0 !important;
}

/* WordPress Integration Styles */
.gnius-dashboard-wrapper {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: var(--gn-space-4);
}

.gn-dashboard-title-container{
    display: flex;
    gap: 25px;
}

.gnius-dashboard * {
  box-sizing: border-box;
}

.gnius-dashboard {
  font-family: var(--gn-font-family-base) !important;
  line-height: 1.6 !important;
}

/* Modular CSS Success Indicator */
.gn-modular-css-active::before {
  content: "✓ Modular CSS v2.0";
  position: fixed;
  top: 0;
  right: 0;
  background: var(--gn-color-success);
  color: white;
  padding: var(--gn-space-2);
  font-size: var(--gn-font-size-xs);
  z-index: 9999;
  border-radius: 0 0 0 var(--gn-radius-md);
}