.cn-wrap .cn-card{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:14px 18px;margin:16px 0}
.cn-wrap .cn-card h2{margin:0 0 10px;font-size:15px}
.cn-wrap .cn-tab{margin-top:6px}
.cn-wrap .cn-inline{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cn-wrap .cn-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}
.cn-wrap .cn-grid2 .cn-card{margin:0 0 0}
.cn-wrap .cn-grid2{margin:16px 0}
.cn-wrap .cn-table td{vertical-align:middle}
.cn-wrap .cn-table input[type=text]{max-width:100%}
.cn-wrap .cn-small{font-size:12px;text-decoration:none}
.cn-wrap .cn-badge{display:inline-block;padding:2px 8px;border-radius:99px;background:#f0f0f1;color:#50575e;font-size:12px;font-weight:600}
.cn-wrap .cn-badge.ok{background:#e7f6ed;color:#0a7a3b}
.cn-wrap .cn-badge.pend{background:#fff4e0;color:#8a5300}
.cn-wrap .cn-badge.off{background:#fcebea;color:#b32d2e}
.cn-wrap .cn-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:14px 0}
.cn-wrap .cn-kpi{background:#fff;border:1px solid #dcdcde;border-left:4px solid #F29C1A;border-radius:8px;padding:12px 14px}
.cn-wrap .cn-kpi span{display:block;color:#50575e;font-size:12px}
.cn-wrap .cn-kpi b{display:block;font-size:26px;line-height:1.3}
.cn-wrap .cn-kpi small{color:#787c82}
.cn-wrap .cn-period{margin:14px 0 0}
.cn-wrap .cn-bars{display:flex;align-items:flex-end;gap:3px;height:150px;padding-bottom:18px}
.cn-wrap .cn-bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative;min-width:4px}
.cn-wrap .cn-bar i{display:block;background:#F29C1A;border-radius:3px 3px 0 0;min-height:1px}
.cn-wrap .cn-bar span{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;color:#787c82;white-space:nowrap}
.cn-wrap .cn-qr svg{display:block;background:#fff}
.cn-wrap .cn-printbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cn-wrap .cn-sep{margin-left:10px;color:#787c82}
.cn-wrap .cn-emoji{width:56px;text-align:center;font-size:18px}
.cn-wrap .cn-emojis button{font-size:20px;background:none;border:1px solid #dcdcde;border-radius:6px;margin:0 4px 4px 0;cursor:pointer;padding:2px 6px}
.cn-wrap .cn-emojis button:hover{border-color:#F29C1A}
.cn-wrap .cn-appbox{display:flex;gap:20px;align-items:flex-start}
.cn-wrap .cn-appbox .cn-qr{flex:none;padding:6px;border:1px solid #dcdcde;border-radius:8px}
.cn-wrap .cn-code{font-size:18px;letter-spacing:.12em;padding:3px 8px}
.cn-wrap .cn-logo{max-width:96px;max-height:96px;border-radius:8px;border:1px solid #dcdcde}
.cn-wrap .cn-steps ol{margin-left:20px}
.cn-wrap .cn-steps li{margin:6px 0}
.cn-wrap .cn-steps li.ok{color:#0a7a3b}
.cn-wrap .cn-steps li.ok::after{content:" ✓";font-weight:700}
@media (max-width:782px){.cn-wrap .cn-appbox{flex-direction:column}.cn-wrap .cn-grid2{grid-template-columns:1fr}}