@import "../../node_modules/golden-layout/dist/css/goldenlayout-base.css";

.lm_content {
    overflow: auto;
}

.lm_header .lm_controls {
    top: 6px;
    gap: 10px;
}

.lm_header .lm_tab {
    padding: 3px 25px 10px 10px;
}

.lm_header .lm_tab .lm_close_tab {
    width: 12px;
    height: 12px;
    top: 7px;
    right: 5px;
}

.lm_drop_tab_placeholder {
    height: 10px;
}

.lm_header .lm_tabdropdown_list .lm_tab {
    background: var(--background);
}

.lm_goldenlayout {
    background: var(--light-grey);
}

.lm_content {
    background: var(--background);
    border: 1px solid var(--gl-border);
}

.lm_dragProxy .lm_content {
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.lm_dropTargetIndicator {
    box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.4);
    outline: 1px dashed var(--gl-border);
}

.lm_dropTargetIndicator .lm_inner {
    background: color(--color);
    opacity: 0.1;
}

.lm_splitter {
    background: var(--grey);
    opacity: 0.001;
    transition: opacity 200ms ease;
}

.lm_splitter:hover,
.lm_splitter.lm_dragging {
    background: var(--gl-border);
    opacity: 1;
}

.lm_header {
    height: 28px;
}

.lm_header .lm_tab {
    font-family: Arial, Helvetica, sans-serif;
    color: var(--grey);
    margin-right: 2px;
    border: 1px solid var(--gl-border);
    border-bottom: none;
}

.lm_header .lm_tab .lm_title {
    padding-top: 1px;
}

.lm_header .lm_tab .lm_close_tab {
    opacity: 0.4;
}

.lm_header .lm_tab .lm_close_tab:hover {
    opacity: 1;
}

.lm_header .lm_tab.lm_active {
    border-bottom: none;
    box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2);
}

.lm_header .lm_tab.lm_active .lm_close_tab {
    opacity: 0.8;
}

.lm_dragProxy.lm_right .lm_header .lm_tab.lm_active,
.lm_stack.lm_right .lm_header .lm_tab.lm_active {
    box-shadow: 2px -2px 2px -2px rgba(0, 0, 0, 0.2);
}

.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active,
.lm_stack.lm_bottom .lm_header .lm_tab.lm_active {
    box-shadow: 2px 2px 2px -2px rgba(0, 0, 0, 0.2);
}
.lm_title.lm_focused {
    font-weight: bold;
}

.lm_title.lm_focused::before {
    content: "[";
    padding-right: 0.2em;
}

.lm_title.lm_focused::after {
    content: "]";
    padding-left: 0.2em;
}

.lm_tab:hover,
.lm_tab.lm_active {
    background: var(--background);
    color: var(--grey);
}
.lm_tab:not(.lm_active) {
    height: 13px;
}

.lm_header .lm_controls .lm_tabdropdown:before {
    color: var(--color);
}

.lm_controls > * {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.4;
    transition: opacity 300ms ease;
}

.lm_controls > *:hover {
    opacity: 1;
}

.lm_controls .lm_maximise {
    background: var(--color);
    -webkit-mask: url(_maximise.svg) center / 12px 12px no-repeat;
    mask: url(_maximise.svg) center / 12px 12px no-repeat;
}

.lm_controls .lm_close,
.lm_header .lm_tab .lm_close_tab {
    background: var(--color);
    -webkit-mask: url(_close.svg) center / 12px 12px no-repeat;
    mask: url(_close.svg) center / 12px 12px no-repeat;
}
.lm_maximised .lm_controls .lm_maximise {
    background: var(--color);
    -webkit-mask: url(_minimise.svg) center / 12px 12px no-repeat;
    mask: url(_minimise.svg) center / 12px 12px no-repeat;
}

.lm_transition_indicator {
    /* TransitionIndicator is internal+deprecated+undocumented */
    background-color: var(--color);
    border: 1px dashed var(--grey);
}
