/* alopeptides COA Library — violet brand */
.coa-lib{ --v:#6B5CF6; --line:#E5E2F7; --ink:#111118; --muted:#6B7280; }
.coa-search{ display:flex; align-items:center; gap:10px; max-width:420px; margin:0 0 28px; padding:11px 16px; border:1.5px solid var(--line); border-radius:999px; background:#fff; }
.coa-search svg{ color:var(--v); flex-shrink:0; }
.coa-search input{ border:0; outline:none; width:100%; font-family:inherit; font-size:15px; background:transparent; color:var(--ink); }

.coa-block{ margin:0 0 40px; }
.coa-block h2{ font-size:22px; font-weight:800; letter-spacing:-.01em; color:var(--ink); margin:0 0 14px; }
.coa-empty{ color:var(--muted); font-size:15px; background:#F8F7FF; border:1px dashed var(--line); border-radius:12px; padding:18px; }
.coa-swipe{ display:none; font-size:12px; color:var(--muted); margin:0 0 8px; }

.coa-tablewrap{ border:1.5px solid var(--line); border-radius:14px; overflow:hidden; }
.coa-table{ width:100%; border-collapse:collapse; font-size:14px; background:#fff; }
.coa-table th, .coa-table td{ text-align:left; padding:14px 16px; border-bottom:1px solid var(--line); }
.coa-table thead th{ background:#F5F3FF; color:var(--ink); font-weight:700; font-size:12px; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.coa-table th.sortable{ cursor:pointer; user-select:none; }
.coa-table th.sortable:hover{ color:var(--v); }
.coa-table tbody tr:last-child td{ border-bottom:0; }
.coa-table tbody tr:hover{ background:#FBFAFF; }
.coa-table td:first-child{ font-weight:600; color:var(--ink); }
.coa-view{ display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--v); }
.coa-view:hover{ text-decoration:underline; }

/* Product page COA box */
.coa-product{ margin:14px 0; padding:16px 18px; border:1px solid var(--line); border-radius:12px; background:#F8F7FF; }
.coa-product .coa-batch{ margin:0 0 10px; font-size:14px; color:var(--ink); }
.coa-product .coa-dl{ display:inline-flex; align-items:center; gap:8px; background:linear-gradient(135deg,#5B86FF,#8257F6); color:#fff; font-weight:700; padding:11px 18px; border-radius:8px; }
.coa-product .coa-dl:hover{ filter:brightness(1.05); color:#fff; }
.coa-product .coa-verify{ margin:10px 0 0; font-size:12.5px; color:var(--muted); }
.coa-product .coa-verify a{ color:var(--v); font-weight:600; }
.coa-product .coa-pending{ margin:0; font-size:14px; color:var(--muted); }

@media (max-width:780px){
  .coa-swipe{ display:block; }
  .coa-tablewrap{ overflow-x:auto; -webkit-overflow-scrolling:touch; }
  .coa-table{ min-width:680px; }
}