.meso-dialog{width:min(1420px,98vw);max-height:96vh;padding:0;border:0;background:transparent;color:#EEF1F3}.meso-dialog::backdrop{background:#111820ed;backdrop-filter:blur(5px)}
.meso-panel{height:min(900px,94vh);border:5px solid #52595C;border-radius:14px;background:#17212a;box-shadow:0 30px 90px #000;overflow:hidden;display:flex;flex-direction:column}.meso-panel>header{min-height:92px;padding:16px 22px;border-bottom:1px solid #8392A5;display:flex;align-items:flex-start}.meso-panel>header small{display:block;color:#8392A5;font-size:.72rem;letter-spacing:.13em}.meso-panel>header strong{display:block;margin-top:4px;font-size:1.35rem}.meso-panel>header p{margin:4px 0 0;color:#B1BBC8;font-size:.83rem}.meso-panel>header button{margin-left:auto;border:1px solid #8392A5;background:transparent;color:#EEF1F3;padding:9px 14px;font-size:.8rem;cursor:pointer}
.meso-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4A5B70;border-bottom:1px solid #8392A5}.meso-summary div{padding:11px 18px;background:#202b35}.meso-summary small{display:block;color:#9BA0A2;font-size:.68rem;letter-spacing:.1em}.meso-summary strong{display:block;margin-top:4px;font-size:1rem}.meso-summary div:last-child strong{color:#E2736B}
.meso-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(340px,.7fr);gap:12px;padding:14px;min-height:0;flex:1}.coordination-field{position:relative;overflow:hidden;border:1px solid #4A5B70;background:linear-gradient(135deg,#1b2630,#202b35)}.field-heading{position:absolute;z-index:4;left:18px;right:18px;top:15px;display:flex;justify-content:space-between}.field-heading small{display:block;color:#8392A5;font-size:.68rem;letter-spacing:.1em}.field-heading strong{display:block;margin-top:4px;font-size:.94rem}.field-heading>span{color:#9BA0A2;font-size:.72rem}.relation-lines{position:absolute;inset:0;width:100%;height:100%}.relation-lines path{fill:none;stroke:#8392A5;stroke-width:2;stroke-dasharray:7 7;opacity:.45}.relation-lines path.active{stroke:#C00000;stroke-width:3;opacity:1;stroke-dasharray:none}
.cell-node{position:absolute;width:126px;height:126px;border:2px solid #8392A5;border-radius:50%;background:#17212af2;color:#EEF1F3;cursor:pointer;z-index:2;box-shadow:0 0 0 12px #4A5B7020}.cell-node:hover,.cell-node.active{border-color:#C00000}.cell-node small{display:block;color:#E2736B;font-size:.7rem}.cell-node strong{display:block;margin-top:5px;font-size:.83rem}.cell-node span{display:block;width:8px;height:8px;margin:9px auto 0;border-radius:50%;background:#8392A5}.cell-node.attention span{background:#C00000}.node-1{left:15%;top:18%}.node-2{left:49%;top:27%}.node-3{right:8%;top:19%}.node-4{right:8%;bottom:15%}.node-5{left:49%;bottom:10%}.node-6{left:15%;bottom:12%}
.relation-tag{position:absolute;z-index:3;border:1px solid #4A5B70;background:#202b35;color:#B1BBC8;padding:7px 10px;font-size:.72rem;cursor:pointer}.relation-tag:hover,.relation-tag.active{border-color:#C00000;color:#EEF1F3}.tag-1{left:34%;top:23%}.tag-2{right:18%;top:44%}.tag-3{left:52%;bottom:21%}.tag-4{left:9%;top:49%}
.coordination-decision{border:1px solid #8392A5;background:#202b35;padding:19px 20px;overflow:auto}.coordination-decision>small{color:#E2736B;font-size:.7rem;letter-spacing:.1em}.coordination-decision h2{margin:7px 0 4px;font-size:1.25rem}.coordination-decision>p{margin:0 0 18px;color:#B1BBC8;font-size:.83rem}.coordination-decision dl{margin:0}.coordination-decision dl div{padding:11px 0;border-top:1px solid #4A5B70}.coordination-decision dt{color:#9BA0A2;font-size:.68rem;letter-spacing:.08em}.coordination-decision dd{margin:5px 0 0;font-size:.84rem;line-height:1.42}.coordination-actions{display:flex;gap:8px;margin-top:16px}.coordination-actions button{border:1px solid #8392A5;background:#17212a;color:#EEF1F3;padding:9px 11px;font-size:.76rem;cursor:pointer}.coordination-actions button:first-child{border-color:#C00000}.coordination-decision footer{margin-top:16px;padding:11px;border-left:3px solid #8392A5;background:#17212a;color:#B1BBC8;font-size:.76rem;line-height:1.4}
.meso-panel>footer{min-height:48px;padding:12px 18px;border-top:1px solid #8392A5;display:flex;justify-content:space-between;gap:20px;color:#D8DEE4;font-size:.75rem}.meso-panel>footer i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#C00000}.meso-panel>footer small{color:#9BA0A2;font-size:.7rem}
@media(max-width:980px){.meso-panel{height:94vh;overflow:auto}.meso-workspace{grid-template-columns:1fr}.coordination-field{min-height:560px}.coordination-decision{overflow:visible}}@media(max-width:650px){.meso-summary{grid-template-columns:1fr}.coordination-field{min-height:620px}.cell-node{width:100px;height:100px}.meso-panel>footer{flex-direction:column}.relation-tag{display:none}}