.msg-page{max-width:1600px;margin:auto;padding:12px 4px 40px;color:var(--fg,#18232c)}.msg-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:10px 0 22px}.msg-kicker{font-size:11px;letter-spacing:2px;color:#758a91;font-weight:700}.msg-heading h1{font-size:32px;margin:6px 0}.msg-heading p{margin:0;color:#76868c}.msg-safe{padding:10px 16px;border:1px solid #c9e5db;background:#eaf6f0;border-radius:30px;color:#17604f;font-weight:600}.msg-notice{padding:15px 18px;border-left:3px solid #369d81;background:#f0f7f4;color:#36594c;line-height:1.6;border-radius:0 8px 8px 0;font-size:13px}.msg-tabs{display:flex;gap:24px;border-bottom:1px solid #dce4e6;margin:24px 0}.msg-page button{cursor:pointer;border:1px solid #d4dee0;border-radius:8px;background:#fff;color:#29434b;padding:9px 13px;font:inherit;font-size:13px}.msg-page button:disabled{cursor:default;opacity:.45}.msg-tabs button{border:0;border-radius:0;background:transparent;padding:12px 0}.msg-tabs .on{border-bottom:3px solid #207960;color:#17634e;font-weight:700}.msg-page .msg-primary{background:#216d58;color:white;border-color:#216d58}.msg-worker{display:flex;align-items:center;justify-content:space-between;color:#527b65;font-size:13px}.msg-section-head{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.msg-section-head h2{font-size:19px;margin:10px 0}.msg-section-head h2 span{background:#eef2f4;border-radius:8px;padding:3px 9px;font-size:14px}.msg-section-head small,.msg-section-head>span{font-size:12px;color:#829096}.msg-approval{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #e3d6af;border-radius:12px;padding:20px;background:#fffcf3;margin-bottom:10px}.msg-approval p{font-size:13px;color:#797052}.msg-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.msg-empty{border:1px dashed #dbe4e6;border-radius:10px;padding:25px;color:#839297;text-align:center;background:#fafcfc;font-size:14px}.msg-filters{display:flex;gap:10px;margin:12px 0}.msg-page input,.msg-page select,.msg-page textarea{box-sizing:border-box;font:inherit;font-size:13px;border:1px solid #d7e0e2;border-radius:7px;background:#fff;padding:10px;color:#243c43}.msg-filters input{flex:1}.msg-log-table{border:1px solid #e1e7e8;border-radius:10px;overflow:hidden}.msg-log-row{border-bottom:1px solid #e8edee}.msg-log-row:last-child{border-bottom:0}.msg-log-row>summary{display:grid;grid-template-columns:95px 1fr 190px;gap:16px;align-items:center;padding:17px;cursor:pointer;font-size:13px;list-style:none;background:#fff}.msg-log-row>summary small{display:block;margin-top:5px;color:#809298}.msg-date{color:#7a898f;font-size:12px}.msg-status{font-size:12px;color:#2e7862;text-align:right}.msg-detail{padding:10px 22px;background:#f5f8f8;font-size:13px}.msg-bubble{background:#fff;border:1px solid #dee7e7;border-radius:9px;padding:14px;margin:12px 0;max-width:700px}.msg-text{white-space:pre-wrap;margin:10px 0;line-height:1.65}.msg-audit{border-left:2px solid #d2e4dd;padding:4px 14px;margin:12px 0}.msg-audit small,.msg-bubble small{color:#84938c}.msg-system{margin-top:20px;color:#7d8c92;font-size:12px}.msg-system p{line-height:1.6}.msg-page .warn{color:#b6791c}.msg-editorbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}.msg-editorbar b{font-size:14px}.msg-editorbar small{display:block;color:#89979c;font-size:12px;margin-top:5px}.msg-flow-tabs{display:flex;gap:7px;margin-bottom:18px;flex-wrap:wrap}.msg-flow-tabs .on{background:#e9f3ef;border-color:#5c9e88;color:#17624d}.msg-workspace{display:grid;grid-template-columns:minmax(300px,1.1fr) minmax(270px,1fr) minmax(260px,.9fr);gap:14px;align-items:start}.msg-tree-panel,.msg-edit-panel,.msg-preview-panel{border:1px solid #dfe7e6;border-radius:12px;background:#fff;overflow:hidden}.msg-panel-title{font-size:14px;font-weight:700;padding:16px;border-bottom:1px solid #e6ecec;display:flex;justify-content:space-between;gap:10px}.msg-panel-title span{font-size:11px;font-weight:400;color:#8a9a9b}.msg-tree-panel{background-color:#f7faf9;background-image:radial-gradient(#dce7e1 .8px,transparent .8px);background-size:16px 16px}#msg-tree{padding:25px 12px;overflow:auto;max-height:750px}.msg-tree-branch{display:flex;flex-direction:column;align-items:center;min-width:120px}.msg-node{display:flex!important;gap:10px;align-items:center;text-align:left;min-width:170px;max-width:265px;box-shadow:0 3px 8px #14342c06}.msg-node.selected{border:2px solid #308367!important;box-shadow:0 0 0 3px #30836715}.msg-node small{display:block;font-size:10px;color:#83958e;margin-bottom:4px}.msg-node b{font-size:12px}.msg-node em{display:block;color:#89968e;font-size:11px;font-style:normal;margin-top:3px}.msg-node-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#eaf2ef;font-size:18px;flex-shrink:0}.msg-node-icon.approval{background:#fff0d9}.msg-node-icon.message{background:#e4f0fc}.msg-children{display:flex;gap:12px;justify-content:center}.msg-edge{display:flex;flex-direction:column;align-items:center}.msg-arrow{color:#9eb9ac;height:28px;display:grid;place-items:center}.msg-edge-label{font-size:10px;background:#edf4f0;color:#668573;padding:4px 8px;border-radius:10px;margin:8px}.msg-add{display:flex;gap:8px;padding:14px;border-top:1px solid #dfe7e1;background:#fff}.msg-add select{min-width:0;flex:1}.msg-unused{margin-top:25px;border-top:1px dashed #ccdcd3;padding-top:12px}.msg-unused small{display:block;margin-bottom:10px}.msg-unused button{margin:3px}.msg-edit-panel{padding:0 16px 16px}.msg-edit-panel .msg-panel-title{margin:0 -16px 18px}.msg-field{display:block;font-size:12px;color:#677c7b;margin:12px 0}.msg-field>input,.msg-field>select,.msg-field>textarea{display:block;width:100%;margin-top:6px}.msg-field textarea{resize:vertical;line-height:1.6;min-height:120px}.msg-variables{display:flex;flex-wrap:wrap;gap:4px}.msg-variables button{padding:4px 6px;font-size:10px;background:#eef5f2;border:0}.msg-edit-panel h3{font-size:13px;margin-top:20px}.msg-button-editor{display:grid;grid-template-columns:1fr 80px;gap:5px;background:#f5f8f7;padding:8px;margin-bottom:8px;border-radius:8px}.msg-button-editor input{min-width:0}.msg-hint{display:block;line-height:1.6;color:#8b9892;font-size:11px;margin:10px 0}.msg-branch-edit{display:flex;gap:8px;margin-top:6px}.msg-branch-edit select{flex:1;min-width:0}.msg-page .msg-danger{color:#aa6864;border-color:#e9dada;margin-top:22px;background:#fffafa}.msg-phone{margin:20px 14px;background:#e9f0ed;min-height:420px;border:6px solid #253d3a;border-radius:27px;overflow:hidden;box-shadow:0 8px 25px #1c383511}.msg-phone-head{background:#fff;padding:17px 12px;display:flex;gap:10px;align-items:center;font-size:12px;font-weight:600}.msg-phone-head>span{border-radius:50%;background:#214c3e;color:#fff;width:32px;height:32px;display:grid;place-items:center}.msg-phone-head small{display:block;color:#7d968b;font-weight:400;font-size:10px;margin-top:3px}#msg-preview{padding:18px 12px}.msg-phone-bubble{padding:13px;background:#fff;border-radius:13px 13px 13px 3px;line-height:1.6;font-size:12px;overflow-wrap:anywhere}.msg-phone-bubble small{display:block;text-align:right;color:#839890;font-size:9px}.msg-phone-buttons button{width:100%;margin-top:5px;background:#d8e8e0;border:0;color:#245d4c;font-size:11px}.msg-preview-empty{text-align:center;color:#789286;margin:50px 8px;font-size:28px}.msg-preview-empty p{font-size:15px}.msg-preview-empty small{font-size:12px;line-height:1.7;display:block}.msg-preview-note{padding:0 20px 15px;font-size:11px;line-height:1.6;color:#88968e}@media(max-width:1150px){.msg-workspace{grid-template-columns:1fr 1fr}.msg-preview-panel{grid-column:2}.msg-editorbar{align-items:start;flex-direction:column}}@media(max-width:700px){.msg-workspace{display:block}.msg-tree-panel,.msg-edit-panel,.msg-preview-panel{margin-bottom:15px}.msg-heading{align-items:start;flex-direction:column;gap:12px}.msg-heading h1{font-size:27px}.msg-section-head small{display:none}.msg-log-row>summary{grid-template-columns:1fr}.msg-log-row>summary .msg-status{text-align:left}.msg-approval{align-items:start;flex-direction:column}.msg-editorbar select{max-width:220px}.msg-phone{max-width:330px;margin:20px auto}.msg-filters{flex-wrap:wrap}}