.aio-wpvk-frontend{margin:16px 0;}
.aio-wpvk-card-item{border:1px solid #ccd0d4;padding:12px;margin:0 0 12px 0;background:#fff;}
.aio-wpvk-field-row{margin:0 0 6px 0;}
.aio-wpvk-label{font-weight:700;margin-right:6px;}


/* KV table layout: exact column widths; table can exceed container and scroll */
.aio-wpvk-viewer{box-sizing:border-box; overflow-x:auto;}
.aio-wpvk-viewer .aio-wpvk-table{
  border-collapse:collapse !important;
  table-layout:fixed !important;
  width:auto !important;
  display:inline-table !important;
  /* Prevent 1px clipping of the right border when the container has padding or exact-fit widths */
  margin-right:1px;
}
.aio-wpvk-viewer .aio-wpvk-table th,
.aio-wpvk-viewer .aio-wpvk-table td{box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* v0.10.28: List view uses colgroup widths */
.aio-wpvk-list{table-layout:auto !important;}


/* CSV Table UI */
.aio-wpvk-csv-table{ border-collapse: collapse; width: 100%; }
.aio-wpvk-csv-table th, .aio-wpvk-csv-table td{ border: 1px solid #ccc; padding: 8px; }
.aio-wpvk-csv-table th{ font-weight: 700; }

/* CSV error text only (no border) */
.aio-wpvk-error{ color:#c00; font-weight:700; }


/* Detail KV border rendering fix: avoid 0.5px borders being clipped/antialiased away on the right edge */
.aio-wpvk-viewer .aio-wpvk-table,
.aio-wpvk-viewer .aio-wpvk-table th,
.aio-wpvk-viewer .aio-wpvk-table td{
  border-width:1px !important;
}
.aio-wpvk-viewer .aio-wpvk-table{
  border-right:1px solid rgba(0,0,0,0.2) !important;
}


/* v0.10.62: KV right border safety - avoid fractional border clipping on the far-right edge */
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-kv{ box-shadow: inset -1px 0 0 #ccc; }
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-kv th:last-child,
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-kv td:last-child{ border-right-width:1px !important; }

/* Detail Title row: keep text only (no background, no top/left/right borders) */
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-kv thead th.aio-wpvk-title-cell{
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  position: relative;
}

/* KV title row: hide the table right-edge safety line only for the title row */
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-kv thead th.aio-wpvk-title-cell::after{
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  width: 3px;
  height: 100%;
  background: #fff;
}

/* List title row: match KV title style and center text */
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-list thead th.aio-wpvk-title-cell{
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  text-align: center !important;
}


/* List title row: hide the table right-edge safety line only for the title row */
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-list thead th.aio-wpvk-title-cell::after{
  content: '';
  position: absolute;
  top: 0;
  right: -1px;
  width: 3px;
  height: 100%;
  background: #fff;
}


/* v0.10.83: Title row should not show the table-level right edge line.
   Disable table-level right edge rendering, and re-apply right border on last column cells except the Title cell. */
.aio-wpvk-viewer .aio-wpvk-table{
  border-right: none !important;
}
.aio-wpvk-viewer .aio-wpvk-table.aio-wpvk-kv{
  box-shadow: none !important;
}

/* Re-apply right border on the last visible column for non-title rows */
.aio-wpvk-viewer .aio-wpvk-table thead th:not(.aio-wpvk-title-cell):last-child,
.aio-wpvk-viewer .aio-wpvk-table tbody th:last-child,
.aio-wpvk-viewer .aio-wpvk-table tbody td:last-child{
  border-right: 1px solid #ccc !important;
}