/* Network workshop uses the same operator palette and responsive grid. */
.studio-panel{max-width:1500px}.studio-heading{margin-bottom:25px}.studio-heading h2{font-size:31px;letter-spacing:-1px;margin:8px 0}.studio-heading p{max-width:900px;color:#91aabf;font-size:13px;line-height:1.7}.studio-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(310px,.9fr);gap:16px;margin:17px 0}.studio-card,.studio-canvas-box{border:1px solid #2a4256;background:#111f30;border-radius:15px;padding:22px;min-width:0}.studio-card h3{margin:0 0 18px;font-size:14px}.studio-card p,.studio-card li{color:#a1b7c7;font-size:12px;line-height:1.8}.studio-card ol{padding-left:20px}.studio-card label{display:grid;gap:7px;color:#bfcedd;font-size:12px;margin-bottom:14px}.studio-card input,.studio-card select,.studio-card textarea,.studio-toolbar input,.studio-toolbar select{background:#0b1826;color:#dfecf3;border:1px solid #31495e;border-radius:9px;padding:12px;min-width:0;width:100%;font:inherit}.studio-card button{margin:5px 0}.studio-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.studio-toolbar input{max-width:250px}.studio-toolbar select{max-width:310px}.studio-card .studio-check{display:flex;align-items:center}.studio-card .studio-check input{width:auto}.studio-muted{font-size:11px;color:#7f9bb1;line-height:1.75;margin-top:16px}.studio-canvas-box{padding:0;overflow:hidden}.studio-canvas-head{display:flex;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #314357}.studio-canvas-head span{font-size:9px;letter-spacing:1px;color:#7592a8}.studio-canvas-box svg{width:100%;background:#0c1c2c;min-height:390px;display:block;touch-action:none}.studio-as-node{cursor:grab}.studio-as-node:active{cursor:grabbing}.studio-result{color:#87dabf;white-space:pre-wrap;font-size:11px}.studio-record{border-bottom:1px solid #273c50;padding:13px 0;display:grid;gap:6px;font-size:12px}.studio-record strong{color:#e1f3ec}.studio-record span,.studio-record small{color:#8ba9b9}.studio-inline{display:flex;gap:8px;align-items:center}.studio-inline select{max-width:260px}.join-command{white-space:pre-wrap;overflow-wrap:anywhere;color:#b6e5d2;background:#071927;border:1px solid #2d5360;border-radius:10px;padding:17px;font-size:12px;line-height:1.6}.wizard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.wizard-step{text-align:left;display:flex;align-items:center;gap:20px;padding:23px;background:#142439;border:1px solid #2b4659;border-radius:15px;color:#e3eef6;cursor:pointer}.wizard-step:hover{background:#1b3548;border-color:#70c9b0}.wizard-step>strong{font-size:27px;color:#8ae3c8}.wizard-step span:nth-child(2){display:grid;gap:6px;flex:1}.wizard-step small{color:#90a7bb}.wizard-step>span:last-child{font-size:19px;color:#7adbc4}@media(max-width:1000px){.studio-grid{grid-template-columns:1fr}.wizard-grid{grid-template-columns:1fr}}@media(max-width:650px){.studio-toolbar{flex-direction:column;align-items:stretch}.studio-toolbar input,.studio-toolbar select{max-width:100%}.studio-heading h2{font-size:25px}.studio-canvas-box svg{min-height:230px}}

.wizard-evidence{font-style:normal;font-size:11px;padding:6px 9px;border-radius:20px;background:#28364d;color:#9fb6ca}.wizard-evidence.ready{background:#1d5142;color:#a3ebd0}.studio-as-node:focus{outline:2px solid #a0e5ce}
/* Verified fleet onboarding & installation operations */
.fleet-node{padding:20px 0;border-bottom:1px solid rgba(150,182,195,.16);display:grid;gap:12px}
.fleet-node:last-child{border-bottom:0}
.fleet-node-head,.fleet-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.fleet-node-head strong{font-size:17px}.fleet-node-head small{opacity:.6;margin-left:10px}
.fleet-metrics{display:flex;flex-wrap:wrap;gap:12px}
.fleet-metrics span{min-width:130px;padding:10px 12px;background:rgba(92,141,170,.09);border-radius:9px;font-size:12px;display:grid;gap:5px;opacity:.9}
.fleet-metrics b{font-size:13px;color:var(--text,#eaf2f8)}
.fleet-node>small{font-size:12px;color:#97b5c8}
.fleet-actions{justify-content:flex-start}.fleet-steps{padding-left:20px;display:grid;gap:12px;line-height:1.6}
/* 0.14.7 no-code fleet controls: accessible cards and scoped deployment feedback */
.fleet-command-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 24px}
.fleet-command-box{padding:22px;border:1px solid #2d5264;background:linear-gradient(145deg,#152a3b,#0a1829);border-radius:15px}
.fleet-command-box h3{font-size:17px;margin:9px 0}.fleet-command-box p{font-size:12px;color:#9cb6c5;line-height:1.6;min-height:44px}
.fleet-host-selector{display:flex;align-items:center;gap:10px;cursor:pointer}.fleet-host-selector input{width:18px;height:18px;accent-color:#76dabb}
.fleet-evidence{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;color:#a4d6d5;min-height:64px}
@media(max-width:980px){.fleet-command-row{grid-template-columns:1fr}}

/* v0.15.3: clearer staged topology interactions */
#studio-link-selection{margin-top:12px;padding:12px 14px;border-left:3px solid var(--accent,#5a9ad1);border-radius:9px;background:rgba(95,167,198,.1);line-height:1.6}
#studio-quick-link{margin-top:10px;width:100%;font-weight:650}
#topology-canvas .studio-as-node{cursor:grab;transition:filter .18s ease}
#topology-canvas .studio-as-node:hover{filter:drop-shadow(0 0 11px rgba(86,213,181,.4))}
#topology-canvas .studio-as-node:active{cursor:grabbing}
@media(prefers-reduced-motion:reduce){#topology-canvas .studio-as-node{transition:none}}