:root{ --wpchecker-primary: #0ea5e9; }
.wpchecker{
  border: 1px solid #eee;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.04);
  max-width: 1040px;
}
.wpchecker__title{ margin:0 0 12px; font-size:1.25rem; }
.wpchecker__label{ display:block; margin-bottom:10px; font-weight:600; }
.wpchecker__input{
  width:100%; padding:10px 12px; border:1px solid #dcdcdc; border-radius:10px; outline:none; transition:border-color .2s;
  background:#eef4ff;
}
.wpchecker__input:focus{
  border-color: var(--wpchecker-primary);
  box-shadow: 0 0 0 3px rgba(14,165,233,.15);
}
.wpchecker__grid-2{ display:grid; grid-template-columns: repeat(2, 1fr); gap:10px 12px; }
@media (max-width: 900px){ .wpchecker__grid-2{ grid-template-columns: 1fr; } }
.wpchecker__actions{ display:flex; align-items:center; gap:10px; margin-top:6px; }
.wpchecker__btn{
  margin-top: 8px; display:inline-block; padding:10px 16px; border:none; border-radius:999px; background: var(--wpchecker-primary);
  color:#fff; font-weight:700; cursor:pointer;
}
.wpchecker__btn--ghost{ background: transparent; color: var(--wpchecker-primary); border: 2px solid var(--wpchecker-primary); }
.wpchecker__btn:disabled{ opacity:.6; cursor:not-allowed; }
.wpchecker__status{ margin-top:8px; font-size:.95rem; opacity:.8; }
.wpchecker__result{ margin-top:12px; font-weight:700; }
.wpchecker__result--success{ color:#16a34a; }
.wpchecker__result--partial{ color:#ca8a04; }
.wpchecker__result--fail{ color:#dc2626; }

/* Card + table */
.wpchecker-card{ background:#f8fafc; border:1px dashed #cbd5e1; border-radius:12px; padding:12px 14px; line-height:1.45; }
.wpchecker-card__title{ margin-bottom:8px; }
.wpchecker-card__note{ font-size:.9rem; opacity:.8; margin-top:4px; }
.wpchecker-table{ margin-top:8px; border:1px solid #e5e7eb; border-radius:8px; overflow:hidden; }
.wpchecker-table__head, .wpchecker-table__row{ display:grid; grid-template-columns: 1.2fr 0.6fr 1.6fr 0.8fr; gap:0; align-items:center; }
.wpchecker-table__head{ background:#f3f4f6; font-weight:700; padding:10px 12px; }
.wpchecker-table__row{ padding:12px; border-top:1px solid #eee; }
.wpchecker-table__row--alt{ background:#fafafa; }
.wpchecker-ok, .wpchecker-no{ display:inline-flex; width:22px; height:22px; border-radius:50%; align-items:center; justify-content:center; color:#fff; font-weight:800; }
.wpchecker-ok{ background:#22c55e; } .wpchecker-no{ background:#ef4444; }
.wpchecker-order{ display:inline-flex; align-items:center; justify-content:center; padding:6px 12px; border-radius:999px; background:#2563eb; color:#fff; text-decoration:none; font-weight:700; }
.wpchecker-order:hover{ opacity:.9; }

.wpchecker__version{ margin-top:12px; font-size:.9rem; color:#6b7280; }