/* LUNQA v95 - CNC uyumlu düz QR yönetimi */
.admin-page-cncqr .qr-preview-frame,
.admin-page-cncqr .cnc-qr-preview-frame {
  background: #fff !important;
  border: 1px solid rgba(20, 20, 20, .14) !important;
  border-radius: 18px !important;
  padding: 28px !important;
  box-shadow: none !important;
}

.admin-page-cncqr .qr-preview-frame img,
.admin-page-cncqr .cnc-qr-preview-frame img {
  width: min(100%, 420px) !important;
  aspect-ratio: 1 / 1 !important;
  display: block !important;
  margin: 0 auto !important;
  image-rendering: pixelated !important;
  background: #fff !important;
}

.admin-page-cncqr .qr-center-brand {
  display: none !important;
}

.admin-page-cncqr .qr-style-options {
  display: none !important;
}

.cnc-qr-link-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 8px !important;
}

.cnc-qr-link-field input {
  min-width: 0 !important;
}

.qr-helper-text,
.qr-warning-text {
  margin: 9px 0 0 !important;
  color: #6b5c55 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.qr-helper-text code {
  padding: 2px 6px !important;
  border-radius: 8px !important;
  background: rgba(0, 0, 0, .045) !important;
  color: #2b211d !important;
}

.qr-warning-text {
  padding: 10px 12px !important;
  border: 1px solid rgba(165, 14, 24, .16) !important;
  border-radius: 14px !important;
  background: rgba(165, 14, 24, .055) !important;
  color: #8a0711 !important;
  font-weight: 800 !important;
}

.cnc-size-guide {
  margin-top: 18px !important;
}

.cnc-size-guide h3,
.cnc-qr-control-card h3 {
  margin: 0 0 10px !important;
}

.cnc-size-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.cnc-size-grid article {
  min-height: 76px !important;
  border: 1px solid var(--line) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .7) !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  padding: 10px !important;
}

.cnc-size-grid b {
  color: #8a0711 !important;
  font-size: 18px !important;
}

.cnc-size-grid span {
  color: #6b5c55 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.cnc-plate-preview {
  width: min(100%, 300px) !important;
  margin: 16px auto !important;
  padding: 22px !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, #e7d6c8, #f7eee6) !important;
  border: 1px solid rgba(80, 55, 42, .18) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 18px 36px rgba(44,25,18,.08) !important;
  display: grid !important;
  gap: 12px !important;
  place-items: center !important;
}

.cnc-plate-qr {
  width: 172px !important;
  height: 172px !important;
  padding: 12px !important;
  border-radius: 10px !important;
  background: #fff !important;
}

.cnc-plate-qr img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  image-rendering: pixelated !important;
}

.cnc-plate-preview span {
  color: #2a201d !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: .16em !important;
}

.cnc-check-list {
  display: grid !important;
  gap: 9px !important;
  margin: 14px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.cnc-check-list li {
  display: flex !important;
  gap: 9px !important;
  align-items: center !important;
  padding: 10px 12px !important;
  border: 1px solid var(--line) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.66) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: #2a201d !important;
}

.cnc-status-ok small {
  max-width: 100% !important;
  word-break: break-word !important;
}

@media (max-width: 720px) {
  .cnc-qr-link-field {
    grid-template-columns: 1fr !important;
  }

  .cnc-size-grid {
    grid-template-columns: 1fr !important;
  }

  .admin-page-cncqr .qr-preview-frame img,
  .admin-page-cncqr .cnc-qr-preview-frame img {
    width: min(100%, 320px) !important;
  }
}