/* Front-end styles */
.scv-frontend{ display:flex; flex-direction:column; gap:24px; align-items:center; }
.scv-card{ border:1px solid #eaeaea; border-radius:12px; padding:24px; width:360px; max-width:95%; box-shadow:0 10px 20px rgba(0,0,0,.05); }
.scv-card h3{ text-align:center; margin-top:0; }
.scv-input-wrap input{ width:100%; padding:10px 12px; border:1px solid #ddd; border-radius:6px; }
#scv-verify-btn{ width:100%; margin-top:16px; padding:12px; border:none; background:#cc1f2f; color:#fff; border-radius:24px; font-weight:600; cursor:pointer; }
#scv-verify-btn:hover{ opacity:.95; }
.scv-error{ color:#cc1f2f; margin-top:10px; text-align:center; }

/* Modal based on design */
.scv-front-modal{ position:fixed; z-index:9999; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.4); display:flex; align-items:center; justify-content:center; padding:10px; }
.scv-front-modal-content{ background:#fff; border-radius:12px; width:820px; max-width:98%; }
.scv-front-header{ display:flex; align-items:center; justify-content:space-between; padding:16px 18px; border-bottom:1px solid #eee; }
.scv-front-header h3{ margin:0; color:#cc1f2f; }
.scv-front-close{ background:#fff; color:#cc1f2f; border:2px solid #cc1f2f; padding:6px 12px; border-radius:20px; font-weight:700; cursor:pointer; }
.scv-result-rows{ padding:14px; display:grid; grid-template-columns: 1fr; gap:10px; }
.scv-row{ display:grid; grid-template-columns: 240px 1fr; align-items:center; border:1px solid #eee; border-radius:8px; overflow:hidden; }
.scv-row .label{ background:#cc1f2f; color:#fff; padding:12px 14px; font-weight:700; }
.scv-row .value{ padding:12px 14px; }
@media (max-width:600px){
  .scv-row{ grid-template-columns:1fr; }
  .scv-row .label{ border-bottom:1px solid #eee; }
}