.qop-page{margin:0 auto;padding:0 0 60px;color:var(--hw-ui-text);font-family:var(--hw-ui-font-body)}.qop-page__header{margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid var(--hw-ui-border)}.qop-page__title{margin:0 0 6px;font-family:var(--hw-ui-font-title);font-size:28px;font-weight:700;line-height:1.2}.qop-page__subtitle{margin:0;color:var(--hw-ui-muted);font-size:15px}.qop-page__signin{margin:8px 0 32px}.qop{position:relative}.qop__card{background:var(--hw-ui-white);border:1px solid var(--hw-ui-border);border-radius:6px;overflow:visible}.qop__card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:8px;padding:16px 24px;background:var(--hw-ui-surface);border-bottom:1px solid var(--hw-ui-border);border-radius:6px 6px 0 0}.qop__card-header-left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:15px;font-weight:600}.qop__card-header-left .hw-shell-icon{color:var(--hw-ui-brand);-ms-flex-negative:0;flex-shrink:0}.qop__item-count{color:var(--hw-ui-muted-on-tint);font-size:13px;font-weight:500}.qop__add-row-wrap{padding:12px 24px;border-bottom:1px solid var(--hw-ui-border)}.qop__search-wrap{position:relative}.qop__dropdown{display:none;top:100%;left:0;right:0}.qop__dropdown.qop__dropdown--open{display:block}.qop__dd-item{gap:12px;cursor:pointer}.qop__actions{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.qop__dd-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;-ms-flex-negative:0;flex-shrink:0;border-radius:4px;overflow:hidden}.qop__dd-img img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.qop__dd-info{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.qop__dd-name{overflow-wrap:anywhere}.qop__dd-sku{margin-top:2px;overflow-wrap:anywhere}.qop__col--status:empty{display:none}.qop__status{display:block;overflow-wrap:anywhere}.qop__tips{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px;margin-top:14px;padding:12px 20px;background:var(--hw-ui-surface);border:1px solid var(--hw-ui-border);border-radius:6px}.qop__tip{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;color:var(--hw-ui-muted-on-tint);font-size:13px;line-height:1.4}.qop__tip strong{color:var(--hw-ui-text)}.qop .loadingOverlay{display:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;background:#ffffffd9;border-radius:6px}.qop .loadingOverlay::after{content:'';position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:3px solid var(--hw-ui-border);border-top-color:var(--hw-ui-brand);border-radius:50%;-webkit-animation:qop-spin .8s linear infinite;animation:qop-spin .8s linear infinite}@-webkit-keyframes qop-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes qop-spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media (max-width:760px){.qop-page{padding:0 0 40px}.qop-page__title{font-size:22px}.qop__card-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:4px;padding:12px 16px}.qop__add-row-wrap{padding:12px 16px}.qop__actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qop__actions>.hw-ui-button{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.qop__tips{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}}.qop .qop__col--qty .hw-ui-qty-box{width:100%}.qop .qop__col--qty .hw-ui-qty-box-field{width:100%}.qop .qop__col--qty .hw-ui-qty-box-input{width:100%}