.immybot-ghma .gh-alert {
  border-left: 4px solid #999;
  padding: 12px 14px;
  margin: 16px 0;
  border-radius: 8px;
  background: #f7f7f7;
}

.immybot-ghma .gh-alert-title {
  font-weight: 700;
  margin-bottom: 8px;
}

.immybot-ghma .gh-alert-note { border-left-color: #2f81f7; background: #f1f7ff; }
.immybot-ghma .gh-alert-tip { border-left-color: #3fb950; background: #f2fff5; }
.immybot-ghma .gh-alert-important { border-left-color: #8250df; background: #f7f2ff; }
.immybot-ghma .gh-alert-warning { border-left-color: #d29922; background: #fff8e6; }
.immybot-ghma .gh-alert-caution { border-left-color: #f85149; background: #fff1f1; }

.immybot-ghma .gh-alert p { margin: 0 0 10px 0; }
.immybot-ghma .gh-alert p:last-child { margin-bottom: 0; }

.immybot-ghma .gh-details {
  border: 1px solid var(--immybot-ghma-details-border, #d0d7de);
  border-radius: 8px;
  background: var(--immybot-ghma-details-bg, #f6f8fa);
  margin: 16px 0;
  padding: 0;
}

.immybot-ghma .gh-details > summary {
  cursor: pointer;
  list-style: none;
  padding: 12px 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}

.immybot-ghma .gh-details > summary::-webkit-details-marker {
  display: none;
}

.immybot-ghma .gh-details > summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid currentColor;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  transition: transform 0.2s ease;
}

.immybot-ghma .gh-details[open] > summary::before {
  transform: rotate(90deg);
}

.immybot-ghma .gh-details-body {
  padding: 0 14px 12px 32px;
}

.immybot-ghma .gh-details-body > :first-child { margin-top: 0; }
.immybot-ghma .gh-details-body > :last-child { margin-bottom: 0; }

.immybot-ghma code {
  display: inline;
  padding: 0.12em 0.3em;
  background: #f3f4f6;
  border-radius: 4px;
}

.immybot-ghma pre {
  background: #f7f7f9;
  padding: 12px;
  border-radius: 8px;
  overflow: auto;
}

.immybot-ghma pre code {
  display: block;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

/* Editor layout */
.immybot-ghma-editor {
  min-height: 500px;
}

.immybot-ghma-editor .immybot-ghma-editor__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  grid-auto-rows: minmax(500px, max-content);
  align-items: stretch;
  padding: 16px 32px;
}

.immybot-ghma-editor .immybot-ghma-editor__panel {
  background: #fff;
  border: 1px solid #dcdcde;
  border-radius: 8px;
  padding: 12px;
  min-height: 500px;
  height: auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.immybot-ghma-editor .immybot-ghma-editor__markdown {
  background: var(--wp-editor-canvas-background);
}

.immybot-ghma-editor .immybot-ghma-editor__label {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  margin-bottom: 8px;
}

.immybot-ghma-editor .immybot-ghma-editor__label-icon {
  width: 18px;
  height: auto;
  display: block;
}

.immybot-ghma-editor .immybot-ghma-editor__textarea {
  display: block;
}

.immybot-ghma-editor .immybot-ghma-editor__textarea textarea {
  min-height: 300px;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  resize: vertical;
  height: auto;
  width: 100%;
  box-sizing: border-box;
}

.immybot-ghma-editor .immybot-ghma-editor__preview-frame {
  overflow: visible;
}

/* Hidden inner-block container that stores the generated Gutenberg blocks */
.immybot-ghma-editor__generated {
  display: none;
}

@media (max-width: 960px) {
  .immybot-ghma-editor .immybot-ghma-editor__grid {
    grid-template-columns: 1fr;
  }
}