/* Placement and behavior; visual recipes are in style.css. */
.ops-page .ds-studio-main{max-width:none;}
.ops-dashboard{min-width:0;}
.ops-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;}
.ops-heading h1{margin:0 0 6px;}
.ops-heading p{margin:0;}
.ops-heading-actions{display:flex;align-items:center;flex-wrap:wrap;}
.ops-live{margin-right:8px;}
.ops-button{text-align:center;display:inline-block;}
.ops-metrics{display:grid;grid-template-columns:.7fr 1fr 1fr 1fr 1.4fr;margin-bottom:18px;overflow:hidden;}
.ops-metric{display:flex;flex-direction:column;}
.ops-toolbar{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:14px;}
.ops-picker{display:flex;align-items:center;}
.ops-picker select{appearance:auto;max-width:180px;}
.ops-search{margin-left:auto;min-width:150px;max-width:240px;flex:1;}
.ops-workbench{display:grid;grid-template-columns:246px minmax(0,1fr);overflow:hidden;min-height:640px;max-height:850px;}
.ops-workbench.has-inspector{grid-template-columns:230px minmax(0,1fr) 280px;}
.ops-request-rail{max-height:850px;overflow:auto;}
.ops-rail-title{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;}
.ops-rail-title h2{margin:0;}
.ops-session-head{display:flex;justify-content:space-between;}
.ops-request-item{width:100%;text-align:left;display:flex;flex-direction:column;margin:2px 0;}
.ops-request-message{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.ops-graph-panel{min-width:0;display:flex;flex-direction:column;}
.ops-graph-header{min-height:66px;display:flex;align-items:center;justify-content:space-between;}
.ops-graph-header>div{display:flex;flex-direction:column;}
.ops-state{white-space:nowrap;}
.ops-canvas{position:relative;overflow:auto;flex:1;min-height:520px;max-height:720px;cursor:grab;touch-action:pan-x pan-y;}
.ops-canvas.panning{cursor:grabbing;}
.ops-stage-sizer{margin:12px;position:relative;}
.ops-stage{width:1150px;height:800px;position:relative;transform-origin:0 0;}
.ops-edges{position:absolute;inset:0;pointer-events:none;overflow:visible;}
.ops-edge{stroke-dasharray:4 5;}
.ops-edge.traversed{stroke-dasharray:none;}
.ops-edge.aux{stroke-dasharray:3 5;}
.ops-node{position:absolute;width:192px;height:120px;text-align:left;display:flex;flex-direction:column;cursor:pointer;}
.ops-node-top{display:flex;align-items:center;justify-content:space-between;}
.ops-node-icon{display:inline-grid;place-items:center;}
.ops-node-icon svg{width:16px;height:16px;}
.ops-node-status,.ops-live{display:inline-flex;align-items:center;}
.ops-node-status svg,.ops-live svg{width:12px;height:12px;flex:none;}
.ops-node-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ops-node-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;}
.ops-graph-footer{display:flex;align-items:center;justify-content:space-between;}
.ops-zoom{display:flex;align-items:center;white-space:nowrap;}
.ops-zoom .ops-button{min-height:28px;min-width:28px;}
.ops-zoom .ops-button svg{display:block;width:16px;height:16px;}
.ops-inspector{overflow:auto;max-height:850px;}
.ops-inspector[hidden]{display:none;}
.ops-inspector-title{display:flex;align-items:center;justify-content:space-between;}
.ops-inspector h2{margin:0;}
.ops-inspector h3{margin-top:25px;}
.ops-facts{display:grid;grid-template-columns:58px minmax(0,1fr);}
.ops-facts dd{margin:0;overflow-wrap:anywhere;}
.ops-span{margin-top:16px;display:flex;flex-direction:column;}
.ops-span-child{text-align:left;}
.ops-span pre{white-space:pre-wrap;overflow-wrap:anywhere;}
.ops-id{overflow-wrap:anywhere;display:block;}
.ops-request-detail{margin-top:16px;}
.ops-detail-header{display:flex;align-items:center;justify-content:space-between;}
.ops-detail-header h2{margin:0;}
.ops-detail-message{margin:14px 0 22px;max-width:1000px;}
.ops-detail-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr;}
.ops-detail-grid p{margin:8px 0;}
.ops-total-cost{display:block;margin-top:8px;}
.ops-note{display:block;}
@media(min-width:1800px){
.ops-workbench{grid-template-columns:280px minmax(0,1fr);}
.ops-workbench.has-inspector{grid-template-columns:280px minmax(0,1fr) 320px;}
.ops-canvas{min-height:650px;}
}
@media(max-width:1100px){
.ops-workbench{grid-template-columns:210px minmax(0,1fr);}
.ops-workbench.has-inspector{grid-template-columns:190px minmax(0,1fr);}
.ops-inspector{grid-column:1/-1;max-height:400px;}
.ops-workbench.has-inspector{max-height:none;}
.ops-heading{align-items:flex-start;}
.ops-live{display:none;}
.ops-graph-footer>span{display:none;}
.ops-detail-grid{grid-template-columns:1.4fr 1fr;}
}
@media(max-width:700px){
.ops-heading{display:block;margin-bottom:16px;}
.ops-heading-actions{margin-top:14px;}
.ops-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
.ops-metric:last-child{grid-column:1/-1;}
.ops-picker select{max-width:125px;}
.ops-search{min-width:100%;max-width:none;}
.ops-workbench,.ops-workbench.has-inspector{display:flex;flex-direction:column;max-height:none;min-height:0;}
.ops-request-rail{max-height:250px;}
.ops-request-message{-webkit-line-clamp:1;}
.ops-graph-header{min-height:70px;}
.ops-graph-header small{max-width:240px;}
.ops-canvas{min-height:410px;max-height:410px;}
.ops-graph-footer{justify-content:flex-end;}
.ops-inspector{max-height:500px;}
.ops-detail-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
.ops-dashboard *{scroll-behavior:auto!important;}
}