@charset "UTF-8";

/* src/styles.scss */
:root {
  --brand-deep: #230d41;
  --brand-accent: #7f2e8d;
  --brand-alt: #3d2280;
  --sidebar-width: 250px;
  --sidebar-bg: var(--brand-deep);
  --sidebar-color: #e7e0f2;
  --sidebar-hover: rgba(255, 255, 255, 0.06);
  --sidebar-accent: var(--brand-accent);
  --topbar-bg: #ffffff;
  --content-bg: #f6f4fb;
}
body {
  background-color: var(--content-bg);
  font-family:
    "Segoe UI",
    system-ui,
    sans-serif;
}
.message-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.message-template {
  --gap: 10px;
  --space-width: 40px;
  display: flex;
  flex-direction: row-reverse;
  gap: var(--gap);
}
.message-template .img-area {
  width: var(--space-width);
  min-width: var(--space-width);
  display: flex;
  align-items: flex-end;
}
.message-template .message-area {
  max-width: calc(100% - (var(--gap) + var(--space-width)) * 1);
  width: 100%;
  padding-bottom: 3px;
  font-weight: 500;
  font-size: 13px;
}
.message-template .message-area .message {
  width: 100%;
  padding: 20px 25px;
  background-color: rgba(80, 162, 255, 0.1);
  border-radius: 10px;
  white-space: pre-wrap;
}
.message-template .message-area .message .mention {
  color: var(--brand-accent);
  font-weight: 700;
}
.message-template.left .message-area .message {
  background-color: rgba(0, 0, 0, 0.05);
}
.message-template .message-area .info {
  display: flex;
  justify-content: flex-end;
  line-height: 1;
  font-size: 11px;
  font-weight: 400;
  margin-top: 10px;
  gap: 8px;
}
.message-template.left .message-area .info {
  justify-content: flex-start;
}
.message-template .img-area .img {
  --size: var(--space-width);
  font-size: 14px;
  width: var(--size);
  min-width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background-color: #e9ecef;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-weight: 700;
  color: #fff;
}
.message-template.left {
  flex-direction: row;
}
.avatar-moderator {
  background-color: var(--brand-deep) !important;
}
.avatar-ceo {
  background-color: #2f6fb5 !important;
}
.avatar-0 {
  background-color: #7f2e8d !important;
}
.avatar-1 {
  background-color: #3d2280 !important;
}
.avatar-2 {
  background-color: #b3541e !important;
}
.avatar-3 {
  background-color: #1e7a52 !important;
}
.avatar-4 {
  background-color: #8d2e4d !important;
}
.avatar-5 {
  background-color: #4a6b1e !important;
}
.btn-primary {
  --bs-btn-bg: var(--brand-accent, #7f2e8d);
  --bs-btn-border-color: var(--brand-accent, #7f2e8d);
  --bs-btn-hover-bg: #6b2577;
  --bs-btn-hover-border-color: #6b2577;
  --bs-btn-active-bg: #5a1f64;
  --bs-btn-active-border-color: #5a1f64;
  --bs-btn-disabled-bg: var(--brand-accent, #7f2e8d);
  --bs-btn-disabled-border-color: var(--brand-accent, #7f2e8d);
}
.btn-outline-primary {
  --bs-btn-color: var(--brand-accent, #7f2e8d);
  --bs-btn-border-color: var(--brand-accent, #7f2e8d);
  --bs-btn-hover-bg: var(--brand-accent, #7f2e8d);
  --bs-btn-hover-border-color: var(--brand-accent, #7f2e8d);
  --bs-btn-active-bg: var(--brand-accent, #7f2e8d);
  --bs-btn-active-border-color: var(--brand-accent, #7f2e8d);
  --bs-btn-focus-shadow-rgb:
    127,
    46,
    141;
}
.btn-link {
  --bs-btn-color: var(--brand-accent, #7f2e8d);
  --bs-btn-hover-color: #5a1f64;
}
.panel-card {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.table-responsive {
  font-size: 12px;
  background-color: white;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.table-responsive table {
  margin-bottom: 0;
}
.table-responsive thead th {
  background-color: #f8f9fa;
  border-top: none;
  font-weight: 600;
  color: #2c3e50;
}
.table-responsive tbody tr {
  transition: background-color 0.2s;
  cursor: pointer;
}
.table-responsive tbody tr:hover {
  background-color: #f8f9fa;
}
.report-markdown h1 {
  font-size: 1.6rem;
  color: var(--brand-deep);
  border-bottom: 2px solid var(--brand-accent);
  padding-bottom: 8px;
}
.report-markdown h2 {
  font-size: 1.2rem;
  color: var(--brand-accent);
  margin-top: 24px;
}
.report-markdown table {
  width: 100%;
  border-collapse: collapse;
  margin: 12px 0;
  font-size: 13px;
}
.report-markdown th,
.report-markdown td {
  border: 1px solid #e9ecef;
  padding: 8px 12px;
  text-align: left;
}
.report-markdown th {
  background-color: #f6f4fb;
}
.report-markdown hr {
  margin: 16px 0;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */