.manual-payments,.manual-order-controls,.service-milestones{margin-top:28px;padding-top:24px;border-top:1px solid #4b4842}
.manual-payments>h3,.manual-order-controls>h3,.live-order-chat h3,.service-milestones>h3{font-size:21px;line-height:1.4}
.payment-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px;align-items:start}
.payment-stage{min-width:0;border:1px solid #514c45;background:#1c1c1c;padding:18px;overflow-wrap:anywhere}
.payment-stage h4{font-size:16px;line-height:1.5;font-weight:700}.payment-stage h5{font-size:14px;line-height:1.5;margin:14px 0 10px;color:#dedad2}
.payment-stage .stage-amount{font-size:28px;line-height:1.3;display:block;white-space:nowrap}.payment-stage .portal-row-heading{gap:10px;align-items:flex-start}
.stage-achievement{padding:12px 0 17px;margin-bottom:16px;border-bottom:1px solid #49453f}.stage-achievement ul{padding-left:18px;font-size:14px;line-height:1.7;color:#d0ccc5}.stage-achievement li{margin:7px 0}.milestone-status{font-size:12px;color:#d3cec5;line-height:1.6}
.payment-stage label,.payment-method-form label,.manual-order-controls label{display:grid;gap:7px;font-size:14px;line-height:1.6;margin:14px 0 8px}
:is(.payment-stage,.payment-method-form,.manual-order-controls) :is(input:not([type=checkbox]),textarea,select){width:100%;min-width:0;min-height:46px;border:1px solid #736d63;background-color:#171717;color:#eeeae3;font:inherit;font-size:16px;padding:10px 12px}
:is(.payment-stage,.payment-method-form,.manual-order-controls) select{padding-right:42px}
:is(.payment-stage,.payment-method-form,.manual-order-controls) textarea{min-height:84px;resize:vertical}
:is(.payment-stage,.payment-method-form,.manual-order-controls) input[type=file]{padding:8px;min-height:48px;font-size:13px}
:is(.payment-stage,.payment-method-form,.manual-order-controls) .consent-label{display:flex;align-items:flex-start;gap:10px;min-height:44px}
:is(.payment-stage,.payment-method-form,.manual-order-controls) .consent-label input{flex:0 0 18px;margin-top:4px}
.payment-stage .button{max-width:100%;justify-content:center;min-height:44px;white-space:normal;line-height:1.5;font-size:14px;padding:11px 14px}
.payment-review-form,.milestone-progress-form{margin-top:18px;padding-top:14px;border-top:1px dashed #514c45}
.payment-qr{width:220px;max-width:100%;height:auto;max-height:260px;object-fit:contain;background:#fff;padding:10px;margin:14px 0}
.receipt-link{display:inline-flex;flex-direction:column;gap:9px;max-width:100%;min-height:44px;color:#e4b7a2;font-size:14px;margin:12px 0}.receipt-thumbnail{width:100%;max-width:220px;height:auto;max-height:220px;object-fit:contain;border:1px solid #5a554c;background:#fff}
.payment-instructions{border-left:2px solid #bd4b38;padding:12px 14px;background:#25221f;margin-top:18px}.preserve-lines{white-space:pre-wrap;overflow-wrap:anywhere}
.manual-order-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 28px}.manual-order-controls>h3,.manual-order-controls>p{grid-column:1/-1}.manual-order-controls>form,.assignment-controls{min-width:0}
.payment-method-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.payment-method-form{min-width:0;padding:22px;border:1px solid #514c45;background:#1c1c1c}.payment-method-form .form-grid{grid-template-columns:1fr 1fr}
.live-order-chat{margin-top:28px}.chat-connection{font-size:13px;color:#c4dfc0}.chat-log{max-height:420px;min-height:100px;overflow-y:auto;overscroll-behavior:contain;border:1px solid #4c4841;background:#171717;padding:14px;display:flex;flex-direction:column;gap:12px;margin:14px 0}
.chat-log:empty::before{content:'No messages yet. Start the conversation below.';color:#b7b2a8;font-size:14px}.chat-log .portal-message{padding:12px 15px;border:1px solid #4f4941;max-width:90%;width:fit-content;margin:0}.chat-log .message-own{align-self:flex-end;background:#302722}.chat-log .message-other{align-self:flex-start;background:#252525}.chat-log .portal-message>div{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center}.chat-log .portal-message small{font-size:12px;color:#bbb5aa}.chat-log .portal-message p{margin-bottom:0}
.chat-composer label{display:grid;gap:8px;font-size:14px}.chat-composer textarea{display:block;min-height:100px;max-width:100%;width:100%;border:1px solid #736d63;background:#171717;color:#eeeae3;padding:12px;font:inherit;font-size:16px;resize:vertical}.chat-composer .button{min-height:44px}
@media(max-width:1100px){.payment-stages{grid-template-columns:1fr}.payment-stage{padding:20px}.payment-stage .portal-row-heading{align-items:center}.payment-stage .stage-amount{font-size:25px}.payment-stage>form,.payment-stage .payment-instructions{max-width:660px}}
@media(max-width:700px){.manual-order-controls,.payment-method-list,.payment-method-form .form-grid{grid-template-columns:1fr}.manual-payments>h3,.manual-order-controls>h3,.live-order-chat h3{font-size:19px}.payment-stage,.payment-method-form{padding:16px}.payment-stage .portal-row-heading{display:block}.payment-stage .stage-amount{margin-top:8px}.payment-stage h4{font-size:16px}.chat-log{padding:10px;max-height:360px}.chat-log .portal-message{max-width:100%;padding:12px}.chat-log .portal-message>div{display:block}.chat-log .portal-message small{display:block;margin-top:4px}:is(.payment-stage,.payment-method-form,.manual-order-controls) select{padding-right:29px}}

.chat-inbox-list{display:grid;gap:12px;margin:18px 0}.chat-inbox-row{display:block;min-width:0;padding:20px;border:1px solid #4c4841;background:#1b1b1b;color:#eeeae3;text-decoration:none;overflow-wrap:anywhere}.chat-inbox-row:hover{border-color:#918071;background:#22201e}.chat-inbox-row:focus-visible{outline:2px solid #f07755;outline-offset:3px}.chat-inbox-row .portal-row-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.chat-unread{display:inline-block;flex-shrink:0;padding:4px 9px;border:1px solid #a9694f;background:#38271f;color:#ffd9c6;font-size:13px;font-weight:700}.chat-inbox-row .chat-service{font-size:14px;color:#c3b8ad;margin:8px 0}.chat-inbox-row .chat-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.55;color:#e0dbd5;margin:8px 0}.chat-inbox-row small{font-size:13px;color:#b9b3aa}.chat-inbox>.portal-actions{flex-wrap:wrap}@media(max-width:700px){.chat-inbox-row{padding:16px}.chat-inbox-row .portal-row-heading{align-items:flex-start}.chat-inbox-row strong{font-size:16px}.chat-inbox-row .chat-preview{font-size:15px}.chat-inbox>.portal-actions .button{font-size:16px}}
