/* All styles are scoped to .rpkit-wrap to prevent theme conflicts */
.rpkit-wrap{
  --rpkit-bg:#0b1220;
  --rpkit-card:#0f1b33;
  --rpkit-text:#eaf0ff;
  --rpkit-muted:#a7b3d6;
  --rpkit-line:rgba(255,255,255,.10);
  --rpkit-btn:#152a52;
  --rpkit-btn2:#1b3570;
  --rpkit-ok:#22c55e;
  --rpkit-warn:#f59e0b;
  --rpkit-bad:#ef4444;
  --rpkit-radius:16px;

  color:var(--rpkit-text);
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;

  /* IMPORTANT: do NOT touch body/html background */
  background: radial-gradient(1200px 600px at 20% 0%, rgba(79,70,229,.22), transparent 60%),
              radial-gradient(1000px 500px at 80% 0%, rgba(34,197,94,.18), transparent 55%),
              var(--rpkit-bg);
  border-radius: var(--rpkit-radius);
  padding: 14px;
  overflow: hidden;
  max-width: 100%;
}

/* Stop theme/widget overlap: keep within content area */
.rpkit-wrap *{box-sizing:border-box}
.rpkit-wrap textarea,
.rpkit-wrap input,
.rpkit-wrap select{max-width:100%}

.rpkit-header{
  margin-bottom:12px;
}

.rpkit-card{
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid var(--rpkit-line);
  border-radius:var(--rpkit-radius);
  padding:16px;
  box-shadow:0 18px 40px rgba(0,0,0,.25);
}

.rpkit-brand{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.rpkit-logo{
  width:44px;height:44px;border-radius:12px;
  display:grid;place-items:center;
  background:linear-gradient(135deg, rgba(79,70,229,.9), rgba(34,197,94,.75));
  font-weight:800;
}
.rpkit-title{font-weight:800;font-size:16px}
.rpkit-sub{font-size:13px;color:var(--rpkit-muted)}

.rpkit-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.rpkit-pill{font-size:12px;padding:6px 10px;border:1px solid var(--rpkit-line);border-radius:999px;color:var(--rpkit-muted)}

.rpkit-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:980px){ .rpkit-grid{grid-template-columns:1.05fr .95fr} }

.rpkit-h2{margin:0 0 6px 0;font-size:18px}
.rpkit-h3{margin:0 0 8px 0;font-size:15px}
.rpkit-muted{color:var(--rpkit-muted);margin:8px 0}
.rpkit-sep{border:none;border-top:1px solid var(--rpkit-line);margin:14px 0}

.rpkit-grid2{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:680px){ .rpkit-grid2{grid-template-columns:1fr 1fr} }

.rpkit-field span{display:block;font-size:12px;color:var(--rpkit-muted);margin-bottom:6px}
.rpkit-field input,.rpkit-field textarea,.rpkit-field select{
  width:100%;
  padding:11px 12px;
  border-radius:12px;
  border:1px solid var(--rpkit-line);
  outline:none;
  background:rgba(0,0,0,.18);
  color:var(--rpkit-text);
}
.rpkit-field textarea{resize:vertical;min-height:44px}
.rpkit-hint{display:block;margin-top:6px;color:var(--rpkit-muted);font-size:12px}

.rpkit-toggles{display:grid;gap:10px}
.rpkit-toggle{display:flex;gap:10px;align-items:flex-start;color:var(--rpkit-muted);font-size:13px}
.rpkit-toggle input{margin-top:2px;accent-color:#60a5fa}

.rpkit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.rpkit-btn{
  border:1px solid var(--rpkit-line);
  background:var(--rpkit-btn);
  color:var(--rpkit-text);
  padding:10px 12px;
  border-radius:12px;
  cursor:pointer;
}
.rpkit-btn:hover{background:var(--rpkit-btn2)}
.rpkit-primary{
  background:linear-gradient(135deg, rgba(79,70,229,.95), rgba(34,197,94,.85));
  border-color:transparent;
  font-weight:700;
}
.rpkit-small{padding:7px 10px;border-radius:10px;font-size:12px}

.rpkit-notice{
  margin-top:12px;
  border:1px dashed var(--rpkit-line);
  border-radius:12px;
  padding:10px 12px;
  color:var(--rpkit-muted);
  min-height:44px;
}
.rpkit-row{display:flex;gap:8px;align-items:center;margin:6px 0}
.rpkit-dot{width:8px;height:8px;border-radius:999px;background:var(--rpkit-muted)}
.rpkit-dot.ok{background:var(--rpkit-ok)}
.rpkit-dot.warn{background:var(--rpkit-warn)}
.rpkit-dot.bad{background:var(--rpkit-bad)}

.rpkit-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.rpkit-tab{
  padding:9px 12px;border-radius:999px;
  border:1px solid var(--rpkit-line);background:rgba(0,0,0,.18);
  color:var(--rpkit-muted);cursor:pointer;
}
.rpkit-tab.rpkit-active{color:var(--rpkit-text);background:rgba(79,70,229,.20)}
.rpkit-panel{display:none}
.rpkit-panel.rpkit-show{display:block}

.rpkit-outHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rpkit-stack{display:grid;gap:12px}
.rpkit-block{border:1px solid var(--rpkit-line);border-radius:14px;padding:12px;background:rgba(0,0,0,.16)}
.rpkit-blockTop{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rpkit-mini{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}

.rpkit-code{
  width:100%;
  margin-top:10px;
  background:rgba(0,0,0,.28);
  border:1px solid var(--rpkit-line);
  border-radius:12px;
  padding:12px;
  color:#dbe7ff;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size:12.5px;
  line-height:1.5;
}

.rpkit-serp{
  border:1px solid var(--rpkit-line);
  border-radius:14px;
  padding:14px;
  background:rgba(0,0,0,.16);
}
.rpkit-serpUrl{color:#9fb2ff;font-size:12px;margin-bottom:6px;word-break:break-word}
.rpkit-serpTitle{color:#c7d2fe;font-size:18px;font-weight:800;margin-bottom:6px}
.rpkit-serpDesc{color:var(--rpkit-muted);font-size:13px}

.rpkit-checks{margin:8px 0 0 18px;color:var(--rpkit-muted)}