.hamyar-shield{display:flex;align-items:center;gap:14px;width:100%;max-width:400px;min-height:74px;padding:10px 14px;margin:16px auto;border:1px solid #dce5f3;border-radius:6px;background:#f8fafc;box-shadow:0 4px 6px #0f172a0c;color:#334155;cursor:pointer;font:inherit;text-align:start}
.hamyar-shield:hover{border-color:#b8c8dc;box-shadow:0 6px 12px #0f172a14}
.hamyar-shield:focus-visible{outline:2px solid #5a8dee;outline-offset:3px}
.hamyar-shield-box{display:flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border:2px solid #cbd5e1;border-radius:4px;background:#fff}
.hamyar-shield-content{display:grid;gap:2px;flex:1;font-size:.95rem;font-weight:600}
.hamyar-shield-content small{font-size:.7rem;font-weight:400}
.hamyar-shield-brand{display:grid;justify-items:center;gap:2px;color:#5a8dee;font-size:.6rem}
.hamyar-shield-brand svg{width:23px;height:23px}
.hamyar-shield[data-state=verifying] .hamyar-shield-box{border-radius:50%;border-color:transparent #5a8dee #5a8dee transparent;animation:hamyar-shield-spin 1s linear infinite}
.hamyar-shield[data-state=verified] .hamyar-shield-box{background:#16a34a;border-color:#16a34a;color:#fff}
.hamyar-shield[data-state=verified] .hamyar-shield-box::after{content:'✓';font-size:20px}
.hamyar-shield[data-state=failed] .hamyar-shield-box{border-color:#dc2626;color:#dc2626}
.hamyar-shield[data-state=failed] .hamyar-shield-box::after{content:'×';font-size:24px}
@keyframes hamyar-shield-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.hamyar-shield[data-state=verifying] .hamyar-shield-box{animation:none}}
