/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.karavan .topology-panel .topology-toolbar {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.karavan .topology-panel .topology-toolbar .group-switch {
    flex-grow: 4;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: 6px;
    gap: 16px;
}

.karavan .topology-panel .topology-toolbar .group-switch .pf-v5-c-switch {
    column-gap: 0.4em;
}

.karavan .topology-panel .pf-v5-c-toolbar {
padding: 0;
height: fit-content;
row-gap: 0;
}

.karavan .topology-panel .pf-v5-c-toolbar .pf-v5-c-toolbar__content {
padding: 0 6px 0 0;
width: 100%;
}

.karavan .topology-panel .pf-v5-c-toolbar .pf-v5-c-toolbar__content-section {
margin: 6px 0 6px 0;
}

.karavan .topology-panel .pf-v5-c-toolbar .pf-v5-c-toolbar__group{
width: 100%
}

.karavan .topology-panel .properties {
padding: 16px;
overflow: auto;
}

.karavan .topology-panel .properties .headers {
display: none;
}

.karavan .topology-panel .common-node .icon {
height: 32px;
width: 32px;
}

.karavan .topology-panel .common-node-R {

}

.karavan .topology-panel .pf-v5-c-panel__header {
padding-bottom: 0;
}

.karavan .topology-panel .file-button {
padding: 0;
}

.karavan .topology-toolbar {
padding: 0;
}

.karavan .topology-toolbar .button-icon-k8s {
    width: 1em;
    height: 1em;
    vertical-align: -0.125em;
}

.karavan .topology-panel .pf-topology__group .pf-topology__group__background {
stroke-width: 2px;
stroke-dasharray: 3;
}

.karavan .topology-panel .pf-topology__group .pf-topology__node__label__background {
opacity: 0.5;
}

.karavan .topology-panel .auto-start .badge {
fill: var(--pf-topology__node__label__background--Fill);
stroke-width: var(--pf-topology__node__label__background--StrokeWidth);
stroke: var(--pf-topology__node__label__background--Stroke);
}

.karavan .topology-panel .auto-start .text {
fill: var(--pf-topology__node__label__text--Fill);
}

.karavan .topology-panel .disable-node {
opacity: 0.6;
filter: grayscale(100%);
}

.karavan .pf-topology__node__label__badge > text {
fill: white;
}

.karavan .topology-panel .common-node-RT .pf-topology__node__background {
outline: 1px dashed grey;
outline-offset: 2px;
border-radius: 9px;
}

.karavan .topology-panel .create-route-dropdown-toggle .create-route-button svg {
    margin-right: 0.5em;
}

.karavan .topology-panel .create-route-dropdown-toggle .pf-v5-c-menu-toggle__button {
    padding-left: 1em;
    padding-right: 1em;
}

.karavan .topology-panel .create-route-dropdown-toggle .pf-v5-c-menu-toggle__button:last-child {
    padding-left: 0;
    padding-right: 0;
}

.pf-topology__group__label .pf-topology__node__label__background {
fill: grey;
}

.pf-topology__node.topology-color-component {
--pf-topology__node__label__background--Stroke: #2b9af3;
}

.pf-topology__node.topology-color-component .pf-topology__node__background {
--pf-topology__node__background--Stroke: #2b9af3;
}

.pf-topology__node.topology-color-kamelet {
--pf-topology__node__label__background--Stroke: #6ec664;
}

.pf-topology__node.topology-color-kamelet .pf-topology__node__background {
--pf-topology__node__background--Stroke: #6ec664;
}

.pf-topology__node.topology-color-route {
--pf-topology__node__label__background--Stroke: #ef9234;
}

.pf-topology__node.topology-color-route .pf-topology__node__background {
--pf-topology__node__background--Stroke: #ef9234;
}