/* Desktop Glass Unify
   Single source of truth for desktop header + left panel + prompt glass styling.
   Loaded last in page head so it wins against older layered rules.
*/

@media (hover: hover) and (pointer: fine) {
    :root {
        --dg-header-bg: var(--header-glass-bg);
        --dg-header-border: var(--header-glass-border);
        --dg-shell-bg: var(--panel-glass-bg);
        --dg-shell-border: var(--panel-glass-border);
        --dg-prompt-bg: var(--prompt-glass-bg);
        --dg-prompt-border: var(--prompt-glass-border);
    }

    /* Header (exclude generator: it has its own block below to avoid double-layer paint) */
    body:not(.home-page):not(.generator-page) .main-header,
    body:not(.home-page):not(.generator-page) header.main-header,
    body:not(.home-page):not(.generator-page) .main-header[style] {
        background: var(--dg-header-bg) !important;
        background-color: var(--dg-header-bg) !important;
        background-image: none !important;
        border: none !important;
        border-bottom: 1px solid var(--dg-header-border) !important;
        backdrop-filter: blur(var(--glass-blur)) !important;
        -webkit-backdrop-filter: blur(var(--glass-blur)) !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    body:not(.home-page):not(.generator-page) .main-header::before {
        content: none !important;
    }

    body:not(.home-page):not(.generator-page) .main-header .nav-container {
        position: relative;
        z-index: 1;
    }

    /* Generator-only desktop header preview */
    body.generator-page .main-header,
    body.generator-page header.main-header,
    body.generator-page .main-header[style] {
        background: transparent !important;
        background-color: transparent !important;
        border-bottom: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        box-shadow: none !important;
    }

    body.generator-page .main-header::before {
        content: none !important;
    }

    /* Left-side shells across editor pages */
    .tg-sidebar,
    .tg-sidebar.qe-sidebar,
    .qe-sidebar,
    .print-tools-panel,
    .tryon-panel-left {
        background: var(--dg-shell-bg) !important;
        border-right: 1px solid var(--dg-shell-border) !important;
        border-color: var(--dg-shell-border) !important;
        backdrop-filter: blur(var(--glass-blur)) !important;
        -webkit-backdrop-filter: blur(var(--glass-blur)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    /* Prompt/input surfaces in side panels */
    #tg-prompt-side.tg-sidebar-textarea,
    #tg-negative-prompt.tg-sidebar-textarea,
    #qe-prompt-desktop.tg-sidebar-textarea,
    .tg-sidebar .tg-sidebar-textarea {
        background: var(--dg-prompt-bg) !important;
        border: 1px solid var(--dg-prompt-border) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 8px 24px rgba(0, 0, 0, 0.16) !important;
        color: var(--text-white) !important;
    }
}