/* PATCH 007: System Workspace overlay */
:root {
    --system-workspace-header-height: 72px;
    --system-workspace-footer-height: 34px;
    --system-workspace-dock-width: clamp(248px, 14vw, 310px);
    --system-workspace-layer: 400;
    --system-workspace-message-layer: 500;
}

/* System header is the ceiling above every contextual workspace. */
.app-header[data-system-workspace-role="ceiling"] {
    position: fixed !important;
    inset: 0 0 auto 0 !important;
    min-height: var(--system-workspace-header-height) !important;
    z-index: var(--system-workspace-message-layer) !important;
    pointer-events: auto !important;
}

/* System object sources remain available above the active workspace. */
#left-dock[data-system-workspace-role="object-source"],
#right-dock[data-system-workspace-role="object-source"] {
    position: fixed !important;
    top: var(--system-workspace-header-height) !important;
    bottom: var(--system-workspace-footer-height) !important;
    width: var(--system-workspace-dock-width) !important;
    max-height: none !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: var(--system-workspace-layer) !important;
    pointer-events: auto !important;
    transform: none !important;
}

#left-dock[data-system-workspace-role="object-source"] {
    left: 0 !important;
    right: auto !important;
}

#right-dock[data-system-workspace-role="object-source"] {
    right: 0 !important;
    left: auto !important;
}

#left-dock > .ui-card,
#right-dock > .ui-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    transform: none !important;
}

/* System messages remain above every current workspace. */
.ai-status[data-system-workspace-role="messages"] {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    min-height: var(--system-workspace-footer-height) !important;
    z-index: var(--system-workspace-message-layer) !important;
    pointer-events: auto !important;
}

/* Runtime and contextual workspaces occupy the area inside system chrome. */
#map-viewport,
#entity-workspace {
    --system-workspace-content-top: var(--system-workspace-header-height);
    --system-workspace-content-bottom: var(--system-workspace-footer-height);
}

#map-viewport {
    inset: var(--system-workspace-header-height) var(--system-workspace-dock-width) var(--system-workspace-footer-height) var(--system-workspace-dock-width) !important;
}

/* Fullscreen is a system-workspace command, not a map-workspace control. */
#toggle-fullscreen[data-system-command="fullscreen"] {
    order: 100;
}