:root {
  --bs-primary: #309144;
  --bs-primary-rgb: 48, 145, 68;
}

.bg-primary {
  background-color: var(--bs-primary) !important;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.border-primary {
  border-color: var(--bs-primary) !important;
}

.btn-primary {
  background-color: #309144;
  border-color: #309144;
}

.btn-primary:hover {
  background-color: #297c3b; /* versi lebih gelap */
  border-color: #297c3b;
}

.inventory-form-accordion .accordion-item {
  background-color: transparent;
  border-color: var(--bs-border-color);
}

.inventory-form-accordion .accordion-button {
  background-color: rgba(var(--bs-primary-rgb), 0.08);
  color: var(--bs-heading-color);
  border-radius: 0.375rem;
}

.inventory-form-accordion .accordion-button:not(.collapsed) {
  background-color: rgba(var(--bs-primary-rgb), 0.14);
  color: var(--bs-primary);
  box-shadow: inset 0 -1px 0 var(--bs-border-color);
}

.inventory-form-accordion .accordion-button::after {
  filter: none;
}

:root[data-bs-theme='dark'] .inventory-form-accordion .accordion-button {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) 72%, var(--bs-primary) 28%);
  color: #f3f6f4;
}

:root[data-bs-theme='dark'] .inventory-form-accordion .accordion-button:not(.collapsed) {
  background-color: color-mix(in sRGB, var(--bs-paper-bg) 58%, var(--bs-primary) 42%);
  color: #ffffff;
}

:root[data-bs-theme='dark'] .inventory-form-accordion .accordion-button::after {
  filter: invert(1) grayscale(1) brightness(1.4);
}

.inventory-surface,
.inventory-media-frame {
  background-color: var(--bs-body-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color);
}

.inventory-media-frame {
  display: block;
}

:root[data-bs-theme='dark'] .inventory-surface,
:root[data-bs-theme='dark'] .inventory-media-frame {
  background-color: color-mix(in sRGB, var(--bs-body-bg) 88%, #ffffff 12%) !important;
}