/**
 * Styles for when the app is running inside an iframe (GoHighLevel integration).
 */

/* Prevent double scrollbars when embedded in iframe */
body.iframe-mode {
    overflow-y: auto;
    height: 100vh;
}

/* Adjust the main layout for iframe context */
body.iframe-mode .mud-main-content {
    /* Ensure content scrolls within the iframe */
    overflow-y: auto;
    max-height: calc(100vh - 64px); /* Account for app bar if present */
}

/* Make the layout more compact in iframe mode */
body.iframe-mode .mud-layout {
    height: 100vh;
    overflow: hidden;
}

body.iframe-mode .mud-drawer-container {
    height: 100%;
}

/* Ensure dialogs work properly in iframe mode */
body.iframe-mode .mud-overlay {
    position: fixed;
}

body.iframe-mode .mud-dialog-container {
    position: fixed;
}