﻿@import './goldenlayout-base.css';
@import './goldenlayout-light-theme.css';

.bb-dock {
    --bb-gl-bg: #fafafa;
    --bb-gl-header-height: 25px;
    min-height: 400px;
    width: 100%;
    height: 100%;
}

    .bb-dock .lm_content {
        background: var(--bb-gl-bg);
        padding: 0.5rem;
    }

        .bb-dock .lm_content > .bb-dock-item {
            height: 100%;
        }

    .bb-dock .lm_header {
        display: flex;
        align-items: center;
    }

        .bb-dock .lm_header .lm_tab.lm_active {
            padding-bottom: 0;
            height: var(--bb-gl-header-height);
            background-color: var(--bb-gl-bg);
        }

        .bb-dock .lm_header .lm_tab .lm_title {
            line-height: var(--bb-gl-header-height);
        }

        .bb-dock .lm_header .lm_tab .lm_close_tab {
            top: 7px;
        }

        .bb-dock .lm_header .lm_controls {
            top: 5px;
        }

        .bb-dock .lm_header:has(.lm_close_tab.d-none) .lm_controls > .lm_close {
            display: none;
        }

        .bb-dock .lm_header .lm_tab {
            height: 20px;
        }

            .bb-dock .lm_header .lm_tab .bb-dock-item-title {
                display: inline-flex;
                margin-left: .5rem;
            }

                .bb-dock .lm_header .lm_tab .bb-dock-item-title i {
                    position: relative;
                    width: unset;
                    height: unset;
                }

            .bb-dock .lm_header .lm_tab:has(.lm_close_tab.d-none) {
                padding-right: 10px;
            }

    .bb-dock .lm_controls .bb-dock-lock {
        background-image: url(../images/unlock.svg);
    }

        .bb-dock .lm_controls .bb-dock-lock.lock {
            background-image: url(../images/lock.svg);
        }
