.dt-qr-panel{background:#fff;border:1px solid #d6dfce;border-radius:16px;padding:28px;margin:28px 0;color:#244632;max-width:100%;box-sizing:border-box}
.dt-qr-panel h2{font-size:26px;margin:0 0 12px;color:#1e4d38;line-height:1.35}.dt-qr-status{display:inline-block;background:#f6edda;color:#715415;border-radius:30px;padding:6px 14px;font-size:13px}
.dt-qr-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:30px;align-items:start;margin-top:20px}.dt-qr-code img{width:100%;max-width:300px;height:auto;display:block;margin:auto;border-radius:8px}.dt-qr-code p{font-size:12px;line-height:1.6;color:#6a756b;margin-top:12px}.dt-qr-details dl{margin:0}.dt-qr-details dl>div{padding:10px 0;border-bottom:1px solid #e4e9df}.dt-qr-details dt{font-size:12px;font-weight:500;color:#697565;margin:0 0 5px}.dt-qr-details dd{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:0;font-weight:700;font-size:16px;overflow-wrap:anywhere}.dt-qr-copy{background:#edf2e6!important;color:#1e4d38!important;border:1px solid #ccd9c6!important;border-radius:6px!important;padding:5px 10px!important;min-height:34px!important;line-height:1.4!important;font-size:12px!important;white-space:nowrap;letter-spacing:0!important;text-transform:none!important;margin:0!important;cursor:pointer}.dt-qr-feedback{font-size:13px;color:#225b38;min-height:20px;overflow-wrap:anywhere}.dt-qr-notice{padding:14px;background:#f6f3e9;border-left:3px solid #b7944e;font-size:13px;line-height:1.8;margin:12px 0 0}
@media(max-width:767px){.dt-qr-panel{padding:18px}.dt-qr-panel h2{font-size:22px}.dt-qr-layout{grid-template-columns:1fr;gap:16px}.dt-qr-code{max-width:300px;margin:auto}.dt-qr-details dd{font-size:14px}}