/* =====================================================================
   Trustlytics – Master CSS Bundle
   Imports in fester Reihenfolge: Variables -> Reset -> Typo -> Layout -> Components
   ===================================================================== */

@import "base/variables.css";
@import "base/reset.css";
@import "base/typography.css";

@import "layout/app.css";

@import "components/buttons.css";
@import "components/tables.css";
@import "components/cards.css";
@import "components/alerts.css";
@import "components/date-range-picker.css";
/* forms.css wurde in layout/app.css integriert (User-Entscheidung, Phase 1.7.18+)
   visitor-overview.css wurde in layout/app.css integriert (User-Entscheidung, Phase 4.1b.fix5+) */

/* ---- Utilities ---- */
.flex     { display: flex; }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: var(--space-1); }
.gap-2 { gap: var(--space-2); }
.gap-3 { gap: var(--space-3); }
.gap-4 { gap: var(--space-4); }
.gap-6 { gap: var(--space-6); }

.mb-2 { margin-bottom: var(--space-2); }
.mb-3 { margin-bottom: var(--space-3); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-5 { margin-bottom: var(--space-5); }
.mb-6 { margin-bottom: var(--space-6); }

.mt-2 { margin-top: var(--space-2); }
.mt-4 { margin-top: var(--space-4); }
.mt-6 { margin-top: var(--space-6); }

.w-full { width: 100%; }
.text-right  { text-align: right; }
.text-center { text-align: center; }
.text-left   { text-align: left; }
.hidden { display: none; }

.divider {
    height: 1px;
    background: var(--color-border);
    margin: var(--space-6) 0;
}