/* WBN SEO Infrastructure - Admin UI */
.wbn-seoap{max-width:1200px}
.wbn-seoap *{box-sizing:border-box}
.wbn-seoap-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:16px}
@media (min-width: 992px){
  .wbn-seoap-grid{grid-template-columns: 1.15fr .85fr}
}
.wbn-seoap-card{
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px 16px 14px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.wbn-seoap-card h2,.wbn-seoap-card h3{margin:0 0 10px}
.wbn-seoap-muted{color:#64748b}
.wbn-seoap-kv{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 0}
.wbn-seoap-kv > div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px;color:#334155}
.wbn-seoap-select select{min-width:320px;max-width:100%}
.wbn-seoap-checks{margin:10px 0 0;display:grid;gap:10px}
.wbn-seoap-check{display:flex;gap:10px;align-items:flex-start}
.wbn-seoap-check-text{flex:1}
.wbn-seoap-score{display:flex;align-items:center;gap:14px}
.wbn-seoap-score-num{
  width:56px;height:56px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:22px;
  border:1px solid #e2e8f0;background:#f8fafc;color:#0f172a
}
.wbn-seoap-score-label{font-weight:600}
.wbn-seoap-list{margin:8px 0 0;padding-left:18px}
.wbn-seoap-banner{
  border-radius:16px;
  margin:0 -20px 24px -20px;
  padding:28px 22px;
  background:linear-gradient(135deg,#0b1220 0%, #1f2937 100%);
  color:#fff;
  box-shadow:0 8px 22px rgba(0,0,0,.15);
  text-align:left;
}
.wbn-seoap-banner__title{margin:0 0 8px;font-size:22px;line-height:1.25;color:#fff}
.wbn-seoap-banner__tagline{margin:0;opacity:.92;line-height:1.5;color:#fff;font-size:13px}

/* Schema Preview: full-width, contained, no overflow */
.wbn-seoap-schema-preview{width:100%;max-width:100%;min-width:0;overflow:hidden;box-sizing:border-box}
.wbn-seoap-schema-preview-inner{width:100%;max-width:100%;min-width:0;overflow:hidden;margin-top:10px;box-sizing:border-box}
.wbn-seoap-schema-actions{margin-bottom:10px;display:flex;align-items:center;gap:10px}
.wbn-seoap-copy-status{font-size:12px}
.wbn-seoap-schema-code{
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:260px;
  max-height:520px;
  overflow-x:auto;
  overflow-y:auto;
  margin:0;
  padding:14px 16px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:12.5px;
  line-height:1.55;
  background:#f8fafc;
  border:1px solid #e2e8f0;
  border-radius:10px;
  color:#0f172a;
  white-space:pre-wrap;
  word-break:break-all;
  overflow-wrap:anywhere;
  box-sizing:border-box;
  display:block;
}
@media (max-width: 782px){
  .wbn-seoap-schema-code{min-height:200px;font-size:11.5px;padding:10px 12px}
}

/* Checks: Pass / Fix / Warning — colors must override WP admin */
.wbn-seoap-checks-legend{margin:0 0 10px;font-size:12px;color:#64748b;display:flex;flex-wrap:wrap;gap:14px}
.wbn-seoap-checks-legend span{display:inline-flex;align-items:center;gap:6px}
.wbn-seoap-check{display:flex;gap:10px;align-items:flex-start}
.wbn-seoap-check .wbn-seoap-check-dot{
  width:10px;
  height:10px;
  min-width:10px;
  min-height:10px;
  border-radius:50%;
  margin-top:5px;
  flex-shrink:0;
  background-color:#94a3b8;
}
.wbn-seoap-check.is-ok .wbn-seoap-check-dot{background-color:#16a34a !important;background:#16a34a !important}
.wbn-seoap-check.is-bad .wbn-seoap-check-dot{background-color:#dc2626 !important;background:#dc2626 !important}
.wbn-seoap-check.is-warning .wbn-seoap-check-dot{background-color:#ca8a04 !important;background:#ca8a04 !important}
.wbn-seoap-check.is-na .wbn-seoap-check-dot{background-color:#94a3b8 !important;background:#94a3b8 !important}