/*
 * Utilities used by current templates but absent from the pinned, prebuilt
 * Tailwind bundle. Keep this file tiny and regression-tested; fold these rules
 * into app.css the next time the bundle is intentionally regenerated.
 */
.min-h-10 {
  min-height: 2.5rem;
}

.min-w-64 {
  min-width: 16rem;
}

.break-words {
  overflow-wrap: break-word;
}

.transition-transform {
  transition-property: transform;
  transition-duration: 150ms;
}

.border-brand-500 {
  border-color: #0f766e;
}

.border-amber-500 {
  border-color: #f59e0b;
}

.pb-6 {
  padding-bottom: 1.5rem;
}

.disabled\:opacity-40:disabled {
  opacity: 0.4;
}

.hover\:text-brand-900:hover {
  color: #134e4a;
}

@media (min-width: 640px) {
  .sm\:absolute {
    position: absolute;
  }

  .sm\:right-0 {
    right: 0;
  }
}

@media (min-width: 1024px) {
  .material-receipt-layout {
    grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  }
}