.insight-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce5dc;border-radius:15px;background:#fff;margin:0 0 8px;overflow:hidden}.insight-board>div{padding:22px;border-right:1px solid #e8eee7}.insight-board>div:last-child{border:0}.insight-board small,.insight-board span{display:block;font-size:11px;color:#788779}.insight-board strong{display:block;font-size:30px;color:#255e47;margin:9px 0}.insight-board span{font-size:10px}.metric-note{font-size:11px;color:#7d897d;margin-bottom:24px}.row-metric{min-width:90px;text-align:center}.row-metric strong{display:block;color:#2d694f;font-size:20px}.row-metric small{display:block;font-size:10px;color:#849083}.flow-menu{position:relative;flex-shrink:0}.flow-menu summary{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e0e7dd;border-radius:9px;cursor:pointer;font-size:25px;list-style:none;background:#fff}.flow-menu summary::-webkit-details-marker{display:none}.flow-menu[open]>div{position:absolute;right:0;top:43px;z-index:15;background:#fff;border:1px solid #dce5dc;border-radius:10px;box-shadow:0 9px 30px #203b2822;padding:7px;width:160px}.flow-menu button{display:block;text-align:left;width:100%;border:0;padding:11px;background:#fff}.flow-menu button:hover{background:#eff5ef}.danger-text{color:#b3483d!important}.editor-tabs{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.editor-tabs button{border:1px solid #dae5d9;padding:12px 20px;background:#fff}.editor-tabs button.active{background:#245c45;color:#fff;border-color:#245c45}.sequence-shell{border:1px solid #dde6da;background:#f6f8f4;border-radius:15px;padding:22px;margin-bottom:25px;min-width:0}.sequence-scroll{overflow:auto;max-height:650px;border-radius:12px;background:radial-gradient(#cdd9cb 1px,transparent 1px);background-size:20px 20px}.sequence-canvas{position:relative}.sequence-wires{position:absolute;inset:0;pointer-events:none;overflow:visible}.sequence-wires>path{stroke:#91a99b;stroke-width:1.8;fill:none}.sequence-wires marker path{fill:#91a99b}.sequence-wires text{font-size:10px;fill:#6d8877}.sequence-card{position:absolute;width:300px;min-height:255px;padding:16px;background:#fff;border:1px solid #e1e7df;border-radius:18px;box-shadow:0 3px 5px #23462c0d}.sequence-card.selected{border-color:#6aa485;box-shadow:0 0 0 2px #dfede1}.sequence-card h3{margin:4px 0 19px;font-size:15px}.sequence-select{width:100%;padding:0;text-align:left;border:0;background:none}.sequence-select>span{display:flex;align-items:center;gap:10px;margin-bottom:15px}.sequence-select b{font-size:12px}.sequence-select .channel-logo{width:25px;height:25px}.sequence-bubble{background:#f4f6f2;padding:14px;border-radius:12px;font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.sequence-bubble small{display:block;margin-top:8px;font-size:10px;color:#829080}.sequence-paths{display:grid;gap:5px;margin-top:10px}.sequence-paths button{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;padding:8px;border-style:dashed}.sequence-paths b{font-size:10px;color:#327551}.trigger-sequence>button{margin-top:20px;width:100%;border-style:dashed;color:#327551}.sequence-card>small{font-size:10px;color:#8a947f;margin-top:8px;display:block}.view-sequence .editor-layout{grid-template-columns:minmax(0,1fr)}.view-sequence .flow-preview{display:none}.view-sequence .node-editor:not(.editing){display:none}.view-sequence .node-connector{display:none}.view-preview .editor-layout{display:none}.publication-settings{margin-top:25px;padding-top:20px;border-top:1px solid #e2e9df}.publication-settings h3{font-size:14px}.publication-settings label{display:flex;align-items:center;gap:9px;line-height:1.5}.publication-settings input[type=radio]{width:auto}.publication-settings>small{display:block;margin-top:10px}.publication-info{display:block;margin-top:20px}.post-list{margin-bottom:12px}.post-list>div{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#f3f7f0;padding:12px;margin-bottom:8px;border-radius:9px}.post-list small{display:block;overflow-wrap:anywhere;font-size:11px}.post-list b{font-size:12px}.offer-uses{display:grid;gap:10px;margin-top:20px}.offer-uses button{text-align:left;padding:16px}.offer-uses small,.offer-uses span{display:block;margin-top:7px;font-size:11px}.offer-uses span{color:#327551}.preview-section{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:45px;padding:30px;border:1px solid #e0e7dd;border-radius:15px;background:#f5f8f2}.preview-section h2{font-size:23px}.preview-section p{line-height:1.8;font-size:13px}.phone-preview{border:7px solid #263b30;border-radius:30px;background:#fff;overflow:hidden;max-width:370px;box-shadow:0 10px 30px #263b3015}.phone-preview header{position:static;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:17px;border-bottom:1px solid #e6ebe3;height:auto}.phone-preview header b{font-size:13px;flex:1}.phone-preview header img{width:28px;height:28px}.phone-messages{padding:18px;max-height:570px;overflow:auto}.preview-step{display:block;font-size:9px;color:#8b958b;margin:16px 0 8px;text-align:center}.preview-bubble{padding:14px;border-radius:15px;background:#f1f2f0;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.preview-buttons{display:grid;margin-top:13px;gap:5px;white-space:normal}.preview-buttons span,.preview-link{display:block;text-align:center;padding:10px;border:1px solid #dce1da;background:#fff;border-radius:6px;color:#397054;font-weight:600;font-size:11px}.preview-link{margin-top:12px}.phone-preview footer{padding:14px 18px;color:#8a958a;font-size:11px;border-top:1px solid #e4e9e0;display:flex;justify-content:space-between}.channel-whatsapp .phone-messages{background:#f1eee4}.channel-whatsapp .preview-bubble{background:#dcf4d4}.preview-delay{font-size:11px;color:#87967d;text-align:center}.flowrow{overflow:visible}@media(max-width:1000px){.insight-board{grid-template-columns:repeat(2,1fr)}.preview-section{grid-template-columns:1fr}.phone-preview{width:100%;justify-self:center}.row-metric{min-width:60px}}@media(max-width:700px){.insight-board>div{padding:15px}.insight-board strong{font-size:24px}.sequence-shell{padding:10px}.sequence-shell .sectionhead{flex-wrap:wrap}.row-metric{margin-left:auto}.preview-section{padding:15px}.editor-tabs button{font-size:11px;padding:10px}.flow-menu[open]>div{right:0}}
.editor-tabs{flex-direction:row;align-items:center}.editor-tabs button{width:auto;margin:0;flex:none}.editor-tabs button:hover{background:#e7efe6;color:#245c45}.editor-tabs button.active:hover{background:#245c45;color:#fff}