/* ===== Global plugin accent ===== */
:root { --tmg-accent: #12A515; }

/* ===== Base scope ===== */
#tmg-container { max-width: 1100px; margin: 0 auto 18px; }
#tmg-container h2{color:#fff; font-size:18px !important;}
.entry-title{ padding-bottom:18px; }

/* Right card default = transparent; flips to black after success */
#tmg-container .tmg-right { background: transparent; }
#tmg-container.tmg-has-output .tmg-right { background:#000; color:#fff; }
#tmg-container.tmg-has-output #tmg-results,
#tmg-container.tmg-has-output #tmg-results * { color:#fff !important; text-decoration:none; }

/* ===== Generate button (accent) ===== */
#tmg-generate{ background: var(--tmg-accent); border:none !important; }
#tmg-generate:hover{ filter: brightness(0.95); }
#tmg-generate:active{ transform: translateY(0.5px); }

/* ===== Toggle ===== */
.tmg-toggle{ display:inline-flex; border:1px solid var(--tmg-accent); border-radius:10px; overflow:hidden; background:#fff; border:none !important; }
.tmg-toggle__btn{ appearance:none; background:#fff; color:#000; padding:10px 16px; font-size:14px; line-height:1; border:none !important; cursor:pointer; }
.tmg-toggle__btn.is-active{ background: var(--tmg-accent) !important; color:#fff !important; }
.tmg-toggle__btn:hover{ background: var(--tmg-accent) !important; color:#fff !important; }
[type=button],[type=submit]{ background:unset !important; color:#000 !important; }

/* Field labels */
.tmg-label{ display:block; font-size:13px; margin:0 0 6px 2px; }

/* ===== Results ===== */
.tmg-results{ min-height:90px; }
.tmg-results-head h3{ margin:0; font-size:18px; font-weight:700; }

/* Output wrapper (no background) */
.tmg-output{ background:transparent; padding:0; border:none; border-radius:12px; overflow-x:auto; }

/* Pillar formatting */
.tmg-output > ol{ list-style:none; counter-reset:pillar; margin:0; padding:0; }
.tmg-output > ol > li{ counter-increment:pillar; position:relative; padding-left:0; margin-bottom:20px; }
.tmg-output > ol > li::before{ content:"Pillar " counter(pillar) ". "; font-weight:700; margin-right:.25em; }

/* ===== Loader (Surfer wave SVG) ===== */
.tmg-loader{ display:flex; align-items:center; gap:16px; padding:8px 0 16px; }
.tmg-loader__text{ font-size:15px; color:#6b7280; }
#tmg-container.tmg-has-output .tmg-loader__text{ color:#cbd5e1; }

.tmg-three{
  width:100%;
  max-width:100%;
  display:block;
}

.tmg-wave-svg{
  width:100%;
  height:auto;
  display:block;
}

.tmg-wave-bg{
  fill:#94b872; /* green card background */
}

.tmg-wave-path{
  fill:none;
  stroke:#4b5563;
  stroke-width:6;
  stroke-linecap:round;
}

.tmg-surfer-emoji{
  font-size:64px;
}

/* Copy button baseline */
#tmg-copy-topics{
  display:inline-flex !important; align-items:center; gap:8px;
  padding:8px 12px !important; background:#fff !important; color:#374151 !important;
  border:1px solid #d1d5db !important; border-radius:8px !important;
  width:auto !important; height:auto !important;
}