/* COA page — searchable certificate cards */
.mc-coa-tools { display:flex; flex-wrap:wrap; gap:12px; margin:24px 0 8px; align-items:center; }
.mc-coa-search { position:relative; flex:1 1 260px; min-width:220px; }
.mc-coa-search__icon { position:absolute; left:14px; top:50%; transform:translateY(-50%); color:#5b6675; pointer-events:none; }
#coaSearch { width:100%; box-sizing:border-box; padding:12px 14px 12px 42px; border:1px solid #e2e7ee; border-radius:999px; font-family:"Inter",sans-serif; font-size:.95rem; color:#1e2530; background:#fff; }
#coaSearch:focus { outline:none; border-color:#2f9e8f; box-shadow:0 0 0 3px rgba(47,158,143,.15); }
#coaSort { padding:12px 14px; border:1px solid #e2e7ee; border-radius:999px; font-family:"Inter",sans-serif; font-size:.9rem; color:#1e2530; background:#fff; cursor:pointer; }
.mc-coa-count { font-size:.85rem; color:#5b6675; margin:6px 0 0; }
.mc-coa-grid { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:20px; margin:18px 0 8px; }
.mc-coa-card { display:flex; flex-direction:column; align-items:center; text-align:center; padding:26px 18px 24px; border:1px solid #e2e7ee; border-radius:14px; background:#fff; color:#1e2530 !important; text-decoration:none !important; box-shadow:0 1px 2px rgba(19,24,32,.06), 0 8px 24px rgba(19,24,32,.06); transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
.mc-coa-card:hover { transform:translateY(-3px); border-color:#2f9e8f; box-shadow:0 12px 30px rgba(19,24,32,.12); }
.mc-coa-card__icon { width:70px; height:70px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:#eef6f4; color:#237b6f; margin-bottom:14px; }
.mc-coa-card__name { font-family:"Lora",Georgia,serif; font-size:1.25rem; font-weight:600; color:#1d3f73; line-height:1.2; }
.mc-coa-card__code { display:inline-block; font-size:.74rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#2f9e8f; margin-top:5px; }
.mc-coa-card__batch { font-size:.92rem; color:#5b6675; margin-top:4px; }
.mc-coa-empty { color:#5b6675; margin-top:18px; }