@layer pages {
  /* Kiểm tra dữ liệu — scope .data-check-page (không phụ thuộc .proxy-manager). */
  .data-check-page .data-check-toolbar {
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
  }

  .data-check-page .data-check-panel-actions {
    margin: -4px 0 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }

  .data-check-page .data-check-generated,
  .data-check-page .data-check-truncate-note {
    margin: 0 0 10px;
    font-size: 12px;
  }

  .data-check-page .data-check-panel h3 {
    margin-bottom: 8px;
  }
}

/* Highlight chéo-route (modal đơn / bảng COD / nhập kho) — không bọc .data-check-page. */
.data-check-profit-focus {
  outline: 2px solid rgba(59, 130, 246, 0.85);
  outline-offset: 2px;
  border-radius: 6px;
}

.data-check-row-flash {
  animation: data-check-row-flash-kf 2.8s ease-out;
}

@keyframes data-check-row-flash-kf {
  0% {
    background-color: rgba(250, 204, 21, 0.45);
  }
  100% {
    background-color: transparent;
  }
}