.customer-messages{background:var(--color-page-bg);width:100%;min-height:calc(100vh - 84px);padding:38px 30px 60px}.customer-messages *,.faq-modal *{box-sizing:border-box}.messages-container{width:100%;max-width:1360px;margin:0 auto}.messages-header{width:100%;margin-bottom:25px;padding-left:5px}.customer-messages .messages-header h1{color:var(--color-title);font-family:var(--heading-font);font-size:var(--page-title-size);font-style:normal;font-weight:var(--page-title-weight);line-height:var(--page-title-line-height);margin:0}.messages-header p{color:#3f5368;margin:7px 0 0;font-size:13px}.messages-workspace{grid-template-columns:minmax(0,1fr) 360px;align-items:stretch;gap:20px;width:100%;display:grid}.chat-container{background:#fff;border:1px solid #355d841a;border-radius:16px;flex-direction:column;width:100%;min-width:0;height:650px;display:flex;overflow:hidden;box-shadow:0 8px 30px #2a4e7014}.chat-support-header{background:#fff;border-bottom:1px solid #e8edf3;align-items:center;min-height:84px;padding:16px 24px;display:flex}.chat-support-profile{align-items:center;gap:13px;display:flex}.chat-support-avatar{background:linear-gradient(135deg, #315d95, var(--color-primary));color:#fff;width:50px;height:50px;font-family:var(--body-font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.chat-support-info{flex-direction:column;gap:3px;display:flex}.chat-support-info strong{color:#182942;font-size:16px;font-weight:700}.chat-support-info span{color:#8190a3;font-size:12px}.chat-messages{scroll-behavior:smooth;background:#fff;flex-direction:column;flex:1;gap:15px;width:100%;min-height:0;padding:25px 28px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#c7d0da;border-radius:20px}.chat-welcome-message{background:#f0f3f7;border-radius:13px;align-items:flex-start;gap:12px;max-width:470px;padding:14px 16px;display:flex}.chat-welcome-icon{background:#dff2fb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.chat-welcome-icon i{color:var(--color-primary);font-size:18px}.chat-welcome-content strong{color:#17283f;margin-bottom:4px;font-size:13px;display:block}.chat-welcome-content p{color:#55657a;margin:0;font-size:13px;line-height:1.5}.message-row{width:100%;display:flex}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-content{flex-direction:column;max-width:68%;display:flex}.message-row.sent .message-content{align-items:flex-end}.message-row.received .message-content{align-items:flex-start}.message-bubble{word-break:break-word;border-radius:13px;width:fit-content;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.45}.message-bubble p{margin:0}.message-row.sent .message-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.message-row.received .message-bubble{color:#222;background:#eef1f5;border-bottom-left-radius:4px}.message-time{color:#8c98a8;white-space:nowrap;margin-top:4px;font-size:10px;line-height:1.2;display:block}.message-row.sent .message-time{color:#8090a3;text-align:right}.message-row.received .message-time{color:#8c98a8;text-align:left}.chat-bottom{background:#fff;flex-shrink:0;width:100%;padding:0 24px 20px}.chat-support-actions{justify-content:flex-end;align-items:center;width:100%;display:flex}.faq-button{color:#111;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;min-width:50px;margin:0;padding:0;display:flex}.faq-button i{color:#17283f;font-size:24px;line-height:24px;transition:color .2s}.faq-button span{color:#17283f;margin-top:2px;font-size:9px;font-weight:700}.faq-button:hover i,.faq-button:hover span{color:var(--color-accent-dark)}.chat-divider{background:#d6dde6;width:100%;height:1px;margin-top:5px;margin-bottom:10px}.message-form{align-items:center;gap:12px;width:100%;display:flex}.message-input{color:#222;background:#fff;border:1px solid #c9d6e3;border-radius:11px;outline:none;flex:1;width:100%;min-width:0;height:48px;padding:0 18px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.message-input::placeholder{color:#9ca8b5}.message-input:focus{border-color:var(--color-accent-dark);box-shadow:0 0 0 3px #159bd614}.send-button{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background-color .2s,transform .2s;display:flex}.send-button i{color:#fff;font-size:21px;transform:rotate(-2deg)}.send-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.customer-documents-panel{background:#fff;border:1px solid #355d841a;border-radius:16px;flex-direction:column;width:100%;min-width:0;height:650px;padding:22px;display:flex;overflow-y:auto;box-shadow:0 8px 30px #2a4e7014}.customer-documents-panel::-webkit-scrollbar{width:5px}.customer-documents-panel::-webkit-scrollbar-thumb{background:#ced7e1;border-radius:20px}.documents-panel-header{margin-bottom:20px}.documents-panel-title{align-items:flex-start;gap:11px;display:flex}.documents-title-icon{color:#2875bd;background:#e6f2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.documents-panel-title h2{color:var(--color-title);font-family:var(--heading-font);margin:0;font-size:22px;font-weight:600}.documents-panel-title p{color:#8592a4;margin:4px 0 0;font-size:12px;line-height:1.5}.document-section{margin-bottom:20px}.document-section-header{background:#edf6ff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:0 10px;display:flex}.document-section-title{color:#234b78;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.document-section-title i{font-size:16px}.document-section-title.agreement{color:#347153}.document-section:has(.document-section-title.agreement) .document-section-header{background:#eef9f2}.document-view-all-btn{color:#2676bd;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:5px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.document-view-all-btn i{font-size:11px}.document-view-all-btn:hover{color:#154f84}.document-list{flex-direction:column;gap:10px;display:flex}.customer-document-card{background:#fff;border:1px solid #e0e7ef;border-radius:11px;padding:14px}.customer-document-main{align-items:flex-start;gap:11px;display:flex}.customer-document-icon{color:#2875bd;background:#e7f2fd;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.customer-document-icon.agreement{color:#27985a;background:#e7f6ec}.customer-document-details{flex-direction:column;flex:1;min-width:0;display:flex}.customer-document-details strong{color:#182942;font-size:13px;font-weight:700}.customer-document-details span{color:#64758a;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:11px;overflow:hidden}.customer-document-details small{color:#98a3b1;margin-top:4px;font-size:10px}.quotation-status{border-radius:20px;justify-content:center;align-items:center;width:fit-content;padding:3px 8px;font-weight:700;line-height:1.2;display:inline-flex;text-overflow:clip!important;white-space:nowrap!important;margin-top:6px!important;font-size:9px!important;overflow:visible!important}.quotation-status.status-draft{color:#687383;background:#eef1f4}.quotation-status.status-accepted{color:#278a50;background:#e7f6ec}.quotation-status.status-expired{color:#c34343;background:#fdeaea}.quotation-status.status-overdue{color:#c77a18;background:#fff2df}.customer-document-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin-top:13px;display:flex}.document-action-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.document-action-btn i{font-size:11px}.document-action-btn.secondary{color:#2476ad;background:#fff;border:1px solid #2893cf}.document-action-btn.secondary:hover{background:#f1f9fd}.document-action-btn.primary{border:1px solid var(--color-primary);background:var(--color-primary);color:#fff}.document-action-btn.primary:hover{border-color:var(--color-primary-hover);background:var(--color-primary-hover)}.document-action-btn.upload{min-width:105px}.documents-panel-note{color:#7c899a;background:#f7f9fc;border-radius:9px;align-items:flex-start;gap:8px;margin-top:auto;padding:11px 12px;font-size:10px;line-height:1.5;display:flex}.documents-panel-note i{color:#6494bd;flex-shrink:0;margin-top:1px}.faq-modal{z-index:9999;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.faq-modal.show{display:flex}.faq-overlay{background:#0006;position:absolute;inset:0}.faq-content{z-index:2;background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:850px;max-height:calc(100vh - 40px);display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000038}.faq-header{border-bottom:1px solid #e7e7e7;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;width:100%;padding:22px 26px 18px;display:flex}.faq-header h2{color:#111;margin:0;font-size:21px;font-weight:700}.faq-header p{color:#777;margin:5px 0 0;font-size:13px;line-height:1.5}.faq-close{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background-color .2s;display:flex}.faq-close i{color:#333;font-size:20px}.faq-close:hover{background:#eef8fc}.faq-close:hover i{color:var(--color-accent-dark)}.faq-categories{border-bottom:1px solid #eee;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;width:100%;padding:16px 26px;display:flex}.faq-category{color:#555;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #d8d8d8;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:flex}.faq-category i{font-size:15px}.faq-category:hover{border-color:var(--color-accent-dark);color:var(--color-accent-dark);background:#f4fbfe}.faq-category.active{border-color:var(--color-accent-dark);background:var(--color-accent-dark);color:#fff}.faq-body{overscroll-behavior:contain;flex:1;width:100%;min-height:0;padding:22px 26px;overflow-y:auto}.faq-body::-webkit-scrollbar{width:7px}.faq-body::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:20px}.faq-category-content{display:none}.faq-category-content.active{display:block}.faq-category-heading{margin-bottom:16px}.faq-category-heading h3{color:#222;margin:0;font-size:18px;font-weight:700}.faq-list{flex-direction:column;gap:10px;width:100%;display:flex}.faq-item{background:#fff;border:1px solid #ddd;border-radius:9px;width:100%;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:hover{border-color:#b9dbea}.faq-item.active{border-color:var(--color-accent-dark);box-shadow:0 3px 10px #159bd614}.faq-question{color:#333;text-align:left;cursor:pointer;background:#fff;border:0;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:14px 16px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.5;display:flex}.faq-question span{flex:1}.faq-question i{color:#777;flex-shrink:0;font-size:14px;transition:transform .2s}.faq-question:hover{color:#157eae;background:#f5fbfe}.faq-item.active .faq-question{color:#157eae;background:#f3faff}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{background:#f3faff;padding:0 16px 15px;display:none}.faq-item.active .faq-answer{display:block}.faq-answer p{color:#555;margin:0;padding-top:2px;font-size:13px;line-height:1.65}.faq-empty{text-align:center;border:1px dashed #d4d4d4;border-radius:8px;width:100%;padding:20px}.faq-empty p{color:#888;margin:0;font-size:13px}.faq-help{background:#f7fbfd;border-top:1px solid #e7e7e7;flex-shrink:0;align-items:center;gap:13px;width:100%;padding:16px 26px;display:flex}.faq-help-icon{background:#e5f5fc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.faq-help-icon i{color:var(--color-accent-dark);font-size:18px}.faq-help-text{flex:1}.faq-help-text strong{color:#222;margin-bottom:2px;font-size:13px;display:block}.faq-help-text p{color:#777;margin:0;font-size:12px}.faq-message-button{background:var(--color-accent-dark);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.faq-message-button:hover{background:#1188bd}@media (width<=1100px){.messages-workspace{grid-template-columns:minmax(0,1fr) 310px}.customer-documents-panel{padding:18px}.document-action-btn span{display:none}.document-action-btn{width:34px;padding:0}.document-action-btn.upload{width:auto;min-width:34px;padding:0 10px}.document-action-btn.upload span{display:inline}}@media (width<=850px){.customer-messages{padding:30px 20px 50px}.messages-workspace{grid-template-columns:1fr}.chat-container{height:570px}.customer-documents-panel{height:auto;max-height:none}.document-action-btn span{display:inline}.document-action-btn{width:auto;padding:0 10px}.documents-panel-note{margin-top:20px}.faq-content{max-width:720px}.faq-categories{padding:14px 20px}.faq-body{padding:20px}}@media (width<=600px){.customer-messages{padding:25px 12px 40px}.messages-header{margin-bottom:18px;padding-left:4px}.messages-header p{font-size:12px}.chat-container{border-radius:13px;height:520px}.chat-support-header{min-height:72px;padding:12px 16px}.chat-support-avatar{width:44px;height:44px;font-size:17px}.chat-messages{padding:18px 15px}.message-content{max-width:82%}.chat-bottom{padding:0 15px 18px}.message-input{height:44px}.send-button{width:44px;height:44px}.customer-documents-panel{border-radius:13px;padding:16px}.documents-panel-title h2{font-size:18px}.document-section-header{padding:0 8px}.customer-document-actions{justify-content:flex-start}.document-action-btn{flex:1}.document-action-btn.upload{flex-basis:100%;width:100%}.faq-modal{padding:10px}.faq-content{border-radius:10px;max-height:calc(100vh - 20px)}.faq-header{padding:18px 16px 14px}.faq-header h2{font-size:18px}.faq-header p{font-size:12px}.faq-categories{flex-wrap:nowrap;gap:7px;padding:12px 16px;overflow-x:auto}.faq-category{min-height:34px;padding:7px 10px;font-size:11px}.faq-body{padding:18px 16px}.faq-question{padding:12px 13px;font-size:12px}.faq-answer{padding:0 13px 13px}.faq-answer p{font-size:12px}.faq-help{padding:13px 16px}.faq-help-text p{display:none}.faq-message-button{justify-content:center;width:38px;height:38px;min-height:38px;padding:0}.faq-message-button span{display:none}}.my-designs-section a.document-view-all-btn{text-decoration:none}.my-designs-hint{color:#6b7a92;margin:0 0 8px;font-size:11.5px}.my-designs-empty{color:#6b7a92;text-align:center;border:1px dashed #d5deeb;border-radius:10px;margin:0;padding:10px;font-size:12px}.my-design{background:#fff;border:1px solid #e3e9f2;border-radius:10px;align-items:center;gap:8px;padding:6px;display:flex}.my-design.sent{background:#f7f9fd}.my-design>input{accent-color:#233b63;flex:0 0 16px;width:16px;height:16px}.my-design>.bi-lock-fill{color:#98a2b3;text-align:center;flex:0 0 16px;width:16px;font-size:13px}.my-design-thumb img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;background:#f4f7ff;border-radius:8px;width:46px;height:46px;display:block}.my-design-info{flex:1;min-width:0;display:grid}.my-design-info strong{color:#22355c;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.my-design-info small{color:#6b7a92;font-size:11px}.my-design-actions{gap:2px;display:flex}.my-design-actions a,.my-design-actions button{color:#2676bd;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.my-design-actions button{color:#b42318}.my-design-actions a:hover,.my-design-actions button:hover{background:#eef3ff}.my-designs-send{color:#fff;background:#233b63;border:0;border-radius:10px;width:100%;margin-top:8px;padding:9px 12px;font-size:12.5px;font-weight:700}.my-designs-send:disabled{cursor:not-allowed;background:#c9d1de}#myDesignsList{gap:6px;display:grid}.customer-document-card .document-respond{margin-top:8px}a.document-action-btn{text-decoration:none}.quotation-status.status-sent,.quotation-status.status-signed{color:#8a5300;background:#fff2d6}.quotation-status.status-confirmed{color:#21824a;background:#e7f7ed}.quotation-status.status-declined{color:#c13f3f;background:#feecec}#agreementDocumentList{gap:8px;display:grid}