/* ========================================
   DIGITALYZE GLOBAL STYLING SYSTEM
   ======================================== */

/* 1. Design Tokens */
@import './digitalyze/tokens.css';

/* 2. Base Reset + Typography */
@import './digitalyze/base.css';

/* 3. Components */
@import './digitalyze/components/cards.css';
@import './digitalyze/components/buttons.css';
@import './digitalyze/components/forms.css';
@import './digitalyze/components/tables.css';
@import './digitalyze/components/modals.css';
@import './digitalyze/components/badges.css';
@import './digitalyze/components/alerts.css';
@import './digitalyze/components/navigation.css';
@import './digitalyze/components/dropdowns.css';

/* 4. Utilities */
@import './digitalyze/utilities/neon.css';
@import './digitalyze/utilities/animations.css';
@import './digitalyze/utilities/layout.css';
@import './digitalyze/utilities/spacing-fixes.css';

/* 5. Vendor Overrides */
@import './digitalyze/vendors/select2.css';
@import './digitalyze/vendors/flatpickr.css';
@import './digitalyze/vendors/tinymce.css';
@import './digitalyze/vendors/lobibox.css';
@import './digitalyze/vendors/apexcharts.css';

.mi-title-block {
    display: inline-flex;
    flex-direction: column;
    gap: 0.12rem;
}

.mi-title-block__title {
    display: inline-block;
    margin: 0;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.05;
    background: linear-gradient(90deg, #06b6d4, #ff00ff, #3b82f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
}

.mi-title-block__sub {
    font-size: 0.6rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: rgba(148, 163, 184, 0.72);
    line-height: 1.1;
}

.mi-title-block--compact {
    gap: 0;
}

.mi-title-block--compact .mi-title-block__title {
    font-size: 0.72rem;
    letter-spacing: 1.4px;
}

.mi-title-block--compact .mi-title-block__sub {
    font-size: 0.52rem;
    letter-spacing: 1.5px;
}

html.light-theme .mi-title-block__title,
html.minimal-theme .mi-title-block__title {
    background: linear-gradient(90deg, #0f172a, #2563eb 55%, #7c3aed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

html.light-theme .mi-title-block__sub,
html.minimal-theme .mi-title-block__sub {
    color: #64748b;
}