.sh-view{animation:shFadeIn .2s ease}@keyframes shFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sh-list-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:16px}.sh-list-header .ah-stitle{margin-bottom:2px}@media(max-width:600px){.sh-list-header{flex-direction:column}}.sh-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4em;font-family:var(--font-body);font-size:.82rem;font-weight:600;border:none;border-radius:6px;padding:.6em 1.3em;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none}.sh-btn--primary{background:var(--color-accent);color:#fff}.sh-btn--primary:hover{opacity:.88}.sh-btn--primary:disabled{opacity:.4;cursor:not-allowed}.sh-btn--ghost{background:#fff;border:1px solid var(--color-border);color:var(--color-text-muted)}.sh-btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.sh-btn--sm{font-size:.76rem;padding:.45em .9em}.sh-link{background:none;border:none;color:var(--color-accent);cursor:pointer;text-decoration:underline;font-size:inherit;font-family:inherit;font-weight:500;padding:0}.sh-back-btn{display:inline-flex;align-items:center;gap:.3em;background:none;border:none;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--color-accent);cursor:pointer;padding:0;margin-bottom:16px}.sh-back-btn:hover{text-decoration:underline}.sh-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sh-filters{display:flex;gap:4px;flex-wrap:wrap}.sh-filter{font-family:var(--font-body);font-size:.74rem;font-weight:500;padding:5px 12px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-muted);cursor:pointer;transition:all .15s;white-space:nowrap}.sh-filter:hover{border-color:#ccc;color:var(--color-text-light)}.sh-filter.is-active{background:var(--color-text);border-color:var(--color-text);color:#fff}.sh-search{flex:1;min-width:160px}.sh-search input{width:100%;font-family:var(--font-body);font-size:.8rem;padding:7px 12px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s}.sh-search input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a66b14}.sh-search input::placeholder{color:var(--color-text-muted)}.sh-ticket-list{display:flex;flex-direction:column;gap:8px}.sh-ticket{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:14px 18px;background:#fff;border:1px solid #d5d0c8;border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.sh-ticket:hover{border-color:#c0b8ac;box-shadow:0 2px 8px #0000000f}.sh-ticket--unread{border-left:3px solid var(--color-accent)}.sh-ticket__status{text-align:center}.sh-ticket__status-icon{font-size:.85rem}.sh-ticket__body{min-width:0}.sh-ticket__subject{font-family:var(--font-body);font-size:.88rem;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-ticket__meta{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;margin-bottom:3px}.sh-ticket__cat{font-size:.64rem;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--color-bg);color:var(--color-text-light);border:1px solid var(--color-border-light, #f0eeeb)}.sh-ticket__order{font-size:.66rem;font-weight:600;color:var(--color-accent)}.sh-ticket__date{font-size:.68rem;color:var(--color-text-muted)}.sh-ticket__preview{font-size:.78rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:460px}.sh-ticket__badge{font-size:.64rem;font-weight:600;padding:3px 8px;border-radius:5px;white-space:nowrap;text-align:center}.sh-ticket__badge--open{background:#fef3c7;color:#92400e}.sh-ticket__badge--pending{background:#dbeafe;color:#1e40af}.sh-ticket__badge--closed{background:#d1fae5;color:#065f46}.sh-ticket__badge--archived{background:#f3f4f6;color:#6b7280}@media(max-width:600px){.sh-ticket{grid-template-columns:1fr;gap:6px;padding:12px 14px}.sh-ticket__status{display:none}.sh-ticket__subject{white-space:normal}.sh-ticket__preview{max-width:100%}}.sh-no-results{text-align:center;padding:36px 20px;color:var(--color-text-muted);font-size:.84rem}.sh-load-more{text-align:center;margin-top:16px}.sh-empty{text-align:center;padding:50px 20px}.sh-empty__icon{font-size:2.2rem;margin-bottom:10px;opacity:.5}.sh-empty__title{font-family:var(--font-body);font-size:1.05rem;font-weight:600;margin:0 0 4px}.sh-empty__text{font-size:.82rem;color:var(--color-text-muted);max-width:380px;margin:0 auto 18px}.sh-error{text-align:center;padding:28px 20px;color:var(--color-text-light);font-size:.84rem}.sh-thread-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--color-border)}.sh-thread-info__subject{font-family:var(--font-body);font-size:1.05rem;font-weight:600;margin:0 0 6px}.sh-thread-info__meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.sh-thread-info__date{font-size:.7rem;color:var(--color-text-muted)}.sh-thread-error{text-align:center;padding:28px;color:var(--color-text-light)}.sh-thread-messages{display:flex;flex-direction:column;gap:0;max-height:560px;overflow-y:auto;margin-bottom:16px;background:#fff;border:1px solid #d5d0c8;border-radius:10px}.sh-msg{padding:14px 18px;border-bottom:1px solid var(--color-border-light, #f0eeeb)}.sh-msg:last-child{border-bottom:none}.sh-msg--agent{background:var(--color-bg)}.sh-msg--customer{background:#fff}.sh-msg__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.sh-msg__author{font-size:.76rem;font-weight:600}.sh-msg__author--customer{color:var(--color-accent)}.sh-msg__author--agent{color:#1e40af}.sh-msg__time{font-size:.66rem;color:var(--color-text-muted)}.sh-msg__body{font-size:.84rem;line-height:1.65;color:var(--color-text-light);word-wrap:break-word;overflow-wrap:break-word}.sh-msg__body p{margin:0 0 .5em}.sh-msg__body p:last-child{margin-bottom:0}.sh-msg__body img{max-width:100%;border-radius:4px}.sh-msg__body a{color:var(--color-accent)}.sh-msg__attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sh-attachment{border:1px solid var(--color-border);border-radius:6px;overflow:hidden;transition:border-color .15s}.sh-attachment:hover{border-color:var(--color-accent)}.sh-attachment--image{cursor:pointer;max-width:140px}.sh-attachment--image img{display:block;width:100%;height:90px;object-fit:cover}.sh-attachment__name{display:block;font-size:.66rem;padding:3px 7px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:140px}.sh-attachment--file{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;text-decoration:none;color:var(--color-text-light);font-size:.78rem}.sh-attachment__icon{font-size:1rem}.sh-reply-box{background:#fff;border:1px solid #d5d0c8;border-radius:10px;overflow:hidden}.sh-reply-box__editor{padding:0}.sh-reply-box__textarea{width:100%;font-family:var(--font-body);font-size:.84rem;line-height:1.6;color:var(--color-text);border:none;outline:none;padding:12px 16px;resize:vertical;min-height:72px;background:#fff}.sh-reply-box__textarea::placeholder{color:var(--color-text-muted)}.sh-reply-box__attachments{display:flex;flex-wrap:wrap;gap:5px;padding:0 14px}.sh-reply-box__attachments:empty{padding:0}.sh-reply-box__actions{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-top:1px solid var(--color-border-light, #f0eeeb);background:var(--color-bg)}.sh-attach-btn{cursor:pointer}.sh-attach-btn input{display:none}.sh-form{display:flex;flex-direction:column;gap:16px;max-width:600px}.sh-form__row{display:flex;flex-direction:column;gap:5px}.sh-form__label{font-size:.8rem;font-weight:500;color:var(--color-text)}.sh-form__optional{font-weight:400;color:var(--color-text-muted)}.sh-form__input,.sh-form__select,.sh-form__textarea{font-family:var(--font-body);font-size:.84rem;padding:9px 12px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.sh-form__input:focus,.sh-form__select:focus,.sh-form__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #c9a66b14}.sh-form__textarea{resize:vertical;min-height:110px;line-height:1.6}.sh-form__select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23999' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.sh-dropzone{display:block;border:2px dashed #c0b8ac;border-radius:10px;padding:24px 20px;text-align:center;cursor:pointer;transition:all .15s;background:#fff}.sh-dropzone:hover,.sh-dropzone--active{border-color:var(--color-accent);background:#c9a66b05}.sh-dropzone__content{display:flex;flex-direction:column;align-items:center;gap:3px}.sh-dropzone__icon{font-size:1.2rem}.sh-dropzone__text{font-size:.82rem;color:var(--color-text-light)}.sh-dropzone__hint{font-size:.7rem;color:var(--color-text-muted)}.sh-file-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.sh-file-preview:empty{margin-top:0}.sh-file-thumb{position:relative;width:72px;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;background:#fff}.sh-file-thumb img{display:block;width:100%;height:52px;object-fit:cover}.sh-file-thumb__icon{display:flex;align-items:center;justify-content:center;width:100%;height:52px;font-size:1.2rem;background:var(--color-bg)}.sh-file-thumb__name{display:block;font-size:.56rem;padding:2px 4px;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-file-thumb__remove{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;border:none;background:#00000080;color:#fff;font-size:.65rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.sh-file-thumb__remove:hover{background:#dc2626}.sh-form__actions{display:flex;gap:8px;padding-top:8px}.sh-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center}.sh-lightbox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf}.sh-lightbox__content{position:relative;max-width:90vw;max-height:90vh}.sh-lightbox__img{display:block;max-width:90vw;max-height:85vh;object-fit:contain;border-radius:6px}.sh-lightbox__close{position:absolute;top:-10px;right:-10px;width:28px;height:28px;border-radius:50%;border:none;background:#fff;color:#333;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0003}.sh-lightbox__close:hover{background:#f3f4f6}.sh-unread-badge{background:#e53935;color:#fff}.ah-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:32px 16px;color:var(--color-text-tertiary, #8C8780);font-size:13px}.ah-spinner{width:16px;height:16px;border:2px solid var(--color-border-light, #E8E5DE);border-top-color:var(--color-accent, #A68B59);border-radius:50%;animation:ah-spin .7s linear infinite}@keyframes ah-spin{to{transform:rotate(360deg)}}.ah-empty__icon{font-size:40px;margin-bottom:12px;line-height:1}.ah-empty__title{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--color-text, #1C1B18)}.ah-empty__text{font-size:13px;color:var(--color-text-tertiary, #8C8780);margin:0 0 16px;max-width:380px}.ah-empty__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:13px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;border-radius:var(--radius-sm, 4px);background:var(--color-text, #1C1B18);color:var(--color-text-inverse, #fff);text-decoration:none;border:0;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/479/assets/support-hub.css.map */