/* Full Page View - Hide Replit Console and Maximize Viewport */

/* Reset viewport to use full screen */
html, body {
    height: 100vh !important;
    width: 100vw !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    position: relative !important;
}

/* Aggressively hide ANY possible console elements */
*[class*="console"],
*[class*="terminal"], 
*[class*="shell"],
*[data-testid*="console"],
*[data-testid*="terminal"],
*[data-cy*="console"],
*[data-cy*="terminal"],
iframe[src*="console"],
iframe[title*="Console"],
iframe[title*="Shell"],
iframe[title*="Terminal"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

/* Hide all Replit console elements */
iframe[src*="console"],
iframe[title*="console"],
div[data-testid*="console"],
div[class*="console"],
div[class*="tab-panel"],
div[class*="bottom-panel"],
.replit-console,
.console-container,
.console-tab,
.bottom-tabs,
.workspace-tabs {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Force main application to use full viewport */
body > div:first-child,
.app-container,
.main-container {
    min-height: 100vh !important;
    height: 100vh !important;
    max-height: 100vh !important;
}

/* Ensure no bottom margins or padding create console space */
.container,
.container-fluid,
main,
.main-content {
    margin-bottom: 0 !important;
    padding-bottom: 1rem !important;
}

/* Override any fixed bottom positioning that might be console-related */
div[style*="bottom: 0"],
div[style*="position: fixed"][style*="bottom"] {
    display: none !important;
}

/* Chatbot positioning adjustment for full screen */
.chat-widget,
.chatbot-container {
    position: fixed !important;
    bottom: 20px !important;
    right: 20px !important;
    z-index: 9999 !important;
}

/* Prevent scroll issues */
body {
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

/* Media queries for responsive full screen */
@media (max-width: 768px) {
    .chat-widget {
        bottom: 10px !important;
        right: 10px !important;
        width: 90vw !important;
        max-width: 350px !important;
    }
}