/* Home Screen Specific Styles */

/* Darker, more subtle gray gradient background for home page */
body {
    background: linear-gradient(135deg, #0a0a0a 0%, #181818 100%);
    min-height: 100vh;
    max-height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden; /* Prevent scrolling */
}

/* Ensure the gradient covers the full viewport without scrolling */
html {
    height: 100%;
    overflow: hidden; /* Prevent scrolling on html */
}

/* Main content area adjustments for the gradient */
.main-content {
    position: relative;
    z-index: 1;
    height: 100vh;
    overflow: hidden; /* Prevent content from causing scroll */
    display: flex;
    flex-direction: column;
}

/* Remove the overlay as it's not needed with the darker gradient */
/* .main-content::before styles removed for cleaner look */

/* Ensure adminPanel fits within viewport */
#adminPanel {
    flex: 1;
    overflow: hidden;
}

/* Ensure root element fits properly */
#root {
    width: 100% !important;
    height: 100% !important;
    position: relative !important; /* Changed from absolute to relative */
    overflow: hidden;
}

/* Footer positioning to prevent overflow */
.footer {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 10px;
    text-align: right;
    z-index: 10;
}