/*
=====================================================
AETHER CHROME
=====================================================

Shared header and footer infrastructure for every
Aether screen. AetherChrome owns the persistent
inversion bands; individual modes own only their
labels, controls, and placement inside those bands.
=====================================================
*/


.aether-global-chrome {

    position:
        absolute;

    inset:
        0;

    z-index:
        2;

    pointer-events:
        none;

}


/* Shared in-screen perception bands. Mode styles only place
their contents inside these bands. */
.aether-chrome-header,
.aether-chrome-footer {

    position:
        relative;

    isolation:
        isolate;

    box-sizing:
        border-box;

}


.aether-chrome-header > *,
.aether-chrome-footer > * {

    position:
        relative;

    z-index:
        2;

}


.aether-global-chrome-header,
.aether-global-chrome-footer {

    position:
        absolute;

    left:
        0;

    width:
        100%;

    height:
        var(--aether-perception-panel-height);

    background:
        rgba(255, 255, 255, 0.018);

    backdrop-filter:
        var(--aether-lens-filter-soft);

    -webkit-backdrop-filter:
        var(--aether-lens-filter-soft);

}


.aether-global-chrome-header {

    top:
        0;

}


.aether-global-chrome-footer {

    bottom:
        0;

}


/*
Shared content hooks. These deliberately do not define
geometry: each Aether mode supplies its own layout.
*/


/*
Overview and Preview exchange their local copy without
withdrawing the global perception bands.
*/


.aether-entity-view.is-layer-out
.aether-chrome-header > *,

.aether-entity-view.is-layer-out
.aether-chrome-footer > * {

    transform:
        none;

    opacity:
        1;

}


.aether-menu.is-layer-out
.aether-chrome-header > *,

.aether-menu.is-layer-out
.aether-chrome-footer > * {

    transform:
        none;

    opacity:
        1;

}


.aether-preview-view.is-opening-ui
.aether-chrome-header > *,

.aether-preview-view.is-opening-ui
.aether-chrome-footer > * {

    transform:
        none;

    opacity:
        1;

}


/*
A handoff brings in a new mode while the Aether session
is still active. Its local interface may animate, but
the shared chrome and its immediate text containers do
not withdraw and re-enter.
*/


.is-aether-chrome-handoff
.aether-chrome-header > *,

.is-aether-chrome-handoff
.aether-chrome-footer > * {

    transform:
        none !important;

    opacity:
        1 !important;

}