[data-v-53fbcd39]:root{--chat-bg:var(--bg-dark,#f4f7f6);--header-bg:var(--bg-light,#fff);--customer-bubble-bg:var(--accent-light,#ff9);--support-bubble-bg:var(--neutral-lighter,#e2e8f0);--text-dark:var(--primary-dark,#000);--text-light:var(--neutral-dark,#4a5568);--text-meta:var(--neutral,grey);--input-bg:var(--bg-light,#fff);--input-border:var(--neutral-light,#a0aec0);--primary-action:var(--primary-color,#000);--primary-action-text:var(--accent-color,#ff0);--secondary-action:var(--secondary-color,grey);--secondary-action-text:var(--bg-light,#fff);--border-color:var(--neutral-lighter,#e2e8f0);--link-color:var(--primary-color,#000)}.support-ticket-page[data-v-53fbcd39]{display:flex;flex-direction:column;min-height:100vh;padding-top:100px;overflow:hidden;background-color:var(--chat-bg);font-family:Montserrat,sans-serif;color:var(--text-dark)}.state-container[data-v-53fbcd39]{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.spinner[data-v-53fbcd39]{border:3px solid hsla(var(--primary-color-rgb,0,0,0),.2);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin-53fbcd39 .8s linear infinite;margin-bottom:1rem}@keyframes spin-53fbcd39{to{transform:rotate(1turn)}}.state-icon[data-v-53fbcd39]{font-size:3rem;margin-bottom:1rem;color:var(--text-light)}.state-icon.error[data-v-53fbcd39]{color:var(--danger)}.state-icon.empty[data-v-53fbcd39]{color:var(--accent-dark)}.state-container h3[data-v-53fbcd39]{font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.state-container p[data-v-53fbcd39]{color:var(--text-light);margin-bottom:1.5rem;max-width:400px}.error-actions[data-v-53fbcd39]{display:flex;gap:1rem}.ticket-view-container[data-v-53fbcd39]{display:flex;flex-direction:column;flex-grow:1;overflow:hidden;height:calc(100vh - 100px)}.ticket-view-header[data-v-53fbcd39]{display:flex;align-items:center;padding:.75rem 1rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10}.back-button[data-v-53fbcd39]{background:none;border:none;font-size:.95rem;color:var(--text-light);cursor:pointer;padding:.5rem .8rem;margin-right:.75rem;border-radius:20px;display:inline-flex;align-items:center;transition:background-color var(--transition-fast)}.back-button[data-v-53fbcd39]:hover{background-color:var(--neutral-lighter)}.header-info[data-v-53fbcd39]{flex-grow:1;display:flex;align-items:center;gap:.75rem;overflow:hidden}.ticket-subject-header[data-v-53fbcd39]{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.status-badge-header[data-v-53fbcd39]{font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:50px;text-transform:uppercase;letter-spacing:.03em;flex-shrink:0}.status-OPEN[data-v-53fbcd39]{background-color:hsla(var(--warning-rgb),.15);color:var(--warning)}.status-IN_PROGRESS[data-v-53fbcd39]{background-color:hsla(var(--info-rgb),.15);color:var(--info)}.status-RESOLVED[data-v-53fbcd39]{background-color:hsla(var(--success-rgb),.15);color:var(--success)}.status-CLOSED[data-v-53fbcd39]{background-color:var(--neutral-lighter);color:var(--neutral)}.conversation-area[data-v-53fbcd39]{flex-grow:1;overflow-y:auto;padding:1rem}.message-wrapper[data-v-53fbcd39]{display:flex;margin-bottom:1rem;max-width:75%}.message-from-customer[data-v-53fbcd39]{justify-content:flex-end;margin-left:auto}.message-from-support[data-v-53fbcd39]{justify-content:flex-start;margin-right:auto}.message-bubble[data-v-53fbcd39]{padding:.6rem 1rem;border-radius:18px;position:relative;box-shadow:var(--shadow-sm)}.message-from-customer .message-bubble[data-v-53fbcd39]{background-color:var(--customer-bubble-bg);color:var(--primary-dark);border-bottom-right-radius:4px}.message-from-support .message-bubble[data-v-53fbcd39]{background-color:var(--support-bubble-bg);border-bottom-left-radius:4px}.message-sender[data-v-53fbcd39]{font-size:.8rem;font-weight:500;margin-bottom:.25rem;color:var(--text-meta)}.message-from-customer .message-sender[data-v-53fbcd39]{text-align:right}.message-time[data-v-53fbcd39]{font-size:.7rem;margin-left:.5rem;color:var(--text-meta);opacity:.8}.message-content[data-v-53fbcd39]{font-size:.95rem;line-height:1.5;word-wrap:break-word}.message-content a[data-v-53fbcd39]{color:var(--link-color);text-decoration:underline}.message-content a[data-v-53fbcd39]:hover{opacity:.8}.attachments-list[data-v-53fbcd39]{margin-top:.5rem;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:.3rem}.attachment-chip[data-v-53fbcd39]{display:inline-flex;align-items:center;padding:.25rem .6rem;border-radius:15px;background-color:rgba(0,0,0,.05);color:var(--text-light);font-size:.8rem;text-decoration:none;transition:background-color var(--transition-fast)}.attachment-chip[data-v-53fbcd39]:hover{background-color:rgba(0,0,0,.1)}.attachment-chip i[data-v-53fbcd39]{margin-right:.4rem;color:var(--text-meta)}.attachment-size[data-v-53fbcd39]{font-size:.7rem;color:var(--text-meta);margin-left:.4rem;opacity:.8}.rating-section[data-v-53fbcd39]{background-color:var(--header-bg);padding:1rem;margin:1rem 0;border-radius:8px;border:1px solid var(--border-color);text-align:center}.rating-section h3[data-v-53fbcd39]{font-size:1rem;font-weight:600;margin-bottom:.75rem}.rating-stars[data-v-53fbcd39]{margin-bottom:.75rem}.rating-stars button[data-v-53fbcd39]{background:none;border:none;font-size:1.5rem;color:var(--neutral-light);cursor:pointer;padding:.2rem}.rating-stars button.active[data-v-53fbcd39]{color:var(--accent-color)}.rating-section textarea[data-v-53fbcd39]{width:100%;max-width:400px;min-height:60px;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;margin-bottom:.75rem}.btn-submit-rating[data-v-53fbcd39]{background-color:var(--primary-action);color:var(--primary-action-text);border:1px solid var(--primary-action);padding:.5rem 1rem;border-radius:50px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);opacity:1;visibility:visible;display:inline-block;margin-top:.5rem}.btn-submit-rating[data-v-53fbcd39]:hover:not(:disabled){opacity:.85;box-shadow:var(--shadow-sm)}.btn-submit-rating[data-v-53fbcd39]:disabled{opacity:.6;cursor:not-allowed}.closed-info-section[data-v-53fbcd39]{background-color:var(--neutral-lighter);color:var(--neutral-dark);padding:1rem;margin:1rem 0;border-radius:8px;text-align:center}.closed-info-section p[data-v-53fbcd39]{margin-bottom:.75rem;font-weight:500}.reply-area[data-v-53fbcd39]{padding:.75rem 1rem;background-color:var(--header-bg);border-top:1px solid var(--border-color);box-shadow:0 -2px 5px rgba(0,0,0,.03)}.attachment-previews[data-v-53fbcd39]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px dashed var(--border-color)}.preview-chip[data-v-53fbcd39]{display:inline-flex;align-items:center;background-color:var(--neutral-lighter);color:var(--text-light);padding:.2rem .6rem;border-radius:15px;font-size:.8rem}.preview-chip i[data-v-53fbcd39]{margin-right:.4rem}.remove-preview-btn[data-v-53fbcd39]{background:none;border:none;font-size:1rem;color:var(--danger);margin-left:.4rem;cursor:pointer;line-height:1}.reply-form-inner[data-v-53fbcd39]{display:flex;align-items:flex-end;gap:.5rem}.attach-button[data-v-53fbcd39]{flex-shrink:0;border:none;background:none;color:var(--text-meta);font-size:1.3rem;cursor:pointer;padding:.5rem;border-radius:50%}.attach-button[data-v-53fbcd39]:hover{background-color:var(--neutral-lighter)}.attach-button input[type=file][data-v-53fbcd39]{display:none}.attach-button.disabled[data-v-53fbcd39]{opacity:.5;cursor:not-allowed}.reply-input[data-v-53fbcd39]{flex-grow:1;border:1px solid var(--input-border);border-radius:20px;padding:.6rem 1rem;font-size:.95rem;line-height:1.4;resize:none;background-color:var(--input-bg);color:var(--text-dark);max-height:100px;overflow-y:auto}.reply-input[data-v-53fbcd39]:focus{outline:none;border-color:var(--primary-action);box-shadow:0 0 0 2px hsla(var(--primary-color-rgb,0,0,0),.1)}.send-button[data-v-53fbcd39]{flex-shrink:0;background-color:var(--primary-action);color:var(--primary-action-text);border:none;border-radius:50%;width:40px;height:40px;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--transition-fast)}.send-button[data-v-53fbcd39]:hover:not(:disabled){opacity:.85}.send-button[data-v-53fbcd39]:disabled{opacity:.5;cursor:not-allowed}.btn-close-ticket[data-v-53fbcd39]{font-size:.8rem;margin-top:.5rem;margin-left:auto;display:block;padding:.3rem .8rem}.btn-primary[data-v-53fbcd39]{background-color:var(--primary-action);color:var(--primary-action-text);border:1px solid var(--primary-action);padding:.5rem 1rem;border-radius:50px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary[data-v-53fbcd39]:hover:not(:disabled){opacity:.85;box-shadow:var(--shadow-sm)}.btn-primary[data-v-53fbcd39]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-53fbcd39]{background-color:var(--secondary-action);color:var(--secondary-action-text);border:1px solid var(--secondary-action);padding:.5rem 1rem;border-radius:50px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-secondary[data-v-53fbcd39]:hover:not(:disabled){opacity:.85;box-shadow:var(--shadow-sm)}.btn-secondary[data-v-53fbcd39]:disabled{opacity:.6;cursor:not-allowed}.btn-outline[data-v-53fbcd39]{background-color:transparent;color:var(--primary-action);border:1px solid var(--primary-action);padding:.5rem 1rem;border-radius:50px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-outline[data-v-53fbcd39]:hover:not(:disabled){background-color:hsla(var(--primary-color-rgb,0,0,0),.05);box-shadow:var(--shadow-sm)}.btn-outline[data-v-53fbcd39]:disabled{opacity:.6;cursor:not-allowed}.fade-enter-active[data-v-53fbcd39],.fade-leave-active[data-v-53fbcd39]{transition:opacity .3s ease}.fade-enter-from[data-v-53fbcd39],.fade-leave-to[data-v-53fbcd39]{opacity:0}@media (max-width:600px){.ticket-subject-header[data-v-53fbcd39]{font-size:1rem}.message-wrapper[data-v-53fbcd39]{max-width:90%}.reply-input[data-v-53fbcd39]{padding:.5rem .8rem}}.preview-chip.uploading[data-v-53fbcd39]{opacity:.7;background-color:var(--neutral-light)}.mr-2[data-v-53fbcd39]{margin-right:.5rem}