.cmMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cmMetrics article{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px}.cmMetrics strong,.cmMetrics span{display:block}.cmMetrics strong{font-size:28px;color:var(--navy)}.cmMetrics span{font-size:11px;color:var(--muted)}.cmStore{border-left:5px solid var(--gold)}.cmStoreHead{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.cmActions{display:flex;flex-wrap:wrap;gap:6px}.cmTicket{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.cmTicket small,.cmFriend small{display:block;color:var(--muted)}.cmPrice{font-weight:950;color:var(--navy)}.cmScanner{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:22px;padding:22px}.cmCameraActions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.cmCameraButton{font-size:16px;min-height:48px}.cmStopButton{border:1px solid rgba(255,255,255,.5);border-radius:11px;background:transparent;color:#fff;padding:10px 14px;font-weight:850}.cmCameraPanel{width:min(520px,100%);margin:12px 0;padding:10px;border:2px solid var(--gold);border-radius:17px;background:#071724}.cmCameraPanel p{margin:8px 4px 2px;color:#dce9f4;font-size:12px;text-align:center}.cmCameraPanel video{border-radius:11px}.cmCameraPanel #cmCameraReader{overflow:hidden;border:0!important}.cmCameraPanel #cmCameraReader img{display:none}.cmManualLabel{margin:20px 0 7px;color:#dce9f4;font-size:12px}.cmScannerForm{display:grid;grid-template-columns:1fr auto;gap:9px}.cmScanner input{border:0;border-radius:11px;padding:12px}.cmScanResult{border-radius:14px;padding:14px;margin-top:12px;font-weight:850}.cmScanResult.ok{background:#dff5e7;color:#145d37}.cmScanResult.bad{background:#ffe4e4;color:#8c2c2c}.cmScanResult button{margin-top:10px;border:0;border-radius:10px;background:#fff;color:var(--navy);padding:9px 12px;font-weight:900}.cmFriend{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.cmStatus{display:flex;gap:8px;align-items:center;flex-wrap:wrap}@media(max-width:900px){.cmMetrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.cmStoreHead,.cmFriend{display:block}.cmActions{margin-top:10px}.cmScannerForm,.cmTicket{grid-template-columns:1fr}.cmMetrics{grid-template-columns:1fr 1fr}.cmCameraButton,.cmStopButton{width:100%}.cmCameraPanel{width:100%;padding:7px}.cmScanner{padding:18px}}