/* ==========================================================================
   GMS — Main Stylesheet Entry Point
   Import order: tokens → base → layout → components → pages
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

/* Base */
@import "base/_variables.css";
@import "base/_reset.css";
@import "base/_typography.css";

/* Layout */
@import "layout/_sidebar.css";
@import "layout/_header.css";
@import "layout/_main.css";

/* Components */
@import "components/_buttons.css";
@import "components/_cards.css";
@import "components/_badges.css";
@import "components/_tables.css";
@import "components/_forms.css";
@import "components/_modals.css";
@import "components/_toast.css";
@import "components/_breadcrumb.css";
@import "components/_utilities.css";

/* Pages */
@import "pages/_dashboard.css";
@import "pages/_generators.css";
@import "pages/_spare-parts.css";
@import "pages/_faults.css";
@import "pages/_maintenance.css";

/* Bootstrap overrides */
.btn:focus-visible {
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.25);
}

.mb-4 { margin-bottom: 1.25rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mt-3 { margin-top: 1rem !important; }
.gap-3 { gap: 1rem !important; }
.d-flex { display: flex !important; }
.align-items-center { align-items: center !important; }
.justify-content-between { justify-content: space-between !important; }
.w-100 { width: 100% !important; }