/* ==========================================================================
   DendiVPN Admin Panel - Light Theme
   ========================================================================== */

/* Base */
@import url('./base/variables.css?v=4');
@import url('./base/reset.css?v=4');
@import url('./base/typography.css?v=4');

/* Components */
@import url('./components/buttons.css?v=4');
@import url('./components/badges.css?v=4');
@import url('./components/dropdown.css?v=4');
@import url('./components/tables.css?v=4');
@import url('./components/forms.css?v=4');
@import url('./components/cards.css?v=4');
@import url('./components/modals.css?v=4');
@import url('./components/spinner.css?v=4');
@import url('./components/page-specific.css?v=4');

/* Layout */
@import url('./layout/sidebar.css?v=4');
@import url('./layout/main.css?v=4');

/* ==========================================================================
   Critical Overrides (inlined to avoid @import caching)
   ========================================================================== */

.card { overflow: visible !important; }
.table-responsive { overflow: visible !important; }
.dropdown-menu { z-index: 9999 !important; }

/* Card body padding — force override */
.card-body { padding: 1.25rem 1.5rem !important; }
.card-body[style*="padding:0"], .card-body[style*="padding: 0"] { padding: 0 !important; }

/* ==========================================================================
   Page-Specific Styles (kept inline for simplicity)
   ========================================================================== */

/* Token cell copy button status */
#tokenStatus {
    display: block;
    margin-top: var(--space-2);
    font-size: var(--text-xs);
}

#tokenStatus.success {
    color: var(--success);
}

#tokenStatus.error {
    color: var(--danger);
}