#cwsb-kyc.cwsb-kyc-card{max-width:760px;margin:30px auto;padding:28px;border:1px solid #ddd;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(0,0,0,.06)}
#cwsb-kyc h2{margin:0 0 22px;font-size:32px}#cwsb-kyc h3{font-size:23px;margin:0 0 10px}
.kyc-progress{display:flex;gap:10px;margin-bottom:25px}.kyc-progress span{padding:8px 13px;border-radius:20px;background:#eee;color:#777;font-weight:700}.kyc-progress .active{background:#245a8d;color:#fff}
.kyc-step[hidden]{display:none!important}.kyc-camera-wrap{position:relative;overflow:hidden;background:#111;border-radius:14px;min-height:220px;margin:18px 0}.kyc-camera-wrap video{display:block;width:100%;height:auto;max-height:480px;object-fit:cover}
.kyc-scan-frame{position:absolute;left:6%;right:6%;top:22%;height:56%;border:3px solid #fff;border-radius:12px;box-shadow:0 0 0 9999px rgba(0,0,0,.22);pointer-events:none;display:flex;align-items:flex-end;justify-content:center}.kyc-scan-frame span{background:rgba(0,0,0,.65);color:#fff;padding:7px 12px;border-radius:8px;margin-bottom:10px;font-size:12px;font-weight:700}
.kyc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.kyc-btn,.kyc-submit{border:0;border-radius:10px;padding:13px 18px;font-weight:700;cursor:pointer;background:#245a8d;color:#fff}.kyc-btn.secondary{background:#777}.kyc-btn:disabled,.kyc-submit:disabled{opacity:.45;cursor:not-allowed}
.kyc-submit{font-size:17px}.kyc-preview{display:block;width:100%;max-height:480px;object-fit:contain;border-radius:12px;margin:15px 0;background:#111}.kyc-phrase{padding:18px;border-radius:12px;background:#f2f5f8;font-size:21px;font-weight:700;margin:15px 0}.kyc-error{margin-top:15px;padding:14px;border-radius:10px;background:#fff0f0;color:#a00000}.kyc-status,.kyc-message{margin-top:12px}.kyc-confirm{padding:15px;border-radius:12px;background:#f3f7fb;margin-top:15px}.kyc-success{padding:22px;border-radius:12px;background:#edf8ef;font-size:18px}
@media(max-width:600px){#cwsb-kyc.cwsb-kyc-card{margin:15px;padding:20px}.kyc-camera-wrap{min-height:180px}.kyc-scan-frame{left:4%;right:4%}}

.kyc-browser-note{padding:12px 15px;border-radius:10px;margin-bottom:16px;font-size:14px}
.kyc-browser-note.ready{background:#eef8f0;color:#1d6b2a}
.kyc-browser-note.warning{background:#fff3e8;color:#8a4b00}

.kyc-selfie-frame{position:absolute;left:22%;right:22%;top:10%;bottom:10%;border:3px solid #fff;border-radius:45%;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.18)}