/* Shared COA components; limited to hc-coa-active scope. */
.hc-coa-active .hc-coa-library,
.hc-coa-active #tab-hc_coa { color:#062463; }
.hc-coa-active .hc-coa-provenance { background:#f1f5fa; border:1px solid #c1d0e2; border-left:4px solid #0b84c9; border-radius:10px; padding:20px 24px; margin:20px 0 28px; text-align:left; }
.hc-coa-active .hc-coa-provenance strong { display:block; font-size:18px; line-height:1.45; }
.hc-coa-active .hc-coa-provenance p { margin:10px 0 0; font-size:15px; line-height:1.65; text-align:left; }
.hc-coa-active .hc-coa-index { display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin:0 0 32px; }
.hc-coa-active .hc-coa-index a { background:#fff; border:1px solid #c1d0e2; padding:10px 18px; border-radius:22px; font:700 16px/1.4 Montserrat,Arial,sans-serif; color:#062463; text-decoration:none; }
.hc-coa-active .hc-coa-product-group { scroll-margin-top:24px; margin:30px 0 42px; }
.hc-coa-active .hc-coa-group-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:2px solid #0b84c9; padding-bottom:14px; margin-bottom:20px; text-align:left; }
.hc-coa-active .hc-coa-group-heading h3 { margin:0 0 4px; font-size:28px; color:#062463; text-align:left; }
.hc-coa-active .hc-coa-group-heading p { margin:0; font-size:16px; text-align:left; }
.hc-coa-active .hc-coa-group-heading a { white-space:nowrap; font-weight:700; color:#062463; }
.hc-coa-active .hc-coa-gap { margin:16px 0 22px; padding:16px 20px; border:1px solid #ead2ad; border-left:4px solid #0b84c9; border-radius:8px; background:#fff8ec; text-align:left; font-size:16px; line-height:1.65; }
.hc-coa-active .hc-coa-gap strong { display:block; }
.hc-coa-active .hc-coa-report-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.hc-coa-active .hc-coa-report-list .hc-coa-report:only-child { grid-column:1 / -1; width:100%; max-width:760px; margin:0 auto; box-sizing:border-box; }
.hc-coa-active .hc-coa-report { display:grid; grid-template-columns:128px minmax(0,1fr); gap:18px; align-items:start; background:#fff; border:1px solid #c1d0e2; border-radius:12px; padding:20px; text-align:left; min-width:0; box-sizing:border-box; }
.hc-coa-active .hc-coa-different-strength { border-color:#ead2ad; }
.hc-coa-active .hc-coa-preview { display:block; background:#f7f9fc; border:1px solid #c1d0e2; padding:5px; border-radius:6px; line-height:0; box-sizing:border-box; }
.hc-coa-active .hc-coa-preview img { width:100%; height:auto; display:block; margin:0; object-fit:contain; }
.hc-coa-active .hc-coa-report-copy { min-width:0; }
.hc-coa-active .hc-coa-kicker { font:700 11px/1.5 Montserrat,Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#994400; margin:0 0 7px; }
.hc-coa-active .hc-coa-report h4 { margin:0 0 14px; color:#062463; font:700 20px/1.35 Montserrat,Arial,sans-serif; text-align:left; }
.hc-coa-active .hc-coa-facts { margin:0; font:400 14px/1.55 Montserrat,Arial,sans-serif; }
.hc-coa-active .hc-coa-facts div { display:grid; grid-template-columns:105px minmax(0,1fr); gap:8px; padding:3px 0; }
.hc-coa-active .hc-coa-facts dt { font-weight:700; }
.hc-coa-active .hc-coa-facts dd { margin:0; overflow-wrap:anywhere; }
.hc-coa-active .hc-coa-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 16px; margin:18px 0 12px; font:700 14px/1.45 Montserrat,Arial,sans-serif; }
.hc-coa-active .hc-coa-actions a { color:#062463; }
.hc-coa-active .hc-coa-actions .hc-coa-open { display:inline-flex; align-items:center; justify-content:center; background:#062463; color:#fff!important; text-decoration:none; min-height:44px; padding:10px 14px; border-radius:6px; box-sizing:border-box; }
.hc-coa-active .hc-coa-verification { border-top:1px solid #c1d0e2; padding-top:12px; margin:0; font-size:13px; line-height:1.65; text-align:left; overflow-wrap:anywhere; }
.hc-coa-active .hc-coa-verification code { color:#062463; background:#f1f5fa; padding:3px 5px; font:700 12px/1.6 monospace; overflow-wrap:anywhere; }
.hc-coa-active .hc-coa-components,
.hc-coa-active .hc-coa-documentation-note,
.hc-coa-active .hc-coa-mismatch { margin:12px 0 16px; font-size:14px; line-height:1.6; text-align:left; }
.hc-coa-active .hc-coa-mismatch { color:#783600; font-weight:700; }
.hc-coa-active .hc-coa-summary { margin:22px 0 16px; border-top:1px solid #c1d0e2; border-bottom:1px solid #c1d0e2; padding:16px 10px; text-align:center; }
.hc-coa-active .hc-coa-summary .hc-coa-jump { font:700 18px/1.5 Montserrat,Arial,sans-serif; color:#062463; text-decoration:underline; text-underline-offset:4px; }
.hc-coa-active .hc-coa-summary-status { margin:8px 0; font:600 15px/1.5 Montserrat,Arial,sans-serif; }
.hc-coa-active .hc-coa-summary small { font-size:13px; line-height:1.6; display:block; }
.hc-coa-active .hc-coa-selection-status { background:#eef4fc; border-radius:8px; padding:12px 16px; margin:0 0 20px; font-size:15px; line-height:1.6; text-align:left; }
.hc-coa-active .hc-coa-library a:focus-visible,
.hc-coa-active #tab-hc_coa a:focus-visible,
.hc-coa-active .hc-coa-summary a:focus-visible { outline:3px solid #0b84c9; outline-offset:3px; }
@media (max-width:1100px) {
  .hc-coa-active .hc-coa-report-list { grid-template-columns:minmax(0,1fr); }
  .hc-coa-active .hc-coa-report { grid-template-columns:150px minmax(0,1fr); }
}
@media (max-width:600px) {
  .hc-coa-active .hc-coa-report { grid-template-columns:minmax(0,1fr); padding:18px; gap:14px; }
  .hc-coa-active .hc-coa-preview { width:160px; max-width:100%; margin:0 auto; }
  .hc-coa-active .hc-coa-report h4 { font-size:19px; }
  .hc-coa-active .hc-coa-group-heading { align-items:flex-start; flex-direction:column; gap:10px; }
  .hc-coa-active .hc-coa-group-heading h3 { font-size:25px; }
  .hc-coa-active .hc-coa-provenance { padding:18px; }
  .hc-coa-active .hc-coa-facts div { grid-template-columns:100px minmax(0,1fr); }
}
.hc-coa-active .hc-coa-report[hidden] { display:none!important; }

.sf-modern.hc-coa-active .hc-coa-report { border-color:#dbe4ee; }
.sf-modern.hc-coa-active .hc-coa-provenance,.sf-modern.hc-coa-active .hc-coa-gap { border-left-color:#f6820b; }
.hc-coa-active .woocommerce-product-gallery .hc-coa-gallery-report { object-fit:contain; background:#fff; }