/* Renew Exterior Lighting Onboarding — all rules scoped under .reol-onboard so
   they never leak into (or get clobbered by) the WordPress theme / Elementor. */
.reol-onboard{
  --navy:#14294D; --navy-d:#0d1c38; --red:#D6282F; --red-d:#b21f26;
  --blue:#8CB7E3; --blue-bg:#eef5fc; --yellow:#D6DE23; --yellow-bg:#fbfce8;
  --green:#2f7d32; --green-bg:#eef7ee;
  --bg:#eef1f5; --card:#ffffff; --line:#e2e7ee; --text:#1f2a3a; --muted:#5f6b7d;
  display:block; background:var(--bg); color:var(--text);
  font-family:'Montserrat',-apple-system,Segoe UI,Roboto,Arial,sans-serif; line-height:1.55;
}
.reol-onboard *{box-sizing:border-box}
.reol-onboard .wrap{max-width:780px;margin:0 auto;padding:26px 20px 80px}
.reol-onboard header{text-align:center;margin-bottom:18px;background:none;border:0;padding:0}
.reol-onboard .logo-img{max-height:74px;width:auto;margin:0 auto 4px;display:block}
.reol-onboard .wordmark{display:none}
.reol-onboard .wordmark .wm{font-weight:800;font-size:40px;letter-spacing:-.5px;line-height:1}
.reol-onboard .wordmark .wm-r{color:var(--red)} .reol-onboard .wordmark .wm-n{color:var(--navy)}
.reol-onboard .wordmark .wm-sub{color:var(--navy);font-weight:700;letter-spacing:.34em;font-size:13px;margin-top:2px;padding-left:.34em}
.reol-onboard .accentbar{height:5px;width:70px;margin:12px auto 0;border-radius:3px;background:linear-gradient(90deg,var(--red) 0 50%,var(--navy) 50% 100%)}
.reol-onboard h1{font-size:22px;margin:16px 0 4px;color:var(--navy);font-weight:800}
.reol-onboard header p{color:var(--muted);margin:0 auto;max-width:520px;font-size:15px}

.reol-onboard .progress{height:8px;background:#dde3ea;border-radius:99px;overflow:hidden;margin:8px 0 6px}
.reol-onboard .progress .bar{height:100%;width:0;background:var(--red);transition:width .25s ease}
.reol-onboard .stepmeta{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;justify-content:space-between}
.reol-onboard .stepmeta .name{color:var(--navy)}

.reol-onboard .step{display:none}
.reol-onboard .step.active{display:block;animation:reolfade .25s ease}
@keyframes reolfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.reol-onboard .card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(16,24,40,.05)}
.reol-onboard h2{margin:0 0 6px;font-size:20px;color:var(--navy);font-weight:800}
.reol-onboard h2 .tail{font-weight:400;color:var(--muted)}
.reol-onboard .stagekicker{font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:2px}

.reol-onboard .how{background:#f7f9fc;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:12px 0 4px}
.reol-onboard .how .grp{margin:0 0 14px} .reol-onboard .how .grp:last-child{margin-bottom:0}
.reol-onboard .how .t{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--navy);margin-bottom:5px;display:flex;align-items:center;gap:7px}
.reol-onboard .how .t .ic{width:16px;height:16px;flex:none}
.reol-onboard .how ul{margin:0;padding:0;list-style:none}
.reol-onboard .how li{position:relative;padding-left:18px;margin:5px 0;font-size:13.5px;color:#3a4658}
.reol-onboard .how li:before{content:"";position:absolute;left:3px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--red)}

.reol-onboard .sec-label{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--red);margin:22px 0 8px}
.reol-onboard .sec-label.notes{color:var(--navy)}

.reol-onboard label{display:block;font-weight:600;margin:12px 0 5px;font-size:13.5px;color:var(--navy);text-transform:none}
.reol-onboard .hint{font-weight:400;color:var(--muted);font-size:12.5px}
.reol-onboard input[type=text],.reol-onboard textarea,.reol-onboard select{width:100%;background:#fff;border:1px solid #d5dbe4;color:var(--text);border-radius:9px;padding:11px 12px;font:inherit;font-size:14.5px}
.reol-onboard textarea{min-height:70px;resize:vertical}
.reol-onboard input:focus,.reol-onboard textarea:focus,.reol-onboard select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(20,41,77,.12)}
.reol-onboard select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2314294D' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 12px center;padding-right:34px;cursor:pointer}

.reol-onboard .seqblock{border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0;background:#fbfcfe}
.reol-onboard .seqhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.reol-onboard .seqhead .name{font-weight:700;color:var(--navy)} .reol-onboard .seqhead input{max-width:280px}

.reol-onboard .act{border:1px solid var(--line);border-radius:10px;margin:8px 0;background:#fff;overflow:hidden}
.reol-onboard .act.dragging{opacity:.45;border-style:dashed;border-color:var(--navy)}
.reol-onboard .act-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;user-select:none}
.reol-onboard .act.info .act-bar{cursor:default}
.reol-onboard .act-bar .drag{cursor:grab;color:#aab3c0;font-size:15px;line-height:1}
.reol-onboard .act-bar .stepno{background:var(--navy);color:#fff;font-weight:800;font-size:12px;min-width:22px;height:22px;border-radius:6px;display:grid;place-items:center;flex:none}
.reol-onboard .act-type{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:99px;flex:none}
.reol-onboard .act-type.sms{background:#fdeaea;color:var(--red-d)}
.reol-onboard .act-type.email{background:#e8eefb;color:var(--navy)}
.reol-onboard .act-type.wait{background:var(--yellow-bg);color:#8a8f1a}
.reol-onboard .act-type.custom{background:var(--green-bg);color:var(--green)}
.reol-onboard .act-type.voicemail{background:#ede9fe;color:#6d28d9}
.reol-onboard .act-type.review-request{background:#fef9c3;color:#854d0e}
.reol-onboard .act-sum{flex:1;color:var(--muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reol-onboard .act .caret{border:0;background:none;color:var(--muted);font-size:13px;cursor:pointer;transition:transform .2s;flex:none;padding:2px 4px}
.reol-onboard .act.open .caret{transform:rotate(90deg)}
.reol-onboard .act-body{display:none;padding:2px 12px 14px}
.reol-onboard .act.open .act-body{display:block}
.reol-onboard .rmrow{margin-top:10px}

.reol-onboard .btn{border:1px solid #d5dbe4;background:#fff;color:var(--navy);border-radius:9px;padding:8px 13px;font:inherit;font-weight:700;cursor:pointer;font-size:13.5px;text-transform:none;line-height:1.4;width:auto}
.reol-onboard .btn:hover{background:#f5f7fa}
.reol-onboard .btn.add{border-color:var(--red);color:var(--red)}
.reol-onboard .btn.rm{color:var(--red-d);border-color:#f2c9cb;padding:6px 10px;font-size:12.5px}
.reol-onboard .btn.dup{border-color:var(--navy);color:var(--navy)}
.reol-onboard .addbar{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.reol-onboard .chips{margin:6px 0 0;font-size:12.5px;color:var(--muted)}
.reol-onboard .chip{display:inline-block;background:#fdeaea;color:var(--red-d);border-radius:6px;padding:1px 7px;margin:2px 3px 0 0;font-weight:600;font-size:12px}

.reol-onboard .nav{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.reol-onboard .nav .spacer{flex:1}
.reol-onboard .btn.big{padding:13px 26px;font-size:15.5px;border-radius:11px}
.reol-onboard .btn.primary{background:var(--red);border-color:var(--red);color:#fff}
.reol-onboard .btn.primary:hover{background:var(--red-d);border-color:var(--red-d)}
.reol-onboard .btn.ghost{background:#fff;color:var(--navy);border-color:#cdd5e0}
.reol-onboard .btn:disabled{opacity:.55;cursor:not-allowed}

.reol-onboard .review-item{border-bottom:1px solid var(--line);padding:8px 0;font-size:14px}
.reol-onboard .review-item b{color:var(--navy)}
.reol-onboard .foot{color:var(--muted);font-size:13px;text-align:center;margin-top:14px}
.reol-onboard .req{color:var(--red)}