body {
  background: #FAF7F2;
  color: #3D2E1E;
}

.warm-border { border-color: rgba(180, 160, 130, 0.28); }

.hero-grid {
  background-image:
    linear-gradient(rgba(176, 106, 58, 0.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(176, 106, 58, 0.07) 1px, transparent 1px);
  background-size: 42px 42px;
}

.produguia-preview,
.produguia-preview * {
  transition: background-color 180ms ease, color 180ms ease, border-color 180ms ease, transform 180ms ease;
}

.preview-panel { display: none; }
.preview-panel.active { display: block; }

.preview-input::placeholder { color: #8A7060; opacity: .72; }
.preview-tab:hover { color: #3D2E1E; }
.preview-tab.active:hover { color: #B06A3A; }
.preview-theme, .preview-category, .preview-preference, .preview-filter { cursor: pointer; }
.preview-category:hover, .preview-preference:hover { transform: translateY(-1px); }
.preview-category.is-expanded .category-details { display: block; }
.preview-category.is-hidden { display: none; }
.preview-filter.is-active { border-color: rgba(176,106,58,.45); background: #F5EAE0; color: #B06A3A; font-weight: 600; }
.preview-switch.is-on .preview-switch-knob,
.produguia-preview.is-dark .preview-theme .preview-switch-knob,
.produguia-preview.is-dark [data-dark-action] .preview-switch-knob { transform: translateX(16px); }

/* Correção principal: o preview não tem altura mínima fixa. A altura acompanha a aba ativa. */
.produguia-preview { height: auto; min-height: 0; }
.preview-body { min-height: 0; }

.produguia-preview.is-dark { background: #241E1A; border-color: rgba(255,255,255,.1); }
.produguia-preview.is-dark .preview-header { background: #302820; }
.produguia-preview.is-dark .preview-tabs,
.produguia-preview.is-dark .preview-body { background: #241E1A; }
.produguia-preview.is-dark .preview-title,
.produguia-preview.is-dark .text-textMain { color: #FAF7F2; }
.produguia-preview.is-dark .preview-subtitle,
.produguia-preview.is-dark .text-textSub,
.produguia-preview.is-dark .preview-input,
.produguia-preview.is-dark .preview-input::placeholder { color: #CDBEAC; }
.produguia-preview.is-dark .bg-white,
.produguia-preview.is-dark .preview-filter,
.produguia-preview.is-dark .preview-category,
.produguia-preview.is-dark .preview-preference { background: #312821; }
.produguia-preview.is-dark .warm-border { border-color: rgba(255,255,255,.12); }
.produguia-preview.is-dark .preview-theme .preview-switch,
.produguia-preview.is-dark [data-dark-action] .preview-switch { background: #B06A3A; }
.produguia-preview.is-dark .category-details,
.produguia-preview.is-dark .bg-accentLight\/60,
.produguia-preview.is-dark .bg-accentLight\/55 { background: rgba(176,106,58,.18); }
.produguia-preview.is-dark #emptySearch { background: #312821; }

@media (max-width: 640px) {
  .preview-helper { flex-direction: column; align-items: flex-start; gap: .25rem; }
  .produguia-preview .preview-tabs { padding-left: 1rem; padding-right: 1rem; }
  .produguia-preview .preview-tab { padding-left: .5rem; padding-right: .5rem; }
}



.logo-icon {
  width: 40px;
  height: 40px;
  display: block;
  object-fit: contain;
  flex: 0 0 auto;
}
.preview-header .logo-icon {
  width: 36px;
  height: 36px;
}