/* مكتبة المخططات الذكية */
#modal .mbox:has(.smart-diagram-picker){width:min(940px,96vw)}
.smart-diagram-picker{direction:rtl}
.diagram-picker-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.diagram-picker-head h3{margin:0!important;font-size:22px}
.diagram-picker-head p{margin-top:3px;color:#6a7a74;font-size:13px}
.diagram-picker-icon{
  width:54px;height:54px;display:grid;place-items:center;flex:none;border-radius:16px;
  background:#e8f5ef;font-size:28px;box-shadow:inset 0 0 0 1px #d4e5de
}
.diagram-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.diagram-template-card{
  min-height:180px;padding:12px;border:2px solid #dbe4df;border-radius:16px;
  background:#fff;color:#17372d;text-align:center;transition:.18s ease
}
.diagram-template-card:hover{border-color:#dfa927;transform:translateY(-3px);box-shadow:0 10px 22px rgba(20,55,44,.12)}
.diagram-template-card>b,.diagram-template-card>span{display:block}
.diagram-template-card>b{margin-top:9px;font-size:14px}.diagram-template-card>span{margin-top:3px;color:#78857f;font-size:10px}
.diagram-mini{position:relative;height:108px;overflow:hidden;border-radius:11px;background:#f6faf8}
.diagram-mini i{
  position:absolute;width:36px;height:22px;border:2px solid #397b67;border-radius:8px;
  background:#fff;transform:translate(-50%,-50%)
}
.diagram-mini i:after{content:"";position:absolute;right:50%;top:100%;height:20px;border-right:2px solid #d3a02b}
.diagram-mini i:nth-child(1){left:50%;top:20%;background:#dcefe8}
.diagram-mini i:nth-child(2){left:25%;top:58%}.diagram-mini i:nth-child(3){left:50%;top:58%}.diagram-mini i:nth-child(4){left:75%;top:58%}
.diagram-mini i:nth-child(5){left:18%;top:86%}.diagram-mini i:nth-child(6){left:50%;top:86%}.diagram-mini i:nth-child(7){left:82%;top:86%}
.diagram-mini.mini-radial i:nth-child(1),.diagram-mini.mini-wheel i:nth-child(1),.diagram-mini.mini-network i:nth-child(1),.diagram-mini.mini-honeycomb i:nth-child(1){left:50%;top:50%}
.diagram-mini.mini-radial i:nth-child(2),.diagram-mini.mini-wheel i:nth-child(2),.diagram-mini.mini-network i:nth-child(2),.diagram-mini.mini-honeycomb i:nth-child(2){left:50%;top:18%}
.diagram-mini.mini-radial i:nth-child(3),.diagram-mini.mini-wheel i:nth-child(3),.diagram-mini.mini-network i:nth-child(3),.diagram-mini.mini-honeycomb i:nth-child(3){left:78%;top:38%}
.diagram-mini.mini-radial i:nth-child(4),.diagram-mini.mini-wheel i:nth-child(4),.diagram-mini.mini-network i:nth-child(4),.diagram-mini.mini-honeycomb i:nth-child(4){left:68%;top:78%}
.diagram-mini.mini-radial i:nth-child(5),.diagram-mini.mini-wheel i:nth-child(5),.diagram-mini.mini-network i:nth-child(5),.diagram-mini.mini-honeycomb i:nth-child(5){left:31%;top:78%}
.diagram-mini.mini-radial i:nth-child(6),.diagram-mini.mini-wheel i:nth-child(6),.diagram-mini.mini-network i:nth-child(6),.diagram-mini.mini-honeycomb i:nth-child(6){left:21%;top:38%}
.diagram-mini.mini-radial i,.diagram-mini.mini-wheel i,.diagram-mini.mini-concentric i{width:27px;height:27px;border-radius:50%}
.diagram-mini.mini-flow i,.diagram-mini.mini-road i,.diagram-mini.mini-mountain i,.diagram-mini.mini-ladder i,.diagram-mini.mini-bridge i,.diagram-mini.mini-chain i{top:50%}
.diagram-mini.mini-flow i:nth-child(1),.diagram-mini.mini-road i:nth-child(1),.diagram-mini.mini-mountain i:nth-child(1),.diagram-mini.mini-ladder i:nth-child(1),.diagram-mini.mini-bridge i:nth-child(1),.diagram-mini.mini-chain i:nth-child(1){left:10%}
.diagram-mini.mini-flow i:nth-child(2),.diagram-mini.mini-road i:nth-child(2),.diagram-mini.mini-mountain i:nth-child(2),.diagram-mini.mini-ladder i:nth-child(2),.diagram-mini.mini-bridge i:nth-child(2),.diagram-mini.mini-chain i:nth-child(2){left:30%}
.diagram-mini.mini-flow i:nth-child(3),.diagram-mini.mini-road i:nth-child(3),.diagram-mini.mini-mountain i:nth-child(3),.diagram-mini.mini-ladder i:nth-child(3),.diagram-mini.mini-bridge i:nth-child(3),.diagram-mini.mini-chain i:nth-child(3){left:50%}
.diagram-mini.mini-flow i:nth-child(4),.diagram-mini.mini-road i:nth-child(4),.diagram-mini.mini-mountain i:nth-child(4),.diagram-mini.mini-ladder i:nth-child(4),.diagram-mini.mini-bridge i:nth-child(4),.diagram-mini.mini-chain i:nth-child(4){left:70%}
.diagram-mini.mini-flow i:nth-child(5),.diagram-mini.mini-road i:nth-child(5),.diagram-mini.mini-mountain i:nth-child(5),.diagram-mini.mini-ladder i:nth-child(5),.diagram-mini.mini-bridge i:nth-child(5),.diagram-mini.mini-chain i:nth-child(5){left:90%}
.diagram-mini.mini-mountain i:nth-child(2),.diagram-mini.mini-ladder i:nth-child(2),.diagram-mini.mini-bridge i:nth-child(2){top:65%}
.diagram-mini.mini-mountain i:nth-child(3),.diagram-mini.mini-ladder i:nth-child(3),.diagram-mini.mini-bridge i:nth-child(3){top:35%}
.diagram-mini.mini-mountain i:nth-child(4),.diagram-mini.mini-ladder i:nth-child(4),.diagram-mini.mini-bridge i:nth-child(4){top:18%}
.diagram-mini.mini-funnel i{left:50%!important}.diagram-mini.mini-funnel i:nth-child(1){top:14%;width:105px}.diagram-mini.mini-funnel i:nth-child(2){top:37%;width:82px}.diagram-mini.mini-funnel i:nth-child(3){top:60%;width:59px}.diagram-mini.mini-funnel i:nth-child(4){top:83%;width:38px}
.diagram-mini.mini-matrix,.diagram-mini.mini-puzzle,.diagram-mini.mini-quadrants,.diagram-mini.mini-lotus{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:12px}
.diagram-mini.mini-matrix i,.diagram-mini.mini-puzzle i,.diagram-mini.mini-quadrants i,.diagram-mini.mini-lotus i{position:relative;inset:auto!important;transform:none;width:auto;height:auto}

/* معاينات صادقة توضح شكل النموذج قبل إدراجه */
.diagram-mini.mini-template-tree{background:radial-gradient(circle at 25% 25%,#cce8b8 0 20%,transparent 21%),radial-gradient(circle at 70% 28%,#b8dda1 0 24%,transparent 25%),linear-gradient(90deg,transparent 46%,#b37a40 47% 55%,transparent 56%),linear-gradient(#f8fcf5 0 84%,#e3f0d8 84%)}
.diagram-mini.mini-template-tree i{width:26px;height:24px;border-radius:50%;border-color:#b65e4f;background:#f3a59b}.diagram-mini.mini-template-tree i:first-child{width:62px;height:20px;border-radius:4px;background:#f0cf8d;left:50%;top:82%}
.diagram-mini.mini-template-cell i{border-radius:50%;background:#d8f3f7;box-shadow:inset 0 0 0 3px #fff}
.diagram-mini.mini-template-free-mind i:first-child{width:45px;height:45px;border:5px solid #263f4b;border-radius:50%;background:#dceaf0}.diagram-mini.mini-template-free-mind{background:linear-gradient(25deg,transparent 48%,#e6bd45 49% 51%,transparent 52%)}
.diagram-mini.mini-template-hierarchy i:nth-child(n+4){height:54px;border-radius:13px}.diagram-mini.mini-template-hierarchy i:first-child{width:70px;background:#263f3a}
.diagram-mini.mini-template-lotus{display:block;background:radial-gradient(circle,#f1c451 0 13%,transparent 14%),radial-gradient(ellipse at 50% 17%,#f4ccd8 0 15%,transparent 16%),radial-gradient(ellipse at 82% 50%,#f4ccd8 0 15%,transparent 16%),radial-gradient(ellipse at 50% 83%,#f4ccd8 0 15%,transparent 16%),radial-gradient(ellipse at 18% 50%,#f4ccd8 0 15%,transparent 16%)}.diagram-mini.mini-template-lotus i{display:none}
.diagram-mini.mini-template-network{background:radial-gradient(circle at 20% 25%,#fff1d3 0 9%,transparent 10%),radial-gradient(circle at 72% 22%,#d8eee7 0 12%,transparent 13%),radial-gradient(circle at 52% 74%,#f4dce4 0 13%,transparent 14%),linear-gradient(30deg,transparent 48%,#d58154 49% 51%,transparent 52%)}
.diagram-mini.mini-template-road{background:linear-gradient(165deg,#fff 0 43%,#c8d0cc 44% 58%,#fff 59%)}.diagram-mini.mini-template-road i{border-radius:50%;width:25px;height:25px}
.diagram-mini.mini-template-mountain{background:linear-gradient(145deg,transparent 49%,#dce8e2 50%);clip-path:polygon(0 100%,25% 55%,42% 78%,67% 5%,100% 100%)}
.diagram-mini.mini-template-ladder{background:repeating-linear-gradient(160deg,transparent 0 17px,#e3ba48 18px 25px)}
.diagram-mini.mini-template-bridge{border-bottom:12px solid #d8e4de;border-radius:0 0 50% 50%}
.diagram-mini.mini-template-fishbone{background:linear-gradient(transparent 48%,#748981 49% 52%,transparent 53%),repeating-linear-gradient(35deg,transparent 0 22px,#d3a02b 23px 25px)}
.diagram-mini.mini-template-iceberg{background:linear-gradient(#effaff 0 34%,#80bed3 35% 38%,#dff3f8 39%)}
.diagram-mini.mini-template-balance{background:linear-gradient(90deg,transparent 49%,#8b713c 50% 52%,transparent 53%),linear-gradient(transparent 48%,#8b713c 49% 52%,transparent 53%)}
.diagram-mini.mini-template-concentric{background:repeating-radial-gradient(circle,transparent 0 14px,#54a088 15px 17px,transparent 18px 27px)}
.diagram-mini.mini-template-honeycomb{background:radial-gradient(circle at center,#f5d56f,#fff 70%)}.diagram-mini.mini-template-honeycomb i{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border-radius:0;background:#f1ce66}
.diagram-mini.mini-template-puzzle i{border-radius:12px 2px 12px 2px;background:#d7ebe4}.diagram-mini.mini-template-puzzle i:nth-child(even){background:#f3d579}

.smart-diagram-shell{width:min(680px,100%);min-width:580px;text-align:center}
.smart-diagram-stage{
  position:relative;z-index:2;width:100%;height:390px;overflow:hidden;
  border:1px solid #e0e7e3;border-radius:18px;background:#fff
}
.smart-diagram-stage:before,.smart-diagram-stage:after{content:"";position:absolute;pointer-events:none}
.smart-diagram-connectors{position:absolute;inset:0;z-index:1;overflow:visible;pointer-events:none}
.smart-diagram-connectors path{fill:none;stroke:#4b8f79;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.smart-diagram-nodes{position:absolute;inset:0;z-index:2}
.diagram-node{
  position:absolute;min-width:105px;max-width:150px;min-height:49px;display:grid;place-items:center;
  padding:9px 21px;transform:translate(-50%,-50%);touch-action:none;cursor:grab;
  border:2px solid #397b67;
  border:2px solid color-mix(in srgb,var(--node-color,#4c947d) 75%,#17372d);
  border-radius:14px;background:#f3faf7;
  background:color-mix(in srgb,var(--node-color,#dcefe8) 22%,#fff);
  color:#17372d;font-size:12px;font-weight:900;line-height:1.35;text-align:center;
  box-shadow:0 3px 9px rgba(20,55,44,.08)
}
.diagram-node span{min-width:42px;max-width:120px}
.diagram-node-dragging{cursor:grabbing;z-index:10;box-shadow:0 10px 20px rgba(20,55,44,.18)}
.diagram-node-selected{outline:3px solid rgba(22,131,232,.28);outline-offset:3px}
.diagram-node .organizer-remove{opacity:0}.diagram-node:hover .organizer-remove{opacity:1}
.diagram-node-add{
  position:absolute;right:50%;bottom:-13px;z-index:5;width:25px;height:25px;
  display:none;place-items:center;transform:translateX(50%);padding:0;border:1px solid #c7d8d1;
  border-radius:50%;background:#fff;color:#1f5b4b;font-size:15px;font-weight:900
}
.diagram-node:hover .diagram-node-add,.diagram-node-selected .diagram-node-add{display:grid}
.diagram-node-resize{
  display:none;position:absolute;left:-7px;bottom:-7px;width:15px!important;height:15px!important;min-width:15px!important;
  border:2px solid #fff;border-radius:4px;background:#1683e8;box-shadow:0 1px 5px rgba(0,0,0,.2);cursor:nwse-resize;touch-action:none
}
.diagram-node-selected .diagram-node-resize{display:block}
.diagram-line-color{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:800}.diagram-line-color input{width:24px;height:24px;padding:0;border:0;background:transparent}
.diagram-line-style{height:30px;border:1px solid #d5e0db;border-radius:9px;background:#fff;color:#264c40;font-size:10px;font-weight:800}
.diagram-node.shape-strong{border-width:3px;background:#dcefe8}
.diagram-node.shape-circle{min-width:78px;max-width:92px;width:84px;height:84px;min-height:84px;padding:12px;border-radius:50%}
.diagram-node.shape-pill{border-radius:999px}
.diagram-node.shape-diamond{width:82px;height:82px;min-width:82px;min-height:82px;padding:10px;transform:translate(-50%,-50%) rotate(45deg);border-radius:9px}
.diagram-node.shape-diamond span{transform:rotate(-45deg)}
.diagram-node.shape-hex{width:104px;height:90px;min-width:104px;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);border:0;border-radius:0}
.diagram-node.shape-puzzle{border-radius:18px 5px 18px 5px;border-style:dashed}
.diagram-hint{margin-top:7px;color:#77857f;font-size:9px}
.layout-road{background:linear-gradient(165deg,#fff 0 45%,#edf2ef 45% 57%,#fff 57%)}
.layout-road:before{inset:49% 3% auto;height:3px;border-top:3px dashed #9daaa5;transform:rotate(-6deg);transform-origin:center}
.layout-mountain:before{right:7%;bottom:12%;width:86%;height:69%;background:linear-gradient(145deg,transparent 49%,#edf4f1 50%);clip-path:polygon(0 100%,24% 58%,42% 76%,65% 8%,100% 100%)}
.layout-ladder:before{inset:13% 9%;background:repeating-linear-gradient(160deg,transparent 0 46px,#e7efeb 47px 60px)}
.layout-bridge:before{right:8%;bottom:13%;width:84%;height:64%;border-top:11px solid #dfe9e4;border-radius:50% 50% 0 0}
.layout-fishbone:before{right:9%;left:9%;top:50%;height:4px;background:#8ca098}
.layout-funnel:before{inset:8% 24%;background:linear-gradient(#e1f1eb,#f4d67d);clip-path:polygon(0 0,100% 0,65% 100%,35% 100%);opacity:.55}
.layout-iceberg{background:linear-gradient(#effaff 0 35%,#9fd2e3 35% 37%,#e5f5fa 37% 100%)}
.layout-iceberg:before{right:22%;top:8%;width:56%;height:84%;background:linear-gradient(#d8f1f7,#79bdd2);clip-path:polygon(50% 0,69% 35%,95% 100%,5% 100%,31% 35%);opacity:.42}
.layout-balance:before{right:17%;top:46%;width:66%;height:5px;background:#8c7340}.layout-balance:after{right:49%;top:46%;width:4px;height:37%;background:#8c7340}
.layout-quadrants{background:linear-gradient(90deg,transparent 49.6%,#d9e5df 49.8% 50.2%,transparent 50.4%),linear-gradient(transparent 49.6%,#d9e5df 49.8% 50.2%,transparent 50.4%)}
.layout-matrix{background-image:linear-gradient(#e4ebe7 1px,transparent 1px),linear-gradient(90deg,#e4ebe7 1px,transparent 1px);background-size:33.333% 33.333%}
.layout-concentric{background:repeating-radial-gradient(circle at center,transparent 0 54px,rgba(76,148,125,.2) 55px 57px,transparent 58px 88px)}
.layout-wheel:before{inset:11% 27%;border-radius:50%;background:conic-gradient(from 0deg,#dcefe8 0 60deg,#f8e4a9 60deg 120deg,#dce7f5 120deg 180deg,#f3d5e1 180deg 240deg,#e7ddf5 240deg 300deg,#dff0d5 300deg);opacity:.45}
.layout-chain .diagram-node{border-width:4px;background:rgba(255,255,255,.9)}
.layout-honeycomb{background:radial-gradient(circle,#f6fbf8,#fff 70%)}
.layout-puzzle{background-image:linear-gradient(45deg,rgba(76,148,125,.04) 25%,transparent 25%),linear-gradient(-45deg,rgba(232,178,61,.06) 25%,transparent 25%);background-size:44px 44px}
.layout-braces:before{content:"{";right:41%;top:14%;color:#d4a72c;font:220px Georgia,serif;transform:scaleX(.55);opacity:.35}

/* لكل نموذج هوية رسومية مستقلة بدل تكرار بطاقات متشابهة */
.layout-tree{
  background:
    radial-gradient(ellipse at 24% 25%,#d9efc8 0 15%,transparent 16%),
    radial-gradient(ellipse at 50% 18%,#c9e5b5 0 20%,transparent 21%),
    radial-gradient(ellipse at 76% 27%,#b9dca4 0 17%,transparent 18%),
    linear-gradient(#f8fcf5 0 82%,#e9f3df 82%)
}
.layout-tree:before{
  right:37%;bottom:5%;width:26%;height:74%;z-index:0;
  background:linear-gradient(90deg,#a86f38,#d29a55 46%,#98612f);
  clip-path:polygon(42% 100%,58% 100%,62% 54%,96% 22%,89% 17%,60% 42%,53% 0,45% 0,40% 37%,10% 18%,4% 25%,39% 55%)
}
.layout-tree:after{right:0;bottom:0;width:100%;height:12%;background:radial-gradient(ellipse at bottom,#9dc77c 0 48%,transparent 50%);opacity:.7}
.layout-tree .smart-diagram-connectors path{stroke:#8a5b30;stroke-width:5}
.layout-tree .diagram-node:not([data-node-index="0"]){
  min-width:76px;max-width:96px;width:88px;height:72px;min-height:72px;padding:15px 9px 8px;
  border-color:#b85c4d;border-radius:48% 52% 46% 54%;background:#f4a49a;box-shadow:inset -8px -8px 0 rgba(170,62,48,.09)
}
.layout-tree .diagram-node:not([data-node-index="0"]):before{content:"";position:absolute;right:12px;top:-9px;width:24px;height:15px;border-radius:100% 0;background:#69a458;transform:rotate(-24deg)}
.layout-tree .diagram-node[data-node-index="0"]{min-width:170px;border-color:#805127;background:#f1cf8e;border-radius:7px;box-shadow:inset 0 -7px 0 rgba(112,69,29,.12)}

.layout-radial{background:radial-gradient(circle at center,#f9fdff 0 22%,#eef9fc 23% 55%,#fff 56%)}
.layout-radial .diagram-node{border-radius:50%;min-width:84px;width:84px;height:84px;padding:12px;background:rgba(221,245,250,.94);border-color:#4aa0b5;box-shadow:inset 0 0 0 6px rgba(255,255,255,.55)}
.layout-radial .diagram-node[data-node-index="0"]{width:118px;height:118px;background:#bfe8e0;border-width:4px}
.layout-radial .smart-diagram-connectors path{stroke:#69aeb8;stroke-dasharray:5 4}

.layout-free{background:radial-gradient(circle at center,#fff 0 25%,#fbfaf2 70%)}
.layout-free .diagram-node[data-node-index="0"]{width:128px;height:128px;border-radius:50%;background:#dbeaf2;border:7px solid #263f4b}
.layout-free .diagram-node[data-node-index="0"]:after{content:"";position:absolute;left:-38px;bottom:-34px;width:58px;height:18px;border-radius:20px;background:#2e806e;transform:rotate(48deg)}
.layout-free .diagram-node:not([data-node-index="0"]){border-width:0;border-bottom:5px solid var(--node-color);border-radius:24px 24px 7px 7px;background:#fff}
.layout-free .smart-diagram-connectors path{stroke-width:8;opacity:.8}

.layout-hierarchy{background:linear-gradient(#fff,#f8faf9)}
.layout-hierarchy .diagram-node[data-node-index="0"]{min-width:200px;background:#263f3a;color:#fff;border-radius:12px}
.layout-hierarchy .diagram-node[data-node-index="1"],.layout-hierarchy .diagram-node[data-node-index="2"],.layout-hierarchy .diagram-node[data-node-index="3"]{min-width:145px;background:#f4d476;border-color:#997522}
.layout-hierarchy .diagram-node:nth-child(n+4){width:145px;max-width:150px;height:150px;align-content:start;padding-top:24px;border-radius:24px;background:#fff}
.layout-hierarchy .smart-diagram-connectors path{stroke:#202b28;stroke-width:2}

.layout-lotus{background:radial-gradient(circle at center,#fff9ed,#fff 68%)}
.layout-lotus .diagram-node{width:122px;height:72px;border-radius:80% 12% 80% 12%;background:#f7d8df;border-color:#c66d86}
.layout-lotus .diagram-node[data-node-index="0"]{width:122px;height:122px;border-radius:50%;z-index:4;background:#f2bf4c;border-color:#a66c13}
.layout-lotus .diagram-node:nth-child(2),.layout-lotus .diagram-node:nth-child(6){transform:translate(-50%,-50%) rotate(45deg)}
.layout-lotus .diagram-node:nth-child(2) span,.layout-lotus .diagram-node:nth-child(6) span{transform:rotate(-45deg)}
.layout-lotus .diagram-node:nth-child(4),.layout-lotus .diagram-node:nth-child(8){transform:translate(-50%,-50%) rotate(-45deg)}
.layout-lotus .diagram-node:nth-child(4) span,.layout-lotus .diagram-node:nth-child(8) span{transform:rotate(45deg)}
.layout-lotus .smart-diagram-connectors path{stroke:#c98394;stroke-width:2}

.layout-network .diagram-node{border-radius:50%;width:92px;height:92px;min-width:92px;background:#fff;border-width:4px}
.layout-network .diagram-node:nth-child(3n){width:116px;height:116px}.layout-network .diagram-node:nth-child(even){background:#fff0d1}
.layout-network .smart-diagram-connectors path{stroke:#e28754;stroke-width:2}

.layout-flow .diagram-node{box-shadow:none}.layout-flow .diagram-node:nth-child(odd){background:#dcefe8}.layout-flow .diagram-node:nth-child(even){background:#fff0bf}
.layout-road .diagram-node{min-width:78px;width:78px;height:78px;border-radius:50%;border:7px solid #fff;outline:3px solid #4b8f79;background:#fff6d6}
.layout-road .smart-diagram-connectors path{stroke:#64736f;stroke-width:9;stroke-dasharray:16 9}
.layout-mountain .diagram-node{min-width:86px;border-radius:4px 18px 18px 4px;background:#fff;border-right:7px solid #e48b47}
.layout-mountain .smart-diagram-connectors path{stroke:#7c8e86;stroke-width:3}
.layout-ladder .diagram-node{width:160px;max-width:160px;border-radius:5px;background:#f9d773;border-color:#9c7418;box-shadow:0 10px 0 #e1ebdf}
.layout-ladder .smart-diagram-connectors{display:none}
.layout-branch-path .diagram-node[data-node-index="0"]{border-radius:50%;width:100px;height:100px}.layout-branch-path .diagram-node:nth-child(even){background:#dceff6}.layout-branch-path .diagram-node:nth-child(odd){background:#fff0c2}
.layout-bridge .diagram-node{border-radius:999px;background:#fff}.layout-bridge .diagram-node:nth-child(n+2):nth-last-child(n+2){width:82px;min-width:82px;height:105px;align-content:end;padding-bottom:16px;border-radius:8px;background:#e5ece8}

.layout-fishbone .diagram-node[data-node-index="0"]{width:120px;height:90px;border-radius:60% 15% 15% 60%;background:#bfe1d6}.layout-fishbone .diagram-node:not([data-node-index="0"]){border:0;border-bottom:3px solid #d09820;border-radius:0;background:transparent;box-shadow:none}
.layout-funnel .diagram-node{border-radius:6px;background:rgba(255,255,255,.82);height:58px}.layout-funnel .diagram-node:nth-child(1){width:390px;max-width:390px}.layout-funnel .diagram-node:nth-child(2){width:300px;max-width:300px}.layout-funnel .diagram-node:nth-child(3){width:220px;max-width:220px}.layout-funnel .diagram-node:nth-child(n+4){width:140px;max-width:140px}.layout-funnel .smart-diagram-connectors{display:none}
.layout-iceberg .diagram-node[data-node-index="0"]{background:#fff;border-color:#5ba5bd}.layout-iceberg .diagram-node:not([data-node-index="0"]){background:rgba(255,255,255,.66);border-color:#44879c}
.layout-balance .diagram-node[data-node-index="0"]{border-radius:50%;width:110px;height:110px}.layout-balance .diagram-node:nth-child(2),.layout-balance .diagram-node:nth-child(3){width:180px;max-width:180px;border-radius:50% 50% 12px 12px;background:#fff1bc}
.layout-quadrants .diagram-node[data-node-index="0"]{width:150px;border-radius:999px;z-index:4}.layout-quadrants .diagram-node:not([data-node-index="0"]){width:230px;max-width:230px;height:125px;border:0;border-radius:4px;background:rgba(255,255,255,.48);box-shadow:none}
.layout-matrix .diagram-node{width:150px;max-width:150px;height:82px;border-radius:3px;background:rgba(255,255,255,.88);box-shadow:none}

.layout-concentric .smart-diagram-connectors{display:none}
.layout-concentric .diagram-node{border-radius:50%;background:rgba(255,255,255,.45);box-shadow:none}
.layout-concentric .diagram-node:nth-child(1){width:110px;height:110px;z-index:5;background:#f2c856}.layout-concentric .diagram-node:nth-child(2){width:210px;height:210px;z-index:4;padding-top:12px}.layout-concentric .diagram-node:nth-child(3){width:310px;height:310px;z-index:3;padding-top:12px}.layout-concentric .diagram-node:nth-child(4){width:390px;height:390px;z-index:2;padding-top:12px}
.layout-concentric .diagram-node:nth-child(n+2) span{position:absolute;top:12px}
.layout-wheel .diagram-node{border-radius:50%;width:92px;height:92px;min-width:92px;background:#fff;border-width:4px}.layout-wheel .diagram-node[data-node-index="0"]{width:128px;height:128px;background:#f3c950;z-index:3}
.layout-chain .diagram-node{border-radius:50%;width:100px;height:100px;min-width:100px;background:transparent}.layout-chain .smart-diagram-connectors path{stroke-width:10;stroke:#86bca9}
.layout-honeycomb .diagram-node{clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);width:112px;height:96px;border:0;border-radius:0;background:#f2ce63}.layout-honeycomb .diagram-node:nth-child(even){background:#b8ddd1}
.layout-puzzle .diagram-node{width:145px;height:92px;border:0;border-radius:28px 5px 28px 5px;background:#d9ece5;box-shadow:inset 18px 0 0 rgba(255,255,255,.5)}.layout-puzzle .diagram-node:nth-child(even){background:#f4d77c}
.layout-braces .diagram-node[data-node-index="0"]{height:150px;border-radius:50%;background:#dcefe8}.layout-braces .diagram-node:not([data-node-index="0"]){width:145px;background:#fff;border-right:6px solid #d2a02a}

@media print{
  .diagram-node-add,.diagram-node-resize,.diagram-hint{display:none!important}
  .smart-diagram-stage{border-color:transparent}
}

/* النسخة الاحترافية المخصصة للمخططات المطلوبة */
.layout-tree{background:transparent!important;border-color:#111!important}
.layout-tree:before{filter:grayscale(1) drop-shadow(1px 0 #111) drop-shadow(-1px 0 #111);opacity:.82}
.layout-tree:after{display:none}
.layout-tree .diagram-node:not([data-node-index="0"]){border:1.5px solid #111;background:#fff;color:#111;box-shadow:none}
.layout-tree .diagram-node[data-node-index="0"]{border:1.5px solid #111;background:#fff;color:#111;box-shadow:none}
.layout-tree .smart-diagram-connectors{display:none!important}

.layout-radial{background:transparent}.layout-radial .smart-diagram-connectors path{stroke-dasharray:none;stroke-width:2}
.layout-radial .diagram-node{box-shadow:none}.layout-radial .diagram-node:not([data-node-index="0"]){width:78px;height:78px;min-width:78px}

.layout-lotus{background:transparent}.layout-lotus .diagram-node{width:110px;height:62px;margin:0;border-radius:75% 15% 75% 15%;box-shadow:none}
.layout-lotus .diagram-node[data-node-index="0"]{width:98px;height:98px}
.layout-lotus .smart-diagram-connectors{display:none}

.layout-network{background:transparent}.layout-network .diagram-node{width:86px;height:86px;min-width:86px;box-shadow:none}
.layout-network .diagram-node:nth-child(3n){width:96px;height:96px;min-width:96px}
.layout-network .smart-diagram-connectors path{stroke-width:2.2}

.layout-mountain{background:transparent}.layout-mountain:before{opacity:.8;filter:drop-shadow(0 1px #111)}
.layout-mountain .diagram-node{min-width:78px;max-width:118px;background:#fff;border:1.5px solid #111;box-shadow:none}
.layout-ladder{background:transparent}.layout-ladder:before{inset:18% 15%;background:repeating-linear-gradient(160deg,transparent 0 54px,#d9e4df 55px 66px)}
.layout-ladder .diagram-node{width:145px;max-width:145px;box-shadow:none}
.layout-branch-path{background:transparent}.layout-branch-path .diagram-node{box-shadow:none}

.layout-iceberg .diagram-node{max-width:120px;box-shadow:none}
.layout-balance{background:transparent}
.layout-balance:before{right:16%;top:45%;width:68%;height:6px;background:#493c25;transform:rotate(var(--balance-angle,0deg));transform-origin:center}
.layout-balance:after{right:48.5%;top:45%;width:3%;height:39%;background:linear-gradient(90deg,transparent 42%,#493c25 43% 57%,transparent 58%);clip-path:polygon(50% 0,100% 100%,0 100%)}
.layout-balance .diagram-node{box-shadow:none}.layout-balance .diagram-node:nth-child(2),.layout-balance .diagram-node:nth-child(3){border-radius:7px;background:#fff}
.layout-tiles{display:block;background:#fff}.layout-tiles .diagram-node{width:180px;max-width:240px;height:115px;border:1.5px solid #304e44;border-radius:3px;background:#fff;box-shadow:none}
.layout-tiles .smart-diagram-connectors{display:none}

.layout-concentric{background:repeating-radial-gradient(circle at center,transparent 0 42px,rgba(45,95,79,.34) 43px 44px,transparent 45px 74px)}
.layout-concentric .diagram-node{width:72px!important;height:72px!important;min-width:72px!important;max-width:72px!important;padding:8px!important;z-index:4!important;background:#fff!important;border:2px solid var(--node-color)!important}
.layout-concentric .diagram-node[data-node-index="0"]{width:96px!important;height:96px!important;background:#f2c856!important}
.layout-concentric .diagram-node span{position:static!important}
.layout-wheel{background:transparent}.layout-wheel:before{display:none}.layout-wheel .diagram-node{width:82px;height:82px;min-width:82px;box-shadow:none}
.layout-wheel .smart-diagram-connectors path{stroke-width:2}
.layout-chain{background:transparent}.layout-chain .diagram-node{width:86px;height:86px;min-width:86px;border-width:2px;background:#fff;box-shadow:none}.layout-chain .smart-diagram-connectors path{stroke-width:4}
.layout-honeycomb{background:transparent}
@media(max-width:767px){
  .diagram-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .diagram-template-card{min-height:155px;padding:8px}.diagram-mini{height:85px}
  .smart-diagram-shell{transform-origin:top center}
}