.cp-qr-shell{max-width:1500px;margin:0 auto;padding:28px 24px 60px}.cp-qr-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:34px;border-radius:24px;background:#17120f;color:#fff;margin:18px 0 24px}.cp-qr-hero .cp-portal-kicker{color:#f3eee8!important;opacity:1!important}.cp-qr-hero h1{color:#fff!important;margin:.25rem 0;font-size:clamp(2rem,4vw,3.4rem);opacity:1!important}.cp-qr-hero p{max-width:760px;color:#f3eee8!important;opacity:1!important}.cp-qr-hero-stat{min-width:180px;text-align:center;padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:18px}.cp-qr-hero-stat strong{display:block;font-size:2.5rem;color:#fff!important}.cp-qr-hero-stat span{color:#fff!important;opacity:1!important}.cp-qr-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,.7fr);gap:22px;margin-bottom:22px}.cp-qr-card{background:#fff;border:1px solid #e6ded6;border-radius:22px;padding:24px;box-shadow:0 8px 30px rgba(30,20,12,.06);margin-bottom:22px}.cp-qr-card h2{margin-top:0;color:#17120f}.cp-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cp-qr-grid label{display:flex;flex-direction:column;gap:7px;font-weight:650;color:#2c241f}.cp-qr-grid .wide{grid-column:1/-1}.cp-qr-grid input,.cp-qr-grid select{min-height:46px;border:1px solid #cfc4ba;border-radius:12px;padding:10px 12px;background:#fff;color:#17120f}.cp-qr-grid input[type=color]{padding:4px;width:100%}.cp-qr-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.cp-qr-shell .cp-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border:0;border-radius:12px;background:#17120f!important;color:#fff!important;text-decoration:none!important;font-weight:700;cursor:pointer}.cp-qr-shell .cp-button:hover{background:#3a2d25!important}.cp-qr-shell .cp-danger{background:#7b2424!important}.cp-qr-preview{text-align:center}.cp-qr-preview h2,.cp-qr-preview small{text-align:left;display:block}.cp-qr-art{max-width:360px;margin:12px auto;padding:14px;border-radius:18px}.cp-qr-art canvas{display:block;width:100%;height:auto}.cp-qr-url{font-family:monospace;overflow-wrap:anywhere}.cp-qr-notice{padding:14px 18px;background:#eef7ef;border:1px solid #b8d9bc;border-radius:14px;margin-bottom:18px}.cp-qr-table-wrap{overflow:auto}.cp-qr-card table{width:100%;border-collapse:collapse}.cp-qr-card th,.cp-qr-card td{text-align:left;padding:14px 12px;border-bottom:1px solid #eee6df;vertical-align:middle;color:#211a16}.cp-qr-card td small{display:block;color:#776b63;margin-top:4px}.cp-qr-card code{white-space:nowrap}.cp-qr-row-actions{display:flex;gap:8px}.cp-qr-head{display:flex;justify-content:space-between;align-items:center}@media(max-width:900px){.cp-qr-layout{grid-template-columns:1fr}.cp-qr-hero{align-items:flex-start;flex-direction:column}.cp-qr-grid{grid-template-columns:1fr}.cp-qr-grid .wide{grid-column:auto}.cp-qr-shell{padding:18px 14px 40px}}
.cp-qr-grid .cp-check{flex-direction:row;align-items:center;align-self:end;min-height:46px}.cp-qr-grid .cp-check input{min-height:auto;width:18px;height:18px}.cp-qr-art.is-transparent{background-image:linear-gradient(45deg,#eee 25%,transparent 25%),linear-gradient(-45deg,#eee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eee 75%),linear-gradient(-45deg,transparent 75%,#eee 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.cp-qr-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.cp-qr-metrics>div{padding:18px;border:1px solid #e6ded6;border-radius:16px;background:#faf8f6}.cp-qr-metrics strong{display:block;font-size:1.5rem;color:#17120f;overflow-wrap:anywhere}.cp-qr-metrics span{display:block;color:#776b63;margin-top:5px}.cp-qr-insights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 24px}.cp-qr-insights>div{padding:16px;border:1px solid #eee6df;border-radius:14px}.cp-qr-insights h3{font-size:1rem;margin:0 0 8px}.cp-qr-insights p{margin:0;line-height:1.55;color:#544840}.cp-qr-privacy-note{margin-top:16px;padding:14px 16px;border-radius:12px;background:#f7f4f1;color:#5f5249;font-size:.92rem}@media(max-width:1100px){.cp-qr-metrics,.cp-qr-insights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cp-qr-metrics,.cp-qr-insights{grid-template-columns:1fr}}

.cp-qr-table-wrap td small{display:block;margin-top:4px;color:#776e68;font-size:.82em;line-height:1.35}