/* Madu Pulso conversation studio */
:root{--ink:#203137;--bg:#f6f8f9;--line:#e4e9eb;--muted:#7a878b;--radius:14px}button:focus-visible,a:focus-visible{outline:3px solid #8ccdb5;outline-offset:3px}[hidden]{display:none!important}.flow-library{display:grid;gap:12px}.automation-workspace{display:grid;grid-template-columns:185px 1fr;gap:28px}.automation-nav{padding:14px 16px 0 0;border-right:1px solid var(--line)}.automation-nav>small{font-size:10px;letter-spacing:1.4px;font-weight:700}.automation-nav button{width:100%;justify-content:flex-start;margin-top:7px;border:0;background:transparent;font-size:12px}.automation-nav button.selected{background:#e7f0e7;color:var(--green)}.automation-nav p{font-size:11px;padding:8px}.automation-main{min-width:0}.library-summary{display:flex;justify-content:space-between;margin:12px 0 20px;font-size:13px}.library-summary span{color:var(--muted)}.toolbar{align-items:center}.toolbar input{flex:1;max-width:none;min-width:170px}.toolbar select{width:180px;font-size:12px}.flowcard{border-radius:13px;padding:20px;gap:16px;box-shadow:0 3px 8px #243c3403}.flow-open{border:0;padding:0;background:transparent;font-size:15px;text-align:left}.flow-open:hover{background:transparent;color:var(--green)}.flowmain small{display:block;margin:7px 0}.flowmain p{font-size:12px;color:#5e7176;margin:8px 0}.flow-meta{font-size:10px;color:var(--muted)}.flow-actions{display:flex;gap:6px;flex-wrap:wrap;max-width:190px}.flow-actions button{font-size:11px;padding:8px 10px}.grid-view{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-view .flowcard{flex-wrap:wrap;align-items:start}.grid-view .flow-actions{max-width:none;width:100%;border-top:1px solid var(--line);padding-top:12px}.grid-view .flowmain{flex:1;min-width:150px}
.studio-open .layout{grid-template-columns:72px 1fr}.studio-open .sidebar{width:72px;padding:23px 10px}.studio-open .brand{font-size:0;margin:0 8px 28px;gap:0}.studio-open .brandmark{flex:none}.studio-open .eyebrow,.studio-open .sidebar-footer{display:none}.studio-open .nav a{font-size:0;padding:14px;gap:0}.studio-open .nav .icon{display:block;width:20px;height:20px}.studio-open .topbar{height:49px;padding:0 22px}.studio-open .topbar select{padding:6px 10px;max-width:260px}.studio-open .topbar .userdot{width:27px;height:27px;font-size:11px}.studio-open #content{max-width:none;padding:0;margin:0}.studio-header{min-height:88px;padding:16px 23px;display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);background:white;align-items:center}.studio-title{display:flex;align-items:center;gap:14px;min-width:0}.studio-title>div{min-width:0}.studio-title small{font-size:9px;letter-spacing:1.6px;font-weight:700;color:#8a989a}.studio-title input{font-weight:700;font-size:18px;border:0;padding:5px 0;max-width:350px;text-overflow:ellipsis;border-radius:0}.studio-title input:focus{box-shadow:none;border-bottom:1px solid var(--green)}.studio-save{display:flex;gap:8px;align-items:center}.studio-save button{font-size:11px;padding:10px 12px;white-space:nowrap}.studio-save>span{font-size:10px;max-width:100px;line-height:1.4;color:var(--muted)}.studio-workbench{display:grid;grid-template-columns:310px minmax(0,1fr);height:calc(100dvh - 137px);min-height:320px}.studio-inspector{border-right:1px solid var(--line);background:white;overflow:auto}.studio-tabs{display:flex;position:sticky;top:0;z-index:3;background:white;border-bottom:1px solid var(--line);padding:0 12px}.studio-tabs button{flex:1;border:0;border-radius:0;padding:16px 7px;background:none;font-size:12px;color:var(--muted)}.studio-tabs button.selected{color:var(--green);box-shadow:inset 0 -3px var(--green)}#inspector{padding:23px 20px}.studio-inspector label{font-size:11px;line-height:1.5;margin-top:16px}.studio-inspector input,.studio-inspector select,.studio-inspector textarea{font-size:12px;border-color:#dce4e5;padding:10px}.studio-inspector button{font-size:11px}.studio-inspector textarea{min-height:115px;line-height:1.6}.studio-inspector small{font-size:10px;line-height:1.6;display:block;margin-top:7px}.studio-inspector h3{font-size:14px}.inspector-heading h2{font-size:20px;line-height:1.3;margin:8px 0}.inspector-heading p{color:var(--muted);font-size:12px}.step-label{font-size:9px;letter-spacing:1.8px;color:#7c9990;font-weight:700;margin-bottom:12px}.inspector-section{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.inspector-section h3{margin-bottom:8px}.toggle-label{display:flex;align-items:center;gap:9px;padding:12px;background:#f3f7f3;border-radius:8px}.toggle-label input{accent-color:var(--green);width:16px;height:16px}.keyword-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.keyword-chips span{font-size:10px;border:1px solid #dbe5dd;background:#f7faf6;color:#557165;padding:4px 9px;border-radius:20px}.public-config p{font-size:11px}.public-text{border:1px solid var(--line);border-radius:10px;padding:0 11px 5px;margin:12px 0}.public-text textarea{border:0;box-shadow:none;min-height:88px;padding:4px 0}.public-text label{margin-top:11px}.public-text button{padding:5px 0}.studio-inspector .buttonrow{border:1px solid var(--line);border-radius:9px;padding:12px;margin:14px 0}.studio-inspector .buttonrow label{margin-top:7px}.studio-inspector .notice{font-size:11px;line-height:1.6;margin-top:18px}.canvas-workspace{position:relative;min-width:0;overflow:hidden;background:#f5f7f8}.canvas-toolbar{position:absolute;left:0;right:0;top:0;z-index:4;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffffef;border-bottom:1px solid var(--line)}.canvas-toolbar button{font-size:11px;padding:8px 11px}.canvas-toolbar .row{gap:6px}.canvas-toolbar small{font-size:10px;max-width:175px;line-height:1.4;text-align:right}.studio-open .canvas-scroll{position:absolute;inset:59px 0 0;height:auto;border:0;border-radius:0;background-color:#f5f7f8;background-image:radial-gradient(#d0dadd .8px,transparent .8px);background-size:20px 20px;cursor:grab;scrollbar-width:thin;touch-action:none}.studio-open .canvas-scroll.panning{cursor:grabbing}.studio-open .canvas{transform-origin:0 0;position:relative}.studio-open .canvas svg{overflow:visible;pointer-events:none}.edge-visible{stroke:#91a9a2;stroke-width:2;fill:none}.edge-hit{stroke:transparent;stroke-width:16;fill:none;pointer-events:stroke;cursor:pointer}.edge-hit:hover{stroke:#efbcac66}#pending-edge{fill:none;stroke:var(--green);stroke-width:2;stroke-dasharray:7 4}.studio-open .node{width:248px;border:1px solid #dce5e5;border-radius:12px;box-shadow:0 4px 14px #17382a0b;cursor:default;padding:0;display:block;background:#fff;min-height:156px;overflow:visible}.studio-open .node.selected{outline:2px solid #459878;outline-offset:2px;box-shadow:0 6px 20px #24604514}.studio-open .node-title{width:100%;padding:12px 14px;border:0;border-bottom:1px solid #e2eee8;border-radius:11px 11px 0 0;background:#e8f2ec;color:#357757;justify-content:flex-start;font-size:11px;cursor:grab;height:44px}.studio-open .node[data-type=trigger] .node-title{background:#dcece0;color:#2d6b42}.studio-open .node[data-type=condition] .node-title,.studio-open .node[data-type=random] .node-title{background:#fff4d6;color:#957830}.studio-open .node[data-type=wait] .node-title{background:#eaf1fb;color:#557398}.studio-open .node[data-type=public_reply] .node-title{background:#ede9fa;color:#7e5fa3}.studio-open .node[data-type=end] .node-title,.studio-open .node[data-type=note] .node-title{background:#edf0f1;color:#72828a}.node-kind{font-size:16px;width:19px;text-align:center}.studio-open .node-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:8px;width:100%;padding:14px;border:0;background:white;border-radius:0;min-height:98px;max-height:180px;font-size:11px;font-weight:400;text-align:left;line-height:1.6;color:#556b71;overflow:hidden}.node-content span{display:block;white-space:pre-wrap;overflow:hidden;max-height:90px}.node-content strong{font-size:12px;font-weight:650}.node-content .public-enabled{color:#6c6094;font-size:10px}.node-ports{padding:0 14px 10px;border-top:1px solid #f0f3f4}.port-row{height:30px;display:flex;align-items:center;justify-content:space-between;position:relative;font-size:10px;color:#8b999b}.port{border:2px solid #9ab7a8;background:white;border-radius:50%;width:13px;height:13px;min-width:13px;padding:0;display:block;position:absolute;z-index:2}.port:hover,.port.linking{background:#3a9b71;border-color:#3a9b71;box-shadow:0 0 0 5px #3a9b7122}.input-port{left:-7px;top:37px}.output-port{right:-21px;top:8px}.canvas-hud{position:absolute;left:20px;bottom:24px;display:flex;align-items:center;gap:4px;background:white;border:1px solid var(--line);border-radius:12px;padding:5px;z-index:4;box-shadow:0 4px 10px #234e2b08}.canvas-hud button{padding:7px 10px;border:0;font-size:12px}.canvas-hud span{font-size:11px;width:45px;text-align:center}.canvas-legend{position:absolute;bottom:82px;left:25px;font-size:9px;color:#82928b;display:flex;align-items:center;gap:7px;pointer-events:none}.legend-dot{width:7px;height:7px;border-radius:3px;background:#89b19b}.legend-dot.message-dot{background:#b9d9ce}.legend-dot.condition-dot{background:#e4c87e}.minimap{position:absolute;right:20px;bottom:24px;width:140px;height:90px;border:1px solid #dce5e3;background:#ffffffdc;border-radius:9px;box-shadow:0 4px 10px #234e2b06;overflow:hidden}.minimap i{position:absolute;background:#b6cfc1;border-radius:2px;cursor:pointer;min-height:6px}.canvas-footnote{position:absolute;left:20px;top:75px;font-size:9px;color:#92a3a0;pointer-events:none}.media-preview{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:8px;margin:10px 0}.media-preview.compact{max-height:90px;margin:0;object-fit:cover}.node-content audio{height:28px;pointer-events:none}.node-content video{max-height:90px;margin:0;pointer-events:none}.file-preview{display:block;font-size:11px;padding:12px;background:#f2f5f4;border-radius:8px}.upload-zone{margin-top:12px;border:1px dashed #b7cfbf;border-radius:12px;padding:13px;background:#f8fbf8}.upload-button{background:#eaf3e9;padding:11px;text-align:center;color:#3e7957;border-radius:8px;cursor:pointer;margin:0!important}.upload-button input{width:100%;font-size:10px!important;padding:7px 0!important;border:0;background:transparent;cursor:pointer}.upload-zone>button{margin-top:8px;width:100%;background:white}#upload-progress{font-size:11px;color:var(--green);margin-top:6px}.content-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.step-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.step-palette button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:16px;background:#fafcf9}.step-palette strong{font-size:13px}.step-palette small{font-size:11px;font-weight:400;line-height:1.5}.asset-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:480px;overflow:auto}.asset-library button{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:10px;overflow:hidden}.asset-library img{width:100%;height:115px;object-fit:cover;border-radius:6px}.asset-library strong{font-size:11px;overflow-wrap:anywhere;line-height:1.4;margin-top:8px}.asset-library small{font-size:10px;font-weight:400}.asset-type{height:85px;display:grid;place-items:center;font-size:28px;background:#edf3ec;color:var(--green);border-radius:7px}.preview-profile{border-bottom:1px solid #dce4da;padding-bottom:15px;font-weight:650;font-size:13px}.preview-reply{display:block;color:var(--green);border:1px solid #c2d4c2;border-radius:9px;text-align:center;padding:9px;margin-top:8px;background:white}.preview-event{text-align:center;color:var(--muted);font-size:11px}.public-preview{border:1px solid #d9e7df;border-radius:10px;background:#f2f7f0;padding:14px}.public-preview small{font-size:9px;letter-spacing:1px}.public-preview p{font-size:12px;margin:8px 0 0}.studio-open #errors:empty{display:none}.studio-open #errors:not(:empty){position:fixed;right:20px;top:125px;max-width:500px;z-index:20;max-height:260px;overflow:auto;box-shadow:0 10px 25px #17382a18;background:white;border-radius:12px}.studio-open #errors .errorlist{margin:0;font-size:12px}
@media(max-width:1200px){.studio-save>span{display:none}.studio-title input{max-width:260px}.studio-header{padding:13px 16px;min-height:86px}.studio-workbench{grid-template-columns:290px minmax(0,1fr)}.canvas-toolbar small{display:none}.automation-workspace{grid-template-columns:150px 1fr;gap:20px}.flow-actions{max-width:155px}.toolbar select{width:145px}}
@media(max-width:950px){.studio-save button{padding:9px 8px;font-size:10px}.studio-title input{max-width:205px;font-size:16px}.studio-title{gap:8px}.studio-title .badge{display:none}.studio-workbench{grid-template-columns:275px minmax(0,1fr)}.automation-workspace{grid-template-columns:1fr}.automation-nav{display:flex;flex-wrap:wrap;gap:5px;border:0;padding:0}.automation-nav button{width:auto;margin:0}.automation-nav>small,.automation-nav p,.automation-nav .separator{display:none}.grid-view{grid-template-columns:1fr}.minimap{width:105px;height:70px;right:12px}.canvas-hud{left:12px;bottom:12px}.canvas-legend{left:15px;bottom:65px}.minimap{bottom:12px}.canvas-toolbar{padding:13px 10px}.canvas-toolbar button{padding:8px;font-size:10px}}
@media(max-width:700px){.studio-open .sidebar{display:none}.studio-open .layout{grid-template-columns:1fr}.studio-open .workspace{grid-column:1}.studio-header{flex-wrap:wrap;gap:8px}.studio-title{width:100%}.studio-title input{max-width:100%;width:100%}.studio-title>div{flex:1}.studio-save{width:100%;justify-content:flex-end}.studio-workbench{height:calc(100dvh - 190px);grid-template-columns:235px minmax(250px,1fr);overflow:auto}.studio-open .topbar .row{display:none}#inspector{padding:17px 13px}.studio-inspector{position:sticky;left:0;z-index:5}.canvas-workspace{min-width:350px}.flowcard{flex-wrap:wrap}.flow-actions{width:100%;max-width:none}.library-summary{font-size:11px}.asset-library{grid-template-columns:repeat(2,minmax(0,1fr))}}