/* Classes and tokens removed or renamed in Bootstrap 5 that this chat screen still uses.
   Component layout lives in theme.css. These rules only fill the gaps. */

:root {
  --bs-blue: #4989c7;
  --bs-primary: #4989c7;
  --bs-primary-rgb: 73, 137, 199;
  --bs-success: #44a675;
  --bs-success-rgb: 68, 166, 117;
  --bs-info: #3c91ec;
  --bs-info-rgb: 60, 145, 236;
  --bs-warning: #ffb74d;
  --bs-warning-rgb: 255, 183, 77;
  --bs-danger: #ff337c;
  --bs-danger-rgb: 255, 51, 124;
  --bs-secondary: #6c757d;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-body-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --bs-font-sans-serif: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --bs-link-color: #4989c7;
  --bs-link-hover-color: #3d73a8;
}

body {
  font-family: var(--bs-body-font-family);
  color: #495057;
  --bs-body-color: #495057;
  --bs-body-color-rgb: 73, 80, 87;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.btn,
.dropdown-item,
.nav-link {
  text-decoration: none;
}

.btn-primary {
  --bs-btn-bg: #4989c7;
  --bs-btn-border-color: #4989c7;
  --bs-btn-hover-bg: #3d73a8;
  --bs-btn-hover-border-color: #3d73a8;
  --bs-btn-active-bg: #3d73a8;
  --bs-btn-active-border-color: #3d73a8;
  --bs-btn-disabled-bg: #4989c7;
  --bs-btn-disabled-border-color: #4989c7;
}

.pr-0 { padding-right: 0 !important; }
.pl-0 { padding-left: 0 !important; }
.mr-0 { margin-right: 0 !important; }
.ml-0 { margin-left: 0 !important; }
.border-right-0 { border-right: 0 !important; }
.border-left-0 { border-left: 0 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-bolder { font-weight: bolder !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-light { font-weight: 300 !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }

.media {
  display: flex;
  align-items: flex-start;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}

.input-group-prepend .btn,
.input-group-append .btn,
.input-group-prepend .input-group-text,
.input-group-append .input-group-text {
  display: flex;
  align-items: center;
}

.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-prepend > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-append > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-control.border-right-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}