#support-flow *{box-sizing:border-box!important}#support-flow{max-width:640px!important;margin:0 auto!important;font-family:inherit!important;color:#111!important;padding:30px 1rem!important}#support-flow .sf-tabs{display:flex!important;gap:.5rem!important;margin-bottom:1.5rem!important}#support-flow .sf-tab{flex:1!important;padding:1rem!important;background:#f3f4f6!important;border:2px solid #e5e7eb!important;border-radius:12px!important;font-weight:600!important;color:#6b7280!important;cursor:pointer!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;transition:all .15s!important;text-align:center!important;box-shadow:none!important;line-height:1.2!important}#support-flow .sf-tab.active{background:#111!important;border-color:#111!important;color:#fff!important}#support-flow .sf-card{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:16px!important;padding:1.5rem!important}@media(min-width:480px){#support-flow .sf-card{padding:2rem!important}}#support-flow .sf-title{font-weight:700!important;color:#111!important;margin:0 0 .5rem!important;text-transform:none!important;letter-spacing:0!important;line-height:1.25!important}#support-flow .sf-subtitle{color:#6b7280!important;margin:0 0 1.5rem!important;line-height:1.5!important}#support-flow .sf-back{background:none!important;border:none!important;color:#6b7280!important;font-family:inherit!important;cursor:pointer!important;padding:0!important;margin-bottom:1.25rem!important;display:inline-flex!important;align-items:center!important;gap:.3rem!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;font-weight:500!important}#support-flow .sf-back:hover{color:#111!important}#support-flow .sf-options{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-bottom:.5rem!important}#support-flow .sf-option{display:flex!important;align-items:center!important;gap:1rem!important;width:100%!important;padding:1.1rem 1.25rem!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:12px!important;font-weight:500!important;color:#111!important;cursor:pointer!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;text-align:left!important;transition:border-color .15s,background .15s!important;box-shadow:none!important;line-height:1.3!important}#support-flow .sf-option:hover{border-color:#111!important;background:#f9fafb!important}#support-flow .sf-option-icon{flex-shrink:0!important;line-height:1!important}#support-flow .sf-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;padding:.9rem 1.75rem!important;background:#111!important;color:#fff!important;border:2px solid #111!important;border-radius:10px!important;font-weight:600!important;font-family:inherit!important;cursor:pointer!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;transition:opacity .15s!important;box-shadow:none!important;margin-top:1rem!important;line-height:1.2!important;min-height:52px!important}#support-flow .sf-btn:hover{opacity:.82!important}#support-flow .sf-btn:disabled{opacity:.35!important;cursor:not-allowed!important}#support-flow a.sf-btn.sf-btn--outline{color:#111!important}#support-flow a.sf-btn.sf-btn--ghost{color:#6b7280!important}#support-flow .sf-btn--outline{background:transparent!important;color:#111!important;border-color:#111!important}#support-flow .sf-btn--ghost{background:transparent!important;color:#6b7280!important;border-color:#d1d5db!important}#support-flow .sf-btn--ghost:hover{color:#111!important;border-color:#111!important;opacity:1!important}#support-flow .sf-continue-btn{width:100%!important;margin-top:1.25rem!important}#support-flow .sf-info-box{background:#f9fafb!important;border:2px solid #e5e7eb!important;border-radius:12px!important;padding:1.1rem 1.25rem!important;line-height:1.6!important;color:#374151!important;margin-bottom:1.25rem!important}#support-flow .sf-info-box--green{background:#f0fdf4!important;border-color:#86efac!important;color:#166534!important}#support-flow .sf-info-box--red{background:#fef2f2!important;border-color:#fca5a5!important;color:#991b1b!important}#support-flow .sf-info-box a{color:inherit!important;font-weight:700!important;text-decoration:underline!important}#support-flow .sf-order-list{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-bottom:.5rem!important}#support-flow .sf-order-card{display:flex!important;align-items:flex-start!important;gap:1rem!important;padding:1.1rem 1.25rem!important;border:2px solid #e5e7eb!important;border-radius:12px!important;cursor:pointer!important;transition:border-color .15s,background .15s!important;background:#fff!important}#support-flow .sf-order-card:hover,#support-flow .sf-order-card.selected{border-color:#111!important;background:#f9fafb!important}#support-flow .sf-order-check{width:1.5rem!important;height:1.5rem!important;border-radius:50%!important;border:2px solid #d1d5db!important;display:flex!important;align-items:center!important;justify-content:center!important;color:transparent!important;flex-shrink:0!important;margin-top:.15rem!important;transition:all .15s!important;background:#fff!important}#support-flow .sf-order-card.selected .sf-order-check{background:#111!important;border-color:#111!important;color:#fff!important}#support-flow .sf-order-info h4{margin:0 0 .3rem!important;font-weight:700!important;color:#111!important}#support-flow .sf-order-meta,#support-flow .sf-order-items{margin:0!important;color:#6b7280!important;line-height:1.5!important}#support-flow .sf-item-list{display:flex!important;flex-direction:column!important;gap:.6rem!important;margin-bottom:.5rem!important}#support-flow .sf-item-check{display:flex!important;align-items:center!important;gap:.85rem!important;padding:.9rem 1.1rem!important;border:2px solid #e5e7eb!important;border-radius:10px!important;cursor:pointer!important;color:#111!important;line-height:1.4!important;transition:border-color .15s!important}#support-flow .sf-item-check:hover{border-color:#111!important}#support-flow .sf-item-check input[type=checkbox],#support-flow .sf-item-check input[type=radio]{width:1.2rem!important;height:1.2rem!important;flex-shrink:0!important;accent-color:#111!important;cursor:pointer!important}#support-flow .sf-field{display:flex!important;flex-direction:column!important;gap:.4rem!important;margin-bottom:1rem!important}#support-flow .sf-field label{font-weight:600!important;color:#111!important;line-height:1.3!important}#support-flow .sf-label-opt{font-weight:400!important;color:#9ca3af!important}#support-flow .sf-field input,#support-flow .sf-field select,#support-flow .sf-field textarea{width:100%!important;padding:.8rem 1rem!important;border:2px solid #e5e7eb!important;border-radius:10px!important;font-family:inherit!important;color:#111!important;background:#fff!important;outline:none!important;transition:border-color .15s!important;box-shadow:none!important;line-height:1.4!important;-webkit-appearance:none!important;appearance:none!important}#support-flow .sf-field input:focus,#support-flow .sf-field select:focus,#support-flow .sf-field textarea:focus{border-color:#111!important}#support-flow .sf-field textarea{resize:vertical!important;min-height:100px!important}#support-flow .sf-yn-group{display:flex!important;gap:.6rem!important}#support-flow .sf-yn-btn{flex:1!important;padding:.8rem!important;border:2px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important;font-family:inherit!important;font-weight:600!important;color:#6b7280!important;cursor:pointer!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;transition:all .15s!important;margin-top:0!important;min-height:48px!important}#support-flow .sf-yn-btn:hover{border-color:#111!important;color:#111!important}#support-flow .sf-yn-btn.active{background:#111!important;border-color:#111!important;color:#fff!important}#support-flow .sf-contamination-block,#support-flow .sf-upload-block{border:2px solid #e5e7eb!important;border-radius:12px!important;padding:1.25rem!important;margin-bottom:1rem!important}#support-flow .sf-contamination-block h4,#support-flow .sf-upload-block h4{margin:0 0 1rem!important;font-weight:700!important;color:#111!important}#support-flow .sf-dropzone{display:flex!important;align-items:center!important;gap:.75rem!important;padding:.6rem .85rem!important;border:2px dashed #d1d5db!important;border-radius:10px!important;background:#f9fafb!important;flex-wrap:nowrap!important}#support-flow .sf-dropzone.dragover{border-color:#111!important;background:#f3f4f6!important}#support-flow .sf-attach-btn{background:none!important;border:none!important;padding:0!important;font-family:inherit!important;font-weight:700!important;color:#111!important;cursor:pointer!important;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;white-space:nowrap!important;flex-shrink:0!important}#support-flow .sf-attach-hint{color:#9ca3af!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}#support-flow .sf-file-list{display:flex!important;flex-direction:column!important;gap:.4rem!important;margin-top:.5rem!important}#support-flow .sf-file-item{display:flex!important;align-items:center!important;gap:.5rem!important;color:#374151!important;padding:.3rem 0!important}#support-flow .sf-file-badge{flex-shrink:0!important;font-weight:600!important}#support-flow .sf-file-badge.uploading{color:#9ca3af!important}#support-flow .sf-file-badge.done{color:#16a34a!important}#support-flow .sf-file-badge.error{color:#dc2626!important}#support-flow .sf-file-del{margin-left:auto!important;background:none!important;border:none!important;color:#9ca3af!important;cursor:pointer!important;padding:.25rem!important;line-height:1!important;box-shadow:none!important;min-width:28px!important;min-height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important}#support-flow .sf-file-del:hover{color:#dc2626!important}#support-flow .sf-sub-tabs{display:flex!important;border-bottom:2px solid #e5e7eb!important;margin-bottom:1.25rem!important}#support-flow .sf-sub-tab{padding:.7rem 1.25rem!important;background:none!important;border:none!important;border-bottom:3px solid transparent!important;margin-bottom:-2px!important;font-weight:600!important;color:#9ca3af!important;cursor:pointer!important;font-family:inherit!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;transition:color .15s,border-color .15s!important;white-space:nowrap!important}#support-flow .sf-sub-tab:hover{color:#374151!important}#support-flow .sf-sub-tab.active{color:#111!important;border-bottom-color:#111!important}#support-flow .sf-ticket-list{display:flex!important;flex-direction:column!important}#support-flow .sf-ticket-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:1rem 0!important;border-bottom:1px solid #f3f4f6!important;cursor:pointer!important;gap:1rem!important;transition:background .1s!important;border-radius:8px!important}#support-flow .sf-ticket-row:last-child{border-bottom:none!important}#support-flow .sf-ticket-row:hover{background:#f9fafb!important;margin:0 -1rem!important;padding:1rem!important}#support-flow .sf-ticket-row-left{display:flex!important;align-items:flex-start!important;gap:.85rem!important;flex:1!important;min-width:0!important}#support-flow .sf-ticket-status-dot{width:10px!important;height:10px!important;border-radius:50%!important;flex-shrink:0!important;margin-top:.35rem!important}#support-flow .sf-ticket-status-dot.open{background:#16a34a!important}#support-flow .sf-ticket-status-dot.closed{background:#d1d5db!important}#support-flow .sf-ticket-status-dot.other{background:#f59e0b!important}#support-flow .sf-ticket-row-text{display:flex!important;flex-direction:column!important;gap:.25rem!important;min-width:0!important}#support-flow .sf-ticket-subject{font-weight:600!important;color:#111!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}#support-flow .sf-ticket-preview{color:#9ca3af!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.4!important}#support-flow .sf-ticket-row-right{display:flex!important;align-items:center!important;gap:.35rem!important;flex-shrink:0!important}#support-flow .sf-ticket-date{color:#9ca3af!important;white-space:nowrap!important}#support-flow .sf-ticket-chevron{width:1.1rem!important;height:1.1rem!important;color:#d1d5db!important;flex-shrink:0!important}#support-flow .sf-detail-nav{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:1rem!important}#support-flow .sf-detail-nav .sf-back{margin-bottom:0!important}#support-flow .sf-ticket-status{display:inline-block!important;padding:.3rem .75rem!important;border-radius:999px!important;font-weight:700!important;text-transform:capitalize!important;letter-spacing:0!important}#support-flow .sf-ticket-status.open{background:#dcfce7!important;color:#15803d!important}#support-flow .sf-ticket-status.closed{background:#f3f4f6!important;color:#6b7280!important}#support-flow .sf-ticket-status.other{background:#fef9c3!important;color:#a16207!important}#support-flow .sf-conversation{display:flex!important;flex-direction:column!important;gap:.85rem!important;margin:1.25rem 0!important;max-height:50vh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}#support-flow .sf-bubble-row{display:flex!important}#support-flow .sf-bubble-row.customer{justify-content:flex-end!important}#support-flow .sf-bubble-row.support{justify-content:flex-start!important}#support-flow .sf-bubble{max-width:82%!important;padding:.85rem 1.1rem!important;border-radius:16px!important;line-height:1.6!important}#support-flow .sf-bubble.customer{background:#111!important;color:#fff!important;border-bottom-right-radius:4px!important}#support-flow .sf-bubble.support{background:#f3f4f6!important;color:#111!important;border-bottom-left-radius:4px!important}#support-flow .sf-bubble-meta{opacity:.6!important;margin-bottom:.35rem!important;line-height:1.3!important}#support-flow .sf-bubble-body{white-space:pre-wrap!important;word-break:break-word!important}#support-flow .sf-reply-box{border-top:2px solid #e5e7eb!important;padding-top:1.25rem!important;margin-top:.25rem!important}#support-flow .sf-reply-footer{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-top:.75rem!important}@media(min-width:480px){#support-flow .sf-reply-footer{flex-direction:row!important;align-items:center!important;justify-content:space-between!important}#support-flow .sf-reply-footer .sf-btn{margin-top:0!important}}#support-flow .sf-reply-hint{color:#9ca3af!important;margin:.5rem 0 .75rem!important;line-height:1.5!important}#support-flow .sf-status-msg{margin-top:.75rem!important;min-height:1.4em!important;line-height:1.4!important;font-weight:500!important}#support-flow .sf-status-msg.error{color:#dc2626!important}#support-flow .sf-status-msg.success{color:#16a34a!important}#support-flow .sf-loading{text-align:center!important;color:#9ca3af!important;padding:3rem 0!important}#support-flow .sf-empty-state{text-align:center!important;padding:3rem 1rem!important}#support-flow .sf-empty-icon{margin-bottom:.75rem!important;line-height:1!important}#support-flow .sf-empty-state p{color:#6b7280!important;margin:0!important;line-height:1.5!important}#support-flow .sf-login-prompt{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-top:.75rem!important}#support-flow .sf-login-prompt p{color:#6b7280!important;margin:0!important;line-height:1.5!important}#support-flow .sf-login-prompt a{color:#111!important;font-weight:700!important}#support-flow a.sf-btn{color:#fff!important}.sf-login-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:100%!important;background:#0000008c!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:999999!important;padding:1rem!important}.sf-login-overlay-card{background:#fff!important;border-radius:16px!important;padding:2rem!important;max-width:400px!important;width:100%!important;text-align:center!important;box-shadow:0 25px 60px #00000040!important;position:relative!important;z-index:1000000!important}.sf-login-overlay-icon{font-size:2.5rem!important;margin-bottom:.75rem!important;line-height:1!important}.sf-login-overlay-card h3{font-weight:700!important;color:#111!important;margin:0 0 .5rem!important;line-height:1.25!important;font-size:1.25rem!important}.sf-login-overlay-card p{color:#6b7280!important;margin:0 0 1.5rem!important;line-height:1.5!important}.sf-login-overlay-actions{display:flex!important;flex-direction:column!important;gap:.6rem!important}.sf-login-overlay-actions .sf-btn{width:100%!important;margin-top:0!important}#support-flow .sf-card--success{text-align:center!important;padding:2.5rem 1.5rem!important}#support-flow .sf-success-icon{margin-bottom:.75rem!important;line-height:1!important}#support-flow .sf-card--success p{color:#6b7280!important;line-height:1.6!important;margin:0!important}#support-flow .sf-success-actions{display:flex!important;flex-direction:column!important;gap:.75rem!important;margin-top:1.5rem!important}@media(min-width:400px){#support-flow .sf-success-actions{flex-direction:row!important;justify-content:center!important;flex-wrap:wrap!important}#support-flow .sf-success-actions .sf-btn{margin-top:0!important}}#support-flow .sf-missing-list{margin:.75rem 0 0!important;padding-left:1.5rem!important;line-height:1.8!important}#support-flow .sf-missing-note{color:#6b7280!important;margin:.75rem 0!important;line-height:1.5!important}#support-flow .sf-stepper{display:flex!important;align-items:center!important;gap:0!important;border:2px solid #e5e7eb!important;border-radius:10px!important;overflow:hidden!important;width:fit-content!important}#support-flow .sf-stepper-btn{width:48px!important;height:48px!important;background:#f3f4f6!important;border:none!important;font-size:1.25rem!important;font-weight:600!important;color:#111!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:background .15s!important;box-shadow:none!important;margin:0!important;padding:0!important;line-height:1!important}#support-flow .sf-stepper-btn:hover:not(:disabled){background:#e5e7eb!important}#support-flow .sf-stepper-btn:disabled{opacity:.3!important;cursor:not-allowed!important}#support-flow .sf-stepper-val{min-width:3rem!important;text-align:center!important;font-weight:700!important;color:#111!important;padding:0 .5rem!important;border-left:2px solid #e5e7eb!important;border-right:2px solid #e5e7eb!important;line-height:48px!important}.sf-input{width:100%;box-sizing:border-box;font-family:inherit;line-height:1.5;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:inherit;resize:vertical}.sf-input:focus{outline:2px solid #2196f3;outline-offset:1px;border-color:#2196f3}textarea.sf-input.sf-cf-message,textarea.sf-input.sf-delivery-message,textarea.sf-input.sf-extra-message{min-height:220px;resize:vertical;font-size:auto!important}.sf-label{display:block;margin-bottom:16px}.sf-label>span:first-child{display:block;margin-bottom:4px;font-weight:600;font-size:.95rem}
/*# sourceMappingURL=/cdn/shop/t/38/assets/support-form.css.map */