.account-markdown-guide {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid rgba(100, 116, 139, .18);
}
.account-markdown-guide > summary {
  color: #283754;
  font-weight: 750;
}
.account-markdown-guide > p {
  margin: 9px 0;
  color: #59677f;
  font-size: .8rem;
  line-height: 1.5;
}
.markdown-guide-examples {
  display: grid;
  gap: 5px;
  margin: 8px 0;
}
.markdown-guide-examples > div {
  display: grid;
  grid-template-columns: minmax(122px, .92fr) minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 31px;
  padding: 5px 7px;
  border: 1px solid rgba(100, 116, 139, .12);
  border-radius: 8px;
  background: rgba(255, 255, 255, .62);
  font-size: .73rem;
}
.markdown-guide-examples > div > code {
  overflow-wrap: anywhere;
  color: #5541a8;
  font: 600 .7rem/1.4 ui-monospace, Consolas, monospace;
}
.markdown-guide-examples > div > span { min-width: 0; color: #36445c; }
.account-markdown-guide kbd {
  padding: 1px 4px;
  border: 1px solid rgba(100, 116, 139, .24);
  border-radius: 4px;
  background: rgba(255, 255, 255, .74);
  color: #263449;
  font: 600 .72rem/1.4 ui-monospace, Consolas, monospace;
}
.reference-composer .input-web-wrap { isolation: isolate; }
.composer-markdown-preview {
  position: absolute;
  inset: 0 auto auto 0;
  z-index: 0;
  display: none;
  overflow: hidden;
  pointer-events: none;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.composer-markdown-preview.is-visible { display: block; }
.composer-markdown-preview strong { font-weight: 750; }
.composer-markdown-preview em { font-style: italic; }
.composer-markdown-preview s { text-decoration: line-through; }
.composer-markdown-preview code {
  padding: 0 2px;
  border-radius: 3px;
  background: rgba(124, 58, 237, .09);
  font-family: ui-monospace, Consolas, monospace;
}
.composer-markdown-preview .markdown-preview-marker { opacity: .48; }
.composer-markdown-caret {
  position: absolute;
  z-index: 2;
  display: none;
  width: 1.5px;
  border-radius: 2px;
  background: var(--composer-accent, #8b5cf6);
  pointer-events: none;
  animation: composerMarkdownCaretBlink 1.05s steps(1, end) infinite;
}
.composer-markdown-caret.is-visible { display: block; }
@keyframes composerMarkdownCaretBlink { 50% { opacity: 0; } }
.reference-composer #userInput.has-markdown-preview {
  position: relative;
  z-index: 1;
  background: transparent !important;
  -webkit-text-fill-color: transparent;
  caret-color: transparent;
}
/* Preview açıkken textarea'nın yerel caret'i özel caret ile çakışmasın. */
html body #appRoot.app form#chatForm.reference-composer #userInput.has-markdown-preview,
html body #appRoot.app form#chatForm.reference-composer #userInput.has-markdown-preview:hover,
html body #appRoot.app form#chatForm.reference-composer #userInput.has-markdown-preview:focus {
  caret-color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
body.ui-dark-mode .composer-markdown-preview code { background: rgba(196, 181, 253, .14); }
body.ui-dark-mode .account-markdown-guide > summary,
body.ui-dark-mode .markdown-guide-examples > div > span { color: #e2e8f0; }
body.ui-dark-mode .account-markdown-guide > p { color: #a8b4c8; }
body.ui-dark-mode .markdown-guide-examples > div {
  border-color: rgba(203, 213, 225, .13);
  background: rgba(255, 255, 255, .035);
}
body.ui-dark-mode .markdown-guide-examples > div > code { color: #c4b5fd; }
body.ui-dark-mode .account-markdown-guide kbd {
  border-color: rgba(203, 213, 225, .2);
  background: rgba(255, 255, 255, .07);
  color: #e2e8f0;
}
.msg.user .message-content.baluk24-rich-text { white-space: normal; }
.msg.user .message-content.baluk24-rich-text > .baluk24-rich-list { padding-left: 1.35em; }
@media (max-width: 440px) {
  .markdown-guide-examples > div { grid-template-columns: minmax(105px, .86fr) minmax(0, 1fr); gap: 6px; }
}