.watermark, .cl-footer, .footer, [class*="chainlit-branding"], [href*="chainlit.com"], [aria-label*="Chainlit"] {
  display: none !important;
}

#custom-powered-by {
  display: none !important;
}

a[href$="Liên hệ.md"],
a[href$="Liên hệ.md"],
a[href$="Liên hệ.txt"],
a[href$="Liên hệ.txt"],
.cl-markdown h1, .cl-markdown h2, .cl-markdown h3, .cl-markdown h4, .cl-markdown h5, .cl-markdown h6 {
  color: #018486 !important;
}

/* Đổi màu các phần tử chứa chữ Liên hệ/Liên hệ (dạng span, link, v.v.) */
/* Chỉ đổi màu nếu nội dung là Liên hệ/Liên hệ */
span:contains('Liên hệ'), span:contains('Liên hệ'),
a:contains('Liên hệ'), a:contains('Liên hệ'),
div:contains('Liên hệ'), div:contains('Liên hệ'),
p:contains('Liên hệ'), p:contains('Liên hệ'),
li:contains('Liên hệ'), li:contains('Liên hệ'),
h1:contains('Liên hệ'), h1:contains('Liên hệ'),
h2:contains('Liên hệ'), h2:contains('Liên hệ'),
h3:contains('Liên hệ'), h3:contains('Liên hệ'),
h4:contains('Liên hệ'), h4:contains('Liên hệ'),
h5:contains('Liên hệ'), h5:contains('Liên hệ'),
h6:contains('Liên hệ'), h6:contains('Liên hệ') {
  color: #018486 !important;
  font-weight: bold;
}

#chat-submit {
  background: #018486 !important;
  color: #fff !important;
  border: none !important;
}
#chat-submit:hover {
  background: #026e6e !important;
}

@media (prefers-color-scheme: dark) {
  #chat-submit {
    background: #40e0d0 !important;
    color: #222 !important;
  }
  #chat-submit:hover {
    background: #018486 !important;
    color: #fff !important;
  }
}

h1, h2, h3, h4, h5, h6,
.scroll-m-20.border-b.pb-2.text-3xl.font-semibold.tracking-tight.mt-8.first\:mt-0 {
  color: #018486 !important;
}
@media (prefers-color-scheme: dark) {
  h1, h2, h3, h4, h5, h6,
  .scroll-m-20.border-b.pb-2.text-3xl.font-semibold.tracking-tight.mt-8.first\:mt-0 {
    color: #fff !important;
  }
}

.cl-markdown a {
  color: #018486 !important;
}
@media (prefers-color-scheme: dark) {
  .cl-markdown a {
    color: #fff !important;
  }
}

.cl-markdown .text-primary:not(a) {
  color: inherit !important;
}

.cl-markdown ul li,
.cl-markdown ul li span,
.cl-markdown ul li strong,
.cl-markdown ul li b {
  color: inherit !important;
}
@media (prefers-color-scheme: dark) {
  .cl-markdown ul li,
  .cl-markdown ul li span,
  .cl-markdown ul li strong,
  .cl-markdown ul li b {
    color: #fff !important;
  }
  .cl-markdown ul li span.font-bold {
    color: #fff !important;
    font-weight: bold !important;
  }
}
@media (prefers-color-scheme: light) {
  .cl-markdown ul li,
  .cl-markdown ul li span,
  .cl-markdown ul li strong,
  .cl-markdown ul li b {
    color: #222 !important;
  }
  .cl-markdown ul li span.font-bold {
    color: #222 !important;
    font-weight: bold !important;
  }
}

.markdown-body a, .cl-markdown-content a, .cl-markdown-content a.text-primary, .markdown-body a.text-primary {
  color: #018486 !important;
}

@media (prefers-color-scheme: dark) {
  .markdown-body a, .cl-markdown-content a, .cl-markdown-content a.text-primary, .markdown-body a.text-primary {
    color: #fff !important;
  }
}

.markdown-body .text-primary:not(a), .cl-markdown-content .text-primary:not(a) {
  color: inherit !important;
}

img[alt="Avatar for Assistant"] {
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  border: 2px solid #018486 !important;
  object-fit: cover !important;
  background: #fff !important;
}

#upload-button {
  display: none !important;
}

.bg-primary{
  background-color: #018486 !important;
}