/* REVIEW page (step 2): complete message + summary + BACK / SUBMIT */
body[data-view=review] #v-review{display:flex}
.p-mstr{--g:#274690;--pb:#fff;--pl:#cfd9e8;flex:none;border-width:2px;padding:12px 16px}
.p-mstr .ph{min-width:0}
.p-mstr .ph span{font-size:15px;text-transform:uppercase;letter-spacing:.05em;max-width:90px;line-height:1.1}
.rvact .btn{height:44px}
.p-kv{--pb:#fff;--pl:#dbe4f1;flex:none;padding:10px 14px}
.kvg{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap) 18px}
.kv{min-width:0;padding:4px 12px;border-radius:10px;background:#f4f7fc;border:1px solid #e1e8f2}
.kv small{display:block;font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--mut)}
.kv b{display:block;font-size:clamp(16px,2.3vh,20px);font-weight:700;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.kv.e b{color:#a7b3c6;font-weight:500}
.kv.x{background:#eef3fc;border-color:#d3def0}
.banerr{margin:0;padding:10px 14px;border-radius:10px;background:#fff1f3;border:1px solid var(--bad);color:var(--bad);font-weight:700}
.banerr[hidden]{display:none}
.rvact{flex:none;display:flex;align-items:center;gap:12px}
.rvact p{flex:1;margin:0;color:var(--mut);font-size:15px}
.rvact .btn.p{min-width:220px}
.btn.busy{opacity:.7;pointer-events:none}
@media(max-width:1180px){.kvg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.rvact{flex-wrap:wrap}.rvact p{flex:1 1 100%}.rvact .btn{flex:1}
 .kvg{grid-template-columns:1fr 1fr}}
@media(max-height:800px){.kv{padding:4px 10px}}

/* review checklist: tick / cross / not filled */
.p-kv{flex-direction:column;align-items:stretch;gap:8px}
.rvsum{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;font-weight:800}
.rvsum .sk{display:inline-flex;align-items:center;gap:6px}
.rvsum .sk .ic{width:18px;height:18px;stroke-width:3}
.rvsum .ok{color:#0b7a4f}.rvsum .x{color:var(--bad)}.rvsum .nf{color:#6b7a99}
.rvsum em{margin-left:auto;font-style:normal;font-weight:600;color:var(--mut)}
.ckg{grid-template-columns:repeat(5,1fr);gap:6px 10px}
.ck{display:flex;align-items:center;gap:8px;min-width:0;padding:3px 8px;border-radius:8px;border:1px solid #e1e8f2;background:#f4f7fc}
.ck>.ic{flex:none;width:20px;height:20px;padding:2px;border-radius:50%;stroke-width:3.2;color:#fff;box-sizing:border-box}
.ck small{display:block;font-size:11.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ck b{display:block;font-size:14.5px;font-weight:700;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;line-height:1.2}
.ck u{display:block;text-decoration:none;font-size:11.5px;font-weight:700;color:var(--bad);line-height:1.15}
.ck>div{min-width:0}
.ck.ok{background:#eefaf2;border-color:#bfe6c9}.ck.ok>.ic{background:#16a34a}
.ck.x{background:#fff1f3;border-color:#f6c3cb}.ck.x>.ic{background:var(--bad)}
.ck.nf{background:#f7f9fc}.ck.nf>.ic{background:#aab6cc}.ck.nf b{color:#8a97b0;font-weight:600}
@media(max-width:1280px){.ckg{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1000px){.ckg{grid-template-columns:repeat(2,1fr)}}
.ck u.df{color:#7f8da8;font-weight:600}

/* review page: header panel + message panel (same size) + quality check */
.p-hdr,.p-mstr{--g:#274690;--pb:#fff;--pl:#cfd9e8;flex:none;min-height:132px;padding:14px 20px;border:2px solid var(--pl);gap:20px;align-items:center}
.p-hdr .ph,.p-mstr .ph{flex:none;width:200px;min-width:0;gap:14px}
.p-hdr .ph span,.p-mstr .ph span{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;max-width:none;line-height:1.1}
.rvh{flex:1;display:grid;grid-template-columns:1fr .95fr 1.45fr .85fr .95fr;gap:12px;align-self:stretch}
.rb{display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 14px;border:1px solid #cfd9e8;border-radius:10px;background:#f6f9fe;min-width:0}
.rb small,.rb label{font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--navy)}
.rb b{font-size:23px;font-weight:800;color:var(--ink);overflow-wrap:anywhere;line-height:1.1}
.rb.edit input{border:0;outline:0;background:transparent;padding:0;height:30px;font:800 24px var(--ff);color:var(--ink);text-transform:uppercase;width:100%}
.rb.edit{background:#fff;border-color:var(--acc)}
.rb.edit:focus-within{box-shadow:0 0 0 3px rgba(29,107,243,.18)}
.rb.bad{background:#fff1f3;border-color:var(--bad)}.rb em{font-style:normal;font-size:13px;color:var(--bad)}
.p-mstr .mstr{flex:1}
.rvrm{margin:0;display:flex;align-items:center;gap:16px;padding:14px 20px;border-radius:12px;background:#fff4e5;border:2px solid #f0c98f;font-size:22px;font-weight:700;color:var(--ink);overflow-wrap:anywhere}
.rvrm b{flex:none;font-size:18px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#a85a00}
.rvrm .rml{display:flex;flex-wrap:wrap;gap:8px 12px;min-width:0}
.rvrm .rmi{display:inline-flex;align-items:center;gap:10px;padding:5px 16px 5px 6px;border-radius:999px;background:#fff;border:1.5px solid #f0c98f}
.rvrm .rmi i{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#a85a00;color:#fff;font-style:normal;font-size:15px;font-weight:800}
.qc{flex:none;border-radius:12px;background:#fff;border:2px solid #cfd9e8;color:var(--ink);padding:14px 20px 6px;box-shadow:0 1px 4px rgba(15,40,90,.05)}
.qc h2{margin:0 0 4px;font-size:24px;font-weight:800;color:var(--navy);letter-spacing:.02em;text-transform:uppercase}
.qr{display:flex;align-items:center;gap:16px;padding:9px 0;border-top:1px solid #e3eaf5}
.qr b{display:block;font-size:18px;font-weight:700;color:var(--ink)}
.qr small{display:block;margin-top:2px;font-size:14px;font-weight:600;color:#a85a00}
.qr.bad small{color:var(--bad)}
.qi{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1fa463;color:#fff}
.qr.warn .qi{background:#f0a21a}
.qr.bad .qi{background:#e5484d}
.qi .ic{width:19px;height:19px;stroke-width:3}
@media(max-width:900px){.p-hdr,.p-mstr{flex-wrap:wrap}.rvh{grid-template-columns:repeat(2,1fr);flex:1 1 100%}.p-hdr .ph,.p-mstr .ph{width:auto}}