.wf-choice-control{display:flex;align-items:stretch;min-width:0;position:relative}
.wf-choice-control input{border-radius:6px 0 0 6px!important;flex:1;width:0!important}
.wf-choice-toggle{width:38px;flex:none;border:1px solid #3a6474;border-left:0;border-radius:0 6px 6px 0;background:#143240;color:#73e1e9;font-size:19px;line-height:1}
.wf-choice-toggle:hover,.wf-choice-toggle[aria-expanded=true]{background:#215364;color:#d6fbfc}
.cnc-workflow-context .cnc-workflow-field{position:relative}
.wf-choice-popup{position:absolute;z-index:12;left:0;top:100%;width:max(100%,300px);max-width:min(440px,calc(100vw - 70px));padding:14px;border:1px solid #386b7a;border-radius:8px;background:#0f2331;box-shadow:0 16px 44px #0009;color:#bcd4e2;margin-top:6px}
.cnc-workflow-context .cnc-workflow-field:nth-child(4n) .wf-choice-popup{left:auto;right:0}
.wf-choice-search{font-size:13px!important;margin-bottom:10px}
.wf-choice-list{max-height:230px;overflow:auto;margin:0 -4px 10px;padding:0 4px}
.wf-choice-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid #294352;padding:5px 0}
.wf-choice-option{flex:1;min-width:0;text-align:left;padding:8px 5px;border-radius:4px;color:#d0e8f1;font-size:13px}
.wf-choice-option:hover{background:#1c3a49}
.wf-choice-option span,.wf-choice-option small{display:block;overflow-wrap:anywhere}
.wf-choice-option small{font-size:10px;color:#7fabbf;margin-top:3px}
.wf-choice-trace-button{font-size:11px;flex:none;padding:6px;color:#72d5df}
.wf-choice-empty,.wf-choice-status{font-size:11px;line-height:1.8;color:#a0b9c8;overflow-wrap:anywhere;margin-top:8px}
.wf-choice-popup>.secondary-button{font-size:11px;padding:7px 10px;min-height:34px}
.wf-choice-trace{max-height:220px;overflow:auto;margin-top:12px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}
.wf-choice-trace:empty{display:none}.wf-choice-trace strong{font-weight:500;color:#8be2da}.wf-choice-trace p{border-top:1px solid #294352;padding-top:7px;margin-top:7px}
.wf-records{border:1px solid #304b5b;background:#0f1d2b;border-radius:9px;padding:19px 22px;margin:15px 0 20px}
.wf-records-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wf-records-heading h2{font-size:15px}.wf-records-badge{font-size:10px;letter-spacing:.5px;color:#85d8c6;background:#132e2b;border:1px solid #2c6157;padding:4px 8px;border-radius:4px;white-space:nowrap}
.wf-records-help{font-size:12px;color:#8faebe;line-height:1.85;margin-top:9px}
.wf-records-current{font-size:12px;color:#a2cfd8;margin:9px 0 14px}
.wf-records-actions{display:flex;flex-wrap:wrap;gap:10px;margin:13px 0}
.wf-records-actions button{font-size:12px;min-height:39px;padding:8px 14px}
.wf-records-history{border-top:1px solid #294151;margin-top:14px;padding-top:13px}
.wf-records-history summary{font-size:12px;color:#86bccc;cursor:pointer}
.wf-records-history-fields{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto auto;align-items:end;gap:12px;margin-top:14px}
.wf-records-history-fields button{font-size:12px;min-height:40px;white-space:nowrap}
.wf-records-version-detail{font-size:11px;color:#88a8ba;margin-top:10px;overflow-wrap:anywhere}
.wf-records-status{font-size:12px;color:#86d7c4;margin-top:10px;line-height:1.85;overflow-wrap:anywhere}
.wf-records-status[data-state=error]{color:#ffb1a5}
@media(max-width:1100px){.cnc-workflow-context .cnc-workflow-field:nth-child(4n) .wf-choice-popup{left:0;right:auto}.cnc-workflow-context .cnc-workflow-field:nth-child(3n) .wf-choice-popup{left:auto;right:0}.wf-records-history-fields{grid-template-columns:1fr 1fr}.wf-records-history-fields button{justify-self:start}}
@media(max-width:850px){.cnc-workflow-context .cnc-workflow-field:nth-child(3n) .wf-choice-popup{left:0;right:auto}.cnc-workflow-context .cnc-workflow-field:nth-child(2n) .wf-choice-popup{left:auto;right:0}.wf-choice-popup{width:280px}}
@media(max-width:700px){.wf-records{padding:16px}.wf-records-heading{align-items:flex-start;flex-wrap:wrap}.wf-records-history-fields{grid-template-columns:1fr}.wf-records-actions button{flex:1}.wf-records-history-fields button{justify-self:stretch}.wf-choice-popup{max-width:calc(100vw - 70px);width:280px}.wf-choice-toggle{width:34px}.wf-choice-search{font-size:16px!important}.wf-choice-option{font-size:14px}.wf-choice-trace-button{min-height:40px}}
@media(max-width:380px){.cnc-workflow-context .cnc-workflow-field:nth-child(n) .wf-choice-popup{left:0;right:auto}}