.coa-controls{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.75rem var(--spacing-page, 1.25rem);border-bottom:1px solid var(--color-border);background:var(--color-surface);position:sticky;top:53px;z-index:9}.coa-controls input[type=search],.coa-controls input[type=text],.coa-controls select{padding:.38rem .65rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.83rem;outline:none;transition:border-color .12s}.coa-controls input[type=search]:focus,.coa-controls input[type=text]:focus{border-color:var(--color-accent)}.coa-controls input[type=search]{min-width:220px;flex:1}.coa-controls select{cursor:pointer}.coa-count{color:var(--color-muted);font-size:.8rem;margin-left:auto;white-space:nowrap}.coa-list{padding:.75rem var(--spacing-page, 1.25rem);display:flex;flex-direction:column;gap:.5rem}.coa-row{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.coa-summary{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;user-select:none;transition:background .12s}.coa-summary:hover{background:var(--color-surface-2)}.coa-main{flex:1;min-width:0}.coa-product{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.coa-meta{color:var(--color-muted);font-size:.78rem;margin-top:2px;display:flex;gap:.75rem;flex-wrap:wrap}.coa-panels{display:flex;gap:.4rem;flex-wrap:wrap;flex-shrink:0}.coa-chevron{color:var(--color-muted);font-size:.7rem;flex-shrink:0;transition:transform .15s}.coa-row.open .coa-chevron{transform:rotate(180deg)}.coa-badge{font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:4px}.coa-badge-pass{background:#56c27226;color:var(--color-accent)}.coa-badge-fail{background:#e05a5a26;color:#e05a5a}.coa-badge-nt{background:#7777771f;color:var(--color-muted)}.coa-badge-data{background:#56c2721a;color:var(--color-accent);border:1px solid rgba(86,194,114,.2)}.coa-detail{display:none;border-top:1px solid var(--color-border);padding:1rem;background:var(--color-surface-2)}.coa-row.open .coa-detail{display:block;animation:coaFadeIn .15s ease-out}.coa-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.coa-detail-field label{display:block;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin-bottom:3px}.coa-detail-field span{font-size:.85rem;color:var(--color-text)}.coa-panel-section{margin-bottom:1rem}.coa-panel-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.5rem}.coa-compound-list{display:flex;flex-wrap:wrap;gap:.35rem}.coa-compound-pill{background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;padding:3px 9px;font-size:.78rem;display:flex;gap:.4rem;align-items:center}.coa-compound-val{color:var(--color-accent);font-weight:600;font-size:.75rem}.coa-safety-table{width:100%;border-collapse:collapse;font-size:.8rem}.coa-safety-table th{text-align:left;color:var(--color-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-bottom:1px solid var(--color-border)}.coa-safety-table td{padding:4px 8px;border-bottom:1px solid var(--color-border)}.coa-safety-table tr:last-child td{border-bottom:none}.coa-pass-icon{color:var(--color-accent)}.coa-fail-icon{color:#e05a5a}.coa-detail-actions{display:flex;gap:.5rem;flex-wrap:wrap}.coa-btn-sm{padding:.3rem .75rem;border-radius:6px;font-size:.8rem;font-weight:600;text-decoration:none;cursor:pointer;border:none}.coa-btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.coa-btn-secondary:hover{border-color:var(--color-muted)}.coa-empty{padding:4rem 1.25rem;text-align:center;color:var(--color-muted)}.coa-load-more{padding:1rem 1.25rem;text-align:center}.coa-load-btn{padding:.5rem 2rem;border-radius:6px;font-size:.85rem;font-weight:600;background:transparent;color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;transition:border-color .12s}.coa-load-btn:hover{border-color:var(--color-muted)}.coa-load-btn:disabled{opacity:.4;cursor:default}@keyframes coaFadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.coa-controls{position:static}.coa-controls input[type=search]{min-width:100%}.coa-panels{display:none}}