.public-shell .payment-panel{border:1px solid var(--booking-line);text-align:left;background:#ffffff09;border-radius:10px;padding:20px}.public-shell .payment-panel h2,.public-shell .payment-panel h3{color:#f5f5f3;margin:0 0 9px;font-size:17px}.public-shell .payment-panel p{color:#bfc1c6;margin:0 0 15px;font-size:13px;line-height:1.6}.public-shell .payment-panel label{color:#e7e8e9;align-items:center;gap:7px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.public-shell .payment-panel>input{width:100%}.public-shell .payment-price{border-top:1px solid var(--booking-line);color:#bfc1c6;text-align:left;grid-template-columns:1fr auto;gap:9px 16px;margin:18px 0 0;padding-top:16px;font-size:13px;display:grid}.public-shell .payment-price strong{color:#f5f5f3;text-align:right}.public-shell .payment-price>:nth-last-child(-n+2){color:#f0b959;font-size:15px;font-weight:700}.public-shell .payment-panel .promo-hint{color:#e2b765;margin:10px 0 0}.public-shell .confirmation-details .payment-price{margin:19px 0}.public-shell .payment-next{margin:24px 0}:is(.public-shell,.booking-modal) .payment-qr{background:#fff var(--booking-payment-background,url(/selfroom-payment-background-20261014.png)) center top / cover no-repeat;color:#111;border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;width:min(100%,370px);min-height:525px;margin:16px auto;padding:130px 18px 30px;display:flex}:is(.public-shell,.booking-modal) .payment-qr-brand{flex-direction:column;align-items:center;line-height:1;display:flex}:is(.public-shell,.booking-modal) .payment-qr-brand strong{color:#0000;letter-spacing:-.085em;background:linear-gradient(100deg,#111 0% 42%,#777 48%,#f5f5f5 50%,#777 52%,#111 58% 100%) 100% 0/250% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,8vw,46px);font-weight:900;animation:5s ease-in-out infinite payment-wordmark-light}:is(.public-shell,.booking-modal) .payment-qr-brand span{color:#252525;letter-spacing:.38em;text-transform:uppercase;margin-top:5px;font-size:11px;font-weight:800}:is(.public-shell,.booking-modal) .payment-qr-amount{color:#111;font-size:18px;font-weight:800;line-height:1}:is(.public-shell,.booking-modal) .payment-qr-code-frame{background:#fff;border-radius:8px;width:min(100%,320px);padding:12px}:is(.public-shell,.booking-modal) .payment-qr-code{aspect-ratio:1;background:#fff url(/selfroom-payment-qris-original.jpg) 50% 53.1%/177.54% 250% no-repeat;width:100%}.booking-modal .payment-qr{width:min(100%,430px);min-height:580px}.booking-modal .payment-qr-code-frame{width:min(100%,370px)}@keyframes payment-wordmark-light{0%,18%{background-position:100% 0}72%,to{background-position:0 0}}.public-shell .payment-qr-link,.public-shell .proof-success a{color:var(--booking-accent);text-underline-offset:3px;text-decoration:underline}.public-shell .payment-qr-link{cursor:pointer;margin:0 auto;padding:5px;display:block;background:0 0!important;border:0!important}.public-shell .payment-proof-form{border-top:1px solid var(--booking-line);gap:9px;margin-top:18px;padding-top:18px;display:grid}.public-shell .payment-proof-form label{margin:0}.public-shell .payment-proof-form input{color:#e7e8e9;width:100%;max-width:100%;font-size:12px}.public-shell .payment-proof-form input::file-selector-button{border:1px solid var(--booking-line);color:#f5f5f3;cursor:pointer;background:#292d34;border-radius:6px;margin-right:10px;padding:8px 10px}.public-shell .payment-proof-form small{color:var(--booking-muted)}.public-shell .payment-proof-form .selected-proof{overflow-wrap:anywhere;color:#e7e8e9;font-size:12px}.public-shell .payment-proof-form button{justify-self:start}.public-shell .payment-next .proof-success{color:#acdcbc;margin:13px 0 0;display:block}@media (max-width:760px){.public-shell .payment-panel{padding:16px}:is(.public-shell,.booking-modal) .payment-qr{min-height:455px;padding:105px 12px 24px}}@media (prefers-reduced-motion:reduce){:is(.public-shell,.booking-modal) .payment-qr-brand strong{color:#111;background:0 0;animation:none}}
