/* verify.html page styles. Sits on top of burn.css. */
.page.verify{max-width:900px}
.verify .lede{margin:24px 0 8px}
.command-hero-box{margin-top:32px;padding:24px;border-radius:22px;border:1px solid var(--line-hot);background:var(--panel);backdrop-filter:blur(6px);box-shadow:0 30px 80px -30px rgba(255,90,20,.3)}
.command-title{display:block;font:500 .75rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ash);margin-bottom:12px}
.command-hero-box .vform{margin-top:0;max-width:none}
.vform .btn{width:100%}
.chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;font:500 .8rem var(--mono);color:var(--ash)}
.chips-row .chip{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;cursor:pointer;border-radius:999px;transition:border-color .2s,background .2s}
.chips-row .chip:hover{border-color:var(--amber);background:rgba(255,176,58,.1)}

/* status panel: filled by /assets/verify.js. The ember sweep runs only while a read is in flight. */
.status-card{position:relative;margin-top:24px;padding:24px;border-radius:22px;border:1px solid var(--line);background:var(--panel);overflow:hidden}
.status-card h2{font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.03em;margin:0 0 8px}
.status-card p{margin:0;color:#e2d8cf;max-width:60ch}
.status-card[aria-busy="true"]{border-color:var(--line-hot)}
.status-card[aria-busy="true"]::after{content:"";position:absolute;left:0;top:0;height:3px;width:40%;background:linear-gradient(90deg,transparent,#ff3a00,#ffd27a,transparent);animation:sweep 1.4s linear infinite}
@keyframes sweep{from{transform:translateX(-100%)}to{transform:translateX(260%)}}

.read-guide{margin-top:48px}
.read-guide h2{font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.035em;margin-bottom:16px}
.guide-grid{display:grid;gap:12px}
.guide-item{display:grid;gap:8px;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.guide-item p{margin:0;color:#d6cdc6;font-size:.95rem}
.fx .guide-item .badge.pass{animation:ignite-badge 2.8s ease-in-out infinite}
@keyframes ignite-badge{0%,100%{box-shadow:0 0 0 0 rgba(61,220,151,0)}50%{box-shadow:0 0 18px 2px rgba(61,220,151,.45),0 0 32px 6px rgba(255,140,40,.25)}}
.own{margin-top:32px;padding:24px;border-radius:22px;border:1px solid var(--line-hot);background:var(--panel)}
.own h2{font-size:1.5rem;letter-spacing:-.03em;margin-bottom:8px}
.own p{color:#d6cdc6;margin:0 0 16px}
@media(min-width:820px){
  .command-hero-box{padding:32px}
  .vform .btn{width:auto}
  .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.status-card::after,.guide-item .badge{animation:none!important}}