#tp-charge-charge, #tp-charge-charge * { box-sizing: border-box; }
#tp-charge-charge {
  width: 100%; margin: 0; overflow: hidden;
  border: 1px solid #ccded5; border-radius: 14px; background: #f0f5f0;
}
#tp-charge-charge .tp-charge-toolbar {
  display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px;
  padding: 10px 12px; background: #fffefa;
  font: 12px/1.4 Arial, sans-serif; color: #000a40;
}
#tp-charge-charge button {
  margin: 0; padding: 10px 15px; min-height: 40px; cursor: pointer;
  border: 1px solid #00bd79; border-radius: 10px; background: #00ee96;
  color: #000a40; font: 800 13px/1.3 Arial, sans-serif;
  box-shadow: 0 2px 0 #00a86c; text-transform: none; letter-spacing: normal;
}
#tp-charge-charge button:hover { background: #28f4ad; }
#tp-charge-charge button:disabled { cursor: wait; opacity: .7; }
#tp-charge-charge [hidden] { display: none !important; }
#tp-charge-charge .tp-charge-toolbar a {
  color: #000a40; font-size: 12px; text-underline-offset: 3px;
}
#tp-charge-charge button:focus-visible, #tp-charge-charge a:focus-visible {
  outline: 3px solid #000a40; outline-offset: 3px;
}
#tp-charge-status { flex-basis: 100%; }
#tp-charge-status:empty { display: none; }
#tp-charge-charge iframe {
  display: block; width: 100%; height: 850px; margin: 0; border: 0;
  background: #dce6dc;
}
#tp-charge-charge:fullscreen {
  display: grid; grid-template-rows: auto minmax(0, 1fr);
  width: 100vw; height: 100dvh; max-width: none; margin: 0;
  border: 0; border-radius: 0; padding: 0; background: #f0f5f0;
}
#tp-charge-charge:fullscreen iframe { height: 100% !important; min-height: 0; }