/* src/css/controls.css */
/*   Skadi - A visual modelling tool for constructing directed graphs.

     Copyright (C) 2022-2025 Visual Topology Ltd

     Licensed under the MIT License
*/


.text_control { fill: black; }

.menuitem rect { fill: #EEE; }

.menuitem:hover rect { fill: yellow; }

/* src/css/designer.css */
/*   Skadi - A visual modelling tool for constructing directed graphs.

     Copyright (C) 2022-2025 Visual Topology Ltd

     Licensed under the MIT License
*/

svg {
    font: 16px sans-serif;
    overflow:scroll;
}

.fixed_svg {
  pointer-events: none;
}

.fixed_dialogue_group {
  pointer-events: all;
}

.fixed_button_group {
  pointer-events: all;
}

.design_fixed {
  pointer-events: none;
}

.background {
   pointer-events: all;
   fill: #FFF;
}

html {
  height: 100%;
  width: 100%;
  margin: 0px;
}

body {
  height: 100%;
  margin: 0px;
  border: 0px solid black;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 0;
}

.skadi_design_container {
    border-top: 1px solid black;
    flex-grow:1;
    width:100%;
    height:100%;
    overflow:clip;
}

.palette_page_button {
    margin-right: 5px;
    padding: 5px;
}

.selected_palette_page_button {
    background-color: yellow;
}








/* src/css/dialogue.css */
/*   Skadi - A visual modelling tool for constructing directed graphs.

     Copyright (C) 2022-2025 Visual Topology Ltd

     Licensed under the MIT License
*/

.svg_dialogue { fill:white; stroke-width: 2px; stroke: black }
.svg_dialogue_header { fill:#DDD; stroke-width: 0px; }
.svg_dialogue_title { font-size:18px; }
.svg_dialogue_divider { stroke-width: 1px; stroke: black; }


.skadi_iframe {
    border: 0;
    /* overflow: scroll; */
}

foreignObject {
    overflow: auto;
}

.dialog_connector {
    stroke: lightgray;
    stroke-width: 5px;
    fill: none;
    fill-rule: evenodd;
}

.dialog_connector_pad {
    fill: lightgray;
}

.skadi_status {
    min-height: 40px;
}

.alert_dialogue {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    background-size: cover;
}

.alert_dialogue > input {
    margin-left: auto;
}


/* src/css/link.css */
/*   Skadi - A visual modelling tool for constructing directed graphs.

     Copyright (C) 2022-2025 Visual Topology Ltd

     Licensed under the MIT License
*/

.link .mainpath { stroke-width:8; fill:none; }
.link .mainpath:hover { stroke:yellow; stroke-opacity:1.0; fill:none; }


/* src/css/node.css */
/*   Skadi - A visual modelling tool for constructing directed graphs.

     Copyright (C) 2022-2025 Visual Topology Ltd

     Licensed under the MIT License
*/

.node > text { font-size:14px; font-weight: bold; font-family: sans-serif;}
.node path { stroke:grey;stroke-linejoin:round; }

.node .inner { stroke:grey; stroke-width:4px; }
.node .inner { fill:white; }

.node .nodeicon { pointer-events:none;}
.node .inner {pointer-events:none;}
.node .outer { fill:none; pointer-events:visible; stroke-width:0px; stroke:none; opacity:0.0; }

.node .pending { fill:blue; opacity:0.5 }
.node .running { fill:purple; opacity:0.5; }
.node .completed { fill:purple; opacity: 0.0; transition: opacity 1s ease-in; }
.node .failed { fill:red; opacity:0.5; }

.tooltip rect { fill:white; }
.tooltip text { stroke: black; dominant-baseline: hanging; }

.status_area_background {
    fill:white;
    stroke:blue;
    stroke-width:2px;
    opacity:0.6;
}

.status_area_background_running {
    fill:white;
    stroke:green;
    stroke-width:2px;
    opacity:0.6;
}

.status_text {
    font-size: 14px;
    text-anchor: start;
}

.status_image {

}

.node_label {
    text-anchor: middle;
    dominant-baseline: middle;
}


/* src/css/port.css */
/*   Skadi - A visual modelling tool for constructing directed graphs.

     Copyright (C) 2022-2025 Visual Topology Ltd

     Licensed under the MIT License
*/

.port_inner { stroke:lightgray; stroke-width:4px; }
.port_inner:hover { stroke:yellow;  }

.port.port_in.highlight > circle { stroke:yellow; }

.port_zone { stroke:lightgray; stroke-width:4px; fill:none; }

.port_zone_arrow {
    fill: lightgray;
    stroke: darkgray;
}

.inport_text { stroke:black; text-anchor:end; dominant-baseline:central; }
.outport_text { stroke:black; dominant-baseline:central; }


/* src/css/common.css */
.skadi_header {
    background-color: #DDD;
    min-height: 40px;
}

.skadi_header_title {
    display: inline;
    margin-left: 20px;
    font-size: 32px;
}

.skadi_header_icon {
    height: 32px;
    margin-top: 4px;
    margin-right: 20px;
}

.skadi_header_right {
    float: right;
}

.skadi_header_text {
    margin-left: 20px;
}

.skadi_header_link {
    vertical-align: super;
    margin-right: 20px;
}