#sop-workspace{min-width:0;letter-spacing:0}
#sop-workspace .sop-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:18px 0}
#sop-workspace .sop-toolbar>.form-field{width:180px;margin:0}
#sop-workspace .sop-status{font-size:12px;color:var(--muted,#596579);padding-bottom:10px}
#sop-workspace .sop-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
#sop-workspace .sop-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:18px 0;font-size:12px;color:var(--muted,#596579)}
#sop-workspace .sop-applicability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
#sop-workspace .sop-applicability textarea{box-sizing:border-box;width:100%;min-width:0;min-height:88px;resize:vertical;font:inherit;line-height:1.6}
#sop-workspace .sop-business{border-top:1px solid var(--line,#e2e7ef);padding-top:14px;margin:18px 0;min-width:0;font-size:12px}
#sop-workspace .sop-business h3{font-size:14px;margin:0 0 12px}
#sop-workspace .sop-business-section{padding:10px 0;border-top:1px solid var(--line,#e2e7ef);min-width:0}
#sop-workspace .sop-business-section summary{cursor:pointer;overflow-wrap:anywhere}
#sop-workspace .sop-business-row{padding:12px 0;border-bottom:1px solid var(--line,#e2e7ef);min-width:0;overflow-wrap:anywhere}
#sop-workspace [data-sop-business-key=namespace]>.sop-business-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}
#sop-workspace [data-sop-business-key=namespace]>.sop-business-row>p{grid-column:1/-1;margin:0}
#sop-workspace [data-sop-business-key=namespace]>.sop-business-row>.btn{justify-self:start}
#sop-workspace .sop-business input,#sop-workspace .sop-business select{box-sizing:border-box;width:100%;min-width:0;font:inherit}
#sop-workspace .sop-business .form-field{min-width:0;margin-bottom:10px}
#sop-workspace .sop-business .btn{margin:6px 6px 0 0}
@media(max-width:680px){#sop-workspace .sop-applicability,#sop-workspace [data-sop-business-key=namespace]>.sop-business-row{grid-template-columns:minmax(0,1fr)}}
#sop-workspace .sop-authoring{display:grid;grid-template-columns:minmax(0,1fr) 268px;gap:20px;min-width:0}
#sop-workspace .sop-board{border:1px solid var(--line,#e2e7ef);border-radius:6px;background:#fff;overflow:auto;max-height:480px;min-height:290px;position:relative}
#sop-workspace .sop-board-track{position:relative}
#sop-workspace .sop-board svg{position:absolute;inset:0;width:auto;height:auto}
#sop-workspace .sop-board svg>path{fill:none;stroke:#8999ad;stroke-width:1.5}
#sop-workspace .sop-board marker path{fill:#8999ad}
#sop-workspace .sop-board svg>path.sop-exception{stroke:#ad7b40;stroke-dasharray:4 3}
#sop-workspace .sop-node{position:absolute;box-sizing:border-box;width:212px;height:90px;border:1px solid #dce2ec;border-radius:5px;background:#fff;text-align:left;padding:10px 12px;color:#253044;font:inherit;display:flex;flex-direction:column;gap:4px;overflow:hidden}
#sop-workspace .sop-node[aria-pressed=true]{border-color:var(--blue,#1765b5);box-shadow:0 0 0 1px var(--blue,#1765b5)}
#sop-workspace .sop-node strong{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
#sop-workspace .sop-node small,#sop-workspace .sop-node span{font-size:11px;color:var(--muted,#596579);line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#sop-workspace .sop-inspector{min-width:0;border-left:1px solid var(--line,#e2e7ef);padding-left:18px;font-size:12px}
#sop-workspace .sop-inspector h3{font-size:15px;line-height:1.5;overflow-wrap:anywhere;margin:0 0 6px}
#sop-workspace .sop-inspector p{color:var(--muted,#596579);font-size:12px}
#sop-workspace .sop-inspector-actions{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}
#sop-workspace .sop-missing{border-left:2px solid #b07b36;padding-left:9px}
#sop-workspace .sop-routes{list-style:none;padding:0;margin:12px 0}
#sop-workspace .sop-routes li{display:flex;align-items:center;gap:4px;padding:8px 0;border-bottom:1px solid var(--line,#e2e7ef)}
#sop-workspace .sop-routes li span{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.6}
#sop-workspace .sop-diagnostics{font-size:12px;color:var(--muted,#596579);overflow-wrap:anywhere;margin:12px 0}
#sop-workspace .sop-diagnostics summary{cursor:pointer}
#sop-workspace .btn{font-size:12px;min-height:34px;white-space:normal}
#sop-workspace .btn svg,#sop-workspace .icon-btn svg{position:static;width:16px;height:16px;flex-shrink:0}
#sop-workspace #sop-dialog{width:540px;max-width:calc(100% - 24px);max-height:min(720px,calc(100dvh - 24px));box-sizing:border-box;padding:20px;overflow:auto;overscroll-behavior:contain}
#sop-workspace #sop-dialog .dialog-top{position:sticky;top:-20px;background:#fff;padding:10px 0;margin:-10px 0 14px;z-index:1;gap:12px}
#sop-workspace #sop-dialog .dialog-top h2{font-size:17px;margin:0}
#sop-workspace #sop-dialog .form-field{margin-bottom:14px;min-width:0}
#sop-workspace #sop-dialog input:not([type=checkbox]),#sop-workspace #sop-dialog select{width:100%;min-width:0;box-sizing:border-box}
#sop-workspace #sop-dialog .form-footer{position:sticky;bottom:-20px;background:#fff;border-top:1px solid var(--line,#e2e7ef);padding:12px 0 0;margin-top:14px;display:flex;gap:8px;justify-content:flex-end}
#sop-workspace .sop-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#sop-workspace .sop-checks{border:0;border-top:1px solid var(--line,#e2e7ef);padding:12px 0;margin:14px 0;display:flex;gap:10px 18px;flex-wrap:wrap;min-width:0}
#sop-workspace .sop-checks legend{font-size:12px;padding-right:8px}
#sop-workspace .sop-checks label{display:flex;gap:6px;align-items:center;font-size:12px;line-height:1.6}
#sop-workspace input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue,#1765b5)}
@media(max-width:1150px){#sop-workspace .sop-authoring{grid-template-columns:minmax(0,1fr)}#sop-workspace .sop-inspector{border-left:0;border-top:1px solid var(--line,#e2e7ef);padding:16px 0 0}#sop-workspace .sop-actions{margin-left:0}}
@media(max-width:480px){#sop-workspace .sop-toolbar{align-items:stretch}#sop-workspace .sop-toolbar>.form-field{width:100%}#sop-workspace .sop-board{max-height:360px}#sop-workspace .sop-form-grid{grid-template-columns:minmax(0,1fr)}#sop-workspace #sop-dialog{padding:16px}#sop-workspace #sop-dialog .dialog-top{top:-16px}#sop-workspace #sop-dialog .form-footer{bottom:-16px}}
