/*
 * Author: Tobalt — https://tobalt.lt
 * Interactive organisational-structure chart (Bendrovės valdymas → Org. struktūra).
 * Data-driven: nodes + connectors come from assets/js/telecentras-org-chart.js.
 * Design canvas 2560×1180, scaled to fit the container width.
 */
.tcl-org-chart { width: 100%; }

.tcl-org-chart-wrap { position: relative; width: 100%; }

.tcl-org-chart-canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 2560px;
    height: 1180px;
    transform-origin: top left;
}

.tcl-org-chart-wires {
    position: absolute;
    inset: 0;
    width: 2560px;
    height: 1180px;
    pointer-events: none;
    overflow: visible;
}
.tcl-org-chart-wires line { stroke-linecap: round; }

.tcl-org-node {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
    font-family: var(--tcl-font-sans, 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
    font-weight: 700;
    color: #231F20;
    line-height: 1.18;
    padding: 0 36px;
    border-radius: 60px;
    transition: transform .18s ease, box-shadow .18s ease;
}

/* Floating-pill cards (departments, CEO, governance) */
.tcl-org-node.is-card { box-shadow: 0 16px 36px rgba(9, 8, 72, 0.10), 0 3px 8px rgba(9, 8, 72, 0.06); }
.tcl-org-node.is-card:hover { transform: translateY(-3px); box-shadow: 0 22px 48px rgba(9, 8, 72, 0.16), 0 4px 10px rgba(9, 8, 72, 0.07); }

/* Node types */
.tcl-org-node.type-ghost { background: #FFFFFF; box-shadow: 0 10px 30px rgba(9, 8, 72, 0.06); font-size: 30px; }
.tcl-org-node.type-staff { background: #F1F1F2; box-shadow: inset 0 0 0 1px rgba(9, 8, 72, 0.04), 0 10px 26px rgba(9, 8, 72, 0.06); font-size: 28px; font-weight: 600; }
.tcl-org-node.type-lead  { background: linear-gradient(100deg, #DCEEFB 0%, #EAF5FD 55%, #F4FAFE 100%); font-size: 33px; }
.tcl-org-node.type-dept  { font-size: 28px; }