/**
 * Surreal Technology - Wireframe Background Styles
 * Additional styles for pages with wireframe background
 */

/* Ensure content appears above wireframe */
body > *:not(#wireframe-bg) {
    position: relative;
    z-index: 1;
}

/* Adjust body background for wireframe visibility */
body {
    background: transparent !important;
}

/* Glassmorphism enhancement for wireframe background */
.glass-panel-wireframe {
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(12px);
    border: 1px solid rgba(59, 130, 246, 0.2);
}

/* Card enhancements for dark wireframe bg */
.card-wireframe {
    background: rgba(30, 41, 59, 0.9) !important;
    backdrop-filter: blur(8px);
    border: 1px solid rgba(59, 130, 246, 0.15);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
}

/* Text adjustments for dark background */
.text-wireframe-primary {
    color: #f8fafc !important;
}

.text-wireframe-secondary {
    color: #cbd5e1 !important;
}

/* Input styles for dark backgrounds */
.input-wireframe {
    background: rgba(15, 23, 42, 0.6) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
    color: #f8fafc !important;
}

.input-wireframe::placeholder {
    color: #64748b !important;
}

/* Sidebar adjustments for portal */
.sidebar-wireframe {
    background: rgba(15, 23, 42, 0.95) !important;
    border-right: 1px solid rgba(59, 130, 246, 0.2);
}