/* CTAK OS Styling Engine */

body {
    font-family: 'Outfit', sans-serif;
    background-image: radial-gradient(circle at 50% 50%, #0c101d 0%, #030712 100%);
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Glassmorphism Window Defaults */
.window {
    width: 500px;
    height: 400px;
    background: rgba(10, 15, 26, 0.5);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    transition: transform 0.2s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.15s ease;
    z-index: 10;
}

/* active window glow */
.window.active {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 20px 0px rgba(6, 182, 212, 0.15);
    border-color: rgba(6, 182, 212, 0.3);
    z-index: 30;
}

/* Custom Scrollbars */
.scrollbar-thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 4px;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 4px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Taskbar and Start Menu styles */
#taskbar {
    background: rgba(10, 15, 26, 0.45);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
}

#start-menu {
    background: rgba(8, 12, 22, 0.85);
    backdrop-filter: blur(30px);
    -webkit-backdrop-filter: blur(30px);
    box-shadow: 0 20px 40px -5px rgba(0, 0, 0, 0.7);
}

/* App window body styles */
#win-ai-terminal {
    width: 600px;
    height: 450px;
}

#win-file-explorer {
    width: 650px;
    height: 420px;
}

#win-file-editor {
    width: 550px;
    height: 450px;
    z-index: 40; /* Editor always stays highly visible when opened */
}

#win-sys-stats {
    width: 400px;
    height: 380px;
}

#win-erp-dashboard {
    width: 420px;
    height: 350px;
}

#win-design-hub {
    width: 680px;
    height: 480px;
}

#win-boq-manager {
    width: 780px;
    height: 500px;
}


/* Maximized window layout */
.window.maximized {
    width: 98% !important;
    height: calc(100vh - 80px) !important;
    top: 10px !important;
    left: 1% !important;
    transform: none !important;
}

#win-concrete-calc {
    width: 480px;
    height: 480px;
}

/* Animation utilities */
@keyframes windowOpen {
    from {
        opacity: 0;
        transform: scale(0.94) translateY(10px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

.window.opening {
    animation: windowOpen 0.25s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* Allow text selection in windows */
.window-body {
    user-select: text !important;
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
}