/* ==========================================================================
   RESET.CSS — Modern CSS Reset
   CRM + HRMS Platform | Infusion Business Intelligence
   ==========================================================================
   A minimal, modern reset that normalizes browser defaults without
   stripping useful semantics. Pairs with variables.css and typography.css.
   ========================================================================== */

/* ------------------------------------------------------------------
   1. Box-sizing — border-box on everything
   ------------------------------------------------------------------ */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ------------------------------------------------------------------
   2. Margin & padding reset
   ------------------------------------------------------------------ */
*  {
  margin: 0;
  padding: 0;
}

/* ------------------------------------------------------------------
   3. Font inheritance — inputs, buttons, selects, textareas
      inherit font from their parent instead of using browser defaults
   ------------------------------------------------------------------ */
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}

/* ------------------------------------------------------------------
   4. Body defaults
   ------------------------------------------------------------------ */
body {
  min-height: 100vh;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* ------------------------------------------------------------------
   5. Images — responsive by default
   ------------------------------------------------------------------ */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ------------------------------------------------------------------
   6. Button — pointer cursor, no default border/background
   ------------------------------------------------------------------ */
button {
  cursor: pointer;
  background: none;
  border: none;
}

/* ------------------------------------------------------------------
   7. Anchor — remove default text decoration
   ------------------------------------------------------------------ */
a {
  text-decoration: none;
  color: inherit;
}

/* ------------------------------------------------------------------
   8. Lists — remove default list styling
   ------------------------------------------------------------------ */
ul,
ol {
  list-style: none;
}

/* ------------------------------------------------------------------
   9. Table — collapse borders, consistent spacing
   ------------------------------------------------------------------ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ------------------------------------------------------------------
   10. Textarea — vertical resize only (prevent horizontal overflow)
   ------------------------------------------------------------------ */
textarea {
  resize: vertical;
}

/* ------------------------------------------------------------------
   11. Remove default fieldset/legend styling
   ------------------------------------------------------------------ */
fieldset {
  border: none;
}

/* ------------------------------------------------------------------
   12. Smooth scrolling (respect user preference)
   ------------------------------------------------------------------ */
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* ------------------------------------------------------------------
   13. Hidden utility — used across the app for toggling visibility
   ------------------------------------------------------------------ */
.hidden {
  display: none !important;
}