/* ── Gen Z / Techy Theme overrides ────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap');

.theme-genz {
    --md3-background: #0A0A0F;
    --md3-surface:    #12121A;
    --md3-accent:     #00E5FF;
    --ct-input-bg:    #0D0D14;
    --ct-border:      #1E1E2E;
    --ct-text:        #E0E0E0;
    --ct-subtext:     #8A8A9A;
    --ct-header-bg:   #0D0D14;
    --ct-btn-primary: #00E5FF;
    --scrollbar-thumb: #2A2A4A;
    --scrollbar-track: #0A0A0F;
}

.theme-genz .page,
.theme-genz html,
.theme-genz body {
    background-color: #0A0A0F !important;
    font-family: 'JetBrains Mono', 'Fira Code', Consolas, monospace !important;
}

.theme-genz .top-row {
    background-color: #0D0D14 !important;
    border-bottom: 1px solid rgba(0, 229, 255, 0.15) !important;
}

.theme-genz .content-wrapper,
.theme-genz .content {
    background: #0A0A0F !important;
}

.theme-genz .editor-pane {
    background: rgba(18, 18, 26, 0.85) !important;
    border: 1px solid rgba(0, 229, 255, 0.12) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.theme-genz .editor-textarea {
    background: #0D0D14 !important;
    color: #E0E0E0 !important;
    border: 1px solid rgba(0, 229, 255, 0.12) !important;
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 13px !important;
}

.theme-genz .pane-header {
    background: rgba(13, 13, 20, 0.9) !important;
    border-bottom: 1px solid rgba(0, 229, 255, 0.1) !important;
}

/* Neon accent glow on buttons */
.theme-genz .mud-button-filled-primary {
    background: linear-gradient(135deg, #00E5FF22, #00E5FF44) !important;
    border: 1px solid #00E5FF66 !important;
    color: #00E5FF !important;
    box-shadow: 0 0 12px rgba(0, 229, 255, 0.2) !important;
    font-family: 'JetBrains Mono', monospace !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 11px !important;
}

.theme-genz .mud-button-filled-primary:hover {
    box-shadow: 0 0 20px rgba(0, 229, 255, 0.4) !important;
    border-color: #00E5FF !important;
}

/* Tab styling */
.theme-genz .mud-tab-active {
    color: #00E5FF !important;
    border-bottom: 2px solid #00E5FF !important;
}

.theme-genz .nav-link {
    font-family: 'JetBrains Mono', monospace !important;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.theme-genz .nav-link:hover,
.theme-genz .nav-link.active {
    color: #00E5FF !important;
    background: rgba(0, 229, 255, 0.08) !important;
}

/* Scanline overlay effect */
.theme-genz .page::before {
    content: '';
    position: fixed;
    inset: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 229, 255, 0.015) 2px,
        rgba(0, 229, 255, 0.015) 4px
    );
    pointer-events: none;
    z-index: 9999;
    opacity: 0.5;
}

/* Footer */
.theme-genz .footer-bar {
    background: #0D0D14 !important;
    border-top: 1px solid rgba(0, 229, 255, 0.1) !important;
}

.theme-genz * {
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
.theme-genz *::-webkit-scrollbar { width: 4px; height: 4px; }
.theme-genz *::-webkit-scrollbar-track { background: var(--scrollbar-track); }
.theme-genz *::-webkit-scrollbar-thumb { 
    background: linear-gradient(180deg, #00E5FF44, #D500F944);
    border-radius: 2px;
}