@import "tailwindcss";

@source "../../views";
@source "../../javascript";

/* Modal animations */
.modal-content {
  transform: translateY(100%);
  transition: transform 0.3s ease-out;
}

.modal-content.modal-enter {
  transform: translateY(0);
}

/* Sidebar transition */
.sidebar-collapsed {
  width: 4.5rem;
}

.sidebar-expanded {
  width: 16rem;
}

/* Status badge colors */
@utility status-backorder {
  background-color: rgb(245 158 11 / 0.2);
  color: rgb(251 191 36);
}

@utility status-ready-to-pack {
  background-color: rgb(59 130 246 / 0.2);
  color: rgb(96 165 250);
}

@utility status-packed {
  background-color: rgb(99 102 241 / 0.2);
  color: rgb(129 140 248);
}

@utility status-preparing {
  background-color: rgb(168 85 247 / 0.2);
  color: rgb(192 132 252);
}

@utility status-shipped {
  background-color: rgb(6 182 212 / 0.2);
  color: rgb(34 211 238);
}

@utility status-delivered {
  background-color: rgb(34 197 94 / 0.2);
  color: rgb(74 222 128);
}

@utility status-cancelled {
  background-color: rgb(239 68 68 / 0.2);
  color: rgb(248 113 113);
}