.plan-body{padding:28px;min-width:0}
.plan-workspace{--plan-blue:#022b81;--plan-ink:#1b2840;--plan-muted:#65728a;--plan-line:#dfe6f0;--plan-wash:#edf2fc;min-width:0}
.plan-intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--plan-line)}
.plan-intro h1{font-size:24px;letter-spacing:-.5px;margin-bottom:6px}.plan-intro p{max-width:42em;margin:0}
.plan-badge{flex:none;padding:4px 10px;border:1px solid #b9c9e9;border-radius:5px;color:var(--plan-blue);font-size:12px}
.plan-connection{margin:20px 0;border-bottom:1px solid var(--plan-line);padding-bottom:16px}.plan-connection summary,.plan-optional summary,.plan-checks summary,.plan-events summary{cursor:pointer;font-weight:600;font-size:14px}
.plan-connect-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:700px;padding-top:16px}.plan-connect-form>p{grid-column:1/-1}.plan-connect-form>button{justify-self:start;grid-column:1/-1}
.plan-layout{display:grid;grid-template-columns:minmax(230px,320px) minmax(0,1fr);gap:32px;align-items:start}.plan-create{display:flex;flex-direction:column;gap:16px}.plan-create h3{margin:0}.plan-create input{border-color:#becbdf}.plan-create .hint{margin-bottom:0}.plan-match{font-size:12px;color:var(--plan-muted);margin:0;border-left:3px solid #a3b6db;padding-left:10px}.plan-optional .stack{padding-top:14px}.plan-checkbox{display:flex;gap:10px;align-items:center;font-size:13px}.plan-create>button{width:100%}
.plan-results{min-width:0}.plan-detail{padding:20px;background:#f7f9fd;border:1px solid var(--plan-line);border-radius:8px;min-width:0}.plan-detail-heading,.plan-history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-detail h3{margin:0}.plan-detail>.muted{font-size:13px;margin-top:8px;overflow-wrap:anywhere}.plan-detail progress{width:100%;height:7px;accent-color:var(--plan-blue)}.plan-stage{margin:10px 0;font-size:14px;font-weight:600}.plan-status{white-space:nowrap;font-size:12px;color:var(--plan-muted);font-weight:500}.plan-status.running{color:var(--plan-blue)}.plan-status.review{color:#965e17}.plan-status.failed{color:#a13929}.plan-warning{padding-left:12px;border-left:3px solid #d1a35a;font-size:13px;color:#7c5728}.plan-error{padding:12px;background:#fff1ec;color:#a13929;font-size:14px;border-radius:6px;overflow-wrap:anywhere}
.plan-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0}.plan-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid #c7d3e7;border-radius:6px;text-decoration:none;font-size:13px}.plan-actions .plan-primary-link{background:var(--plan-blue);border-color:var(--plan-blue);color:#fff}.plan-checks,.plan-events{border-top:1px solid var(--plan-line);padding-top:12px;margin-top:12px}.plan-checks p:first-of-type{margin-top:12px}.plan-checks p{overflow-wrap:anywhere}.plan-events ol{padding-left:20px;font-size:12px;color:var(--plan-muted)}.plan-detail>button{margin-top:16px}.plan-history{padding-top:28px}.plan-history h3{margin:0}.plan-history-heading{padding-bottom:12px}.plan-history-item{display:flex;justify-content:space-between;gap:16px;align-items:center;text-align:left;width:100%;border:none;border-bottom:1px solid var(--plan-line);border-radius:0;padding:14px 0;background:transparent}.plan-history-item strong{display:block;font-size:14px;overflow-wrap:anywhere}.plan-history-item small{display:block;margin-top:4px;font-size:12px;font-weight:400}.plan-history-item>span:first-child{min-width:0}
@media(max-width:1100px){.plan-layout{grid-template-columns:1fr;gap:28px}.plan-create{max-width:620px}.plan-intro{flex-wrap:wrap}}
@media(max-width:600px){.plan-intro h1{font-size:22px}.plan-connect-form{grid-template-columns:1fr}.plan-detail{padding:14px}.plan-detail-heading{align-items:flex-start}.plan-detail-heading h3{font-size:16px}.plan-history-item{gap:8px}.plan-workspace .field{gap:5px}}

@media(max-width:600px){.plan-body{padding:18px}}