.collaborationNav{margin:0 0 24px;flex-wrap:wrap}.chatLayout{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr);gap:20px;align-items:start}.chatList h2{margin-top:0}.conversationChoice{display:block;width:100%;text-align:left;background:transparent;color:var(--white);border:1px solid var(--line);border-radius:12px;padding:15px;margin:10px 0}.conversationChoice span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.conversationChoice.selected{border-color:var(--gold);background:#152c36}.chatPanel{min-width:0}.chatHeading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:14px}.chatHeading h2{font-size:22px;margin:0}.chatMessages{height:min(52vh,540px);min-height:240px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:14px;padding:20px 0}.chatBubble{max-width:88%;align-self:flex-start;background:#173540;border:1px solid #2a4b56;border-radius:16px 16px 16px 4px;padding:14px 16px;overflow-wrap:anywhere}.chatBubble.mine{align-self:flex-end;background:#f5e7c8;color:#17232a;border-color:#d8bd7c;border-radius:16px 16px 4px 16px}.chatBubble>b{font-size:14px}.chatBubble p{white-space:pre-wrap;line-height:1.6;margin:8px 0}.chatBubble time{display:block;font-size:12px;opacity:.8;margin-top:9px}.chatBubble img,.chatBubble video{display:block;width:auto;max-width:100%;max-height:320px;border-radius:9px;margin:10px 0}.attachmentLink{display:block;text-decoration:underline;font-size:14px;overflow-wrap:anywhere}.chatComposer{border-top:1px solid var(--line);padding-top:18px}.chatComposer textarea{resize:vertical}.chatComposer input[type=file]{max-width:100%;font-size:14px}.chatComposer small{color:var(--muted);font-size:14px}.chatComposer [role=status]{font-size:14px;min-height:1.4em}.contractCard,.contractOverview{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:20px 0}.contractCard h2,.contractOverview h2{margin:0 0 8px;font-size:24px}.contractCard p{margin:8px 0}.contractOverview .buttonRow{flex-wrap:wrap}.contractDocument{white-space:pre-wrap;overflow-wrap:anywhere;background:#fffdf7;color:#17232a;font:16px/1.75 Georgia,serif;padding:32px;border:1px solid #d8bd7c;border-radius:16px;max-height:70vh;overflow:auto}.signatureGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.signatureGrid h3{margin-top:0}.signatureEvidence{margin:20px 0;font-size:14px}.signatureEvidence code{overflow-wrap:anywhere}.signatureEvidence summary{cursor:pointer;font-size:16px}.contractPDF{display:block;width:100%;height:65vh;border:0;margin-top:24px;background:white}.inlineButton{display:inline-block}.qrResult{text-align:center;margin-top:20px}.qrResult canvas{display:block;margin:20px auto;max-width:100%;height:auto!important;background:#fff;border-radius:12px}.qrResult p{max-width:560px;margin:18px auto;line-height:1.6}.scannerPanel{max-width:720px;margin:0 auto}.scannerPanel video{width:100%;max-height:450px;background:#000;border-radius:14px;object-fit:contain}.scannerPanel .buttonRow{margin:16px 0}.scannerPanel form{border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.paymentDeadline{font-size:14px!important;color:#edc166;line-height:1.6}.panelWhite .paymentDeadline{color:#70501b}
.reservationCar{display:flex;gap:18px;align-items:center}.reservationCar img{width:160px;max-width:40%;height:120px;object-fit:cover;border-radius:12px}.flowList{padding-left:24px;line-height:1.6}.flowList li{margin:22px 0}.reservationReceipt{max-width:800px;margin:auto;text-align:center}.receiptIcon{font-size:38px;color:var(--gold2);margin:8px}.receiptIntro{font-size:18px;line-height:1.6}.receiptVehicle{display:grid;gap:12px;justify-items:center;margin:24px 0}.receiptVehicle strong{font-size:22px}.reservationDeadline{display:grid;gap:8px;background:#173931;padding:20px;border-radius:12px;margin:24px 0}.receiptSteps{display:flex;justify-content:space-around;gap:16px;flex-wrap:wrap;padding:15px 25px}.receiptInbox{display:flex;gap:16px;text-align:left;padding:20px;background:#132d39;border-radius:12px;margin:24px 0}.receiptInbox>span{font-size:30px}.receiptInbox p{margin:8px 0;font-size:16px}.reservationReceipt .buttonRow{justify-content:center;flex-wrap:wrap}.inboxToolbar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.inboxItem{display:flex;gap:18px;margin:14px 0}.inboxItem.unread{border-color:var(--gold)}.inboxSymbol{font-size:24px;color:var(--gold2);padding-top:5px}.inboxCopy{min-width:0;flex:1}.inboxCopy h2{font-size:20px;margin:0}.inboxCopy p{line-height:1.6}.inboxCopy time{font-size:14px;color:var(--muted);display:block;margin-bottom:16px}.unreadLabel{font-size:12px;background:var(--gold2);color:#15202a;border-radius:5px;padding:4px 7px}.walletHero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(110deg,#123e36,#122d37);border:1px solid #477b66;border-radius:18px;padding:28px;margin:22px 0}.walletHero strong{display:block;font-size:clamp(30px,6vw,48px);margin:12px 0;color:#f4d894}.walletHero p{font-size:14px;color:#d0e5dc}.walletStats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.walletStats .stat{min-width:0}.walletStats small{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:8px}.walletStats strong{overflow-wrap:anywhere}.walletExplanation{line-height:1.6;margin:24px 0}.walletTransaction{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:14px 0}.walletTransaction p{font-size:14px;line-height:1.5}.transactionMoney{text-align:right;min-width:150px}.transactionMoney strong{display:block;font-size:23px}.transactionMoney small{display:block;font-size:14px;margin:8px 0;color:var(--muted)}.profileTypeChoice{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.profileTypeChoice button{border:1px solid #b6c0c4;background:#f6f8f8;color:#142a34;border-radius:12px;padding:18px;text-align:left}.profileTypeChoice button.selected{border:2px solid #9b731b;background:#fff7dd}.profileTypeChoice span{display:block;font-size:14px;margin-top:7px}[data-unread-count]{font-size:12px;background:var(--gold2);color:#122632;border-radius:10px;padding:2px 5px}
@media(max-width:760px){.chatLayout{grid-template-columns:1fr}.chatList{max-height:230px;overflow:auto}.chatMessages{height:48vh}.chatBubble{max-width:95%}.chatHeading{align-items:flex-start}.contractCard,.contractOverview{align-items:flex-start;flex-direction:column;gap:16px}.contractDocument{padding:20px;font-size:16px}.signatureGrid{grid-template-columns:1fr}.walletHero{align-items:flex-start;flex-direction:column;padding:22px}.walletStats{grid-template-columns:1fr}.walletTransaction{align-items:flex-start;flex-direction:column}.transactionMoney{text-align:left}.profileTypeChoice{grid-template-columns:1fr}.receiptSteps{flex-direction:column;align-items:flex-start}.reservationCar img{width:100px;height:85px}.inboxItem{padding:18px;gap:12px}.inboxCopy .buttonRow{flex-wrap:wrap}.collaborationNav{gap:8px}.collaborationNav button{padding:12px;font-size:14px}.scannerPanel{padding:18px}.contractPDF{height:60vh}.qrResult canvas{width:100%!important;max-width:300px!important}}

@media(max-width:640px){.bottom{grid-template-columns:repeat(5,minmax(0,1fr))}}