.c4it-end-condition{border:1px solid #d8dee4;border-radius:8px;padding:16px;margin:24px 0;background:#fff;color:#20242a;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.c4it-end-condition *{box-sizing:border-box}
.c4it-end-condition__layout{display:grid;grid-template-columns:minmax(240px,330px) minmax(280px,1fr);grid-template-areas:"panel chart" "feedback chart";gap:14px 18px;align-items:start}
.c4it-end-condition__panel{border:1px solid #d8dee4;border-radius:8px;padding:14px;background:#f8fafc}
.c4it-end-condition__panel{grid-area:panel}
.c4it-end-condition__heading{font-size:18px;margin:0 0 12px}
.c4it-end-condition__controls{display:grid;gap:10px}
.c4it-end-condition label{display:grid;gap:5px;font-weight:700}
.c4it-end-condition input,.c4it-end-condition select{width:100%;border:1px solid #b9c2cf;border-radius:6px;padding:8px;font-size:16px;background:#fff}
.c4it-end-condition__metric{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #b9c2cf;border-radius:6px;background:#fff;padding:10px 12px;font-weight:700}
.c4it-end-condition__metric strong{font-size:28px;color:#0f766e;line-height:1}
.c4it-end-condition__rule{min-height:4.5em;border:1px solid #d8dee4;border-radius:6px;background:#fff;padding:10px;line-height:1.6}
.c4it-end-condition__actions{display:grid;gap:8px;margin-top:14px}
.c4it-end-condition button{border:1px solid #b9c2cf;background:#f6f8fa;color:#20242a;border-radius:6px;padding:8px 12px;font-weight:700;cursor:pointer}
.c4it-end-condition button:hover{background:#0f766e;border-color:#0f766e;color:#fff}
.c4it-end-condition__feedback{grid-area:feedback}
.c4it-end-condition__status{min-height:4.5em;padding:10px;border-radius:6px;background:#fff;border:1px solid #d8dee4;line-height:1.6}
.c4it-end-condition__status.is-warning{border-color:#dc2626;color:#991b1b;background:#fff1f2}
.c4it-end-condition__status.is-done{border-color:#0f766e;color:#0f766e;background:#ecfdf5}
.c4it-end-condition__history{min-height:6em;max-height:12em;overflow:auto;margin:10px 0 0;padding:10px 10px 10px 30px;border:1px solid #d8dee4;border-radius:6px;background:#fff;line-height:1.6}
.c4it-end-condition__history li{margin:0 0 4px}
.c4it-end-condition__chart{grid-area:chart;overflow:visible;padding:8px;min-width:0}
.c4it-end-condition__svg{display:block;width:100%;max-width:520px;height:auto;margin:0 auto;overflow:visible}
.c4it-end-condition__svg marker path{fill:#64748b}
.c4it-end-line{fill:none;stroke:#64748b;stroke-width:3;marker-end:url(#c4it-end-arrow)}
.c4it-end-node rect,.c4it-end-node polygon{fill:#f8fafc;stroke:#64748b;stroke-width:3}
.c4it-end-node--term rect{fill:#eef6ff}
.c4it-end-node text{fill:#20242a;font-size:16px;font-weight:700;text-anchor:middle;dominant-baseline:middle}
.c4it-end-label{fill:#475569;font-size:15px;font-weight:700}
.c4it-end-note{fill:#475569;font-size:13px;font-weight:700}
.c4it-end-node.is-active rect,.c4it-end-node.is-active polygon{fill:#fff7ed;stroke:#ea580c;stroke-width:4}
.c4it-end-node.is-done rect,.c4it-end-node.is-done polygon{fill:#ecfdf5;stroke:#0f766e;stroke-width:4}
.c4it-end-node.is-warning rect,.c4it-end-node.is-warning polygon{fill:#fff1f2;stroke:#dc2626;stroke-width:4}
.c4it-end-caption rect{fill:#f8fafc;stroke:#d8dee4;stroke-width:2}
.c4it-end-caption text{fill:#475569;font-size:14px;font-weight:700;text-anchor:middle;dominant-baseline:middle}
@media (max-width:900px){.c4it-end-condition__layout{grid-template-columns:1fr;grid-template-areas:"panel" "chart" "feedback";gap:10px}.c4it-end-condition__chart{padding:0 4px}.c4it-end-condition__svg{max-width:460px}}
@media (max-width:520px){.c4it-end-condition{padding:12px}.c4it-end-condition__svg{max-width:100%}.c4it-end-node text{font-size:14px}.c4it-end-caption text{font-size:12px}}