/** * Embed Mode Styles * Clean and minimal UI for iframe embedding in partner CRMs * Note: .embed-mode class is added to element immediately via inline script * * PHILOSOPHY: Let the base responsive CSS do its job. Only hide UI elements here. */ /* Hide non-essential elements in embed mode */ html.embed-mode .marketing-banner, html.embed-mode .subscription-prompt, html.embed-mode .upgrade-banner, html.embed-mode #admin-menu, html.embed-mode .promo-banner { display: none !important; } /* Hide auth buttons but keep .nav-auth visible (credit indicator is inside) */ html.embed-mode .logout-btn, html.embed-mode .btn-auth { display: none !important; } /* Slightly reduce padding for embed context (optional - can be removed if not needed) */ html.embed-mode body { padding: 15px 10px; } html.embed-mode .container { padding: 20px; } /* Ensure no horizontal overflow */ html.embed-mode body, html.embed-mode .container, html.embed-mode .video-container { overflow-x: hidden; box-sizing: border-box; }