/* This file is part of Moodle - http://moodle.org/
 *
 * @package    block_mwa_dashboard
 * @copyright  2026 Bruno Porto
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

.block-mwa-dashboard-app #page-chat .chat-help-tip {
    font-size: .66rem;
    height: 16px;
    line-height: 16px;
    width: 16px;
    z-index: 10020;
}

.block-mwa-dashboard-app #page-chat > div {
    background: var(--panel);
    border: 1px solid var(--line);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow);
    overflow: hidden;
}

.block-mwa-dashboard-app #page-chat .chat-help-tip::after {
    bottom: auto;
    top: calc(100% + 10px);
    transform: translateX(-50%) translateY(-4px);
    z-index: 10020;
}

.block-mwa-dashboard-app #page-chat .chat-help-tip::before {
    border-bottom-color: #101828;
    border-top-color: transparent;
    bottom: auto;
    top: calc(100% + 4px);
    transform: translateX(-50%) translateY(-4px);
    z-index: 10021;
}

.block-mwa-dashboard-app #page-chat .chat-help-tip:hover::after,
.block-mwa-dashboard-app #page-chat .chat-help-tip:focus::after,
.block-mwa-dashboard-app #page-chat .chat-help-tip:hover::before,
.block-mwa-dashboard-app #page-chat .chat-help-tip:focus::before {
    transform: translateX(-50%) translateY(0);
}

/* Markdown rendered inside an assistant bubble. The model replies with
   headings, rules and lists, so these give them shape without the raw
   "##" and "-" markers showing up as text. */
.block-mwa-dashboard-app .chat-md > :first-child{ margin-top: 0; }
.block-mwa-dashboard-app .chat-md > :last-child{ margin-bottom: 0; }
.block-mwa-dashboard-app .chat-md .chat-md-p{
  margin: 0 0 .55em;
}
.block-mwa-dashboard-app .chat-md .chat-md-h{
  font-weight: 900;
  line-height: 1.35;
  margin: .9em 0 .45em;
  color: inherit;
}
.block-mwa-dashboard-app .chat-md .chat-md-h1{ font-size: 1.06em; }
.block-mwa-dashboard-app .chat-md .chat-md-h2{ font-size: 1.02em; }
.block-mwa-dashboard-app .chat-md .chat-md-h3,
.block-mwa-dashboard-app .chat-md .chat-md-h4,
.block-mwa-dashboard-app .chat-md .chat-md-h5,
.block-mwa-dashboard-app .chat-md .chat-md-h6{
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: .85;
}
.block-mwa-dashboard-app .chat-md .chat-md-list{
  margin: 0 0 .55em;
  padding-left: 1.25em;
}
.block-mwa-dashboard-app .chat-md .chat-md-list li{
  margin: 0 0 .25em;
}
.block-mwa-dashboard-app .chat-md .chat-md-hr{
  border: 0;
  border-top: 1px solid currentColor;
  opacity: .18;
  margin: .8em 0;
}
.block-mwa-dashboard-app .chat-md code{
  background: rgba(127,140,170,.16);
  border-radius: 5px;
  padding: .1em .35em;
  font-size: .92em;
}
