/* v2.1.1.16.1 Diagram Properties */
.diagram-properties-backdrop{position:fixed;inset:0;z-index:15000;background:rgba(3,13,26,.72);display:flex;justify-content:center;align-items:center;padding:14px}
.diagram-properties-dialog{background:#142e42;color:#f4f9ff;border:1px solid #49738b;border-radius:14px;width:min(760px,100%);max-height:min(90dvh,850px);display:flex;flex-direction:column;box-shadow:0 24px 70px #0008;font:14px/1.55 Inter,Sarabun,Arial,sans-serif;min-width:0}
.diagram-properties-header,.diagram-properties-footer{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:14px 18px;background:#18384e}
.diagram-properties-header h2{color:#fff;margin:0;font-size:19px}.diagram-properties-header small{color:#c4d9e7}
.diagram-properties-tabs{display:flex;gap:4px;padding:10px 16px;border-bottom:1px solid #40647a;overflow-x:auto}
.diagram-properties-tabs button{flex:1;min-width:92px}.diagram-properties-dialog button{cursor:pointer;color:#f4f9ff;background:#23536b;border:1px solid #588199;border-radius:7px;padding:8px 11px}.diagram-properties-dialog button:hover{background:#306982}.diagram-properties-dialog button.active,.diagram-properties-dialog button.primary{background:#087a79;color:#fff;border-color:#42beb0}
.diagram-properties-dialog form{overflow:auto;min-height:0;display:flex;flex-direction:column}.diagram-properties-content{overflow:auto;padding:18px;min-height:0}.diagram-properties-content [data-panel]:not([hidden]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.diagram-properties-content label{font-weight:600;display:flex;flex-direction:column;gap:5px;color:#f4f9ff;min-width:0}.diagram-properties-content textarea,.diagram-properties-content input:not([type=checkbox]),.diagram-properties-content select{background:#0d2738;color:#fff;border:1px solid #668ea2;border-radius:7px;padding:10px;width:100%;min-width:0;font:inherit}.diagram-properties-content textarea{min-height:76px;resize:vertical}.diagram-properties-content :is(input,textarea,select):focus-visible,.diagram-properties-dialog button:focus-visible{outline:3px solid #74e1d2;outline-offset:2px}.diagram-properties-hint{font-size:12px;color:#c4d9e7;margin:0}.diagram-properties-content label:has(textarea),.diagram-properties-content .diagram-properties-hint{grid-column:1/-1}.diagram-properties-check{flex-direction:row!important;align-items:center}.diagram-properties-check input{width:auto;accent-color:#34b5a5}.diagram-properties-footer{flex-wrap:wrap;justify-content:flex-end;border-top:1px solid #40647a}.diagram-properties-footer span{flex:1;min-width:160px}
.workflow-diagram-row{grid-template-columns:minmax(0,1fr) repeat(3,32px)!important}.workflow-diagram-properties{flex-shrink:0}
@media(max-width:640px){.diagram-properties-backdrop{padding:6px}.diagram-properties-dialog{max-height:98dvh}.diagram-properties-content [data-panel]:not([hidden]){grid-template-columns:minmax(0,1fr)}.diagram-properties-header,.diagram-properties-footer{padding:10px}}
html[data-ui-theme="light"] .diagram-properties-dialog{background:#f2f7fb;color:#122c44;border-color:#9bb7cb}html[data-ui-theme="light"] .diagram-properties-header,html[data-ui-theme="light"] .diagram-properties-footer{background:#dfeef7}html[data-ui-theme="light"] .diagram-properties-header h2,html[data-ui-theme="light"] .diagram-properties-content label{color:#16334a}html[data-ui-theme="light"] .diagram-properties-header small,html[data-ui-theme="light"] .diagram-properties-hint{color:#47657b}html[data-ui-theme="light"] .diagram-properties-content :is(input:not([type=checkbox]),textarea,select){background:#fff;color:#132f43;border-color:#7899b0}

/* v2.1.1.16.2: safer compact modal, disabled history controls */
.diagram-properties-dialog{max-width:calc(100vw - 24px);overflow:hidden}
.diagram-properties-dialog form{min-height:0;display:flex;flex-direction:column}
.diagram-properties-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.diagram-properties-footer button:disabled{opacity:.45;cursor:not-allowed}
.diagram-properties-dialog :focus-visible{outline:2px solid #69ddc7;outline-offset:2px}
@media(max-width:600px){.diagram-properties-backdrop{padding:6px}.diagram-properties-dialog{width:100%;max-width:100%;max-height:96dvh}.diagram-properties-footer{flex-wrap:wrap;justify-content:flex-end}.diagram-properties-footer .diagram-properties-hint{flex-basis:100%}}