/* RentLizen secondary pages (checkout, my-rentals, support console) */
:root{
  --rl-purple:#8a00fc;
  --rl-purple-dark:#7000cc;
  --rl-ink:#1c1c1c;
  --rl-muted:#6b7280;
  --rl-line:#e6e8ee;
  --rl-bg:#f6f5f9;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,Arial,Helvetica,sans-serif;color:var(--rl-ink);background:var(--rl-bg);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
.rl-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px;background:#111;color:#fff;position:sticky;top:0;z-index:50;min-height:64px}
.rl-topbar__logo{font-weight:800;font-size:1.75rem;letter-spacing:-.03em;text-decoration:none;color:#fff;white-space:nowrap}
.rl-topbar__sub{font-weight:500;font-size:14px;opacity:.7}
.rl-topbar nav,.rl-topbar__nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.rl-topbar nav a,.rl-topbar__nav a{color:#fff;text-decoration:none;font-size:14px;font-weight:500;padding:8px 12px;border-radius:8px;opacity:.85}
.rl-topbar nav a:hover,.rl-topbar__nav a:hover{opacity:1;background:rgba(255,255,255,.08)}
.rl-topbar__nav a.is-active{opacity:1;background:rgba(138,0,252,.35)}
.rl-topbar__account{position:relative;display:flex;align-items:center}
.rl-topbar__account a{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18)}
.rl-topbar__account a:hover{background:rgba(255,255,255,.08)}
.rl-topbar__account a.is-signed-in{border-color:rgba(138,0,252,.7)}
.rl-topbar__account a.is-signed-in .rl-topbar__account-label{color:#d8b4fe}
@media(max-width:640px){.rl-topbar__account-label{display:none}.rl-topbar{padding:12px 14px}.rl-topbar__logo{font-size:1.4rem}}
.rl-wrap{max-width:1040px;margin:0 auto;padding:32px 20px 64px}
.rl-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}
@media(max-width:860px){.rl-grid{grid-template-columns:1fr}}
.rl-card{background:#fff;border:1px solid var(--rl-line);border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(17,17,17,.04)}
.rl-card h1,.rl-card h2{margin:0 0 6px;letter-spacing:-.02em}
.rl-card h1{font-size:1.6rem}
.rl-card h2{font-size:1.15rem}
.rl-sub{color:var(--rl-muted);font-size:14px;margin:0 0 18px}
.rl-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--rl-line);font-size:14px}
.rl-row:last-child{border-bottom:0}
.rl-row strong{font-weight:700}
.rl-total{font-size:1.35rem;font-weight:800}
.rl-badge{display:inline-flex;align-items:center;gap:6px;background:#f4f1fb;color:var(--rl-purple);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}
.rl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;border:0;border-radius:12px;background:var(--rl-purple);color:#fff;font-weight:700;font-size:15px;cursor:pointer;font-family:inherit;text-decoration:none;transition:background .15s}
.rl-btn:hover{background:var(--rl-purple-dark)}
.rl-btn:disabled{opacity:.55;cursor:not-allowed}
.rl-btn--ghost{background:#fff;color:var(--rl-ink);border:1px solid var(--rl-line)}
.rl-btn--ghost:hover{background:#f7f7fa}
.rl-note{font-size:12px;color:var(--rl-muted);margin-top:12px}
.rl-msg{display:none;margin-top:14px;padding:12px 14px;border-radius:10px;font-size:14px}
.rl-msg.is-error{display:block;background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}
.rl-msg.is-ok{display:block;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0}
.rl-msg.is-info{display:block;background:#f4f1fb;color:#5b21b6;border:1px solid #e9d5ff}
.rl-divider{display:flex;align-items:center;gap:12px;color:var(--rl-muted);font-size:12px;margin:18px 0}
.rl-divider:before,.rl-divider:after{content:"";flex:1;height:1px;background:var(--rl-line)}
.rl-skeleton{height:14px;border-radius:6px;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:rl-sk 1.2s infinite}
@keyframes rl-sk{0%{background-position:200% 0}100%{background-position:-200% 0}}
.rl-table{width:100%;border-collapse:collapse;font-size:14px}
.rl-table th,.rl-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--rl-line);vertical-align:top}
.rl-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--rl-muted)}
.rl-status{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700}
.rl-status--succeeded{background:#dcfce7;color:#15803d}
.rl-status--pending{background:#fef9c3;color:#a16207}
.rl-status--failed,.rl-status--canceled{background:#fee2e2;color:#b91c1c}
.rl-status--refunded{background:#e0e7ff;color:#4338ca}
.rl-empty{text-align:center;padding:40px 20px;color:var(--rl-muted)}
.rl-success{text-align:center;padding:28px 12px}
.rl-success__icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#15803d;display:inline-flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:12px}
#express-checkout{min-height:0;margin-bottom:6px}
#payment-element{margin:12px 0 18px}
.rl-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:14px}
.rl-field input{height:44px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;font:inherit}
.rl-field input:focus,.rl-field select:focus,.rl-field textarea:focus{outline:2px solid rgba(138,0,252,.35);border-color:var(--rl-purple)}
.rl-field select{height:44px;border:1px solid #d1d5db;border-radius:10px;padding:0 12px;font:inherit;background:#fff}
.rl-fields-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:640px){.rl-fields-2{grid-template-columns:1fr}}
/* ── Modern Notion-style Agreement & Signature Card ── */
.rl-sign-section{margin-top:20px}
.rl-agree-card{
  border:1.5px solid #e2e8f0;
  border-radius:14px;
  background:#fafbfc;
  padding:16px 18px;
  margin:12px 0 18px;
  transition:all .2s ease;
}
.rl-agree-card:hover{
  border-color:#cbd5e1;
  background:#f8fafc;
}
.rl-agree-card:has(#addr-agreed:checked){
  border-color:var(--rl-purple, #8a00fc);
  background:#fcfaff;
  box-shadow:0 4px 20px -4px rgba(138,0,252,.12);
}
.rl-agree-card__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding-bottom:12px;
  margin-bottom:12px;
  border-bottom:1px solid #f1f5f9;
}
.rl-agree-card__title{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:700;
  font-size:13.5px;
  color:#0f172a;
}
.rl-agree-icon{color:var(--rl-purple, #8a00fc);flex-shrink:0}
.rl-agree-pill{
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
  color:#059669;
  background:#ecfdf5;
  border:1px solid #a7f3d0;
  padding:3px 9px;
  border-radius:999px;
  white-space:nowrap;
}
.rl-agree-card__body{
  display:flex;
  gap:12px;
  align-items:flex-start;
  cursor:pointer;
}
.rl-agree-card__body input[type="checkbox"]{
  width:19px;
  height:19px;
  margin-top:2px;
  accent-color:var(--rl-purple, #8a00fc);
  cursor:pointer;
  flex-shrink:0;
}
.rl-agree-card__content{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:13px;
  line-height:1.55;
  color:#334155;
}
.rl-agree-main{font-weight:500}
.rl-agree-main a{
  color:var(--rl-purple, #8a00fc);
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:2px;
}
.rl-agree-main a:hover{color:#6c00c7}
.rl-clause-tag{
  display:inline-block;
  font-size:11px;
  font-weight:600;
  color:#475569;
  background:#e2e8f0;
  padding:1px 6px;
  border-radius:4px;
  margin:0 1px;
}
.rl-agree-desc{
  font-size:12px;
  line-height:1.5;
  color:#64748b;
}
.rl-agree-rules{
  margin-top:12px;
  padding-top:10px;
  border-top:1px dashed #e2e8f0;
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:11.5px;
  line-height:1.45;
  color:#64748b;
}
.rl-rule-item{
  display:flex;
  align-items:flex-start;
  gap:6px;
}
.rl-rule-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--rl-purple, #8a00fc);
  margin-top:6px;
  flex-shrink:0;
}
.rl-rule-item strong{color:#334155}

.rl-sign-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-weight:600;
  font-size:13.5px;
  color:#0f172a;
}
.rl-sign-badge{
  font-size:11px;
  font-weight:600;
  color:#64748b;
  background:#f1f5f9;
  padding:2px 7px;
  border-radius:6px;
}
.rl-sign input{
  font-family:"Georgia", serif;
  font-size:16px;
  letter-spacing:.02em;
  background:#fff;
  border:1.5px solid #d1d5db;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.rl-sign-hint{
  font-size:11.5px;
  color:#64748b;
  margin-top:2px;
}
.rl-deposit-badge-note{
  margin-top:14px;
  padding:10px 12px;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:10px;
  font-size:11.5px;
  line-height:1.5;
  color:#475569;
}
.rl-btn--sm{width:auto;height:36px;padding:0 14px;font-size:13px}
.rl-table td .rl-btn{width:auto;height:34px;padding:0 12px;font-size:12px;margin:0 4px 4px 0;display:inline-flex}
textarea.rl-area{min-height:88px;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;font:inherit;resize:vertical}