/* ================================
   PrivacyPlatform Shared Components CSS
   Master Import File
   ================================ */

/* ================================
   Data Components
   ================================ */
@import url("data-grid.css");
@import url("data-card.css");
@import url("data-pagination.css");
@import url("data-filters.css");
@import url("data-export.css");

/* ================================
   Action & Navigation Components
   ================================ */
@import url("action-bar.css");
@import url("breadcrumb-nav.css");
@import url("form-actions.css");

/* ================================
   Status & Feedback Components
   ================================ */
@import url("status-indicator.css");
@import url("validation-summary.css");

/* ================================
   Service-Specific Components
   ================================ */
@import url("universal-consent.css");
@import url("privacy-notices.css");
@import url('admin-shared.css');

/* ================================
   Admin Components
   ================================ */
@import url("admin-actions.css");
@import url('permission-guard.css');

/* ================================
   Notification Bell + Panel
   ================================ */
@import url('export-status.css');
@import url('notifications.css');
/* ================================
   Future Component Categories
   (To be added as components are created)
   ================================ */

/* Form Components */
/* @import url("form-field.css"); */
/* @import url("form-wizard.css"); */
/* @import url("form-validation.css"); */

/* Layout Components */
/* @import url("sidebar.css"); */
/* @import url("header.css"); */
/* @import url("footer.css"); */
/* @import url("panel.css"); */

/* Modal & Overlay Components */
/* @import url("modal.css"); */
/* @import url("drawer.css"); */
/* @import url("tooltip.css"); */
/* @import url("popover.css"); */

/* Navigation Components */
/* @import url("tabs.css"); */
/* @import url("accordion.css"); */
/* @import url("stepper.css"); */

/* Content Components */
/* @import url("timeline.css"); */
/* @import url("tree-view.css"); */
/* @import url("carousel.css"); */


/* Global Component Overrides */
.component-container {
    margin-bottom: 1.5rem;
}

.component-header {
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--dp-border-default);
}

.component-actions {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.component-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    color: var(--dp-text-secondary);
}

.component-error {
    background: var(--dp-status-danger-bg);
    color: var(--dp-status-danger);
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid var(--dp-status-danger-border);
}

/* Permission System Integration */
.permission-protected {
    position: relative;
}

.permission-denied {
    background: var(--dp-surface-page);
    color: var(--dp-text-secondary);
    padding: 2rem;
    text-align: center;
    border-radius: 8px;
    border: 2px dashed var(--dp-border-default);
}

.permission-loading {
    background: var(--dp-status-warning-bg);
    color: var(--dp-status-warning);
    padding: 1rem;
    border-radius: 4px;
    border: 1px solid var(--dp-status-warning-border);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Responsive Utilities */
@media (max-width: 768px) {
    .component-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .component-container {
        margin-bottom: 1rem;
    }
}

@media (max-width: 576px) {
    .permission-denied {
        padding: 1.5rem;
    }
}