/* ---------- Trang đăng ký thuê + xác nhận ---------- */
.steps{display:flex;align-items:center;gap:10px;justify-content:center}
.steps .st{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.steps .st i{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700}
.steps .st.on{color:var(--ink);font-weight:600}.steps .st.on i{background:var(--ink);color:#fff;border-color:var(--ink)}
.st-line{flex:0 1 60px;height:2px;background:var(--line)}
.mobile .steps .st span{display:none}
.rt{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;align-items:start}
.mobile .rt{grid-template-columns:1fr}
.rt-main{display:flex;flex-direction:column;gap:16px}
.rt-sec{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:10px;background:#fff}
.rt-side{display:flex;flex-direction:column;gap:12px;position:sticky;top:90px}
.opt3{display:flex;flex-direction:column;gap:8px}
.opt{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:10px 12px;cursor:pointer;font-size:13.5px}
.opt i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--muted);flex:none}
.opt.on{border-color:var(--ui);background:var(--ui-soft)}.opt.on i{border:5px solid var(--ui)}
.upl{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mobile .upl{grid-template-columns:1fr}
.upbox{border:2px dashed var(--line);border-radius:10px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--paper);font-size:13px}
.upbox b{font-size:22px;color:var(--muted)}
.rt-send{align-self:flex-start;padding:10px 26px}
.mobile .rt-send{align-self:stretch;text-align:center}
.done{max-width:620px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:10px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:30px 20px;background:#fff}
.done-ic{width:64px;height:64px;border-radius:50%;background:#1f9d55;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center}
.done .title{margin-bottom:0}
.done-steps{display:flex;flex-direction:column;gap:8px;text-align:left;margin:10px 0;width:100%;max-width:380px}
.done-steps>div{display:flex;gap:10px;align-items:center;font-size:13.5px}
.done-steps i{width:24px;height:24px;border-radius:50%;background:var(--ui-soft);color:var(--ui);font-style:normal;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}