/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
 * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
 * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
 * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
 * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
 * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
 * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
 * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
 * ┃ This file is part of the Perspective library, distributed under the terms ┃
 * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
 * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
 */

@import "@lumino/widgets/style/widget.css";
@import "@lumino/widgets/style/accordionpanel.css";
@import "@lumino/widgets/style/commandpalette.css";
@import "@lumino/widgets/style/dockpanel.css";
@import "@lumino/widgets/style/menu.css";
@import "@lumino/widgets/style/menubar.css";
@import "@lumino/widgets/style/scrollbar.css";
@import "@lumino/widgets/style/splitpanel.css";
@import "@lumino/widgets/style/tabbar.css";
@import "@lumino/widgets/style/tabpanel.css";

/* @import "@lumino/widgets/style/widget.css";
@import "@lumino/widgets/style/accordionpanel.css";
@import "@lumino/widgets/style/commandpalette.css";
@import "@lumino/widgets/style/dockpanel.css";
@import "@lumino/widgets/style/menu.css";
@import "@lumino/widgets/style/menubar.css";
@import "@lumino/widgets/style/scrollbar.css";
@import "@lumino/widgets/style/splitpanel.css";
@import "@lumino/widgets/style/tabbar.css";
@import "@lumino/widgets/style/tabpanel.css"; */
@import "@lumino/widgets/style/index.css";

@import "./injected.css";
@import "./tabbar.css";
@import "./dockpanel.css";
@import "./widget.css";

:host {
    --psp-workspace--spacing: 3px;

    /* width: 100%; */
    /* height: 100%; */

    .workspace {
        width: 100%;
        height: 100%;
    }

    .lm-SplitPanel {
        height: 100%;
        width: 100%;
    }

    div.lm-SplitPanel-handle {
        background-color: var(
            --psp-workspace--split-panel-handle--background-color
        );
    }

    .master-panel {
        background-color: var(--workspace-master--background-color, inherit);
        padding: 0px 0px 0px 0px;

        .viewer-container {
            border-width: 0px;
        }
    }

    .perspective-workspace.context-menu * .lm-SplitPanel-handle {
        opacity: 0.2;
    }

    .perspective-workspace.context-menu > .lm-SplitPanel-handle {
        opacity: 0.2;
    }

    .context-menu .lm-TabBar:not(.context-focus) {
        pointer-events: none;
    }
}
