:root {
  color-scheme: only light;
}

html {
  overflow-y: hidden;
}

.navbar {
  .navbar-burger {
    color: var(--bulma-light-invert-l);
  }

  .navbar-burger:hover {
    background-color: var(--bulma-background-hover);
  }
}

.menu-list {
  >li {
    >a {
      background-color: inherit;

      &:hover {
        background-color: hsl(var(--bulma-menu-item-h), var(--bulma-menu-item-s), calc(var(--bulma-menu-item-background-l) + var(--bulma-menu-item-background-l-delta)));
      }
    }
  }
}

.chat-container {
  display: flex;
  flex-direction: column;
  /* Full viewport height */
  height: 100vh;
}

.messages {
  flex: 1;
  /* Enable vertical scrolling */
  overflow-y: auto;
}

.message-bar {
  bottom: 0;
  position: sticky;

  .textarea {
    -webkit-box-shadow: none;
    border-color: inherit;
    border-radius: 26px 0 0 26px;
    border-width: 0;
    box-shadow: none;
    box-sizing: border-box;
    column-count: initial !important;
    cursor: text;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0;
    max-height: 25dvh;
    outline: none;
    overflow-wrap: break-word;
    padding: .5rem .75rem;
    resize: none;
    text-align: start;
    white-space: pre-wrap;
    word-spacing: normal;
  }
}

.circle-logo-wrapper {
  display: inline-flex;
  width: 2.15em;
  height: 2.15em;
  border: 1px solid #ececec;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  margin-right: 0.5em;
}

table.rounded-table {
  border-collapse: separate;
}

table.rounded-table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

table.rounded-table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

table.rounded-table tr:first-child th:first-child,
table.rounded-table tr:first-child td:first-child {
  border-top-left-radius: 4px
}

table.rounded-table tr:first-child th:last-child,
table.rounded-table tr:first-child td:last-child {
  border-top-right-radius: 4px
}

.scrollable-raw-data {
  display: block;
  max-height: 75px;
  white-space: pre-wrap;
  overflow-y: scroll;
  overflow-x: auto;
}