.product-design { display: flex; align-items: center; justify-content: center; min-height: 280px; margin-bottom: 20px; padding: 12px; background: #f5f6f2; border-radius: 16px; }
.product-design img { display: block; max-width: 100%; width: auto; height: 300px; object-fit: contain; border-radius: 10px; }
.product-design--totem img { height: 320px; border-radius: 0; }
.product-design--paused { filter: grayscale(1); opacity: .7; }
.product-name-label { font-size: 16px; margin: 0 0 14px; overflow-wrap: anywhere; }
.product-instagram-field { margin: 12px 0; }
.product-instagram-field input { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #ccc; border-radius: 8px; font: inherit; }
[hidden] { display: none !important; }
.product-pix-field label { display: block; margin-top: 12px; }
.product-pix-field small { display: block; margin-top: 10px; color: #546159; line-height: 1.5; }
.pix-link-preview { font-size: 12px; overflow-wrap: anywhere; color: #087e72; }
.dashboard-layout .main-content, .cards-grid > .card-item { min-width: 0; }
@media (max-width: 800px) {
  #dashboard-section .dashboard-layout { flex-direction: column; padding: 24px 16px; gap: 24px; }
  #dashboard-section .sidebar { width: 100%; box-sizing: border-box; }
  #dashboard-section .cards-grid { grid-template-columns: minmax(0, 1fr); }
  #dashboard-section .topbar { padding: 16px; gap: 16px; }
  #dashboard-section .topbar-user { min-width: 0; }
  #user-display { overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
}