.quality-page{max-width:1320px;margin:0 auto;padding:0 4px 32px}.quality-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.quality-head h2{display:flex;align-items:center;gap:9px;margin:0;font-size:23px;font-weight:850}.quality-head h2 svg,.quality-stat svg,.quality-scan-button svg,.quality-photo-picker svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9}.quality-head h2 svg{color:var(--primary)}.quality-head p{margin:5px 0 0;color:var(--text3);font-size:12px}.quality-demo-note{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;margin-bottom:12px;border:1px solid var(--warning);border-radius:var(--radius);background:var(--warning-bg);color:var(--text2);font-size:12px}.quality-demo-note svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:var(--warning)}.quality-context-bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;margin-bottom:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--border)}.quality-context-bar>div{min-width:0;padding:9px 11px;background:var(--surface)}.quality-context-bar span,.quality-detail-grid span,.quality-detail-text>span{display:block;color:var(--text3);font-size:9px;font-weight:800;text-transform:uppercase}.quality-context-bar strong{display:block;overflow:hidden;margin-top:2px;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.quality-stats{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:9px;margin-bottom:12px}.quality-stat{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.quality-stat svg{width:19px;height:19px;color:var(--primary)}.quality-stat strong{display:block;font-size:21px;line-height:1}.quality-stat span{display:block;margin-top:4px;color:var(--text3);font-size:10px;font-weight:750;text-transform:uppercase}.quality-view-tabs{display:flex;gap:5px;margin-bottom:10px}.quality-view-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text3);font:750 12px var(--font);cursor:pointer}.quality-view-tab svg{width:15px;height:15px;fill:none;stroke:currentColor}.quality-view-tab.active{border-color:var(--primary-border);background:var(--primary-bg);color:var(--primary)}.quality-layout{display:grid;grid-template-columns:minmax(390px,480px) minmax(0,1fr);gap:14px;align-items:start}.quality-card{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.quality-form{display:flex;flex-direction:column;gap:11px}.quality-form label{display:flex;flex-direction:column;gap:5px;color:var(--text2);font-size:10px;font-weight:800;text-transform:uppercase}.quality-form label>span{color:var(--text3);font-size:9px;font-weight:650;text-transform:none}.quality-form input,.quality-form select,.quality-form textarea,.quality-list-tools input,.quality-list-tools select{width:100%;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;background:var(--surface2);color:var(--text);font:13px var(--font);text-transform:none}.quality-form input:focus,.quality-form select:focus,.quality-form textarea:focus{border-color:var(--primary)}.quality-form textarea{resize:vertical;line-height:1.45}.quality-section-title{display:flex;align-items:center;gap:9px;margin:7px 0 1px}.quality-section-title:first-child{margin-top:0}.quality-section-title>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;flex:0 0 auto;border-radius:50%;background:var(--primary);color:#fff;font-size:12px;font-weight:850}.quality-section-title strong,.quality-section-title small{display:block}.quality-section-title strong{font-size:13px}.quality-section-title small{margin-top:1px;color:var(--text3);font-size:10px}.quality-complaint-fields{display:flex;flex-direction:column;gap:9px;padding:10px;border:1px solid var(--primary-border);border-radius:var(--radius);background:var(--primary-bg)}.quality-complaint-fields[hidden],.quality-complaint-fields [hidden]{display:none!important}.quality-no-detail{padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text3);font-size:11px}.quality-outlet-grid,.quality-two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quality-scan-row{display:grid;grid-template-columns:1.25fr .75fr;gap:9px}.quality-scan-button{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--primary-border);border-radius:var(--radius);background:var(--primary-bg);color:var(--primary);cursor:pointer;text-align:left}.quality-scan-button span,.quality-scan-button strong,.quality-scan-button small{display:block}.quality-scan-button small{margin-top:2px;color:var(--text3);font-size:10px}.quality-barcode-manual>label{margin-bottom:5px}.quality-barcode-manual>div{display:flex;gap:5px}.quality-barcode-manual .btn{padding:8px}.quality-or{display:flex;align-items:center;gap:8px;color:var(--text3);font-size:9px;text-transform:uppercase}.quality-or:before,.quality-or:after{content:"";height:1px;flex:1;background:var(--border)}.quality-product-search{position:relative;display:flex;align-items:center}.quality-product-search>svg,.quality-list-search svg{position:absolute;left:10px;width:15px;height:15px;fill:none;stroke:var(--text3)}.quality-product-search>input{padding-left:32px}.quality-product-search>div{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;display:none;overflow:auto;max-height:260px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg)}.quality-product-search>div.open{display:block}.quality-product-search button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;text-align:left}.quality-product-search button:hover{background:var(--primary-bg)}.quality-product-search button span,.quality-product-search button strong,.quality-product-search button small{display:block}.quality-product-search button small{color:var(--text3);font-size:10px}.quality-product-search button em{color:var(--text3);font-size:10px;font-style:normal}.quality-no-results{padding:14px;color:var(--text3);font-size:11px}.quality-selected-product{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 10px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text3);font-size:11px}.quality-selected-product.selected{border-style:solid;border-color:var(--primary-border);background:var(--primary-bg);color:var(--text)}.quality-selected-product>svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:var(--primary)}.quality-selected-product>div{min-width:0;flex:1}.quality-selected-product span,.quality-selected-product strong,.quality-selected-product small{display:block}.quality-selected-product span,.quality-selected-product small{color:var(--text3);font-size:9px}.quality-selected-product em{padding:3px 7px;border-radius:999px;background:var(--surface);color:var(--text3);font-size:9px;font-style:normal;white-space:nowrap}.quality-selected-product button{padding:3px;border:0;background:transparent;color:var(--text3);cursor:pointer}.quality-selected-product button svg{width:15px;height:15px;fill:none;stroke:currentColor}.quality-selected-product input{margin-top:3px}.quality-photo-picker{display:flex!important;align-items:center;flex-direction:row!important;gap:10px;padding:11px;border:1px dashed var(--primary);border-radius:var(--radius);background:var(--primary-bg);color:var(--primary)!important;cursor:pointer}.quality-photo-picker input{display:none}.quality-photo-picker span,.quality-photo-picker strong,.quality-photo-picker small{display:block}.quality-photo-picker small{margin-top:2px;color:var(--text3);font-size:10px;text-transform:none}.quality-photo-preview{display:flex;align-items:center;gap:7px;overflow:auto}.quality-photo-preview figure{position:relative;overflow:hidden;width:62px;height:54px;flex:0 0 auto;margin:0;border-radius:var(--radius-sm);background:var(--surface3)}.quality-photo-preview img{width:100%;height:100%;object-fit:cover}.quality-photo-preview figcaption{position:absolute;right:3px;bottom:3px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:9px}.quality-photo-preview>span{color:var(--text3);font-size:10px}.quality-submit{justify-content:center;margin-top:3px}.quality-list-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quality-list-head h3{margin:0;font-size:16px}.quality-list-head small{color:var(--text3);font-size:10px}.quality-list-tools{display:grid;grid-template-columns:1fr 150px;gap:8px;margin:12px 0}.quality-list-search{position:relative;display:flex;align-items:center}.quality-list-search input{padding-left:32px}.quality-list{display:flex;flex-direction:column;gap:8px}.quality-ticket{padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2);cursor:pointer}.quality-ticket:hover{border-color:var(--primary-border);background:var(--primary-bg)}.quality-ticket-top,.quality-ticket-bottom{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.quality-ticket-top{justify-content:space-between}.quality-ticket-number{font-size:11px;font-weight:850}.quality-ticket-product{display:block;margin-top:7px;font-size:13px}.quality-ticket-code,.quality-ticket-category{margin-top:3px;color:var(--text3);font-size:10px}.quality-ticket-category{color:var(--primary);font-weight:700}.quality-ticket p{margin:7px 0;font-size:12px;line-height:1.4}.quality-ticket-bottom{color:var(--text3);font-size:9px}.quality-ticket-bottom>span:first-child{margin-right:auto}.quality-ticket-bottom svg{width:12px;height:12px;fill:none;stroke:currentColor}.quality-status,.quality-integration{display:inline-flex;padding:3px 7px;border-radius:999px;background:var(--surface3);color:var(--text2);font-size:9px;font-weight:800}.quality-status.status-new{background:var(--primary-bg);color:var(--primary)}.quality-status.status-resolved,.quality-status.status-closed,.quality-integration.integration-exported,.quality-integration.integration-acknowledged{background:var(--success-bg);color:var(--success)}.quality-status.status-waiting,.quality-integration.integration-export_error,.quality-integration.integration-rejected_by_1c{background:var(--danger-bg);color:var(--danger)}.quality-loading,.quality-error,.quality-empty-list{padding:25px;text-align:center;color:var(--text3)}.quality-error{color:var(--danger)}.quality-empty-list svg{display:block;width:30px;height:30px;margin:0 auto 8px;fill:none;stroke:var(--text3)}.quality-empty-list strong,.quality-empty-list span{display:block}.quality-empty-list span{margin-top:3px;font-size:11px}.quality-modal,.quality-photo-modal{position:fixed;inset:0;z-index:9998;display:flex;align-items:center;justify-content:center;padding:16px}.quality-modal-bg{position:absolute;inset:0;background:rgba(10,18,35,.58);backdrop-filter:blur(2px)}.quality-modal-card{position:relative;overflow:auto;width:min(780px,96vw);max-height:90vh;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg)}.quality-modal-card>header,.quality-modal-card>footer,.quality-photo-modal header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border)}.quality-modal-card>header span{color:var(--primary);font-size:10px;font-weight:850}.quality-modal-card>header h3{margin:2px 0 0;font-size:17px}.quality-modal-card>footer{justify-content:flex-end;border-top:1px solid var(--border);border-bottom:0}.quality-modal-body{padding:16px}.quality-detail-status{display:flex;gap:7px;margin-bottom:13px}.quality-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.quality-detail-grid strong{display:block;margin-top:2px;font-size:12px}.quality-detail-text{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.quality-detail-text p{white-space:pre-wrap;font-size:13px;line-height:1.5}.quality-detail-photos{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.quality-detail-photos button{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--primary-border);border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary);font:750 11px var(--font);cursor:pointer}.quality-detail-photos svg{width:14px;height:14px;fill:none;stroke:currentColor}.quality-timeline{display:flex;flex-direction:column;gap:8px;margin-top:15px;padding-top:12px;border-top:1px solid var(--border)}.quality-timeline>div{display:grid;grid-template-columns:8px 120px 1fr;gap:7px;align-items:center;font-size:10px}.quality-timeline i{width:7px;height:7px;border-radius:50%;background:var(--primary)}.quality-timeline span{color:var(--text3)}.quality-photo-modal>div:last-child{position:relative;overflow:hidden;max-width:95vw;max-height:92vh;border-radius:var(--radius-lg);background:#101827}.quality-photo-modal header{border:0;color:#fff}.quality-photo-modal img{display:block;max-width:95vw;max-height:80vh;object-fit:contain}.quality-scanner-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:15px;background:rgba(3,8,20,.9)}.quality-scanner-card{overflow:hidden;width:min(520px,96vw);border-radius:var(--radius-lg);background:#111827;color:#fff}.quality-scanner-card header{display:flex;align-items:center;justify-content:space-between;padding:13px}.quality-scanner-card header span,.quality-scanner-card header strong{display:block}.quality-scanner-card header span{color:#93c5fd;font-size:10px}.quality-scanner-view{position:relative;overflow:hidden;aspect-ratio:4/3;background:#000}.quality-scanner-view video{width:100%;height:100%;object-fit:cover}.quality-scan-frame{position:absolute;inset:23% 8%;border:2px solid #60a5fa;border-radius:12px;box-shadow:0 0 0 999px rgba(0,0,0,.3)}.quality-scan-frame i{position:absolute;left:7%;right:7%;top:50%;height:2px;background:#ef4444;box-shadow:0 0 8px #ef4444}.quality-scanner-card p{margin:0;padding:11px 13px;color:#cbd5e1;font-size:11px}.quality-scanner-card p.error{color:#fca5a5}.quality-scanner-card>[data-manual]{margin:0 13px 13px}.quality-new-mobile{display:none}
@media(max-width:1050px){.quality-layout{grid-template-columns:1fr}.quality-form-card{order:1}.quality-list-card{order:2}.quality-new-mobile{display:inline-flex}}@media(max-width:700px){.quality-context-bar{grid-template-columns:1fr 1fr}.quality-stats{grid-template-columns:1fr 1fr}.quality-head{flex-direction:column}.quality-outlet-grid,.quality-two-col,.quality-scan-row,.quality-list-tools,.quality-detail-grid{grid-template-columns:1fr}.quality-card{padding:12px}.quality-timeline>div{grid-template-columns:8px 95px 1fr}}@media(max-width:420px){.quality-context-bar,.quality-stats{grid-template-columns:1fr}.quality-view-tabs{overflow:auto}.quality-selected-product{align-items:flex-start;flex-wrap:wrap}.quality-selected-product em{margin-left:30px}}
.quality-form [hidden]{display:none!important}.quality-photo-subsection{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface2)}.quality-photo-subsection>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.quality-photo-subsection>div:first-child strong{font-size:12px}.quality-photo-subsection>div:first-child small{color:var(--text3);font-size:10px}.quality-photo-picker.compact{padding:9px}.quality-photo-preview figure>button{position:absolute;top:3px;right:3px;display:flex;align-items:center;justify-content:center;width:19px;height:19px;padding:0;border:0;border-radius:50%;background:rgba(15,23,42,.78);color:#fff;cursor:pointer}.quality-photo-preview figure>button svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2}.quality-detail-photo-group{margin-top:13px;padding-top:10px;border-top:1px solid var(--border)}.quality-detail-photo-group>strong{font-size:11px}.quality-detail-photo-group .quality-detail-photos{margin-top:7px}
.quality-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quality-photo-subsection em{color:var(--danger);font-size:9px;font-style:normal;text-transform:uppercase}.quality-list-actions{display:flex;align-items:center;gap:6px}.quality-list-actions .btn{white-space:nowrap}.quality-list-actions [hidden]{display:none!important}.quality-period-group{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.quality-period-group>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:var(--surface2);cursor:pointer;list-style:none}.quality-period-group>summary::-webkit-details-marker{display:none}.quality-period-group>summary:after{content:"›";color:var(--text3);font-size:18px;line-height:1;transform:rotate(90deg);transition:transform .15s}.quality-period-group[open]>summary:after{transform:rotate(-90deg)}.quality-period-group>summary strong{margin-right:auto;font-size:12px}.quality-period-group>summary span{color:var(--text3);font-size:10px}.quality-period-tickets{display:flex;flex-direction:column;gap:7px;padding:8px}.quality-period-tickets .quality-ticket{background:var(--surface2)}
@media(max-width:420px){.quality-photo-actions{grid-template-columns:1fr}.quality-list-head{align-items:flex-start}.quality-list-actions{flex-wrap:wrap;justify-content:flex-end}}
.quality-outlet-search{position:relative;display:flex;align-items:center}.quality-outlet-search>svg{position:absolute;z-index:1;left:10px;width:15px;height:15px;fill:none;stroke:var(--text3)}.quality-outlet-search>input{padding-left:32px}.quality-outlet-search>div{position:absolute;z-index:24;top:calc(100% + 4px);left:0;right:0;display:none;overflow:auto;max-height:300px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg)}.quality-outlet-search>div.open{display:block}.quality-outlet-search button{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;padding:10px;border:0;border-bottom:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;text-align:left}.quality-outlet-search button:hover{background:var(--primary-bg)}.quality-outlet-search button span,.quality-outlet-search button strong,.quality-outlet-search button small{display:block}.quality-outlet-search button strong{font-size:11px;text-transform:none}.quality-outlet-search button small{margin-top:3px;color:var(--text3);font-size:10px;font-weight:500;line-height:1.35;text-transform:none}.quality-outlet-search button em{max-width:120px;color:var(--text3);font-size:9px;font-style:normal;font-weight:650;text-align:right;text-transform:none}