/* Compact canvas + progressive node settings. No changes to workflow semantics. */
.wc-card.is-editing{border-color:var(--accent);box-shadow:0 0 0 2px #19726026}
.wc-card-top>span{min-width:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.wc-edit{position:relative;padding-right:30px;min-height:90px}
.wc-edit strong{font-size:15px;line-height:1.6;font-weight:500;overflow-wrap:anywhere}
.wc-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:24px;color:var(--muted)}
.wc-edit .wc-rule-summary{font-size:11px;color:#735120}
.wc-more{margin:0;border:0;border-top:1px solid #edf0f0;border-radius:0;background:#fcfdfd;padding:0}
.wc-more>summary{cursor:pointer;font-size:11px;color:var(--muted);padding:7px 12px;text-align:right}
.wc-more .wc-node-actions{border-top:0}
.wc-drawer>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wc-drawer>header h2{min-width:0;overflow-wrap:anywhere;line-height:1.5}
.wc-drawer>header>button{font-size:24px;min-width:44px;min-height:44px;padding:0;flex-shrink:0}
.wc-drawer>footer{align-items:center;flex-wrap:wrap}
.wc-drawer>footer>small{margin-right:auto;font-size:12px}
dialog.wc-node-drawer{width:min(660px,100vw)}
.node-settings{padding-top:20px}
.node-settings label,.node-settings legend{font-size:14px}
.node-settings .ns-name{display:block;margin-bottom:20px;color:var(--muted)}
.node-settings .ns-name input{margin-top:8px;font-size:16px;color:var(--ink)}
.ns-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#eef2f2;padding:4px;border-radius:8px;margin-bottom:24px}
.ns-tabs>button{background:transparent;border:0;box-shadow:none;color:var(--muted);border-radius:6px;font-size:14px;min-height:44px;padding:8px}
.ns-tabs>button[aria-selected=true]{background:white;color:var(--ink);box-shadow:0 1px 4px #2237311a}
.ns-tabs>button:hover{background:#fff;color:var(--ink)}
.ns-panel{display:flex;flex-direction:column;gap:22px;min-width:0}
.ns-panel>section,.ns-panel>fieldset{margin:0;min-width:0}
.ns-panel>fieldset{padding:16px}
.node-settings legend{font-weight:600;padding:0 6px}
.ns-source-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}
.node-settings h3{font-size:14px;margin:0 0 12px;line-height:1.5}
.ns-source-group h3{color:var(--muted);font-size:12px;font-weight:500}
.node-settings .ns-radio{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px 0;margin:0;cursor:pointer;font-weight:400;line-height:1.5}
.node-settings .ns-radio input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:2px 0 0;accent-color:var(--accent);padding:0}
.node-settings .ns-radio>span{min-width:0;display:flex;flex-direction:column;gap:3px}
.node-settings .ns-radio small{color:var(--muted);font-size:12px}
.ns-specific{padding:0 2px}
.ns-specific p,.ns-modes p,.ns-note,.ns-advanced-note p{font-size:13px;line-height:1.7;margin:8px 0}
.node-settings .people-picker{margin:0;padding:0;border:0;background:none}
.node-settings .people-chips{gap:8px;margin-bottom:12px}
.node-settings .person-chip{border-radius:6px;padding:5px 8px;gap:6px;max-width:100%;overflow-wrap:anywhere}
.node-settings .person-chip button{padding:0;min-height:28px;min-width:28px;line-height:1;font-size:16px}
.node-settings .ns-self{margin:16px 0 0;font-size:13px;line-height:1.7}
.node-settings .ns-self input{flex-shrink:0}
.ns-warning{color:#87501b;background:#fff7ec;border-radius:6px;padding:10px 12px;font-size:13px;line-height:1.7}
.ns-advanced-note{border:1px solid var(--line);border-radius:8px;padding:12px 16px;background:#f7f9f8}
.ns-advanced-note p{margin:0;color:#735120}
.ns-advanced-note button{padding:8px 0;min-height:36px;font-size:13px}
.ns-panel section>label{margin:14px 0}
.ns-panel select{max-width:100%}
.ns-conditions,.ns-notes{border-top:1px solid var(--line);padding-top:20px}
.ns-notes .workflow-source-note{overflow-wrap:anywhere;font-size:12px}
.node-settings :is(button,input,select,textarea,summary):focus-visible,.wc-more summary:focus-visible{outline:3px solid #247caa;outline-offset:3px}
@media(max-width:600px){
  .node-settings .ns-source-grid{gap:10px;grid-template-columns:1.2fr 1fr}
  .ns-panel>fieldset{padding:12px}
  .ns-tabs{margin-bottom:20px}
  .node-settings .person-chip button{min-height:36px;min-width:32px}
  .wc-drawer>footer>small{flex-basis:100%}
  .wc-more>summary{padding:12px;min-height:44px;box-sizing:border-box}
}
@media(max-width:360px){.node-settings .ns-source-grid{grid-template-columns:1fr}}