/**
 * POF Component Library - Master Import
 * Version: 1.0 (Beta Test Production v1)
 * 
 * This file imports all component CSS in the correct order.
 * Load this after theme CSS (theme-dark.css, pof-dark-theme.css)
 */

/* ========================================
   COMPONENT IMPORTS
   ======================================== */

/* Foundation - Containers and Layout */
@import url("components/containers.34c0de9cc063.css");
@import url("components/grids.7f63fec88c14.css");

/* Typography - Single Responsibility (SRP) */
@import url("components/typography.f085e3a85bfd.css");

/* Structure - Navigation and Layout */
@import url("components/navigation.b19f00b5b92d.css");

/* UI Components */
@import url("components/cards.5dcbe9ab0487.css");
@import url("components/buttons.78f2d6909453.css");
@import url("components/forms.bc1097a500a0.css");
@import url("components/icons.bd0ff3a77049.css");
@import url("components/admin-components.05b1112bddae.css");
@import url("components/disease-mastery-components.986fe47a75a8.css");

/* ========================================
   UTILITY CLASSES
   ======================================== */

/* Spacing Utilities */
.pof-mt-0 { margin-top: 0; }
.pof-mt-1 { margin-top: var(--space-1); }
.pof-mt-2 { margin-top: var(--space-2); }
.pof-mt-3 { margin-top: var(--space-3); }
.pof-mt-4 { margin-top: var(--space-4); }
.pof-mt-6 { margin-top: var(--space-6); }
.pof-mt-8 { margin-top: var(--space-8); }

.pof-mb-0 { margin-bottom: 0; }
.pof-mb-1 { margin-bottom: var(--space-1); }
.pof-mb-2 { margin-bottom: var(--space-2); }
.pof-mb-3 { margin-bottom: var(--space-3); }
.pof-mb-4 { margin-bottom: var(--space-4); }
.pof-mb-6 { margin-bottom: var(--space-6); }
.pof-mb-8 { margin-bottom: var(--space-8); }

.pof-p-0 { padding: 0; }
.pof-p-2 { padding: var(--space-2); }
.pof-p-3 { padding: var(--space-3); }
.pof-p-4 { padding: var(--space-4); }
.pof-p-6 { padding: var(--space-6); }
.pof-p-8 { padding: var(--space-8); }

/* Text Alignment */
.pof-text-left { text-align: left; }
.pof-text-center { text-align: center; }
.pof-text-right { text-align: right; }

/* Display Utilities */
.pof-hidden { display: none; }
.pof-block { display: block; }
.pof-inline-block { display: inline-block; }
.pof-flex { display: flex; }
.pof-grid { display: grid; }

/* Color Utilities */
.pof-text-primary { color: var(--text-primary); }
.pof-text-secondary { color: var(--text-secondary); }
.pof-text-muted { color: var(--text-muted); }
.pof-text-success { color: var(--color-success); }
.pof-text-warning { color: var(--color-warning); }
.pof-text-danger { color: var(--color-error); }
.pof-text-info { color: var(--color-info); }

/* Background Utilities */
.pof-bg-primary { background-color: var(--bg-primary); }
.pof-bg-secondary { background-color: var(--bg-secondary); }
.pof-bg-tertiary { background-color: var(--bg-tertiary); }

/* Border Utilities */
.pof-border { border: 1px solid var(--border-color); }
.pof-border-top { border-top: 1px solid var(--border-color); }
.pof-border-bottom { border-bottom: 1px solid var(--border-color); }
.pof-border-0 { border: none; }

/* Rounded Corners */
.pof-rounded-sm { border-radius: var(--radius-sm); }
.pof-rounded-md { border-radius: var(--radius-md); }
.pof-rounded-lg { border-radius: var(--radius-lg); }
.pof-rounded-xl { border-radius: var(--radius-xl); }
.pof-rounded-full { border-radius: var(--radius-full); }

/* Shadow Utilities */
.pof-shadow-sm { box-shadow: var(--shadow-sm); }
.pof-shadow-md { box-shadow: var(--shadow-md); }
.pof-shadow-lg { box-shadow: var(--shadow-lg); }
.pof-shadow-xl { box-shadow: var(--shadow-xl); }
.pof-shadow-none { box-shadow: none; }

/* Width Utilities */
.pof-w-full { width: 100%; }
.pof-w-auto { width: auto; }
.pof-w-fit { width: fit-content; }

/* ========================================
   RESPONSIVE UTILITIES
   ======================================== */

/* Hide on mobile */
@media (max-width: 768px) {
    .pof-hide-mobile { display: none; }
}

/* Hide on desktop */
@media (min-width: 769px) {
    .pof-hide-desktop { display: none; }
}

/* ========================================
   COMPONENT LIBRARY LOADED
   ======================================== */

:root {
    --pof-components-loaded: true;
}