/**
 * Dashboard Main CSS File
 * Modular CSS Architecture - imports all components and pages
 *
 * Structure:
 * - Core: Variables, utilities
 * - Layout: Sidebar, header, main
 * - Components: Reusable UI components (buttons, cards, etc.)
 * - Pages: Page-specific styles
 *
 * Version: 2.0 (Refactored with BEM naming)
 * Date: October 31, 2025
 */

/* ===========================
   CORE
   ========================== */
@import url('./core/variables.css');
@import url('./core/utilities.css');
@import url('./core/responsive.css');

/* ===========================
   LAYOUT
   ========================== */
@import url('./layout/sidebar.css');
@import url('./layout/header.css');
@import url('./layout/main.css');

/* ===========================
   COMPONENTS (BEM Naming)
   ========================== */
@import url('./components/buttons.css');
@import url('./components/tabs.css');
@import url('./components/section-header.css');
@import url('./components/search-filters.css');
@import url('./components/company-listing.css');
@import url('./components/company-card.css');
@import url('./components/highlight-card.css');
@import url('./components/listing-card.css');
@import url('./components/marketplace-highlight.css');
@import url('./components/auction-card.css');
@import url('./components/auction.css');
@import url('./components/watch-live.css');
@import url('./components/watch-live-header.css');
@import url('./components/watch-live-stream.css');
@import url('./components/watch-live-chat.css');
@import url('./components/watch-live-sidebar.css');

/* ===========================
   PAGES
   ========================== */
@import url('./pages/dashboard-home.css');
@import url('./pages/marketplace.css');
@import url('./pages/listing.css');
@import url('./pages/settings.css');
@import url('./pages/deal-room.css');

/* ===========================
   GLOBAL DASHBOARD STYLES
   ========================== */

/* Recently Added Companies Heading */
.recently-added-heading {
    font-family: Roboto;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #001F22;
    margin: 20px 0 16px 0;
    padding: 0;
}

/**
 * Notes:
 * - BEM naming convention used for components (c-component__element--modifier)
 * - Page-specific classes prefixed with p-pagename__
 * - Legacy class names maintained for backward compatibility
 * - To remove legacy support, delete @extend rules in each file
 */