/* Cardápio admin module CSS
   Keep only module-specific rules here. Reusable administrative layout, cards, forms, chips, modals and responsive behavior live in /shared/design-system/. */

.dashboard-panel {
  display: grid;
  gap: clamp(14px, 1.8vw, 22px);
}

.pickup-toolbar {
  grid-template-columns: minmax(240px, 1fr) minmax(150px, 220px) minmax(150px, 220px) auto;
}

.order-supply-form {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.wa-btn {
  color: #cdd8af;
  border-color: rgba(205, 216, 175, 0.22);
}

.wa-btn:hover {
  color: var(--brass);
  border-color: rgba(198, 163, 104, 0.34);
}

@media (max-width: 640px) {
  .pickup-toolbar { grid-template-columns: 1fr; }
  .order-supply-form { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 380px) {
  .order-supply-form { grid-template-columns: 1fr; }
}

.item-image-picker {
  display: grid;
  grid-template-columns: 56px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-height: 64px;
  padding: 10px;
  border: 1px dashed var(--line-soft);
  border-radius: var(--radius-sm);
  color: var(--color-muted);
  background: rgba(255, 255, 255, .035);
}

.item-image-preview {
  width: 56px;
  aspect-ratio: 1;
  border-radius: var(--radius-sm);
  border: 1px solid var(--line-soft);
  background: rgba(255, 255, 255, .04);
  background-size: cover;
  background-position: center;
}

.item-image-preview.has-image {
  border-color: rgba(214, 164, 86, .36);
}

.item-image-picker span {
  min-width: 0;
  overflow-wrap: anywhere;
}