/* 1. FORCE SCREEN HEIGHT CONFIGURATION */
html, body, #app, #global {
    height: 100vh !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}
.container.mx-auto.px-4.py-8.max-w-7xl {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100vh - 40px) !important;
    min-height: 0 !important;
}
.container.mx-auto.px-4.py-8.max-w-7xl > div:last-child {
    flex: 1 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
}
.grid.gap-3.grid-cols-1, .grid-cols-1 {
    height: 100% !important;
    align-content: start !important;
}

/* 2. HIDE TOP LOGO / NAVBAR BAR ROW COMPLETELY */
.container.mx-auto.px-4.py-4.max-w-7xl:has(img[src="/img/logo.svg"]),
nav, 
header,
img[src="/img/logo.svg"], 
h1.text-2xl.font-bold {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. HIDE BOTTOM LEFT FLOATING INTERVAl & THEME CONTROLS */
div[class*="fixed"][class*="bottom-"][class*="left-"],
.flex.items-center.gap-1.bg-background\/95,
div[data-v-477a96cc],
button[aria-label*="interval"],
button[aria-label*="mode"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* 4. HIDE BOTTOM RIGHT GITHUB SOCIAL LOGO ICON */
#social,
div[id="social"],
div[data-v-788af9ce],
div[class*="fixed"][class*="bottom-"][class*="right-"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}