/************************************************************************************************
 *
 * Project:     Apollo Viewer
 * File:        /assets/css/master.css
 * Version:     v2.1.1
 * Purpose:     Canonical Viewer CSS entrypoint.
 *
 * Notes:
 * - Acts as the single CSS file loaded by the Viewer shell.
 * - Imports shared Apollo Platform grid primitives.
 * - Imports all Viewer-specific split styles in dependency order.
 * - Keeps Viewer styling self-contained except for explicit shared Platform primitives.
 * - Applies final Viewer overlay safe-edge overrides after all imported styles.
 *
 ************************************************************************************************/

/* ------------------------------------------------------------------------------------------------
 * Shared Apollo Platform Primitives
 * --------------------------------------------------------------------------------------------- */

@import url('https://platform.apollodisplays.us/assets/css/apollo/05-grid.css');

/* ------------------------------------------------------------------------------------------------
 * Apollo Viewer Styles
 * --------------------------------------------------------------------------------------------- */

@import url('./base.css');

@import url('./diagnostics.css');
@import url('./playback.css');
@import url('./transitions.css');
@import url('./overlays.css');
@import url('./status-layout.css');

/* ------------------------------------------------------------------------------------------------
 * Final Viewer Overlay Safe-Edge Overrides
 * --------------------------------------------------------------------------------------------- */

.viewer-health-indicator {
    right: 48px !important;
    bottom: 48px !important;
}

.viewer-playback-overlay {
    left: 48px !important;
    bottom: 48px !important;
}

.viewer-body.viewer-body--playback.viewer-orientation--landscape .viewer-playback-overlay {
    left: 48px !important;
    bottom: 48px !important;
}

.viewer-body.viewer-body--playback.viewer-orientation--portrait .viewer-playback-overlay {
    left: 48px !important;
    bottom: 48px !important;
}

.viewer-body.viewer-body--playback.viewer-orientation--landscape-flipped .viewer-playback-overlay {
    left: 48px !important;
    bottom: 48px !important;
}

.viewer-body.viewer-body--playback.viewer-orientation--portrait-flipped .viewer-playback-overlay {
    left: 48px !important;
    bottom: 48px !important;
}