.hd-widget{--hd-bg:#ffffff;--hd-bg-secondary:#f9fafb;--hd-bg-tertiary:#f3f4f6;--hd-text:#1f2937;--hd-text-secondary:#6b7280;--hd-text-muted:#9ca3af;--hd-border:#e5e7eb;--hd-border-input:#d1d5db;--hd-primary:#2563eb;--hd-primary-hover:#1d4ed8;--hd-primary-alpha:rgba(37,99,235,0.1);--hd-reply-user:#eff6ff;--hd-reply-admin:#f0fdf4;--hd-error-bg:#fef2f2;--hd-error:#dc2626;--hd-shadow:0 8px 30px rgba(0,0,0,0.12);--hd-shadow-fab:0 4px 12px rgba(0,0,0,0.15);--hd-shadow-fab-hover:0 6px 20px rgba(0,0,0,0.2)}.hd-widget.hd-dark{--hd-bg:#1e1e2e;--hd-bg-secondary:#252537;--hd-bg-tertiary:#2a2a3e;--hd-text:#e4e4ef;--hd-text-secondary:#a0a0b8;--hd-text-muted:#6c6c84;--hd-border:#3a3a52;--hd-border-input:#4a4a64;--hd-primary:#3b82f6;--hd-primary-hover:#2563eb;--hd-primary-alpha:rgba(59,130,246,0.15);--hd-reply-user:#1e2a40;--hd-reply-admin:#1a2e1f;--hd-error-bg:#2d1a1a;--hd-error:#f87171;--hd-shadow:0 8px 30px rgba(0,0,0,0.4);--hd-shadow-fab:0 4px 12px rgba(0,0,0,0.35);--hd-shadow-fab-hover:0 6px 20px rgba(0,0,0,0.5)}.hd-widget{position:fixed;z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--hd-text);line-height:1.5}.hd-widget--right{bottom:20px;right:20px}.hd-widget--left{bottom:20px;left:20px}.hd-widget__fab{width:56px;height:56px;border-radius:50%;background:var(--hd-primary);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--hd-shadow-fab);transition:transform .2s,box-shadow .2s;position:relative}.hd-widget__fab:hover{transform:scale(1.05);box-shadow:var(--hd-shadow-fab-hover)}.hd-widget__badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:white;border-radius:10px;min-width:20px;height:20px;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 5px}.hd-widget .hd-widget__panel{position:absolute;bottom:70px;width:380px;max-height:560px;background-color:var(--hd-bg)!important;color:var(--hd-text)!important;border-radius:12px;box-shadow:var(--hd-shadow);border:1px solid var(--hd-border)!important;display:flex;flex-direction:column;overflow:hidden;animation:hd-slide-up .2s ease-out}.hd-widget .hd-widget__panel :not(.hd-badge):not(.hd-btn--primary):not(.hd-widget__badge):not(.hd-reply__admin-badge){color:inherit}.hd-widget--right .hd-widget__panel{right:0}.hd-widget--left .hd-widget__panel{left:0}@keyframes hd-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hd-widget .hd-widget__panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--hd-border)!important;background-color:var(--hd-bg-secondary)!important}.hd-widget .hd-widget__panel-header h2{margin:0;font-size:16px!important;font-weight:600;color:var(--hd-text)!important}.hd-widget .hd-widget__panel-body{flex:1;overflow-y:auto;padding:12px;background-color:var(--hd-bg)!important}.hd-btn{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.hd-btn:disabled{opacity:.5;cursor:not-allowed}.hd-widget .hd-btn--primary{background-color:var(--hd-primary)!important;color:white!important}.hd-widget .hd-btn--primary:hover:not(:disabled){background-color:var(--hd-primary-hover)!important}.hd-widget .hd-btn--ghost{background-color:transparent!important;color:var(--hd-text-secondary)!important}.hd-widget .hd-btn--ghost:hover{background-color:var(--hd-bg-tertiary)!important;color:var(--hd-text)!important}.hd-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;color:white}.hd-badge--outline{background:transparent!important;border:1px solid}.hd-ticket-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.hd-ticket-list__header h3{margin:0;font-size:15px;font-weight:600;color:var(--hd-text)}.hd-ticket-list__items{display:flex;flex-direction:column;gap:6px}.hd-ticket-list__refresh{width:100%;margin-top:8px;font-size:12px}.hd-widget .hd-ticket-row{display:block;width:100%;text-align:left;padding:10px 12px;border:1px solid var(--hd-border)!important;border-radius:8px;background-color:var(--hd-bg)!important;cursor:pointer;transition:border-color .15s;color:var(--hd-text)!important}.hd-widget .hd-ticket-row:hover{border-color:var(--hd-primary)!important}.hd-ticket-row__main{display:flex;justify-content:space-between;margin-bottom:6px}.hd-ticket-row__subject{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.hd-ticket-row__date{color:var(--hd-text-muted);font-size:12px}.hd-ticket-row__meta{display:flex;gap:6px;align-items:center}.hd-ticket-row__replies{color:var(--hd-text-secondary);font-size:12px}.hd-ticket-detail__back{margin-bottom:8px}.hd-ticket-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.hd-ticket-detail__header h3{margin:0;font-size:15px;color:var(--hd-text)}.hd-ticket-detail__original{padding:10px;background-color:var(--hd-bg-secondary)!important;border-radius:8px;margin-bottom:16px}.hd-ticket-detail__message{margin:0 0 6px;white-space:pre-wrap}.hd-ticket-detail__date{color:var(--hd-text-muted);font-size:12px}.hd-replies h4{margin:0 0 8px;font-size:13px;color:var(--hd-text-secondary)}.hd-replies__empty{color:var(--hd-text-muted);font-size:13px;text-align:center;padding:16px}.hd-reply{padding:10px;border-radius:8px;margin-bottom:8px}.hd-reply--user{background-color:var(--hd-reply-user)!important;margin-right:20px}.hd-reply--admin{background-color:var(--hd-reply-admin)!important;margin-left:20px}.hd-reply__header{display:flex;justify-content:space-between;margin-bottom:4px}.hd-reply__author{font-weight:500;font-size:12px}.hd-reply__admin-badge{display:inline-block;background:#16a34a;color:white;font-size:10px;padding:1px 6px;border-radius:4px;margin-left:6px}.hd-reply__date{color:var(--hd-text-muted);font-size:11px}.hd-reply__message{margin:0;white-space:pre-wrap;font-size:13px}.hd-reply-form{margin-top:12px;border-radius:8px;transition:box-shadow .15s,background-color .15s}.hd-widget .hd-reply-form--dragover{box-shadow:0 0 0 2px var(--hd-primary)!important;background-color:var(--hd-primary-alpha)!important;padding:6px!important}.hd-widget .hd-reply-form__actions{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.hd-widget .hd-reply-form__attach{font-size:13px!important;white-space:nowrap!important}.hd-widget .hd-attachments{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-top:6px!important}.hd-widget .hd-attachment-thumb img{width:56px!important;height:56px!important;-o-object-fit:cover!important;object-fit:cover!important;display:block!important}.hd-widget .hd-attachment-chip,.hd-widget .hd-attachment-thumb img{border-radius:6px!important;border:1px solid var(--hd-border-input)!important}.hd-widget .hd-attachment-chip{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 8px!important;font-size:12px!important;background:var(--hd-bg)!important;color:var(--hd-primary)!important;text-decoration:none!important;max-width:220px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.hd-widget .hd-attachment-chip:hover{text-decoration:underline!important}.hd-widget .hd-reply-form__input{width:100%!important;border:1px solid var(--hd-border-input)!important;border-radius:8px!important;padding:8px 10px!important;font-size:13px!important;resize:vertical;font-family:inherit!important;margin-bottom:8px;box-sizing:border-box!important;background-color:var(--hd-bg)!important;color:var(--hd-text)!important}.hd-widget .hd-reply-form__input:focus{outline:none!important;border-color:var(--hd-primary)!important;box-shadow:0 0 0 2px var(--hd-primary-alpha)!important}.hd-widget .hd-reply-form__input::-moz-placeholder{color:var(--hd-text-muted)!important;opacity:1!important}.hd-widget .hd-reply-form__input::placeholder{color:var(--hd-text-muted)!important;opacity:1!important}.hd-widget .hd-create-ticket h3{margin:0 0 14px;font-size:15px!important;font-weight:600;color:var(--hd-text)!important}.hd-form-group{margin-bottom:12px}.hd-widget .hd-form-group label{display:block;font-size:12px!important;font-weight:500;color:var(--hd-text-secondary)!important;margin-bottom:4px;background:transparent!important}.hd-form-row{display:flex;gap:10px}.hd-form-row .hd-form-group{flex:1}.hd-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.hd-widget .hd-input,.hd-widget .hd-select,.hd-widget .hd-textarea{width:100%!important;border:1px solid var(--hd-border-input)!important;border-radius:8px!important;padding:8px 10px!important;font-size:13px!important;font-family:inherit!important;box-sizing:border-box!important;background-color:var(--hd-bg)!important;color:var(--hd-text)!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}.hd-widget .hd-input:focus,.hd-widget .hd-select:focus,.hd-widget .hd-textarea:focus{outline:none!important;border-color:var(--hd-primary)!important;box-shadow:0 0 0 2px var(--hd-primary-alpha)!important}.hd-widget .hd-input::-moz-placeholder,.hd-widget .hd-textarea::-moz-placeholder{color:var(--hd-text-muted)!important;opacity:1!important}.hd-widget .hd-input::placeholder,.hd-widget .hd-textarea::placeholder{color:var(--hd-text-muted)!important;opacity:1!important}.hd-widget .hd-textarea{resize:vertical}.hd-widget .hd-select{cursor:pointer}.hd-screenshots{display:flex;gap:8px;flex-wrap:wrap}.hd-screenshot-preview{position:relative;width:80px;height:56px;border-radius:6px;overflow:hidden;border:1px solid var(--hd-border)}.hd-screenshot-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.hd-screenshot-preview__remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:rgba(0,0,0,.65);color:white;border:none;cursor:pointer;font-size:12px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;transition:opacity .15s}.hd-screenshot-preview:hover .hd-screenshot-preview__remove{opacity:1}.hd-widget .hd-screenshot-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:80px;height:56px;border-radius:6px;border:1.5px dashed var(--hd-border-input)!important;background-color:var(--hd-bg-tertiary)!important;color:var(--hd-text-secondary)!important;cursor:pointer;transition:border-color .15s,color .15s;padding:0;font-family:inherit}.hd-screenshot-add span{font-size:9px;font-weight:500;letter-spacing:.3px}.hd-widget .hd-screenshot-add:hover{border-color:var(--hd-primary)!important;color:var(--hd-primary)!important}.hd-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;border:1.5px dashed var(--hd-border-input);border-radius:8px;background:var(--hd-bg-tertiary);color:var(--hd-text-muted);cursor:pointer;transition:border-color .15s,background-color .15s;margin-bottom:8px}.hd-dropzone:hover{border-color:var(--hd-primary);color:var(--hd-text-secondary)}.hd-dropzone--active{border-color:var(--hd-primary);background:rgba(59,130,246,.06);color:var(--hd-primary)}.hd-dropzone svg{opacity:.5}.hd-dropzone span{font-size:11px;font-weight:500}.hd-file-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;height:100%;background:var(--hd-bg-tertiary);color:var(--hd-text-muted)}.hd-file-icon span{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.hd-empty,.hd-loading{text-align:center;padding:24px;color:var(--hd-text-muted)}.hd-empty p{margin-bottom:12px}.hd-error{text-align:center;padding:24px;color:var(--hd-error)}.hd-error-msg{background-color:var(--hd-error-bg)!important;color:var(--hd-error)!important;padding:8px 12px;margin-bottom:12px}.hd-error-msg,.hd-ticket-closed{border-radius:8px;font-size:13px}.hd-ticket-closed{text-align:center;padding:12px;color:var(--hd-text-secondary)!important;background-color:var(--hd-bg-tertiary)!important;margin-top:12px}.hd-widget .hd-widget__footer{padding:8px 12px;text-align:center;font-size:10px!important;color:var(--hd-text-muted)!important;border-top:1px solid var(--hd-border)!important;background-color:var(--hd-bg)!important;letter-spacing:.3px}.hd-dark .hd-widget__panel-body::-webkit-scrollbar{width:6px}.hd-dark .hd-widget__panel-body::-webkit-scrollbar-track{background:var(--hd-bg-secondary)}.hd-dark .hd-widget__panel-body::-webkit-scrollbar-thumb{background:var(--hd-border);border-radius:3px}@media (max-width:480px){.hd-widget__panel{width:calc(100vw - 24px);max-height:70vh;bottom:70px;right:12px!important;left:12px!important}}