/* Public organization diagram. Lines describe approved relationships; no custom icons. */
#organization-chart{--org-line:#8eaebf;--org-navy:#123b61;--org-blue:#0878bc}
.managed-org-chart-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;padding:28px 24px 32px;border:1px solid #d1e1e9;border-radius:8px;background:#fff;scrollbar-color:#7295ac #e8f0f5}
.managed-org-chart-scroll:focus-visible,.managed-org-table:focus-visible{outline:3px solid #0878bc;outline-offset:3px}
.managed-org-chart-canvas{min-width:760px}
.managed-org-chart-hint,.managed-org-table-hint{display:none}
.managed-org-chart-note{margin:14px 0 0;color:#526b7d;font-size:14px;line-height:1.6}
/* Original upper governance nodes retain their labels and connections. */
#organization-chart .managed-org-governance,#organization-chart .managed-org-governance ul{position:relative;list-style:none;margin:0;padding:0;min-width:0}
#organization-chart .managed-org-governance>li,#organization-chart .managed-org-governance .li-2 li{position:relative;margin:0;padding:0}
#organization-chart .managed-org-governance div{display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 16px;border:1px solid #bdd6e5;border-radius:8px;background:#edf5fa;color:#123b61;font-size:16px;font-weight:600;line-height:1.55;box-sizing:border-box}
#organization-chart .managed-org-governance .circle{width:88px;height:88px;min-height:88px;margin:0 auto;border-radius:50%;background:#0878bc;border-color:#0878bc;color:#fff;font-size:19px;font-weight:700}
#organization-chart .managed-org-governance .bg-navy{background:#123b61;border-color:#123b61;color:#fff}
#organization-chart .managed-org-governance .li-1{padding-bottom:26px}
#organization-chart .managed-org-governance .li-1::after,#organization-chart .managed-org-governance .li-2::after,#organization-chart .managed-org-governance .li-3::after{content:"";position:absolute;left:50%;width:0;border-left:1px solid var(--org-line);transform:none;z-index:0}
#organization-chart .managed-org-governance .li-1::after{top:88px;bottom:0}
#organization-chart .managed-org-governance .li-2>ul{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:54px}
#organization-chart .managed-org-governance .li-2>ul::before{content:"";position:absolute;left:16.6667%;right:16.6667%;top:44px;border-top:1px solid var(--org-line)}
#organization-chart .managed-org-governance .li-2 div{position:relative;z-index:1}
#organization-chart .managed-org-governance .li-2::after{top:88px;bottom:0}
#organization-chart .managed-org-governance .li-2::before,#organization-chart .managed-org-governance .li-2 li::before,#organization-chart .managed-org-governance .li-2 li::after{content:none}
#organization-chart .managed-org-governance .li-3{padding:24px 0;min-height:194px;box-sizing:border-box}
#organization-chart .managed-org-governance .li-3>div{width:38%;min-height:0;padding:14px 18px;font-size:14px;line-height:1.65;position:relative;z-index:1}
#organization-chart .managed-org-governance .li-3::before{content:"";position:absolute;left:38%;right:50%;top:50%;border-top:1px solid var(--org-line)}
#organization-chart .managed-org-governance .li-3::after{top:0;bottom:0}
/* The department graph always follows CMS parent_id, never guessed name ordering. */
.managed-org-heading{text-align:center;border:1px solid #d1e1e9;border-radius:8px;padding:18px;background:#fff;color:#123b61;font-weight:700}
#organization-chart .managed-org-tree{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px}
#organization-chart .managed-org-tree>li{position:relative;text-align:center;min-width:0}
#organization-chart .managed-org-tree a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:68px;padding:14px 10px;border:1px solid #a8c9dd;border-radius:8px;background:#f2f8fc;color:#123b61;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;word-break:keep-all;overflow-wrap:anywhere;box-sizing:border-box;transition:background-color .18s,border-color .18s}
#organization-chart .managed-org-tree a:hover{background:#deeff9;border-color:#0878bc;text-decoration:underline;text-underline-offset:4px}
#organization-chart .managed-org-tree a:focus-visible{outline:3px solid #0878bc;outline-offset:3px}
#organization-chart .managed-org-root,#organization-chart>.managed-org-tree{display:block}
#organization-chart .managed-org-root>li>a,#organization-chart>.managed-org-tree>li>a{width:224px;margin:0 auto;min-height:60px;background:#123b61;border-color:#123b61;color:#fff;font-size:17px;font-weight:700}
#organization-chart .managed-org-root>li>a:hover,#organization-chart>.managed-org-tree>li>a:hover{background:#1c517b}
#organization-chart .managed-org-tree .managed-org-tree{padding-top:56px;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
#organization-chart .managed-org-tree .managed-org-tree::before{content:"";position:absolute;left:50%;top:0;height:28px;border-left:1px solid var(--org-line)}
#organization-chart .managed-org-tree .managed-org-tree>li::before{content:"";position:absolute;left:-7px;right:-7px;top:-28px;border-top:1px solid var(--org-line)}
#organization-chart .managed-org-tree .managed-org-tree>li:first-child::before{left:50%}
#organization-chart .managed-org-tree .managed-org-tree>li:last-child::before{right:50%}
#organization-chart .managed-org-tree .managed-org-tree>li::after{content:"";position:absolute;left:50%;top:-28px;height:28px;border-left:1px solid var(--org-line)}
#organization-chart .managed-org-tree:empty{display:none}
.managed-org-department{scroll-margin-top:135px;margin:16px 0}
.managed-org-department summary{cursor:pointer;font-weight:700;padding:16px}
.managed-org-table{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
.managed-org-table table{width:100%;border-collapse:collapse;min-width:600px}
.managed-org-table th,.managed-org-table td{padding:14px 12px;border-bottom:1px solid #dbe5ec;text-align:left;vertical-align:top}
.managed-org-table th{background:#eef5fa}
.managed-org-table caption{text-align:left;color:#536c80;padding:12px}
.managed-org-duties{white-space:pre-line;overflow-wrap:anywhere;min-width:220px}
.managed-org-table td:nth-child(1){min-width:80px}.managed-org-table td:nth-child(2){min-width:75px}.managed-org-table td:nth-child(3){min-width:130px}
.managed-org-unit{display:block;font-size:13px;color:#526e83;margin-bottom:5px;overflow-wrap:anywhere}
@media(max-width:1100px){.managed-org-chart-hint,.managed-org-table-hint{display:block;margin:14px 0;color:#086a9e;font-size:14px;font-weight:600;line-height:1.6}.managed-org-table-hint{padding:0 16px}}
@media(max-width:640px){.managed-org-chart-scroll{padding:24px 18px}.managed-org-table{border:1px solid #dbe5ec}
#organization-chart>.managed-org-tree .managed-org-tree{grid-template-columns:1fr;padding:28px 0 0 20px;gap:12px}
#organization-chart>.managed-org-tree .managed-org-tree::before{left:8px;top:0;bottom:34px;height:auto}
#organization-chart>.managed-org-tree .managed-org-tree>li::before{left:-12px;right:auto;top:34px;width:12px}
#organization-chart>.managed-org-tree .managed-org-tree>li::after{content:none}}
@media(prefers-reduced-motion:reduce){#organization-chart .managed-org-tree a{transition:none}}

/* Confirmed side branch between the parent and its ordinary department row. */
#organization-chart .managed-org-governance a.managed-org-governance-link{display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;z-index:1;box-sizing:border-box}
#organization-chart .managed-org-governance a.managed-org-governance-link:hover{outline:2px solid #0878bc;outline-offset:3px}
#organization-chart .managed-org-governance a.managed-org-governance-link:focus-visible{outline:3px solid #0878bc;outline-offset:3px}
#organization-chart .managed-org-tree .managed-org-children{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
#organization-chart .managed-org-side-branches{position:relative;list-style:none;margin:0;padding:24px 0;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
#organization-chart .managed-org-side-branches::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px solid var(--org-line)}
#organization-chart .managed-org-side-node{position:relative;max-width:224px;width:28%;text-align:center;list-style:none}
#organization-chart .managed-org-side-node::before{content:"";position:absolute;right:100%;top:50%;width:calc((760px - 224px)/2);max-width:100%;border-top:1px solid var(--org-line)}
#organization-chart .managed-org-side-node>a{background:#e5f2fa;border-color:#87b9d4}
.managed-org-department-picker{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.managed-org-department-picker a{display:block;padding:10px 14px;border:1px solid #bdd3e1;border-radius:6px;text-decoration:none;color:#123b61}
.managed-org-department-picker a[aria-current="location"]{background:#0878bc;border-color:#0878bc;color:#fff;font-weight:700}
.managed-org-panel[hidden]{display:none!important}
.managed-org-governance-detail{scroll-margin-top:135px;margin:16px 0}
.managed-org-governance-detail summary{cursor:pointer;font-weight:700;padding:16px}
.managed-org-governance-detail p{padding:0 16px;line-height:1.7}
.managed-org-table td:nth-child(2){min-width:120px}.managed-org-table td:nth-child(3){min-width:220px}

#organization-chart .managed-org-side-branches{display:block}
#organization-chart .managed-org-side-node{width:100%;max-width:none}
#organization-chart .managed-org-side-node>a{width:min(28%,224px);margin-left:auto}
#organization-chart .managed-org-side-node::before{left:50%;right:min(28%,224px);top:34px;width:auto;max-width:none}

/* 2026-10-19: compact public-service layout, scoped to the diagram. */
#organization-chart{--org-line:#c7cdd3;--org-border:#cdd3d9;--org-muted:#f2f3f5}
#organization-chart .managed-org-chart-scroll{overflow:visible;padding:0;border:0;border-radius:0;background:transparent;overscroll-behavior:auto}
#organization-chart .managed-org-chart-canvas{min-width:0}
#organization-chart .managed-org-chart-hint{display:none}
#organization-chart .managed-org-governance{min-width:0}
#organization-chart .managed-org-governance div,#organization-chart .managed-org-governance a.managed-org-governance-link{width:100%;min-height:52px;height:auto;padding:12px 16px;border:1px solid var(--org-border);border-radius:4px;background:#fff;box-shadow:none;color:var(--org-navy);font-size:15px;line-height:1.5}
#organization-chart .managed-org-governance .circle{width:min(100%,224px);height:52px;min-height:52px;border-radius:4px;background:var(--org-blue);border-color:var(--org-blue);color:#fff;font-size:17px;box-shadow:none}
#organization-chart .managed-org-governance .li-1{padding-bottom:20px}
#organization-chart .managed-org-governance .li-1::before{content:none}
#organization-chart .managed-org-governance .li-1::after{top:52px;bottom:0;height:auto;background:none}
#organization-chart .managed-org-governance .li-2>ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#organization-chart .managed-org-governance .li-2 div,#organization-chart .managed-org-governance .li-2 a.managed-org-governance-link{height:64px;min-height:64px;padding:8px 12px}
#organization-chart .managed-org-governance .li-2 .bg-navy{background:var(--org-navy);border-color:var(--org-navy);color:#fff}
#organization-chart .managed-org-governance .li-2>ul::before{left:16.6667%;right:16.6667%;top:32px;width:auto;height:0;background:none}
#organization-chart .managed-org-governance .li-2::after{top:64px;bottom:0;width:0;height:auto;background:none}
#organization-chart .managed-org-governance .li-3{padding:16px 0 20px;min-height:0}
#organization-chart .managed-org-governance .li-3>div{display:block;width:43%;max-width:410px;padding:0;border:1px solid var(--org-border);border-radius:4px;background:#fff;color:var(--org-navy);font-size:14px;line-height:1.55;text-align:left;overflow:hidden}
#organization-chart .managed-org-governance .li-3>div>span{display:block;padding:12px 16px}
#organization-chart .managed-org-governance .li-3::before{left:43%;right:50%;top:50%;width:auto;height:0;background:none}
#organization-chart .managed-org-governance .li-3::after{top:0;bottom:0;width:0;height:auto;background:none}
#organization-chart .managed-org-group-label{margin:0;padding:11px 14px;border-bottom:1px solid var(--org-border);background:var(--org-muted);color:var(--org-navy);font-size:15px;font-weight:700;line-height:1.5}
#organization-chart .managed-org-governance ul.managed-org-committees{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px 14px;text-align:left}
#organization-chart .managed-org-committees>li{min-width:0;font-size:13px;font-weight:400;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
#organization-chart .managed-org-tree a{min-height:52px;padding:12px;border:1px solid var(--org-border);border-radius:4px;background:#fff;color:var(--org-navy);font-size:15px;line-height:1.5;box-shadow:none}
#organization-chart .managed-org-tree a:hover{background:#eaf2f8;border-color:var(--org-blue)}
#organization-chart .managed-org-tree a[aria-current="location"]{box-shadow:inset 0 0 0 1px var(--org-blue)}
#organization-chart .managed-org-root>li>a{width:min(100%,224px);min-height:52px;margin:0 auto;border:2px solid var(--org-blue);background:#fff;color:var(--org-navy);font-size:17px}
#organization-chart .managed-org-root>li>a:hover{background:#eaf2f8}
#organization-chart .managed-org-side-branches{display:block;padding:16px 0;margin:0}
#organization-chart .managed-org-side-node>a{width:min(31%,240px);min-height:52px;margin-left:auto;background:#fff;border-color:var(--org-border);font-size:14px}
#organization-chart .managed-org-side-node::before{left:50%;right:min(31%,240px);top:26px;width:auto;height:0;background:none}
#organization-chart .managed-org-root>li>.managed-org-children{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:26px}
#organization-chart .managed-org-root>li>.managed-org-children::before{top:0;height:13px}
#organization-chart .managed-org-root>li>.managed-org-children>li{align-self:start;border:1px solid var(--org-border);border-radius:4px;background:#fff}
#organization-chart .managed-org-root>li>.managed-org-children>li::before{left:-7px;right:-7px;top:-14px}
#organization-chart .managed-org-root>li>.managed-org-children>li:first-child::before{left:50%}
#organization-chart .managed-org-root>li>.managed-org-children>li:last-child::before{right:50%}
#organization-chart .managed-org-root>li>.managed-org-children>li::after{top:-14px;height:14px}
#organization-chart .managed-org-root>li>.managed-org-children>li>a{border:0;border-radius:3px;background:var(--org-muted);font-weight:700}
#organization-chart .managed-org-root>li>.managed-org-children .managed-org-children{display:block;padding:0;margin:0}
#organization-chart .managed-org-root>li>.managed-org-children .managed-org-children::before,#organization-chart .managed-org-root>li>.managed-org-children .managed-org-children>li::before,#organization-chart .managed-org-root>li>.managed-org-children .managed-org-children>li::after{content:none}
#organization-chart .managed-org-root>li>.managed-org-children .managed-org-children a{border:0;border-top:1px solid var(--org-border);border-radius:0 0 3px 3px;background:#fff;font-size:14px;font-weight:400}
#organization-chart .managed-org-chart-note{margin-top:16px;font-size:14px;line-height:1.6}
@media(max-width:760px){
  #organization-chart .managed-org-governance .li-1{padding-bottom:8px}
  #organization-chart .managed-org-governance .li-1 .circle{width:100%;height:52px}
  #organization-chart .managed-org-governance .li-2>ul{gap:8px}
  #organization-chart .managed-org-governance .li-2 div,#organization-chart .managed-org-governance .li-2 a.managed-org-governance-link{width:100%;height:60px;min-height:60px;padding:8px 6px;font-size:13px;line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}
  #organization-chart .managed-org-governance .li-3{padding:20px 0}
  #organization-chart .managed-org-governance .li-3>div{width:100%;max-width:none}
  #organization-chart .managed-org-governance ul.managed-org-committees{display:block;padding:0}
  #organization-chart .managed-org-committees>li{padding:10px 14px;font-size:14px}
  #organization-chart .managed-org-committees>li+li{border-top:1px solid #e6e8eb}
  #organization-chart .managed-org-governance .li-1::after,#organization-chart .managed-org-governance .li-2::after,#organization-chart .managed-org-governance .li-2>ul::before,#organization-chart .managed-org-governance .li-3::before,#organization-chart .managed-org-governance .li-3::after,#organization-chart .managed-org-side-branches::before,#organization-chart .managed-org-side-node::before{content:none}
  #organization-chart .managed-org-root>li>a{width:100%;min-height:52px;text-align:left;justify-content:flex-start;padding:12px 40px 12px 14px;font-size:16px}
  #organization-chart .managed-org-side-branches{padding:12px 0 20px}
  #organization-chart .managed-org-side-node>a{width:100%;min-height:52px;text-align:left;justify-content:flex-start;padding:12px 40px 12px 14px;font-size:14px}
  #organization-chart .managed-org-root>li>.managed-org-children{grid-template-columns:1fr;gap:12px;padding-top:0}
  #organization-chart .managed-org-root>li>.managed-org-children::before,#organization-chart .managed-org-root>li>.managed-org-children>li::before,#organization-chart .managed-org-root>li>.managed-org-children>li::after{content:none}
  #organization-chart .managed-org-root>li>.managed-org-children>li>a,#organization-chart .managed-org-root>li>.managed-org-children .managed-org-children a{justify-content:flex-start;text-align:left;padding:12px 40px 12px 14px;min-height:48px}
  #organization-chart .managed-org-tree a::after{content:"";position:absolute;right:14px;top:50%;width:16px;height:16px;transform:translateY(-50%);background:currentColor;mask:url("/swin-main/assets/icons/participation/caret-right.svg") center/contain no-repeat;-webkit-mask:url("/swin-main/assets/icons/participation/caret-right.svg") center/contain no-repeat;opacity:.65;pointer-events:none}
}

/* Organization details are selected in the chart and remain fully open. */
#organization-staff .managed-org-panel-content{border:1px solid #d1e1e9;border-radius:8px;background:#fff}
#organization-staff .managed-org-panel-heading{margin:0;padding:16px;border-bottom:1px solid #dbe5ec;color:#123b61;font-size:18px;font-weight:700;line-height:1.6}
#organization-staff .managed-org-panel-heading:focus-visible{outline:3px solid #0878bc;outline-offset:3px}
#organization-staff .managed-org-selection-empty{margin:16px 0;padding:16px 0;color:#526b7d;line-height:1.7}
#organization-staff .managed-org-selection-empty[hidden]{display:none!important}