/* ==========================================================================
   Bootstrap .card restyle.
   Owning feature: shared / components
   Load order is defined in Views/Shared/_CssIncludes.cshtml — do not reorder.
   ========================================================================== */

/* --- Cards ------------------------------------------------------------- */
.card {
  border: 1px solid var(--fh-border);
  border-radius: var(--fh-radius-lg);
  box-shadow: var(--fh-shadow-sm);
}
.card-header {
  background: #fff;
  border-bottom: 1px solid var(--fh-border);
  border-top-left-radius: var(--fh-radius-lg);
  border-top-right-radius: var(--fh-radius-lg);
  padding: calc(var(--fh-card-pad, 1.1rem) * 0.82) var(--fh-card-pad, 1.1rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.card-title {
  font-size: var(--fh-text-md);
  font-weight: var(--fh-weight-semibold);
  color: var(--fh-text);
  margin: 0;
}
.card-tools { display: flex; align-items: center; gap: 0.4rem; }
.card-body { padding: var(--fh-card-pad, 1.1rem); color: var(--fh-text); }
.card-footer {
  background: #fff;
  border-top: 1px solid var(--fh-border);
  padding: calc(var(--fh-card-pad, 1.1rem) * 0.68) var(--fh-card-pad, 1.1rem);
  border-bottom-left-radius: var(--fh-radius-lg);
  border-bottom-right-radius: var(--fh-radius-lg);
}
/* The accent stripe itself. This rule used to come from adminlte.min.css
   (`.card-outline{border-top:3px solid var(--lte-card-variant-bg)}`); it is
   restated here because 21 views across Admin, Department, Storage, Sharing
   and Account still use `.card.card-outline.card-*` and would otherwise lose
   their colour band entirely. The variable names are kept as-is so the
   per-variant declarations below did not have to be rewritten.
   Each variant sets `--lte-card-variant-bg` rather than reading
   `--bs-primary`, so the app's own palette drives the accent. */
.card.card-outline {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: var(--lte-card-variant-bg, var(--fh-border));
}
.card-primary.card-outline, .card-primary { --lte-card-variant-bg: var(--fh-primary); }
.card-success.card-outline, .card-success { --lte-card-variant-bg: var(--fh-success); }
.card-danger.card-outline, .card-danger { --lte-card-variant-bg: var(--fh-danger); }
.card-warning.card-outline, .card-warning { --lte-card-variant-bg: var(--fh-warning); }
.card-secondary.card-outline, .card-secondary { --lte-card-variant-bg: var(--fh-muted); }