/* Pre-run confirmation box — shared by all five pipelines.
   Self-contained: the portfolio hub does not load configurator.css, so these
   rules carry their own modal rather than reusing .ainv-modal. */

.rcf-backdrop{position:fixed;inset:0;background:rgba(17,17,17,.55);z-index:4000;
  display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:40px 16px}
.rcf-backdrop.is-open{display:flex}

.rcf-box{background:#fff;border-radius:12px;max-width:560px;width:100%;
  padding:24px;box-shadow:0 18px 50px rgba(0,0,0,.3);font-family:inherit;
  position:relative;margin:auto}

.rcf-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.8px;color:#999;margin-bottom:4px}
.rcf-title{font-size:18px;font-weight:800;color:#111;line-height:1.2}
.rcf-head{margin-bottom:16px}

/* Live vs mock. The one line in here that costs money if it's wrong. */
.rcf-mode{margin:0 0 14px;padding:9px 12px;border-radius:7px;font-size:12.5px;
  line-height:1.45;border:1px solid}
.rcf-mode--live{background:#fff5f4;border-color:#f3b8b4;color:#8c1f18}
.rcf-mode--mock{background:#f4f7fb;border-color:#cfd9e6;color:#3d5570}

.rcf-section-title{font-size:11px;font-weight:700;text-transform:uppercase;
  letter-spacing:.7px;color:#999;margin:16px 0 6px}
.rcf-table{width:100%;border-collapse:collapse;font-size:13px}
.rcf-table tr{border-bottom:1px solid #f0f0f0}
.rcf-table tr:last-child{border-bottom:none}
.rcf-lbl{padding:6px 12px 6px 0;color:#777;font-weight:600;white-space:nowrap;
  vertical-align:top;width:40%}
.rcf-val{padding:6px 0;color:#111;word-break:break-word}
.rcf-val--muted{color:#999}
.rcf-val--warn{color:#8c1f18;font-weight:600}
.rcf-note{font-size:11.5px;color:#888;margin-top:6px;line-height:1.45}

.rcf-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;
  padding-top:16px;border-top:1px solid #eee}
.rcf-cancel{padding:8px 18px;border-radius:7px;border:1px solid #ddd;
  background:#fff;cursor:pointer;font-size:13px;font-weight:600;color:#555;
  font-family:inherit}
.rcf-cancel:hover{background:#f7f7f7}
.rcf-go{padding:8px 22px;border-radius:7px;border:none;background:#E8332A;
  color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:inherit}
.rcf-go:hover{background:#C0201A}