.pci-qc{
  --pci-navy:#07182d;
  --pci-navy-2:#0b2545;
  --pci-blue:#0d47a1;
  --pci-blue-2:#1677ff;
  --pci-cyan:#1dcbff;
  --pci-text:#10264a;
  --pci-muted:#637a9b;
  --pci-line:#dce7f3;
  --pci-soft:#f7fafe;
  --pci-green:#0fae87;
  --pci-green-bg:#eefaf6;
  --pci-amber:#9a6700;
  --pci-amber-bg:#fff8e5;
  position:relative;
  left:50%;
  width:min(1180px,calc(100vw - 32px));
  max-width:none;
  margin:0;
  transform:translateX(-50%);
  color:var(--pci-text);
  font:inherit;
}

.pci-qc *{box-sizing:border-box}

.pci-qc-hero{
  position:relative;
  overflow:hidden;
  padding:30px 32px;
  border-radius:18px;
  background:linear-gradient(135deg,var(--pci-navy) 0%,var(--pci-navy-2) 54%,#103a63 100%);
  color:#fff;
  box-shadow:0 18px 44px rgba(7,24,45,.16);
}

.pci-qc-hero:after{
  content:"";
  position:absolute;
  right:-85px;
  top:-115px;
  width:300px;
  height:300px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:50%;
  box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018);
}

.pci-qc-eyebrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
  color:#c9ecff;
  font-size:12px;
  font-weight:800;
  letter-spacing:.105em;
  text-transform:uppercase;
}

.pci-qc-eyebrow i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--pci-cyan);
  box-shadow:0 0 0 5px rgba(29,203,255,.13);
}

.pci-qc-hero h1{
  position:relative;
  z-index:1;
  margin:0 0 10px!important;
  max-width:900px;
  color:#fff!important;
  font-size:clamp(30px,3.4vw,42px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}

.pci-qc-hero>p{
  position:relative;
  z-index:1;
  max-width:980px;
  margin:0!important;
  color:#e4edf7!important;
  font-size:15.5px!important;
  line-height:1.6!important;
}

.pci-qc-summary{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:22px;
}

.pci-qc-summary-card{
  min-width:0;
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:11px;
  background:rgba(255,255,255,.055);
}

.pci-qc-summary-card b{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.1;
}

.pci-qc-summary-card span{
  display:block;
  margin-top:4px;
  color:#c9d8e8;
  font-size:11px;
  font-weight:700;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.pci-qc-summary-card em{
  display:block;
  margin-top:3px;
  color:#9fd8ff;
  font-size:10.5px;
  font-style:normal;
  font-weight:700;
}

.pci-qc-batch b{
  font-size:18px;
  font-variant-numeric:tabular-nums;
}

.pci-qc-verify-note{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin-top:16px;
  padding:11px 13px;
  border:1px solid rgba(29,203,255,.23);
  border-radius:10px;
  background:rgba(22,119,255,.09);
  color:#eaf5ff;
  font-size:13px;
  line-height:1.5;
}

.pci-qc-verify-note strong{color:#fff}

.pci-qc-checkmark{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:17px;
  height:17px;
  border-radius:50%;
  background:var(--pci-blue-2);
  color:#fff;
  font-size:10px;
  font-weight:900;
}

.pci-qc-verify-note.is-passed{
  border-color:rgba(18,201,155,.30);
  background:rgba(18,201,155,.10);
}

.pci-qc-verify-note.is-passed .pci-qc-checkmark{background:#12c99b}

.pci-qc-verify-note.is-pending{
  border-color:rgba(251,191,36,.30);
  background:rgba(251,191,36,.09);
}

.pci-qc-verify-note.is-pending .pci-qc-checkmark{
  background:#fbbf24;
  color:var(--pci-navy);
}

.pci-qc-toolbar{
  margin:14px 0;
  padding:12px;
  border:1px solid var(--pci-line);
  border-radius:14px;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
  box-shadow:0 8px 24px rgba(7,24,45,.055);
}

.pci-qc-search-row{
  display:flex;
  align-items:center;
  gap:10px;
}

.pci-qc-search-wrap{
  position:relative;
  display:block;
  flex:1 1 auto;
  min-width:0;
}

.pci-qc-search-wrap svg{
  position:absolute;
  left:14px;
  top:50%;
  width:18px;
  height:18px;
  transform:translateY(-50%);
  fill:none;
  stroke:var(--pci-blue);
  stroke-width:2;
  pointer-events:none;
  opacity:.72;
}

.pci-qc-search{
  width:100%;
  height:48px;
  padding:0 15px 0 43px;
  border:1px solid #c9d8e7;
  border-radius:11px;
  background:#fff;
  color:var(--pci-text);
  font:inherit;
  font-size:14px;
  outline:none;
  transition:border-color .15s ease,box-shadow .15s ease;
}

.pci-qc-search::placeholder{color:#8797aa}

.pci-qc-search:focus{
  border-color:var(--pci-blue-2);
  box-shadow:0 0 0 3px rgba(22,119,255,.09);
}

.pci-qc-result-count{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:5px;
  flex:0 0 auto;
  min-width:92px;
  height:48px;
  padding:0 13px;
  border:1px solid #d7e4f0;
  border-radius:11px;
  background:#f5f9fd;
  color:var(--pci-muted);
}

.pci-qc-result-count strong{
  color:var(--pci-blue);
  font-size:16px;
  font-weight:900;
}

.pci-qc-result-count span{
  font-size:11px;
  font-weight:800;
}

.pci-qc-filter-row{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-top:11px;
  padding-top:11px;
  border-top:1px solid #e7edf4;
}

.pci-qc-filter-group{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}

.pci-qc-filter-label{
  flex:0 0 auto;
  color:#718198;
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.pci-qc-filters{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.pci-qc-filter{
  height:34px;
  padding:0 11px;
  border:1px solid #d3dfeb;
  border-radius:999px;
  background:#fff;
  color:#41536a;
  cursor:pointer;
  font-size:11px;
  font-weight:850;
  transition:transform .12s ease,border-color .12s ease,background .12s ease,color .12s ease;
}

.pci-qc-filter:hover{
  transform:translateY(-1px);
  border-color:#8fb7df;
  color:var(--pci-blue);
  background:#f7fbff;
}

.pci-qc-filter.is-active{
  border-color:var(--pci-blue);
  background:var(--pci-blue);
  color:#fff;
  box-shadow:0 4px 10px rgba(13,71,161,.14);
}

.pci-qc-filter-pass.is-active{
  border-color:#0f9f79;
  background:#0f9f79;
  box-shadow:0 4px 10px rgba(15,159,121,.14);
}

.pci-qc-filter-wait.is-active{
  border-color:#b27a0b;
  background:#b27a0b;
  box-shadow:0 4px 10px rgba(178,122,11,.13);
}

.pci-qc-product-list{
  display:grid;
  gap:12px;
}

.pci-qc-product-card{
  overflow:hidden;
  border:1px solid var(--pci-line);
  border-radius:13px;
  background:#fff;
  box-shadow:0 8px 24px rgba(7,24,45,.055);
}

.pci-qc-product-card[hidden]{display:none}

.pci-qc-product-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  border-bottom:1px solid var(--pci-line);
  background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);
}

.pci-qc-product-title-wrap{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.pci-qc-product-icon{
  display:grid;
  place-items:center;
  flex:0 0 36px;
  height:36px;
  border-radius:9px;
  background:linear-gradient(135deg,var(--pci-blue),var(--pci-blue-2));
  color:#fff;
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.05em;
}

.pci-qc-product-head h2{
  margin:0!important;
  color:var(--pci-text)!important;
  font-size:17px!important;
  line-height:1.22!important;
  text-transform:none!important;
}

.pci-qc-product-sub{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
  margin-top:3px;
  color:var(--pci-muted);
  font-size:12px;
}

.pci-qc-dot{opacity:.55}

.pci-qc-product-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
  padding:6px 9px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:900;
  letter-spacing:.025em;
  white-space:nowrap;
}

.pci-qc-product-status.is-passed{
  border:1px solid rgba(18,166,106,.20);
  background:var(--pci-green-bg);
  color:#0f8f67;
}

.pci-qc-product-status.is-waiting,
.pci-qc-product-status.is-pending{
  border:1px solid rgba(154,103,0,.18);
  background:var(--pci-amber-bg);
  color:var(--pci-amber);
}

.pci-qc-status-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}

.pci-qc-table-wrap{overflow-x:auto}

.pci-qc table{
  width:100%;
  min-width:980px;
  border-collapse:collapse;
  table-layout:fixed;
}

.pci-qc th,
.pci-qc td{
  padding:11px 9px;
  border-bottom:1px solid #edf2f6;
  text-align:center;
  vertical-align:middle;
}

.pci-qc thead th{
  background:#f6f9fc;
  color:#17365d;
  font-size:12px;
  font-weight:850;
  line-height:1.25;
}

.pci-qc tbody tr:last-child td{border-bottom:0}
.pci-qc tbody tr:hover{background:#fbfdff}
.pci-qc tr[hidden]{display:none}

.pci-qc-variant-head,
.pci-qc-variant-cell{
  width:145px;
  min-width:145px;
  text-align:left!important;
}

.pci-qc-variant-cell{background:#fff}

.pci-qc-variant-strength{
  color:var(--pci-text);
  font-size:14.5px;
  font-weight:900;
}

.pci-qc-batch-mini{
  margin-top:2px;
  color:var(--pci-muted);
  font-size:11px;
}

.pci-qc-stock-note{
  margin-top:4px;
  color:var(--pci-amber);
  font-size:10.5px;
  font-weight:800;
}

.pci-qc-result-cell{min-width:100px}

.pci-qc-pass-badge,
.pci-qc-pending-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-width:68px;
  min-height:27px;
  padding:4px 7px;
  border-radius:7px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.pci-qc-pass-badge{
  border:1px solid rgba(18,166,106,.17);
  background:#f3fbf7;
  color:var(--pci-green);
}

.pci-qc-pending-badge{
  border:1px solid rgba(154,103,0,.16);
  background:#fffaf0;
  color:var(--pci-amber);
}

.pci-qc-pass-badge i,
.pci-qc-pending-badge i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
}

.pci-qc-overall-cell,
.pci-qc-overall-head{
  width:128px;
  min-width:128px;
}

.pci-qc-overall-pass,
.pci-qc-overall-pending{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:29px;
  padding:5px 8px;
  border-radius:8px;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

.pci-qc-overall-pass{
  border:1px solid rgba(18,166,106,.23);
  background:var(--pci-green-bg);
  color:#0f8f67;
}

.pci-qc-overall-pending{
  border:1px solid rgba(154,103,0,.18);
  background:var(--pci-amber-bg);
  color:var(--pci-amber);
}

.pci-qc-mobile-variants{display:none}

.pci-qc-no-results,
.pci-qc-empty{
  padding:30px 18px;
  border:1px dashed #c8d5e3;
  border-radius:12px;
  background:#fff;
  color:var(--pci-muted);
  text-align:center;
}

.pci-qc-no-results[hidden]{display:none}

.pci-qc-footer{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid var(--pci-line);
  border-radius:12px;
  background:#fafdff;
}

.pci-qc-footer strong{
  display:block;
  margin-bottom:4px;
  color:var(--pci-navy-2);
  font-size:13px;
}

.pci-qc-footer p{
  margin:0!important;
  color:var(--pci-muted)!important;
  font-size:12px!important;
  line-height:1.55!important;
}

.pci-qc-footer p+p{margin-top:4px!important}

@media(max-width:1050px){
  .pci-qc-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pci-qc-filter-row{align-items:stretch;flex-direction:column;gap:9px}
  .pci-qc-filter-group{justify-content:space-between}
  .pci-qc-filters{overflow:auto;flex-wrap:nowrap;padding-bottom:1px}
  .pci-qc-filter{white-space:nowrap}
}

@media(max-width:760px){
  .pci-qc{
    left:auto;
    width:100%;
    max-width:none;
    margin:0;
    transform:none;
  }
  .pci-qc-hero{padding:22px 17px;border-radius:14px}
  .pci-qc-hero h1{font-size:28px!important}
  .pci-qc-hero>p{font-size:13.5px!important;line-height:1.58!important}
  .pci-qc-eyebrow{font-size:10px}
  .pci-qc-summary{gap:7px;margin-top:17px}
  .pci-qc-summary-card{padding:10px}
  .pci-qc-summary-card b{font-size:18px}
  .pci-qc-summary-card span{font-size:9.5px}
  .pci-qc-verify-note{font-size:11.5px}
  .pci-qc-toolbar{margin:10px 0;padding:9px;border-radius:11px}
  .pci-qc-search-row{gap:7px}
  .pci-qc-search{height:44px;font-size:13px}
  .pci-qc-result-count{min-width:72px;height:44px;padding:0 9px}
  .pci-qc-result-count strong{font-size:14px}
  .pci-qc-result-count span{font-size:9.5px}
  .pci-qc-filter-row{margin-top:8px;padding-top:8px}
  .pci-qc-filter-group{align-items:flex-start;flex-direction:column;gap:5px}
  .pci-qc-filter-label{font-size:9.5px}
  .pci-qc-filters{width:100%}
  .pci-qc-filter{height:32px;padding:0 10px;font-size:10.5px}
  .pci-qc-product-head{align-items:flex-start;padding:13px}
  .pci-qc-product-head h2{font-size:16px!important}
  .pci-qc-product-status{display:none}
  .pci-qc-table-wrap{display:none}
  .pci-qc-mobile-variants{display:grid}
  .pci-qc-mobile-variant{
    padding:13px;
    border-bottom:1px solid var(--pci-line);
  }
  .pci-qc-mobile-variant:last-child{border-bottom:0}
  .pci-qc-mobile-variant[hidden]{display:none}
  .pci-qc-mobile-variant-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:10px;
  }
  .pci-qc-mobile-variant-top strong{
    display:block;
    color:var(--pci-text);
    font-size:15px;
  }
  .pci-qc-mobile-variant-top div>span{
    display:block;
    margin-top:2px;
    color:var(--pci-muted);
    font-size:10.5px;
  }
  .pci-qc-mobile-variant-top .pci-qc-stock-note{color:var(--pci-amber)}
  .pci-qc-mobile-check-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-top:10px;
  }
  .pci-qc-mobile-check{
    padding:8px 9px;
    border:1px solid #e4ebf2;
    border-radius:8px;
    background:#fbfdff;
  }
  .pci-qc-mobile-check>span{
    display:block;
    color:#53677f;
    font-size:10.5px;
    line-height:1.25;
  }
  .pci-qc-mobile-check b{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:4px;
    font-size:10.5px;
  }
  .pci-qc-mobile-check.is-passed b{color:var(--pci-green)}
  .pci-qc-mobile-check.is-pending b{color:var(--pci-amber)}
  .pci-qc-mobile-check i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:currentColor;
  }
}

@media(max-width:420px){
  .pci-qc-summary{grid-template-columns:1fr 1fr}
  .pci-qc-mobile-check-grid{grid-template-columns:1fr}
  .pci-qc-overall-pass,
  .pci-qc-overall-pending{font-size:10px}
}


/* v0.3.5 — Woodmart/Elementor-safe toolbar controls */
.pci-qc .pci-qc-toolbar{
  display:block;
  overflow:hidden;
  padding:12px;
}

.pci-qc .pci-qc-search-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}

.pci-qc .pci-qc-search-wrap{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  margin:0;
}

.pci-qc .pci-qc-search-wrap svg{
  position:absolute!important;
  left:15px!important;
  top:50%!important;
  width:18px!important;
  height:18px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
  pointer-events:none;
  z-index:2;
}

.pci-qc .pci-qc-search{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 16px 0 46px!important;
  border:1px solid #cbd9e8!important;
  border-radius:10px!important;
  background:#fff!important;
  color:var(--pci-text)!important;
  box-shadow:none!important;
  font-size:13px!important;
  line-height:46px!important;
  text-indent:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.pci-qc .pci-qc-search::placeholder{
  color:#8a9aae!important;
  opacity:1!important;
}

.pci-qc .pci-qc-result-count{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  width:auto!important;
  min-width:88px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d6e2ee!important;
  border-radius:10px!important;
  background:#f6f9fd!important;
  box-shadow:none!important;
  white-space:nowrap;
}

.pci-qc .pci-qc-filter-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
  margin-top:10px;
  padding-top:10px;
}

.pci-qc .pci-qc-filter-group{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.pci-qc .pci-qc-status-group{
  justify-self:end;
}

.pci-qc .pci-qc-filter-label{
  margin:0;
  white-space:nowrap;
}

.pci-qc .pci-qc-filters{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  min-width:0;
}

.pci-qc button.pci-qc-filter{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #d2dfeb!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#41536a!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.pci-qc button.pci-qc-filter:hover{
  border-color:#8fb7df!important;
  background:#f7fbff!important;
  color:var(--pci-blue)!important;
}

.pci-qc button.pci-qc-filter.is-active{
  border-color:var(--pci-blue)!important;
  background:var(--pci-blue)!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(13,71,161,.14)!important;
}

.pci-qc button.pci-qc-filter-pass.is-active{
  border-color:#0f9f79!important;
  background:#0f9f79!important;
}

.pci-qc button.pci-qc-filter-wait.is-active{
  border-color:#b27a0b!important;
  background:#b27a0b!important;
}

@media(max-width:900px){
  .pci-qc .pci-qc-filter-row{
    grid-template-columns:1fr;
    gap:9px;
  }

  .pci-qc .pci-qc-status-group{
    justify-self:stretch;
  }

  .pci-qc .pci-qc-filter-group{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
  }

  .pci-qc .pci-qc-filters{
    width:100%;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:2px;
  }
}

@media(max-width:560px){
  .pci-qc .pci-qc-search-row{
    grid-template-columns:minmax(0,1fr) 76px;
    gap:7px;
  }

  .pci-qc .pci-qc-result-count{
    min-width:76px!important;
    padding:0 8px!important;
  }

  .pci-qc .pci-qc-result-count span{
    font-size:9px;
  }

  .pci-qc button.pci-qc-filter{
    height:32px!important;
    min-height:32px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }
}


/* v0.3.6 — final search/status polish */
.pci-qc .pci-qc-search-row{
  display:block!important;
}

.pci-qc .pci-qc-search-wrap{
  width:100%!important;
}

.pci-qc .pci-qc-search{
  width:100%!important;
  padding-left:48px!important;
}

.pci-qc .pci-qc-product-status.is-partial{
  border:1px solid rgba(22,119,255,.20);
  background:#eef5ff;
  color:#0d47a1;
}

.pci-qc .pci-qc-product-status.is-partial .pci-qc-status-dot{
  background:#1677ff;
}

@media(max-width:560px){
  .pci-qc .pci-qc-search-row{
    display:block!important;
  }
}


/* v0.3.7 — compact flex search, no absolute icon/input collisions */
.pci-qc .pci-qc-toolbar{
  padding:10px 12px!important;
}

.pci-qc .pci-qc-search-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
}

.pci-qc .pci-qc-search-wrap{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  width:min(100%,520px)!important;
  max-width:520px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 13px!important;
  border:1px solid #cbd9e8!important;
  border-radius:999px!important;
  background:#f8fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  overflow:hidden!important;
}

.pci-qc .pci-qc-search-wrap:focus-within{
  border-color:#7aaee0!important;
  box-shadow:0 0 0 3px rgba(22,119,255,.08)!important;
  background:#fff!important;
}

.pci-qc .pci-qc-search-wrap svg{
  position:static!important;
  flex:0 0 17px!important;
  width:17px!important;
  height:17px!important;
  margin:0!important;
  transform:none!important;
  stroke:var(--pci-blue)!important;
  opacity:.72!important;
  z-index:auto!important;
}

.pci-qc .pci-qc-search{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:0!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--pci-text)!important;
  font-size:13px!important;
  line-height:40px!important;
  text-indent:0!important;
  appearance:none!important;
  -webkit-appearance:none!important;
}

.pci-qc .pci-qc-search:focus{
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
}

.pci-qc .pci-qc-search::placeholder{
  color:#8495aa!important;
  opacity:1!important;
}

.pci-qc .pci-qc-filter-row{
  margin-top:9px!important;
  padding-top:9px!important;
}

@media(max-width:760px){
  .pci-qc .pci-qc-search-wrap{
    width:100%!important;
    max-width:none!important;
  }
}


/* v0.3.9 — automatic per-product QC block */
.pci-product-qc{
  --ppq-blue:#0d47a1;
  --ppq-blue-2:#1677ff;
  --ppq-navy:#10264a;
  --ppq-muted:#637a9b;
  --ppq-line:#dce7f3;
  --ppq-soft:#f7fafe;
  --ppq-green:#0f9f79;
  --ppq-green-bg:#eefaf6;
  --ppq-amber:#a66a00;
  --ppq-amber-bg:#fff8e8;
  width:100%;
  color:var(--ppq-navy);
  font:inherit;
}

.pci-product-qc *{box-sizing:border-box}

.pci-product-qc-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px;
  border:1px solid var(--ppq-line);
  border-radius:12px 12px 0 0;
  background:linear-gradient(180deg,#fff 0%,#f9fcff 100%);
}

.pci-product-qc-title{
  display:flex;
  align-items:flex-start;
  gap:12px;
  min-width:0;
}

.pci-product-qc-icon{
  display:grid;
  place-items:center;
  flex:0 0 40px;
  height:40px;
  border-radius:10px;
  background:linear-gradient(135deg,var(--ppq-blue),var(--ppq-blue-2));
  color:#fff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
}

.pci-product-qc-kicker{
  display:block;
  margin-bottom:2px;
  color:var(--ppq-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.pci-product-qc-title h3{
  margin:0!important;
  color:var(--ppq-navy)!important;
  font-size:18px!important;
  line-height:1.25!important;
  text-transform:none!important;
}

.pci-product-qc-title p{
  margin:5px 0 0!important;
  max-width:720px;
  color:var(--ppq-muted)!important;
  font-size:12px!important;
  line-height:1.5!important;
}

.pci-product-qc-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
  padding:7px 10px;
  border-radius:999px;
  font-size:10.5px;
  font-weight:900;
  white-space:nowrap;
}

.pci-product-qc-status i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:currentColor;
}

.pci-product-qc-status.is-passed{
  border:1px solid rgba(15,159,121,.22);
  background:var(--ppq-green-bg);
  color:var(--ppq-green);
}

.pci-product-qc-status.is-partial{
  border:1px solid rgba(22,119,255,.22);
  background:#eef5ff;
  color:var(--ppq-blue);
}

.pci-product-qc-status.is-waiting{
  border:1px solid rgba(166,106,0,.22);
  background:var(--ppq-amber-bg);
  color:var(--ppq-amber);
}

.pci-product-qc-legend{
  display:flex;
  align-items:center;
  gap:18px;
  padding:9px 20px;
  border-right:1px solid var(--ppq-line);
  border-left:1px solid var(--ppq-line);
  background:#fbfdff;
  color:var(--ppq-muted);
  font-size:10.5px;
}

.pci-product-qc-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.pci-product-qc-legend i{
  width:7px;
  height:7px;
  border-radius:50%;
}

.pci-product-qc-legend .is-pass{background:var(--ppq-green)}
.pci-product-qc-legend .is-wait{background:var(--ppq-amber)}

.pci-product-qc-table-wrap{
  overflow-x:auto;
  border:1px solid var(--ppq-line);
  border-top:0;
  background:#fff;
}

.pci-product-qc-table{
  width:100%;
  min-width:930px;
  border-collapse:collapse;
  table-layout:fixed;
}

.pci-product-qc-table th,
.pci-product-qc-table td{
  padding:12px 9px;
  border-bottom:1px solid #eaf0f5;
  text-align:center;
  vertical-align:middle;
}

.pci-product-qc-table thead th{
  background:#f5f9fd;
  color:#17365d;
  font-size:10.5px;
  font-weight:900;
  line-height:1.25;
}

.pci-product-qc-table tbody tr:last-child td{border-bottom:0}

.pci-product-qc-table tbody tr:hover{background:#fbfdff}

.pci-product-qc-table th:first-child,
.pci-product-qc-table td:first-child{
  width:140px;
  text-align:left;
}

.pci-product-qc-table th:last-child,
.pci-product-qc-table td:last-child{
  width:120px;
}

.pci-product-qc-strength strong{
  display:block;
  color:var(--ppq-navy);
  font-size:14px;
  font-weight:900;
}

.pci-product-qc-strength small{
  display:block;
  margin-top:3px;
  color:var(--ppq-muted);
  font-size:10px;
}

.pci-product-qc-strength small.is-waiting{
  color:var(--ppq-amber);
  font-weight:800;
}

.pci-product-qc-check,
.pci-product-qc-result{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:27px;
  padding:4px 8px;
  border-radius:7px;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.pci-product-qc-check i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:currentColor;
}

.pci-product-qc-check.is-passed,
.pci-product-qc-result.is-passed{
  border:1px solid rgba(15,159,121,.20);
  background:var(--ppq-green-bg);
  color:var(--ppq-green);
}

.pci-product-qc-check.is-waiting,
.pci-product-qc-result.is-waiting{
  border:1px solid rgba(166,106,0,.20);
  background:var(--ppq-amber-bg);
  color:var(--ppq-amber);
}

.pci-product-qc-mobile{display:none}

.pci-product-qc-foot{
  padding:10px 14px;
  border:1px solid var(--ppq-line);
  border-top:0;
  border-radius:0 0 12px 12px;
  background:#fbfdff;
  color:var(--ppq-muted);
  font-size:10.5px;
  line-height:1.5;
}

.pci-product-qc-empty{
  padding:16px;
  border:1px dashed #ccd9e8;
  border-radius:10px;
  background:#fbfdff;
  color:#637a9b;
  font-size:12px;
}

@media(max-width:760px){
  .pci-product-qc-head{
    align-items:flex-start;
    flex-direction:column;
    padding:15px;
  }

  .pci-product-qc-status{
    align-self:flex-start;
  }

  .pci-product-qc-legend{
    align-items:flex-start;
    flex-direction:column;
    gap:5px;
    padding:9px 15px;
  }

  .pci-product-qc-table-wrap{display:none}

  .pci-product-qc-mobile{
    display:grid;
    border-right:1px solid var(--ppq-line);
    border-left:1px solid var(--ppq-line);
  }

  .pci-product-qc-mobile-card{
    padding:13px 14px;
    border-bottom:1px solid var(--ppq-line);
    background:#fff;
  }

  .pci-product-qc-mobile-card:last-child{border-bottom:0}

  .pci-product-qc-mobile-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
  }

  .pci-product-qc-mobile-top strong{
    display:block;
    color:var(--ppq-navy);
    font-size:15px;
  }

  .pci-product-qc-mobile-top small{
    display:block;
    margin-top:2px;
    color:var(--ppq-muted);
    font-size:10px;
  }

  .pci-product-qc-mobile-top small.is-waiting{
    color:var(--ppq-amber);
    font-weight:800;
  }

  .pci-product-qc-mobile-checks{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    margin-top:11px;
  }

  .pci-product-qc-mobile-checks>div{
    padding:8px 9px;
    border:1px solid #e4ebf2;
    border-radius:8px;
    background:#fbfdff;
  }

  .pci-product-qc-mobile-checks span{
    display:block;
    color:#53677f;
    font-size:10px;
  }

  .pci-product-qc-mobile-checks b{
    display:flex;
    align-items:center;
    gap:5px;
    margin-top:4px;
    font-size:10.5px;
  }

  .pci-product-qc-mobile-checks b.is-passed{color:var(--ppq-green)}
  .pci-product-qc-mobile-checks b.is-waiting{color:var(--ppq-amber)}

  .pci-product-qc-mobile-checks b i{
    width:6px;
    height:6px;
    border-radius:50%;
    background:currentColor;
  }
}

@media(max-width:440px){
  .pci-product-qc-title{gap:9px}
  .pci-product-qc-icon{flex-basis:36px;height:36px}
  .pci-product-qc-title h3{font-size:16px!important}
  .pci-product-qc-mobile-checks{grid-template-columns:1fr}
}


/* v0.3.10 — summary cards + single-line hero notice */
.pci-qc .pci-qc-summary-card{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  padding:14px 15px;
}

.pci-qc .pci-qc-summary-icon{
  display:grid;
  place-items:center;
  flex:0 0 38px;
  width:38px;
  height:38px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.08);
  color:#d7efff;
}

.pci-qc .pci-qc-summary-icon svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.pci-qc .pci-qc-summary-icon-pass{
  color:#86e8c2;
  background:rgba(18,201,155,.10);
  border-color:rgba(18,201,155,.16);
}

.pci-qc .pci-qc-summary-content{
  min-width:0;
}

.pci-qc .pci-qc-summary-content b{
  display:block;
  color:#fff;
  font-size:20px;
  line-height:1.05;
}

.pci-qc .pci-qc-summary-content span{
  display:block;
  margin-top:4px;
  color:#c9d8e8;
  font-size:10.5px;
  font-weight:750;
  letter-spacing:.045em;
  text-transform:uppercase;
}

.pci-qc .pci-qc-summary-content em{
  display:block;
  margin-top:3px;
  color:#9fd8ff;
  font-size:10px;
  font-style:normal;
  font-weight:750;
  white-space:nowrap;
}

.pci-qc .pci-qc-verify-note{
  align-items:center;
  gap:9px;
}

.pci-qc .pci-qc-verify-note-text{
  min-width:0;
  flex:1 1 auto;
}

.pci-qc .pci-qc-verify-note-text strong{
  display:block;
  color:#fff;
  font-size:12px;
  font-weight:800;
  line-height:1.4;
  white-space:nowrap;
}

@media(max-width:1120px){
  .pci-qc .pci-qc-verify-note-text strong{
    white-space:normal;
  }
}

@media(max-width:760px){
  .pci-qc .pci-qc-summary-card{
    gap:9px;
    padding:11px;
  }

  .pci-qc .pci-qc-summary-icon{
    flex-basis:34px;
    width:34px;
    height:34px;
  }

  .pci-qc .pci-qc-summary-icon svg{
    width:18px;
    height:18px;
  }

  .pci-qc .pci-qc-summary-content b{
    font-size:18px;
  }

  .pci-qc .pci-qc-summary-content span{
    font-size:9.5px;
  }

  .pci-qc .pci-qc-summary-content em{
    font-size:9px;
    white-space:normal;
  }

  .pci-qc .pci-qc-verify-note{
    align-items:flex-start;
  }

  .pci-qc .pci-qc-verify-note-text strong{
    font-size:11.5px;
    white-space:normal;
  }
}


/* v0.3.11 — keep completed QC notice inside hero */
.pci-qc .pci-qc-verify-note{
  overflow:hidden;
}

.pci-qc .pci-qc-verify-note-text{
  min-width:0;
  overflow:hidden;
}

.pci-qc .pci-qc-verify-note-text strong{
  max-width:100%;
  font-size:clamp(10.5px,.78vw,12px);
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:clip;
}

@media(max-width:1120px){
  .pci-qc .pci-qc-verify-note-text strong{
    white-space:normal;
  }
}