/* Base sizes and responsive */
.stsl-verify-wrap{--stsl-accent:#2563eb;--stsl-radius:10px;--stsl-font:16px;font-size:var(--stsl-font);max-width:980px;margin:16px auto;padding:16px;border:1px solid #e5e7eb;border-radius:var(--stsl-radius);background:#fff}
.stsl-form{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.stsl-form input{flex:1;min-width:220px;padding:12px;border:1px solid #cbd5e1;border-radius:var(--stsl-radius)}
.stsl-btn{padding:12px 16px;border:0;border-radius:var(--stsl-radius);background:var(--stsl-accent);color:#fff;cursor:pointer}
.stsl-secondary{background:#64748b}
#reader{border:1px dashed #cbd5e1;border-radius:8px;padding:8px;background:#f8fafc}

.stsl-card-modern{--stsl-accent:#2563eb;--stsl-base:16px;font-size:var(--stsl-base);border:1px solid #e5e7eb;border-radius:16px;background:#f8fafc;padding:16px}
.stsl-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px}
.stsl-brand{font-weight:800}
.stsl-qr{width:120px;height:120px;flex:0 0 auto}
.stsl-card-body{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;background:#fff;border-radius:12px;padding:16px}
.stsl-photo{width:120px;height:120px;border-radius:12px;object-fit:cover;border:2px solid var(--stsl-accent)}
.stsl-rows .row{display:flex;gap:10px;margin:8px 0}
.stsl-rows .label{min-width:160px;color:#475569}
.stsl-colon .label::after{content:":";margin-left:4px}
.stsl-rows .val{font-weight:600}
.stsl-rows .status .val{display:flex;align-items:center;gap:8px;color:var(--stsl-status,#22c55e)}
.stsl-bounce{display:inline-block;animation:stsl-bounce 1.2s infinite}
@keyframes stsl-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.stsl-card.error{border:1px solid #ef4444;background:#fff1f2;padding:16px;border-radius:12px}

/* Mobile */
@media (max-width: 640px){
  .stsl-card-body{grid-template-columns:1fr;gap:12px}
  .stsl-photo{justify-self:center}
  .stsl-rows .label{min-width:120px}
  .stsl-qr{width:96px;height:96px}
}