.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0}.workspace-heading h1{font-size:25px;margin:8px 0}.workspace-head-actions{display:flex;gap:12px;align-items:end}.workspace-head-actions label{font-size:12px;min-width:140px}.workspace-context{display:flex;gap:12px;align-items:center;margin:14px 0}.workspace-context label{flex:1;max-width:520px;font-size:12px}.workspace-context #designer-status{flex:1;font-size:12px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.workspace-canvas{min-width:0;border:1px solid #354966;border-radius:16px;background:#131f30;overflow:hidden}.workspace-tabs{display:flex;gap:5px;padding:10px;flex-wrap:wrap;background:#19263b}.workspace-tabs button{border:0;background:transparent}.workspace-tabs button.active{background:#235c56;color:#91ffe1;box-shadow:0 0 16px #5fe2bc29}.unified-workspace .designer-frame{height:790px;min-height:65vh;border:0;border-radius:0}.activation-items{border:1px solid #456577;border-radius:16px;background:#162537;padding:16px;box-shadow:0 0 25px #50bfa014}.items-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.items-heading h2{margin:4px 0}.items-heading button{font-size:11px;padding:8px}.items-tools{display:flex;gap:6px;margin:12px 0}.items-tools input{min-width:0;flex:1}#workspace-item-status{font-size:11px;color:#9ec6bc}.workspace-item{padding:12px 0;border-bottom:1px solid #35445b}.item-title{display:flex;justify-content:space-between;align-items:center;font-size:13px}.item-title button{padding:3px 8px}.item-fields,.source-fields{display:grid;grid-template-columns:1fr 1.6fr;gap:10px;margin:9px 0}.activation-items label{font-size:11px}.activation-items select,.activation-items input{font-size:12px;padding:8px}.activation-items small{display:block;color:#a1b8ce;font-size:11px;margin-top:4px}.activation-items .item-change{color:#edc17e}.removed-item{opacity:.7}#workspace-items-list{max-height:390px;overflow:auto;padding-right:5px}.deployment-box{border:1px solid #548d7c;border-radius:12px;padding:12px;margin:16px 0;background:#16333255}.deployment-box h3{margin:0 0 8px}.send-row{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #33465a}.send-row label{flex:1}.send-row>input{width:65px}.send-row .error,#workspace-item-status.error{color:#ffc18d}#workspace-delivery-options{margin:14px 0;font-size:12px}#workspace-delivery-options label{display:block;margin:8px 0}#workspace-deploy{width:100%;margin-top:12px}#workspace-deploy-status{font-size:11px;color:#abc5c0}.delivery-card{border:1px solid #445671;padding:12px;border-radius:10px;margin:10px 0;font-size:12px}.delivery-card strong{color:#80e8c9}.delivery-card p{font-size:11px}.delivery-buttons{display:flex;gap:6px;flex-wrap:wrap}.delivery-buttons button{font-size:11px;padding:7px}.delivery-card details{margin-top:10px}.delivery-card form{display:grid;gap:7px;margin:8px 0}.workspace-note{padding:14px;border-bottom:1px solid #3e4d65}.workspace-note small{display:block;color:#96acc1}.workspace-note p{white-space:pre-wrap}#workspace-notes{padding:20px}.workspace-task-list{display:grid;gap:12px;margin:16px 0}#workspace-note-form{display:grid;gap:12px}.workspace-empty{padding:25px 8px;color:#a8c0d2;font-size:13px}.workspace-map-compact>.page-heading,.workspace-map-compact>.geo-states,.workspace-map-compact>.geo-toolbar,.workspace-map-compact>#geo-summary,.workspace-map-compact>#geo-group,.workspace-map-compact>#geo-location-list,.workspace-map-compact>.footer-note{display:none}.workspace-map-compact .geo-layout{margin:0}.workspace-map-compact .geo-modebar{padding:8px;flex-wrap:wrap}.workspace-map-compact #geo-fit{display:none}.workspace-map-compact #geo-detail{margin:10px}.workspace-map-compact .geo-detail-grid{display:block}.workspace-map-compact .geo-detail-grid>div{display:none}.workspace-map-compact .geo-detail-heading button{display:none}.sidebar .nav-settings{margin:14px 0}.sidebar .nav-settings summary{padding:12px;color:#a4bac8;cursor:pointer}.workspace-context #workspace-show-items{display:none}@media(min-width:1800px){.workspace-grid{grid-template-columns:minmax(0,1fr) 440px}.unified-workspace .designer-frame{height:900px}}@media(max-width:1150px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.workspace-context #workspace-show-items{display:block}.workspace-heading{align-items:start;flex-direction:column}.workspace-context{flex-wrap:wrap}#workspace-items-list{max-height:none}.unified-workspace .designer-frame{height:850px}.activation-items{max-width:none}}@media(max-width:600px){.workspace-heading h1{font-size:21px}.workspace-head-actions{flex-wrap:wrap}.workspace-context label{flex-basis:100%}.workspace-tabs button{font-size:12px}.unified-workspace .designer-frame{height:960px}}

@media(min-width:1151px){.activation-items{max-height:calc(100vh - 270px);overflow:auto;position:sticky;top:14px}#workspace-items-list{max-height:290px}.deployment-box #workspace-deploy{position:sticky;bottom:0;z-index:2;box-shadow:0 -5px 22px #142b36}.items-heading{position:sticky;top:-16px;background:#162537;z-index:3;padding:8px 0}}

.item-design-link{background:none;border:0;color:inherit;text-align:left;font-weight:650;padding:0!important}.workspace-item.item-selected{background:#2d625330;border-radius:8px;box-shadow:inset 3px 0 #67e4c0;padding-left:9px}

/* A single viewport workspace. Only tool/item lists scroll, never the editor page. */
body.workspace-open{height:100dvh;overflow:hidden}
body.workspace-open #app{height:100%;min-height:0}
body.workspace-open .layout{height:100%;min-height:0}
body.workspace-open .main{height:100%;min-height:0;display:flex;flex-direction:column;padding:0 18px 12px}
body.workspace-open .topbar{height:42px;flex-shrink:0}
.unified-workspace{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
.unified-workspace .workspace-heading{flex-shrink:0;margin:8px 0;gap:12px;flex-direction:row;align-items:center}
.unified-workspace .workspace-heading>div:first-child{min-width:0;flex:1}
.unified-workspace .workspace-heading h1{font-size:20px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.unified-workspace #workspace-meta{font-size:11px;margin:3px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.unified-workspace #workspace-back{padding:2px 0}
.unified-workspace .workspace-head-actions{gap:8px;flex-shrink:0}
.unified-workspace .workspace-head-actions label{min-width:110px;font-size:10px;gap:3px}
.unified-workspace .workspace-head-actions label small{display:none}
.unified-workspace .workspace-head-actions select{padding:6px;font-size:11px}
.unified-workspace #workspace-details{font-size:11px;padding:8px}
.unified-workspace .workspace-context{flex-shrink:0;margin:0 0 8px;gap:8px;flex-wrap:nowrap}
.unified-workspace .workspace-context label{display:flex;flex-direction:row;align-items:center;min-width:0;max-width:420px;gap:8px;font-size:11px}
.unified-workspace .workspace-context select{min-width:0;flex:1;padding:6px;font-size:11px}
.unified-workspace .workspace-context button{font-size:11px;padding:7px 9px;white-space:nowrap}
.unified-workspace #designer-status{min-width:0;font-size:11px}
.unified-workspace #workspace-show-items{display:block}
.unified-workspace .workspace-grid{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) 345px;grid-template-rows:minmax(0,1fr);gap:10px;align-items:stretch;position:relative}
.unified-workspace .workspace-canvas{display:flex;flex-direction:column;min-height:0}
.unified-workspace .workspace-tabs{flex:none;padding:6px;gap:3px}
.unified-workspace .workspace-tabs button{padding:7px 9px;font-size:11px}
.unified-workspace #workspace-drawing{flex:1;min-height:0;overflow:hidden}
.unified-workspace #workspace-drawing[hidden],.unified-workspace #workspace-map[hidden],.unified-workspace #workspace-notes[hidden]{display:none}
.unified-workspace .designer-frame{display:block;width:100%;height:100%;min-height:0;background:#111d2d}
.unified-workspace #workspace-map,.unified-workspace #workspace-notes{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.unified-workspace #workspace-items{min-height:0;overflow:auto;border-radius:16px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#49657e transparent}
.unified-workspace .activation-items{min-height:100%;max-height:none;overflow:visible;position:static;padding:12px}
.unified-workspace #workspace-items-list{max-height:none;overflow:visible}
.unified-workspace .items-heading{top:0;padding:8px 0}
.unified-workspace.items-hidden .workspace-grid{grid-template-columns:minmax(0,1fr)}
.unified-workspace.items-hidden #workspace-items{display:none}
@media(min-width:1800px){.unified-workspace .workspace-grid{grid-template-columns:minmax(0,1fr) 390px}}
@media(max-width:1150px){
 .unified-workspace .workspace-grid{grid-template-columns:minmax(0,1fr)}
 .unified-workspace #workspace-items{display:none;position:absolute;right:0;top:0;bottom:0;width:min(390px,100%);z-index:40;box-shadow:-10px 0 35px #0009;background:#162537}
 .unified-workspace.items-open #workspace-items{display:block}
}
@media(max-width:760px){
 body.workspace-open .layout{display:flex;flex-direction:column}
 body.workspace-open .sidebar{flex:none;padding:8px;gap:8px;overflow-x:auto;overflow-y:hidden}
 body.workspace-open .sidebar .brand{font-size:0;flex-shrink:0}
 body.workspace-open .sidebar .brand img{width:26px;height:26px}
 body.workspace-open .sidebar .nav{flex-wrap:nowrap;align-items:center}
 body.workspace-open .sidebar .nav button{white-space:nowrap}
 body.workspace-open .sidebar .nav-settings{margin:0}
 body.workspace-open .sidebar .nav-settings summary{padding:8px;white-space:nowrap;font-size:11px}
 body.workspace-open .main{flex:1;padding:0 8px 8px}
 body.workspace-open .topbar{display:none}
 .unified-workspace .workspace-head-actions{gap:4px;flex-wrap:nowrap}
 .unified-workspace .workspace-heading h1{font-size:16px}
 .unified-workspace #workspace-details{max-width:105px;font-size:10px}
 .unified-workspace .workspace-context{flex-wrap:wrap;gap:5px}
 .unified-workspace .workspace-context label{max-width:none;flex-basis:100%}
 .unified-workspace #designer-status{flex:1}
 .unified-workspace .workspace-tabs{gap:0;padding:4px}
 .unified-workspace .workspace-tabs button{padding:6px;font-size:10px}
}