.pe-complete {
  margin-top: 22px;
  padding: 20px;
  border: 2px solid #1b7f46;
  border-radius: 14px;
  background: #effaf3;
  color: #145c35;
  display: grid;
  gap: 7px;
  justify-items: start;
}
.pe-complete[hidden] { display: none; }
.pe-complete strong { font-size: 18px; }
.pe-complete span { color: #365b47; }
.pe-complete .button {
  margin-top: 6px;
  background: #1b7f46;
  border-color: #1b7f46;
  color: #fff;
}
.pe-api-settings{margin:18px 0;border:1px solid #cbd5e1;border-radius:14px;background:#f8fafc;overflow:hidden}.pe-api-settings summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 18px;font-weight:800;color:#173a56}.pe-api-settings summary b{font-size:12px;padding:6px 10px;border-radius:999px}.pe-api-settings summary b.connected{color:#08783e;background:#dcfce7}.pe-api-settings summary b.missing{color:#9a3412;background:#ffedd5}.pe-api-settings-body{padding:0 18px 18px}.pe-api-settings-body p{margin:0 0 12px;color:#475569}.pe-key-row{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px}.pe-key-row input{width:100%}.pe-key-message{margin-top:10px;font-weight:700}.pe-key-message.success{color:#08783e}.pe-key-message.error{color:#b42318}@media(max-width:700px){.pe-key-row{grid-template-columns:1fr}.pe-api-settings summary{align-items:flex-start;flex-direction:column}}