/* Isolated payment UI, uses the existing ToolLoop colour and button system. */
#tl-rental-detail{max-width:760px;margin:0 auto;padding-bottom:1.5rem;overflow-wrap:anywhere}
#tl-rental-detail[hidden],#my-bookings-view [hidden]{display:none!important}
#tl-rental-detail h1{margin-top:1rem}#tl-rental-detail h2{font-size:1.2rem;margin:0 0 .75rem}#tl-rental-detail h3{font-size:1rem}
.tl-finance-card{background:#fffdf8;border:1px solid #d9e1d4;border-radius:16px;padding:1.25rem;margin:1rem 0}
.tl-finance-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0}.tl-finance-actions .btn{min-height:44px;white-space:normal;text-align:center}
.tl-finance-actions .btn:disabled{opacity:.55;cursor:not-allowed}.tl-finance-actions .btn:focus-visible,#tl-rental-detail a:focus-visible,#tl-rental-detail textarea:focus-visible{outline:3px solid #b45309;outline-offset:3px}
.tl-finance-totals{margin:0}.tl-finance-totals>div{display:flex;justify-content:space-between;gap:1rem;margin:.65rem 0}.tl-finance-totals dd{font-weight:700;white-space:nowrap;margin:0}
.tl-finance-small{font-size:.9rem;color:#566354;margin:.75rem 0}.tl-finance-notice{border-left:4px solid #b45309;background:#fff3e4;padding:.75rem;margin:1rem 0}
.tl-rental-step{border-top:1px solid #d9e1d4;padding:.7rem 0}.tl-rental-step p{display:flex;flex-wrap:wrap;gap:1rem;margin:.5rem 0}
#tl-rental-feedback:not(:empty){padding:.8rem;border:1px solid #d9e1d4;border-radius:8px;margin:.8rem 0}#tl-rental-feedback[role=alert]{border-color:#9a3412;color:#9a3412}
#tl-rental-action-panel textarea{display:block;width:100%;box-sizing:border-box;margin:.75rem 0;padding:.75rem;font:inherit;border:1px solid #62745c;border-radius:8px}
@media(max-width:480px){.tl-finance-card{padding:1rem}.tl-finance-actions .btn{flex:1 1 180px}.tl-finance-totals>div{gap:.5rem}}
.tl-finance-actions .btn-primary{background:#24563e!important;color:#fff!important;border-color:#24563e!important}
#tl-rental-detail>a{color:#24563e;text-underline-offset:3px}