/* SUCCESS page (step 3): green banner, copy, print buttons */
body[data-view=done] #v-done{display:flex}
.p-ok .btn{height:44px}
.okban{flex:none;display:flex;align-items:center;gap:18px;padding:clamp(10px,1.8vh,20px) 24px;border-radius:14px;color:#fff;background:linear-gradient(100deg,#0b7a4f,#16a34a 60%,#22c55e);box-shadow:0 8px 22px rgba(11,122,79,.35)}
.okban>.ic{width:clamp(40px,6.4vh,60px);height:clamp(40px,6.4vh,60px);stroke-width:2.2}
.okban h2{margin:0;font-size:clamp(22px,3.8vh,34px);line-height:1.15}
.okban p{margin:2px 0 0;font-size:clamp(14px,2vh,17px);opacity:.95;font-variant-numeric:tabular-nums}
.p-ok{--g:#0b7a4f;--pb:#e6f7ee;--pl:#16a34a;flex:none;border-width:2px;padding:12px 16px}
.p-ok .ph{min-width:0}
.p-ok .ph span{font-size:15px;text-transform:uppercase;letter-spacing:.05em}
.p-ok .btn{height:44px;padding:0 18px;font-size:16px;align-self:flex-start}
.p-ok .btn .ic{width:22px;height:22px}
.demo{margin:0;padding:8px 14px;border-radius:10px;background:#fff7e6;border:1px solid var(--warn);color:#92400e;font-weight:700;font-size:14px}
.demo[hidden]{display:none}
.acts{flex:none;display:flex;flex-wrap:wrap;gap:10px}
.abtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 20px;border-radius:10px;text-decoration:none;color:var(--navy);font:800 16px var(--ff);white-space:nowrap;border:1px solid var(--line);background:#fff;box-shadow:0 2px 6px rgba(15,40,90,.08);transition:background .12s,border-color .12s}
.abtn:hover{background:#eef3fb;border-color:var(--acc)}
.abtn .ic{width:22px;height:22px;color:var(--g)}
.abtn.k1,.abtn.k4{color:#fff;border-color:transparent;background:linear-gradient(180deg,#2f7bff,#1560ec)}
.abtn.k1 .ic,.abtn.k4 .ic{color:#fff}
.abtn.k1:hover,.abtn.k4:hover{filter:brightness(1.07);background:linear-gradient(180deg,#2f7bff,#1560ec)}
.abtn.k4{background:linear-gradient(180deg,#16a34a,#0b7a4f)}.abtn.k4:hover{background:linear-gradient(180deg,#16a34a,#0b7a4f)}
.abtn small{display:none}
@media(max-width:900px){.abtn{flex:1 1 100%}.p-ok{flex-wrap:wrap}.okban{flex-wrap:wrap}}
@media(max-height:800px){.abtn small{display:none}}

/* previous 4 reports: blue boxes, smaller text (latest stays the green box above) */
.prevs{flex:none;display:flex;flex-direction:column;gap:6px}
.prevs[hidden]{display:none}
.prevs .pt{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.pvg{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pv{min-width:0;padding:6px 12px;border-radius:10px;background:#e8f0ff;border:1.5px solid #9dbcf3}
.pvh{display:flex;gap:10px;align-items:baseline;font-size:12px;color:#27407a}
.pvh b{letter-spacing:.05em}
.pv .mono{font:600 13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#12306a;overflow-wrap:anywhere;line-height:1.3}
@media(max-width:900px){.pvg{grid-template-columns:1fr}}