/* A quiet, branded receipt. Success styling is only used after confirmed storage. */
#bookingForm #success{position:relative;margin-top:26px;padding:30px 30px 30px 108px;border:1px solid #b69754;border-radius:12px;background:linear-gradient(120deg,#071d33,#143650);color:#fff;box-shadow:0 10px 28px rgba(7,29,51,.13);overflow:hidden}
#bookingForm #success::after{content:"";position:absolute;top:0;left:30px;width:56px;height:3px;background:#c5a45c}
#bookingForm #success::before{content:"";position:absolute;top:32px;left:28px;width:52px;height:52px;box-sizing:border-box;border:1px solid #b69754;border-radius:50%;background-color:rgba(197,164,92,.1);background-position:center;background-size:28px;background-repeat:no-repeat}
#bookingForm #success[data-state="sent"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23e6cc91' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 16 6 6L25 10'/%3E%3C/svg%3E")}
#bookingForm #success[data-state="pending"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23e6cc91' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='16' cy='16' r='10'/%3E%3Cpath d='M16 9v7l5 3'/%3E%3C/svg%3E")}
#bookingForm #success[data-state="error"]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23e6cc91' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M16 8v11m0 5v.2'/%3E%3C/svg%3E")}
#bookingForm #success h3{margin:0 0 10px;font-size:clamp(21px,3vw,26px);line-height:1.25;font-weight:600;letter-spacing:-.025em;color:#fff}
#bookingForm #success p{margin:0;max-width:52ch;font-size:16px;line-height:1.65;color:#dbe4ec}
#bookingForm #success:focus{outline:none}
#bookingForm #success:focus-visible{outline:2px solid #c5a45c;outline-offset:4px}
@media(max-width:560px){#bookingForm #success{padding:24px 20px 24px 76px;border-radius:10px}#bookingForm #success::before{left:18px;top:25px;width:40px;height:40px;background-size:24px}#bookingForm #success::after{left:20px;width:40px}#bookingForm #success h3{font-size:21px}#bookingForm #success p{font-size:15px}}