.ct-heading h1{font-size:2.1rem}.ct-topline{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 24px}.ct-tabs{display:flex;padding:4px;border:1px solid #dce5da;border-radius:9px;background:#eaf0e6;gap:4px}.ct-tabs button{background:transparent;border-radius:6px;padding:11px 17px;color:#65755e;font-size:.82rem}.ct-tabs button.active{background:white;color:#244a35;box-shadow:0 1px 4px #18332013}.ct-save-state{font-size:.77rem;color:#687d62}.ct-metrics{display:flex;border:1px solid var(--line);border-radius:10px;background:white;margin-bottom:24px;padding:20px 0}.ct-metrics>div{flex:1;padding:0 24px;border-right:1px solid var(--line);display:flex;gap:13px;align-items:center}.ct-metrics>div:last-child{border:0}.ct-metrics strong{font-size:1.6rem;font-weight:550}.ct-metrics span{font-size:.75rem;color:#7c8976}.ct-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.ct-toolbar{display:flex;gap:12px;align-items:flex-end;padding:17px;border-bottom:1px solid var(--line);flex-wrap:wrap}.ct-toolbar label{font-size:.7rem;margin:0;flex:1;min-width:140px}.ct-toolbar select{font-size:.77rem!important;padding:9px!important}.ct-toolbar button{padding:10px 12px;font-size:.73rem}.ct-canvas{overflow:auto;min-height:460px;max-height:760px;padding:32px 20px;background-color:#f9fbf7;background-image:radial-gradient(#cddbc6 1px,transparent 1px);background-size:20px 20px}.ct-company{border:1px solid #b9cdb1;background:#eaf3e4;border-radius:9px;text-align:center;padding:16px;width:220px;margin:0 auto 0;color:#325338}.ct-company>span{font-size:1.3rem;display:block}.ct-company strong{font-size:.87rem;display:block;margin:4px}.ct-company small{font-size:.68rem}.ct-tree{width:max-content;min-width:100%;padding:0 5px 20px}.ct-tree ul{padding:28px 0 0;display:flex;justify-content:center;position:relative;margin:0;list-style:none;gap:0}.ct-tree li{position:relative;padding:22px 10px 0;text-align:center}.ct-tree li::before,.ct-tree li::after{content:'';position:absolute;top:0;right:50%;border-top:1px solid #a9bca1;width:50%;height:22px}.ct-tree li::after{right:auto;left:50%;border-left:1px solid #a9bca1}.ct-tree li:only-child::before{display:none}.ct-tree li:only-child::after{border-top:0}.ct-tree li:first-child::before,.ct-tree li:last-child::after{border-top:0}.ct-tree li:last-child::after{border-left:0}.ct-tree li:first-child::after{border-radius:7px 0 0}.ct-tree li:last-child::before{border-right:1px solid #a9bca1;border-radius:0 7px 0 0}.ct-tree li:only-child::after{border-left:1px solid #a9bca1;border-radius:0}.ct-tree ul::before{content:'';position:absolute;top:0;left:50%;border-left:1px solid #a9bca1;height:28px}.ct-node{width:190px;background:white;border:1px solid #d9e3d4;border-radius:10px;text-align:left;margin:auto;box-shadow:0 3px 9px #213c2410;overflow:hidden}.ct-node.selected{border:2px solid #497950;box-shadow:0 0 0 3px #dcebd7}.ct-node.inactive{border-style:dashed}.ct-node[draggable=true]{cursor:grab}.ct-person{display:flex;align-items:center;gap:9px;padding:14px 11px 12px;background:none;width:100%;text-align:left;color:#314c39}.ct-person strong{font-size:.77rem;display:block}.ct-person small{font-size:.65rem;margin-top:4px;color:#798972}.ct-avatar{width:33px;height:33px;border-radius:10px;background:#edf3e8;color:#5b7951;display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;flex-shrink:0}.ct-avatar.large{width:52px;height:52px;font-size:1.15rem;border-radius:15px}.ct-node-bottom{border-top:1px solid #eef2eb;padding:9px 10px;display:flex;gap:5px;justify-content:space-between;align-items:center;color:#829079;font-size:.59rem}.ct-node-bottom button{background:#f0f5eb;border-radius:4px;padding:3px 5px;color:#5b7750;font-size:.61rem}.ct-status{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border-radius:5px;font-size:.69rem}.ct-node>.ct-status{display:flex;border-radius:0;border-top:1px solid #edf1e8;padding:9px 11px}.ct-status.waiting{background:#f4f1e9;color:#806e46}.ct-status.read{background:#edf3fa;color:#456b8a}.ct-status.safe{background:#eaf4e7;color:#3b703c}.ct-status.help{background:#fff0eb;color:#a34e38}.ct-details{overflow:hidden}.ct-detail-title{padding:25px 20px 20px;text-align:center;background:#f8faf5;border-bottom:1px solid var(--line)}.ct-detail-title h2{font-size:1.05rem;margin:12px 0 7px}.ct-detail-title p{font-size:.78rem;color:#87907c}.ct-contact{display:grid;gap:6px;padding:20px;border-bottom:1px solid var(--line)}.ct-contact span{font-size:.65rem;color:#88957f;margin-top:8px}.ct-contact strong{font-size:.75rem;font-weight:500;overflow-wrap:anywhere}.ct-detail-body{padding:20px}.ct-detail-body h3{font-size:.77rem;margin:0 0 17px}.ct-detail-body label{font-size:.72rem}.ct-detail-body input,.ct-detail-body select{font-size:.78rem!important;padding:9px!important}.ct-detail-body p{font-size:.78rem;line-height:1.9;margin-bottom:22px}.ct-detail-body small{font-size:.66rem;margin:9px 0 23px;line-height:1.6}.ct-responsibilities{list-style:none;padding:0;margin:0 0 22px}.ct-responsibilities button{background:none;border-bottom:1px solid #ecf1e7;display:flex;width:100%;justify-content:space-between;padding:11px 0;color:#59734c;text-align:left;font-size:.75rem}.ct-remove{font-size:.72rem;width:100%;color:#94604e}.ct-detail-empty{text-align:center;padding:70px 22px;color:#819175}.ct-detail-empty>span{font-size:2rem;display:block;margin-bottom:20px}.ct-detail-empty h3{font-size:.95rem;margin-bottom:12px}.ct-detail-empty p{font-size:.78rem;line-height:1.7}.ct-canvas-foot{padding:15px 18px;font-size:.7rem;color:#829077;line-height:1.6;border-top:1px solid var(--line)}.ct-empty{max-width:400px;margin:60px auto;text-align:center}.ct-empty>span{font-size:3rem;color:#91ae7f}.ct-empty h2{font-size:1.2rem;margin:17px 0 12px}.ct-empty p{font-size:.85rem;line-height:1.8;color:#829076;margin-bottom:22px}.ct-footnote{font-size:.75rem;color:#8a957f;line-height:1.7}.ct-drill-banner{padding:20px 23px;background:#fff5df;border:1px solid #ead8aa;border-radius:9px;margin-bottom:22px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ct-drill-banner strong{font-size:.69rem;letter-spacing:1px;color:#8c6c2c}.ct-drill-banner p{font-size:.77rem;line-height:1.7;color:#8b7956;flex:1;min-width:240px}.ct-drill-banner button{font-size:.72rem}.ct-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ct-legend small{font-size:.7rem;margin-left:auto;color:#8a957f}.ct-no-results{text-align:center;margin:35px;color:#718566;font-size:.85rem}#call-tree-root button:disabled{opacity:.45;cursor:not-allowed}#call-tree-root button:focus-visible,#call-tree-root select:focus-visible,#call-tree-root input:focus-visible,.ct-canvas:focus-visible{outline:3px solid #6e9b54;outline-offset:3px}@media(max-width:1200px){.ct-workspace{grid-template-columns:minmax(0,1fr)}.ct-details{max-width:none}.ct-details:has(.ct-detail-empty){display:none}.ct-metrics>div{padding:0 15px;flex-direction:column;align-items:flex-start;gap:5px}.ct-contact{grid-template-columns:1fr 2fr;align-items:center}.ct-detail-body{max-width:600px}.ct-detail-title{text-align:left}.ct-detail-title .ct-avatar{float:left;margin-right:15px}.ct-detail-title h2{margin-top:3px}}@media(max-width:760px){.ct-topline{align-items:flex-start;flex-direction:column}.ct-tabs{width:100%}.ct-tabs button{flex:1;font-size:.73rem;padding:10px}.ct-metrics{flex-wrap:wrap;gap:18px}.ct-metrics>div{flex:0 0 50%;border:0}.ct-heading h1{font-size:1.65rem}.ct-drill-banner{padding:18px}.ct-canvas{padding:25px 12px;min-height:390px;max-height:600px}.ct-toolbar{padding:14px}.ct-legend small{margin:10px 0}.ct-company{width:200px}}

.ct-diagram{width:max-content;min-width:100%}.ct-diagram:has(.ct-empty){width:100%}.ct-details{scroll-margin-top:20px}
/* Stack terminal recipients so a small team fits without a very wide canvas. */
.ct-tree li>ul:not(:has(>li>ul)){display:flex;flex-direction:column;padding:16px 0 0 18px;align-items:center;gap:0}.ct-tree li>ul:not(:has(>li>ul))::before{left:16px;height:calc(100% - 47px)}.ct-tree li>ul:not(:has(>li>ul))>li{padding:10px 0 0 15px}.ct-tree li>ul:not(:has(>li>ul))>li::before{display:block;left:-8px;right:auto;top:calc(50% + 5px);width:23px;height:0;border:0;border-top:1px solid #a9bca1;border-radius:0}.ct-tree li>ul:not(:has(>li>ul))>li::after{display:none}

.ct-status.reached{background:#dff3eb;color:#126147}.ct-status.unreachable{background:#ffe5e3;color:#9c2923}

.ct-canvas{background:#fffcf6}.ct-company{background:#ffe0b4;color:#5f3d20;border-color:#e8bd88}.ct-company small{color:#795a38}.ct-node{border-color:#e4d5be;background:#fffefa}.ct-node.selected{border-color:#bd782f;box-shadow:0 0 0 3px #ffe3b4}.ct-avatar{background:#e9f3be;color:#5a682b}.ct-detail-title{background:#fff1dc}.ct-tabs button.active{background:#e9f3be;color:#4c5e25}.ct-tabs button{color:#766047}.ct-node-bottom,.ct-detail-title p,.ct-contact span,.ct-canvas-foot,.ct-footnote,.ct-legend small{color:#786651}.ct-responsibilities button{color:#875126}.ct-drill-banner{background:#fff0d7;color:#78512b;border-color:#ead1a5}.ct-status.reached,.ct-status.safe{background:#edf5ce;color:#476125}#call-tree-root button:focus-visible,#call-tree-root select:focus-visible,#call-tree-root input:focus-visible,.ct-canvas:focus-visible{outline-color:#a35522}
