/* Meta Ads Analyzer Elementor. Minimal custom CSS. Main visual layer uses Tailwind CDN. */
.maa-root { width: 100%; overflow-x: hidden; }
.maa-root ::-webkit-scrollbar { width: 6px; height: 6px; }
.maa-root ::-webkit-scrollbar-track { background: #0f172a; }
.maa-root ::-webkit-scrollbar-thumb { background: #334155; border-radius: 3px; }
.maa-root ::-webkit-scrollbar-thumb:hover { background: #475569; }
@keyframes maaFadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.maa-root .animate-fadeIn { animation: maaFadeIn .18s ease-out; }


/* Dark background fallback for themes/Elementor pages even when Tailwind loads late. */
body.maa-analyzer-active { background: #0f172a !important; }
body.maa-analyzer-active #page,
body.maa-analyzer-active .site,
body.maa-analyzer-active .site-content,
body.maa-analyzer-active .entry-content,
body.maa-analyzer-active .elementor,
body.maa-analyzer-active .elementor-section,
body.maa-analyzer-active .elementor-container,
body.maa-analyzer-active .elementor-widget-container:has(.maa-root) { background: #0f172a !important; }
.maa-root { width: 100%; overflow-x: hidden; background: #0f172a !important; color: #f1f5f9 !important; min-height: 100vh; }
.maa-root input, .maa-root select, .maa-root textarea { color-scheme: dark; }
.maa-root button { cursor: pointer; }
.maa-root .bg-slate-950 { background-color: #0f172a !important; }
.maa-root .bg-slate-900 { background-color: #111827 !important; }

.maa-root .maa-chat-content strong { color: #fff; font-weight: 800; }
.maa-root .maa-chat-content h4 { color: #fff; }
.maa-root #recommendations-container { overflow: visible !important; max-height: none !important; }
@media (min-width: 1280px) {
  .maa-root #recommendations-container { grid-template-columns: 1fr; }
}