@import url('https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap');
body {
  font-family: "Onest", sans-serif !important;
  background: radial-gradient(40% 45% at 15% 10%, rgba(180, 231, 23, 0.25) 0%, rgba(180, 231, 23, 0) 70%), radial-gradient(35% 40% at 85% 15%, rgba(163, 214, 20, 0.18) 0%, rgba(163, 214, 20, 0) 70%), radial-gradient(45% 35% at 50% 50%, rgba(180, 231, 23, 0.10) 0%, rgba(180, 231, 23, 0) 75%), #FFFFFF;
}

/* Chrome, Edge, Safari */

::selection {
  background: #ebffb4;
  color: #000;
}

/* Firefox */

::-moz-selection {
  background: #ebffb4;
  color: #000;
}

.stratum-messages {
  flex: 1;
  overflow-y: auto;
  padding: 24px 0;
}

.stratum-panel-main {
  background: #f8f8f6;
}

.stratum-empty-title {
  color: #000;
  font-size: 45px;
  font-weight: 700;
  font-family: "Onest", sans-serif !important;
  letter-spacing: 2px;
}

.stratum-header-tagline {
  color: #000;
  font-size: 14px;
  margin-left: 8px;
  letter-spacing: 0.5px;
  font-weight: 500;
}

.stratum-empty-title .accent {
  color: #b4e717;
}

.stratum-empty {
  max-width: 750px;
}

p.stratum-empty-lead {
  color: #4d5551;
  font-size: 14px;
  line-height: 26px;
  font-family: "Onest", sans-serif !important;
}

p.stratum-empty-hint {
  color: #4d5551;
  font-size: 16px;
  line-height: 30px;
  font-family: "Onest", sans-serif !important;
}

.stratum-header {
  border-bottom: 0px solid var(--border);
  background: transparent;
}

.stratum-logo-dot {
  background: #8ab700;
  box-shadow: inherit !important;
}

.stratum-logo-text {
  font-weight: 700;
  font-family: "Onest", sans-serif !important;
  color: #000 !important;
  font-size: 20px;
}

.stratum-sidebar-tagline {
  font-size: 12px;
  color: #000;
  letter-spacing: .3px;
}

.stratum-sidebar-brand {
  align-items: baseline;
}

.stratum-logo-text .accent {
  color: #8ab700;
}

.stratum-header-tagline {
  color: #000;
  font-size: 14px;
  margin-left: 8px;
  letter-spacing: 0.5px;
}

.stratum-header-nav a {
  color: #000;
  font-family: "Onest", sans-serif !important;
  font-weight: 600;
  font-size: 14px;
}

.stratum-header-user {
  color: #000;
  border: 0px solid #d4ebad;
  padding: 2px 6px;
  font-weight: 600;
  border-radius: 5px;
  background: #f5f9ee;
  font-size: 14px;
}

.stratum-sidebar-newchat-wrap {
  padding: 6px 0px;
}

button.stratum-signout-btn {
  color: #000;
  font-family: "Onest", sans-serif !important;
  font-weight: 500;
  font-size: 13px;
}

.sparkle {
  color: #000;
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
  display: inline-block;
  text-shadow: 0 0 8px rgba(180, 231, 23, .6), 0 0 16px rgba(180, 231, 23, .4);
  animation: sparklePulse 2.5s ease-in-out infinite;
}

@keyframes sparklePulse {
  0%,
  100% {
    opacity: .8;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.15);
  }
}

.stratum-theme-knob {
  background: #B4E717;
  color: #000;
}

.stratum-theme-toggle {
  background: #ffffff;
  border: 1px solid #b4e717;
}

.stratum-composer-inline {
  position: relative;
}

.stratum-sidebar {
  background: transparent;
}

.stratum-conv-title {
  font-size: 14px;
  color: #000;
}

.stratum-newchat-btn {
  background: #e2ff91;
  color: #000;
  border: 1px solid #b4e71700;
  padding: 9px 12px;
  font-size: 14px;
  font-weight: 600;
  font-family: "Onest", sans-serif !important;
  text-align: left;
  transition: 0.6s;
  border-radius: 0px;
  margin: 0;
}

.stratum-newchat-btn:hover {
  background: #b4e717;
}

.stratum-composer {
  border-top: 0px solid var(--border);
  background: transparent;
  padding: 16px;
}

.stratum-composer-input {
  border: 1px solid #c5c5c5;
  color: #000000;
  padding: 15px 20px;
  font-size: 15px;
  height: 130px;
  font-family: "Onest", sans-serif !important;
  background: #fff;
  box-shadow: 0 8px 24px -8px #dddddd2b;
  border-radius: 18px !important;
}

.stratum-composer-input::placeholder {
  color: #565656 !important;
}

.stratum-composer-input {
    box-shadow: 0 8px 24px -8px #b4e71769;
}


.theme-light .stratum-attach-btn {
    background: #e5e5e500;
    border: 1px solid #a1a1a1;
    color: #141414;
}




.stratum-send-btn {
  height: 35px;
  padding: 6px 10px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #b4e717 !important;
  cursor: pointer !important;
  color: #000000;
  border: 1px solid #b4c38c;
  font-size: 12px;
  font-family: "Onest", sans-serif !important;
  transition: 0.6s;
}

.stratum-send-btn svg {
  rotate: -55deg;
  transition: 0.6s;
}

.stratum-send-btn:hover svg {
  rotate: 0deg;
}

.stratum-composer-inner {
  position: relative;
  overflow: hidden;
}

.stratum-footer {
  font-size: 11px;
  color: #000;
  letter-spacing: 0.5px;
  flex-shrink: 0;
  font-family: "Onest", sans-serif !important;
}

.stratum-conv-item .stratum-conv-delete {
  color: #000000;
  opacity: 0;
}

.stratum-conv-list {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c9c9c9 transparent;
}

/* Chrome */

.stratum-conv-list::-webkit-scrollbar {
  width: 2px;
}

.stratum-conv-list::-webkit-scrollbar-track {
  background: transparent;
}

.stratum-conv-list::-webkit-scrollbar-thumb {
  background: #B4E717;
  border-radius: 20px;
}

.stratum-conv-item:hover {
  background: #f3f3f3;
  border-left: 4px solid #b4e717;
  transition: 0.6s;
}

.stratum-conv-item:hover button.stratum-conv-delete {
  color: #f00;
  opacity: 1;
}

.stratum-conv-item {
  background: transparent;
  transition: 0.6s;
  border-left: 4px solid transparent;
}

.stratum-sidebar-toggle {
  font-size: 0 !important;
  position: relative;
}

.stratum-sidebar-toggle:hover {
  background: #ffffff;
}

.stratum-sidebar-toggle::before {
  content: "←";
  font-size: 20px;
  color: #64748B;
  transition: .3s;
}

.stratum-sidebar-toggle:hover::before {
  color: #B4E717;
  transform: translateX(-2px);
}

.stratum-attach-btn {
    height: 36px;
    min-width: 36px;
    transition: 0.6s;
    background: #e5e5e500;
    border: 1px solid #46556c;
    box-shadow: 0 8px 24px -8px #0d0d0d29;
    color: #b4e717;
}
/*.stratum-attach-btn:hover{    transform: scale(1.1);}*/

.stratum-composer-wrap label.stratum-attach-btn {
  position: absolute;
  left: 10px;
  bottom: 10px;
}

/*account page*/

.stratum-account-root,
.stratum-account-root * {
  font-family: "Onest", sans-serif !important;
}

.stratum-account-root,
.stratum-account-root * {
  font-family: "Onest", sans-serif !important;
}

.stratum-account-root {
  max-width: 1100px;
  margin: 50px auto;
  padding: 0 20px;
}

.stratum-account-head {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}

.stratum-page-title {
  margin: 0;
  font-size: 42px;
  font-weight: 700;
  color: #0F172A;
  letter-spacing: -1px;
}

.stratum-back-link {
  text-decoration: none;
  color: #64748B;
  font-size: 14px;
  transition: .3s;
}

.stratum-back-link:hover {
  color: #B4E717;
}

.stratum-tabs {
  display: flex;
  gap: 12px;
  margin-bottom: 30px;
}

.stratum-tab {
  background: #fff;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 12px 22px;
  color: #64748B;
  font-weight: 500;
  cursor: pointer;
  transition: .3s;
}

.stratum-tab:hover {
  border-color: #B4E717;
  color: #111827;
}

.stratum-tab.active {
  background: #B4E717;
  border-color: #B4E717;
  color: #111827;
  font-weight: 600;
}

.stratum-card {
  background: #fff;
  border: 1px solid #EEF2F7;
  border-radius: 24px;
  padding: 32px;
  margin-bottom: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .03), 0 15px 35px rgba(15, 23, 42, .04);
  transition: .3s ease;
}

.stratum-card:hover {
  transform: translateY(-2px);
  border-color: rgba(180, 231, 23, .35);
  box-shadow: 0 10px 40px rgba(180, 231, 23, .08);
}

.stratum-card-title {
  font-size: 22px;
  font-weight: 700;
  color: #0F172A;
  margin-bottom: 24px;
}

.stratum-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 0;
  border-bottom: 1px solid #F1F5F9;
}

.stratum-row:last-child {
  border-bottom: none;
}

.stratum-row-k {
  color: #64748B;
  font-size: 15px;
}

.stratum-row-v {
  color: #0F172A;
  font-size: 14px;
  font-weight: 500;
  font-family: Onest, sans-serif !important;
}

.stratum-field-label {
  display: block;
  margin-bottom: 8px;
  color: #475569;
  font-size: 14px;
  font-weight: 500;
}

.stratum-input {
  width: 100%;
  height: 56px;
  border-radius: 14px;
  border: 1px solid #E2E8F0;
  background: #FAFBFC;
  padding: 0 18px;
  font-size: 15px;
  color: #0F172A;
  transition: .3s;
  box-sizing: border-box;
}

.stratum-input:focus {
  outline: none;
  background: #fff;
  border-color: #B4E717;
  box-shadow: 0 0 0 4px rgba(180, 231, 23, .15);
}

.stratum-page-admin .stratum-card .stratum-input{
  height: 45px !important;
}

.stratum-hint {
  color: #333;
  font-size: 13px;
  margin: 10px 0 15px;
}

.stratum-btn {
  border: none;
  background: #B4E717;
  color: #111827;
  padding: 14px 26px;
  border-radius: 14px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: .3s;
  font-family: Onest, sans-serif !important;
}

.stratum-btn:hover {
  transform: translateY(-2px);
  /*box-shadow: 0 15px 35px rgba(180, 231, 23, .25);*/
}

.stratum-btn.cyan {
  background: #B4E717;
  color: #111827;
}

/* ==========================   STRATUM AI LOGIN PAGE========================== */

.stratum-auth-card {
  background: #fff;
  border: 1px solid rgba(180, 231, 23, .15);
  border-radius: 28px;
  padding: 40px;
  box-shadow: 0 10px 40px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .03);
  backdrop-filter: blur(10px);
}

.stratum-auth-brand {
  font-size: 42px;
  font-weight: 600;
  text-align: center;
  color: #000;
  font-family: "Onest", sans-serif !important;
}

.stratum-auth-brand .accent {
  color: #B4E717;
}

.stratum-auth-sub {
  text-align: center;
  color: #000;
  font-size: 15px;
  margin-bottom: 25px;
  font-family: "Onest", sans-serif !important;
}

.stratum-auth-label {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  font-family: "Onest", sans-serif !important;
}

.stratum-auth-input {
  width: 100%;
  height: 50px;
  background: #F8FAFC;
  border: 1px solid #E2E8F0;
  border-radius: 14px;
  padding: 0 18px;
  margin-bottom: 10px;
  font-size: 14px;
  color: #000;
  transition: .3s;
  box-sizing: border-box;
  font-family: "Onest", sans-serif !important;
  font-weight: 400;
}

.stratum-auth-input:focus {
  outline: none;
  background: #fff;
  border-color: #B4E717;
  box-shadow: inherit !important;
}

.stratum-auth-input::placeholder {
  color: #94A3B8;
}

.stratum-auth-button {
  width: 100%;
  height: 50px;
  border: none;
  border-radius: 14px;
  background: #B4E717;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: .3s;
  margin-top: 0px;
  letter-spacing: 0;
  font-family: "Onest", sans-serif !important;
}

.stratum-auth-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 35px rgba(180, 231, 23, .25);
}

.stratum-auth-button.secondary {
  margin-top: 12px;
  background: #fff;
  color: #475569;
  border: 1px solid #E2E8F0;
}

.stratum-auth-button.secondary:hover {
  border-color: #B4E717;
  color: #0F172A;
}

.stratum-auth-link {
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  transition: .3s;
  text-decoration: underline;
  cursor: pointer;
}

.stratum-auth-wrap.stratum-page-login {
  background: inherit !important;
}

.stratum-msg-label.user {
  color: #000 !important;
  font-family: "Onest", sans-serif !important;
  font-size: 14px;
}

.stratum-msg {
  margin-bottom: 0;
}

.stratum-msg-label.assistant {
  color: #000;
  font-family: "Onest", sans-serif !important;
  font-size: 16px;
  letter-spacing: 0px;
  margin-bottom: 10px;
}

.stratum-empty-tagline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 18px;
  margin-bottom: 20px;
  background: rgba(180, 231, 23, .08);
  border: 1px solid rgba(180, 231, 23, .18);
  border-radius: 999px;
  color: #6F8F0A;
  font-family: "Onest", sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .3px;
  /* backdrop-filter: blur(10px); */
  text-transform: capitalize;
  letter-spacing: 0.5px;
}

.stratum-empty-tagline::before {
  content: "✦";
  color: #6B8A0C;
}

.stratum-auth-wrap.stratum-page-request {
  background: transparent;
}

@media(max-width:768px) {
  .stratum-account-head {
    flex-direction: column;
    align-items: flex-start;
  }
  .stratum-page-title {
    font-size: 32px;
  }
  .stratum-tabs {
    flex-wrap: wrap;
  }
  .stratum-row {
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
  }
  .stratum-card {
    padding: 24px;
  }
}

/*Admin Css*/

.stratum-page-admin .stratum-panel-main-inner {
  max-width: 100%;
  margin: 0 auto;
  padding: 28px 28px 48px;
  background: #f8f8f6;
}

.stratum-page-admin .stratum-panel-menu-item.active {
  color: #000;
}

.stratum-page-admin .stratum-panel-menu-item span {
  font-family: "Onest", sans-serif !important;
  color: #000;
}

.stratum-page-admin .stratum-panel-nav {
  background: #f8f8f6;
}

.stratum-page-admin .stratum-panel-brand {
  align-items: baseline;
}

nav.stratum-panel-nav.collapsed .stratum-panel-brand {
  justify-content: center;
}

.stratum-page-admin .stratum-stat-card-label {
  font-size: 18px;
  font-family: "Onest", sans-serif !important;
  letter-spacing: 0px;
  color: #000;
  font-weight: 600;
}

.stratum-page-admin .stratum-stat-card-value {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.stratum-page-admin .stratum-source-title {
  font-family: "Onest", sans-serif !important;
}

.stratum-source-row span.stratum-source-title {
  font-family: "Onest", sans-serif !important;
  font-weight: 500;
}

.stratum-page-admin span.stratum-source-count {
  background: #eef5d8;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 100px;
  color: #8ab700;
  font-weight: 700;
  font-family: "Onest", sans-serif !important;
}

.stratum-page-admin .stratum-legend-dot {
  font-size: 12px;
  font-weight: 600;
  font-family: "Onest", sans-serif !important;
  color: #000;
  letter-spacing: 0.5px;
}

.stratum-page-admin .stratum-panel-main-title {
  font-size: 18px;
  letter-spacing: 0px;
  color: rgb(0, 0, 0);
  font-weight: 600;
  font-family: Onest, sans-serif !important;
}

.stratum-page-admin button.stratum-filter-tab {
  font-family: Onest, sans-serif !important;
  border-radius: 10px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #000;
}

.stratum-page-admin button.stratum-filter-tab.active {
  color: #ffffff;
  background: linear-gradient(135deg, #8ab700, #709306);
  border: 1px solid #8ab700;
  box-shadow: 0 4px 12px rgba(138, 183, 0, 0.25);
  transition: all 0.3s ease;
}

.stratum-page-admin button.stratum-filter-tab.active:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(138, 183, 0, 0.35);
}

.stratum-page-admin .stratum-table th {
  text-align: left;
  font-size: 14px;
  color: #000;
  font-family: Onest, sans-serif !important;
  font-weight: 500;
  letter-spacing: 0.5px;
}

.stratum-page-admin .stratum-table td div {
  color: #000;
  font-size: 14px;
  font-family: Onest, sans-serif !important;
  font-weight: 500;
}

.stratum-page-admin .stratum-cell-dim {
  font-size: 14px !important;
  color: #333 !important;
  font-family: Onest, sans-serif !important;
}

.stratum-page-admin .stratum-pill.pending {
  background: rgb(216 56 56 / 15%);
}

.stratum-page-admin .stratum-pill.pending {
  color: #dc2626;
  background: #fef2f2;
  border: 1px solid #fecaca;
  font-family: Onest, sans-serif !important;
  text-transform: capitalize;
  font-weight: 500;
}

.stratum-page-admin .stratum-pill.approved {
  color: #16a34a;
  background: #f0fdf4;
  border: 1px solid #bbf7d0;
  font-family: Onest, sans-serif !important;
}

.stratum-page-admin .stratum-pill.review {
  color: #ca8a04;
  background: #fefce8;
  border: 1px solid #fde68a;
  font-family: Onest, sans-serif !important;
}

.stratum-page-admin .stratum-pill {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: .5px;
  border-radius: 5px;
}

.stratum-page-admin .stratum-btn-sm {
  color: #1d744f !important;
  background: #e6fbec !important;
  border: 1px solid #bbf7d0 !important;
  font-family: Onest, sans-serif !important;
  font-weight: 500;
  font-size: 13px;
}

.stratum-page-admin .stratum-btn-sm.danger {
  color: #dc2626 !important;
  background: #fef2f2 !important;
  font-family: Onest, sans-serif !important;
  border: 1px solid #fecaca !important;
}

.stratum-page-admin .stratum-card .stratum-section-label {
  font-family: Onest, sans-serif !important;
  letter-spacing: 0;
  color: #000;
  font-size: 20px;
}

.stratum-page-admin .stratum-stat-big {
  font-size: 18px;
  font-family: Onest, sans-serif !important;
}

.stratum-page-admin .stratum-connector-row .stratum-connector-name {
  font-size: 16px;
  font-weight: 600;
}

.stratum-page-admin .stratum-connector-meta {
  font-size: 14px;
  color: #000;
  margin-top: 2px;
}

.stratum-page-admin .stratum-tip {
  color: #000;
  font-size: 14px;
  font-family: Onest, sans-serif !important;
}

.stratum-page-admin .stratum-connector-meta {
  font-size: 14px;
  color: #000;
  margin-top: 2px;
}

.stratum-page-admin .stratum-section-label {
  font-size: 16px;
  letter-spacing: 0.5px;
  color: #000;
  margin-bottom: 12px;
  font-family: Onest, sans-serif !important;
  font-weight: 500;
}

.stratum-page-admin .stratum-card {
  border-radius: 24px;
  padding: 20px 25px;
}

.stratum-page-admin input.stratum-input {
  background: #f8f8f6;
  padding: 10px 20px;
  height: 45px;
  box-shadow: inherit !important;
}

.stratum-page-admin input.stratum-input:focus {
  outline: none;
}

.stratum-page-admin textarea.stratum-input.stratum-textarea {
  background: #f8f8f6;
  padding: 10px 20px;
  height: 45px;
  box-shadow: inherit !important;
}

.stratum-page-admin textarea.stratum-input.stratum-textarea {
  outline: none;
}

.stratum-page-admin .stratum-card {
  background: #fff;
  border: 1px solid #EEF2F7;
  border-radius: 24px;
  padding: 10px 30px;
  margin-bottom: 24px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .03), 0 15px 35px rgba(15, 23, 42, .04);
  transition: .3s ease;
}

.stratum-page-admin .stratum-card .stratum-field-hint {
  font-size: 14px;
  color: #000;
  margin-bottom: 0px;
  line-height: 1.5;
  font-family: Onest, sans-serif !important;
}

.stratum-page-admin .stratum-flex-between .stratum-card-title {
  margin-bottom: 0;
}

.stratum-page-admin .stratum-field-label {
  display: block;
  margin-bottom: 8px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  font-family: Onest, sans-serif !important;
  letter-spacing: 0;
}

.stratum-page-admin .stratum-card .stratum-field-hint {
  margin-top: 13px !important;
}

.stratum-panel-main-inner .stratum-mono {
  font-family: Onest, sans-serif !important;
  letter-spacing: 0;
  color: #000;
  font-size: 14px;
}

.stratum-session-meta {
  font-size: 12px;
  color: #000;
  font-family: Onest, sans-serif !important;
}

.stratum-session-ip {
  font-family: Onest, sans-serif !important;
  font-size: 14px;
  color: #000;
}

.stratum-session-row .stratum-btn.outline.danger {
  background: #ffe2e2;
  color: #a44;
  border-color: #a44;
  outline: none;
  padding: 10px 20px;
  font-size: 12px;
}

.stratum-btn.outline.danger {
  background: #ffe2e2;
  color: #a44;
  border-color: #a44;
  outline: none;
  padding: 10px 20px;
  font-size: 12px;
}

/*account*/

.stratum-panel-layout.stratum-page-account {
  max-width: 100%;
  margin: 0 auto;
  background: #f8f8f6;
}

.stratum-panel-layout.stratum-page-account .stratum-panel-main-inner {
  max-width: 100%;
  margin: 0 auto;
}

.stratum-page-account .stratum-stat-card-label {
  font-size: 18px;
  font-family: "Onest", sans-serif !important;
  letter-spacing: 0px;
  color: #000;
  font-weight: 600;
}

.stratum-page-account .stratum-stat-card-value {
  color: #565656;
}

.stratum-panel-foot button.stratum-panel-menu-item {
  font-size: 12px;
  color: #000;
  font-weight: 500;
  font-family: "Onest", sans-serif !important;
}

.stratum-panel-foot span.stratum-panel-collapse-label {
  font-size: 12px;
  color: #000;
  font-weight: 500;
  font-family: "Onest", sans-serif !important;
}

.stratum-panel-foot .stratum-panel-menu-icon {
  color: #000;
}

.stratum-page-admin .stratum-card .stratum-btn.outline.cyan {
  background: #EEF8C8;
  border: none;
  color: #6F8F0A;
  outline: none;
  font-size: 14px;
}

.stratum-page-admin .stratum-card .stratum-btn.outline.danger {
  background: #fbd5d5;
  border: none;
  color: #DC2626;
  outline-style: none;
  padding: 10px 20px;
  font-size: 14px;
  box-shadow: inherit;
}

.stratum-muted {
  color: #000;
  font-size: 14px;
  font-family: "Onest", sans-serif !important;
}

.stratum-page-admin .stratum-panel-main-inner h1.stratum-panel-main-title {
  margin-bottom: 15px;
}

.stratum-page-admin .stratum-card-pad .stratum-list-row span.stratum-cell-mono {
  color: #000;
  font-size: 14px;
  font-family: "Onest", sans-serif !important;
}

.stratum-table td,
.stratum-table th {
  padding: 10px 12px;
  font-family: Onest, sans-serif !important;
}

.stratum-search-input,
.stratum-select {
  font-family: Onest, sans-serif !important;
  border-radius: 10px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.stratum-chart-card .stratum-row span.stratum-row-k {
  color: #000;
}

.stratum-field-hint {
  font-size: 14px;
  line-height: 1.5;
}

/*request-access*/

.stratum-page-request .stratum-auth-card {
  max-width: 800px;
}

.stratum-status-pill.on {
  color: #5cc99a;
  border: 1px solid #5cc99a;
  font-family: "Onest", sans-serif !important;
}

.stratum-profile-panel {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

/* Banner first row me full width */

.stratum-profile-panel>.stratum-banner {
  grid-column: 1 / -1;
}

.stratum-banner.ok {
  border-color: #cbfbe6;
  color: #000;
  font-size: 14px;
  padding: 15px 20px;
  margin-bottom: 0px;
  background: #f1fff9;
}

.stratum-profile-panel .stratum-card {
  width: 100%;
}

.stratum-page-admin .stratum-card .stratum-hist-date {
  font-family: "Onest", sans-serif !important;
  font-size: 12px;
  color: #000;
}

.stratum-page-request .stratum-auth-card {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 4px 24px;
}

.stratum-page-request .stratum-auth-textarea {
  padding: 10px 10px !important;
}

.stratum-auth-brand,
.stratum-auth-sub,
.stratum-auth-button,
.stratum-auth-link-row {
  grid-column: 1/-1;
}

.stratum-page-request .stratum-input-group:has(.stratum-auth-textarea) {
  grid-column: 1/-1;
}

.stratum-auth-wrap.stratum-page-request .stratum-auth-sub {
  margin-bottom: 0px;
}

.stratum-sidebar.stratum-sidebar-collapsed button.stratum-newchat-btn {
  text-align: center;
}

.stratum-source-title {
  font-family: "Onest", sans-serif !important;
}

.stratum-sources-toggle {
  font-family: "Onest", sans-serif !important;
  font-size: 14px;
  color: #000;
}

.stratum-source-item {
  font-size: 13px;
  color: #000;
  font-family: "Onest", sans-serif !important;
}

.stratum-source-num {
  color: #000;
  font-family: "Onest", sans-serif !important;
  margin-right: 5px;
}

.stratum-sidebar-foot {
  border-top: 1px solid #ccc;
}

.stratum-panel-nav {
  box-shadow: inherit !important;
}
.stratum-auth-wrap.stratum-page-request .stratum-auth-success {
    background: #182131;
    color: #fff;
    border: 1px solid #242f43;
}


.stratum-auth-error {
    color: #ffe0e0;
}

.stratum-composer-inline button.stratum-imagegen-btn {
    display: none;
}
.stratum-msg-filename{
    font-family: "Onest", sans-serif !important;
}
.stratum-msg-filemeta {
    font-family: "Onest", sans-serif !important;
    font-size: 12px;
    font-weight: 500;
}

.stratum-hist-msg-label.user {
    color: #9dca17;
    font-weight: 600 !important;
    font-family: Onest, sans-serif !important;
    font-size: 14px !important;
}
.stratum-hist-msg-label.assistant{
    color: #9dca17;
    font-weight: 600 !important;
    font-family: Onest, sans-serif !important;
    font-size: 14px !important;
}

.stratum-profile-panel .stratum-banner.err {
    border-color: #ffd7d7;
    color: #e88;
    background: #ffeded;
    padding: 15px 10px;
    font-family: Onest, sans-serif !important;
}
.stratum-card .stratum-section-label + button {
    font-family: "Onest", sans-serif !important;
    font-size: 14px !important;
    font-weight: 600;
}

.stratum-msg-body.stratum-prose thead {
    text-align: left;
    padding: 10px 0px !important;
}
.stratum-msg-body.stratum-prose table {
    margin-bottom: 10px;
}
.stratum-msg-body.stratum-prose h3 {
    margin: 10px 0px !important;
    display: block !important;
    font-weight: 500;
}
.stratum-msg-body.stratum-prose h4 {
    margin-bottom: 10px;
}
.stratum-composer-wrap {
    padding: 0 0px 0px;
    margin-bottom: 10px;
}

.stratum-composer-wrap .stratum-ai-disclaimer {
    font-family: "Onest", sans-serif !important;
    font-size: 12px;
    margin-top: 20px;
}
span.stratum-mode-item-label span.stratum-mode-item-title
{    font-family: "Onest", sans-serif !important;}

span.stratum-mode-item-label span.stratum-mode-item-desc {
    font-family: "Onest", sans-serif !important;
    color: #d3d3d3;
    letter-spacing: 0.2px;
}
.stratum-mode-group span.stratum-mode-label{
      font-family: "Onest", sans-serif !important;
    font-size: 12px;
    text-transform: capitalize;
}
.stratum-mode-group button.stratum-mode-trigger {
    font-family: "Onest", sans-serif !important;
    font-size: 12px;
    text-transform: capitalize;
    background: rgb(180 231 23 / 13%);
    color: #90b90e;
    border: 1px solid rgba(180, 231, 23, .18);
}

.stratum-thinking-dot{
  background: #000 !important;
}
.stratum-thinking .stratum-thinking-text{
  color: #000;
      font-family: "Onest", sans-serif !important;
}

.stratum-empty {
    margin-top: 10px;
}
.stratum-composer-wrap .stratum-mode-btn{
   font-family: "Onest", sans-serif !important;
   border: 1px solid#90b90e;
   font-size: 12px;
   color: #c9c9c9;

}
.stratum-composer-wrap .stratum-mode-btn:hover{
     border: 1px solid#90b90e;
}

.stratum-composer-wrap .stratum-mode-btn.active{
    font-family: "Onest", sans-serif !important;
    background: rgb(180 231 23 / 13%);
    color: #90b90e;
    border: 1px solid#90b90e;

}
.stratum-msg-user .stratum-msg-body.stratum-prose p {
    margin: 0;
    background: rgb(180 231 23 / 13%);
    color: #90b90e;
    border: 1px solid rgba(180, 231, 23, .18);
    padding: 5px 20px;
    border-radius: 100px;
}

.stratum-msg-user .stratum-msg-body.stratum-prose {
    background: inherit;
    border: 0;
    padding: 5px 0px;
}
.stratum-msg-body.stratum-prose hr {
    padding-bottom: 10px;
}
.stratum-navrail-pop-title{
      font-family: "Onest", sans-serif !important;
      text-transform: capitalize;
      color: #000;
      font-size: 14px;
}
.stratum-navrail-pop
{
      box-shadow: 0 8px 24px -8px #b4e71769;
}

.stratum-scrolldown {
    bottom: 210px;
}

.is-stopping svg{
  color: #000 !important;
  fill: #000 !important;
}




body.theme-dark .stratum-auth-wrap.stratum-page-login .stratum-auth-card
{
    background: #1b2434;
}

body.theme-dark .stratum-auth-wrap.stratum-page-login .stratum-auth-brand {
    color: #ffffff;
}
body.theme-dark .stratum-auth-wrap.stratum-page-login .stratum-auth-sub{
    color: #ffffff;	
}
body.theme-dark .stratum-auth-wrap.stratum-page-login .stratum-auth-link {
    color: #fff;
}
body.theme-dark .stratum-auth-wrap.stratum-page-login .stratum-auth-sub + p {
    color: #fff !important;
}




/*Dark Mode*/

body.theme-dark {
  background: radial-gradient(35% 40% at 15% 10%, rgba(180, 231, 23, 0.06) 0%, transparent 70%), radial-gradient(35% 40% at 85% 15%, rgba(180, 231, 23, 0.05) 0%, transparent 70%), radial-gradient(50% 40% at 50% 45%, rgba(180, 231, 23, 0.14) 0%, transparent 75%), linear-gradient(180deg, #0F172A 0%, #020617 100%);
}

body.theme-dark .stratum-empty-title {
  color: #ddd;
}

body.theme-dark p.stratum-empty-lead {
  color: #d1cccc;
}

body.theme-dark p.stratum-empty-hint {
  color: #d1cccc;
}

body.theme-dark .stratum-footer {
  color: #d1cccc;
}

body.theme-dark .stratum-composer-input {
  border: 1px solid #46556c;
  background: #181f2a;
}

body.theme-dark .stratum-conv-title {
  color: #d1cccc;
}

body.theme-dark .stratum-conv-delete {
  color: #d1cccc;
}

body.theme-dark span.stratum-header-user {
  color: #d1cccc;
  background: #131c2800;
  border: 0px solid #4a4b4a;
}

body.theme-dark .stratum-header-nav a {
  color: #d1cccc;
}

body.theme-dark button.stratum-signout-btn {
  color: #d1cccc;
}

body.theme-dark .stratum-sidebar-tagline {
  font-size: 12px;
  color: #d1cccc;
  letter-spacing: .3px;
}

body.theme-dark .stratum-logo-text {
  color: #d1cccc;
}

body.theme-dark .stratum-conv-item:hover {
  background: #505762;
}

body.theme-dark .stratum-conv-item:hover span {
  color: #fff !important;
}

body.theme-dark .stratum-conv-item:hover button {
  color: #fff !important;
}

body.theme-dark .stratum-logo-text {
  color: #ffffff !important;
}

body.theme-dark .sparkle {
  color: #f1f1f1;
}

/*body.theme-dark .stratum-newchat-btn:hover {    background: #323d4f;    color: #fff !important;}*/

body.theme-dark .stratum-composer-input {
  color: #cfcfcf;
}

body.theme-dark .stratum-attach-btn:hover {
  color: #b4e717;
}

/* Chrome, Edge, Safari */

body.theme-dark .stratum-composer-wrap textarea::placeholder {
  color: #94A3B8;
  opacity: 1;
}

/* Firefox */

body.theme-dark stratum-composer-wrap textarea::-moz-placeholder {
  color: #94A3B8;
  opacity: 1;
}

/* Edge Legacy */

body.theme-dark .stratum-composer-wrap textarea:-ms-input-placeholder {
  color: #94A3B8;
}

body.theme-dark .stratum-empty-tagline {
  background: rgb(180 231 23 / 13%);
  color: #90b90e;
}

body.theme-dark .stratum-empty-tagline::before {
  color: #90b90e;
}

body.theme-dark .stratum-composer-input::placeholder {
  color: #d1cccc !important;
}

body.theme-dark .stratum-msg-label.user {
  color: #b4e717 !important
}

body.theme-dark .stratum-msg-label.assistant {
  color: #b4e717 !important
}

body.theme-dark .stratum-panel-foot button.stratum-panel-menu-item {
  color: #cfcfcf;
}

body.theme-dark .stratum-panel-foot span.stratum-panel-collapse-label {
  color: #cfcfcf;
}

body.theme-dark .stratum-panel-foot .stratum-panel-menu-icon {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-panel-nav {
  background: #0f141d;
  ;
}

body.theme-dark .stratum-page-admin .stratum-panel-menu-item span {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-panel-main {
  background: #0f141d;
  ;
}

body.theme-dark .stratum-page-admin .stratum-panel-main-inner {
  background: #0f141d;
  ;
}

body.theme-dark .stratum-page-admin .stratum-panel-main-title {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-stat-card-label {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-stat-card-value {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-legend-dot {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin button.stratum-filter-tab {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-table th {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-table td div {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-cell-dim {
  color: #cfcfcf !important;
}

body.theme-dark .stratum-page-admin .stratum-card {
  background: #161d28;
  border: 1px solid #263142;
}

body.theme-dark .stratum-page-admin .stratum-card .stratum-section-label {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-connector-meta {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-tip {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-card .stratum-field-hint {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin input.stratum-input {
  background: #0f141d !important;
  border: 1px solid #35455f;
}

body.theme-dark .stratum-input::-webkit-calendar-picker-indicator {
  filter: invert(1);
  opacity: 1;
  cursor: pointer;
}

body.theme-dark .stratum-page-admin textarea.stratum-input.stratum-textarea {
  background: #0f141d !important;
  border: 1px solid #35455f;
}

body.theme-dark .stratum-page-admin .stratum-field-label {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin input.stratum-input {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-field-label {
  color: #cfcfcf;
}

body.theme-dark .stratum-muted {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-section-label {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-card-pad .stratum-list-row span.stratum-cell-mono {
  color: #cfcfcf;
}

body.theme-dark .stratum-chart-card .stratum-row span.stratum-row-k {
  color: #cfcfcf;
}

body.theme-dark .stratum-row-v {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-card .stratum-card-title {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-card .stratum-row-k {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-card .stratum-hint {
  color: #cfcfcf;
}

body.theme-dark .stratum-page-admin .stratum-card .stratum-hist-date {
  color: #cfcfcf;
}

body.theme-dark .sparkle {
  color: #b0e216;
}

body.theme-dark .stratum-logo-text .accent {
  color: #b4e717;
}

body.theme-dark .stratum-newchat-btn {
  color: #c3ff0b;
  background: rgb(180 231 23 / 33%);
  border: 1px solid #5d7c27;
}

body.theme-dark .stratum-panel-main-inner .stratum-mono {
  color: #cfcfcf
}

body.theme-dark .stratum-conv-list {
  scrollbar-color: #d8e3b5 transparent;
}

body.theme-dark .stratum-auth-wrap.stratum-page-login {
  background: #0f141d !important;
}

body.theme-dark .stratum-auth-wrap.stratum-page-request {
  background: #0f141d !important;
}

body.theme-dark .stratum-session-meta {
  color: #cfcfcf
}

body.theme-dark .stratum-session-ip {
  color: #cfcfcf
}

body.theme-dark .stratum-sources-toggle {
  color: #cfcfcf;
}

body.theme-dark .stratum-source-item {
  color: #cfcfcf;
}

body.theme-dark .stratum-source-num {
  color: rgb(180, 231, 23) !important;
}

body.theme-dark .stratum-banner.ok {
  border-color: #263142;
  color: #cfcfcf;
  background: #161d28;
}

body.theme-dark .stratum-page-request .stratum-auth-card {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 4px 24px;
    background: #1b2434;
}
body.theme-dark .stratum-auth-wrap.stratum-page-request .stratum-auth-brand {
    color: #ffffff;
}
body.theme-dark .stratum-auth-wrap.stratum-page-request .stratum-auth-sub {
    color: #fff;
}

body.theme-dark .stratum-auth-wrap.stratum-page-request .stratum-auth-success {
    background: #181e29;
    color: #fff;
    border: 1px solid #242f43;
}
body.theme-dark .stratum-page-request .stratum-auth-link-row a.stratum-auth-link {
    color: #fff;
}

body.theme-dark .stratum-auth-label {
    color: #cfcfcf;
}
body.theme-dark .stratum-hist-msg-label.user {
    color: #9dca17;
}
body.theme-dark .stratum-hist-msg-label.assistant{
      color: #9dca17;
}
body.theme-dark .stratum-card .stratum-section-label + button {
 color: #fff !important;

}

body.theme-dark .stratum-composer-input {
    box-shadow: 0 8px 24px -8px #b4e71769;
}
body.theme-dark .stratum-thinking-dot{
  background: #b4e717 !important;
}

body.theme-dark  .stratum-thinking-text{
  color: #cfcfcf !important;
}
body.theme-dark .stratum-navrail-pop-title{
      color: #cfcfcf;
}






.stratum-thinking-dot






@media (max-width: 1366px) {
  .stratum-messages-inner .stratum-empty {
    margin-top: 15px;
  }
}

@media (max-width: 1024px) {
  .stratum-page-admin .stratum-stat-card-label {
    font-size: 15px;
    font-weight: 500;
  }
  .stratum-page-admin .stratum-stat-card-value {
    font-size: 14px;
  }
  .stratum-stat-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
  .stratum-page-admin .stratum-source-title {
    font-size: 12px;
  }
  .stratum-page-admin .stratum-cell-dim {
    font-size: 12px !important;
  }
  .stratum-table td,
  .stratum-table th {
    font-size: 12px;
  }
  .stratum-page-admin button.stratum-filter-tab {
    padding: 6px 12px;
    font-weight: 500;
    font-size: 13px;
  }
  .stratum-page-admin .stratum-card .stratum-section-label {
    font-size: 15px;
  }
  .stratum-page-admin .stratum-stat-big {
    font-size: 14px;
  }
  .stratum-page-admin .stratum-connector-row .stratum-connector-name {
    font-size: 14px;
    font-weight: 500;
  }
  .stratum-page-admin .stratum-connector-meta {
    font-size: 12px;
  }
  .stratum-page-admin .stratum-tip {
    font-size: 13px;
  }
  .stratum-connector-row {
    font-size: 14px;
  }
  .stratum-card-title {
    font-size: 18px;
    font-weight: 600;
  }
  .stratum-table-wrap {
    width: 100%;
    overflow-x: auto !important;
    display: block;
  }
  .stratum-table {
    width: max-content !important;
    min-width: 1200px;
    border-collapse: collapse;
  }
}

@media (max-width: 820px) {
  .stratum-chart-grid.two-one {
    grid-template-columns: 1fr 1fr;
  }
  .stratum-profile-panel {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  @media (max-width: 768px) {
    body.theme-dark .stratum-sidebar-mobile.open {
      background: #090e13;
    }
    .stratum-sidebar-mobile.open {
      background: #f7f7f7;
    }
    body.theme-dark .stratum-mobile-menu-btn svg {
      color: #fff;
    }
    .stratum-panel-nav {
      box-shadow: inherit !important;
    }
    .stratum-sidebar-foot {
      border-top: 1px solid #3d3d3d;
    }
  }
  @media (max-width: 767px) {
    .stratum-profile-panel {
      grid-template-columns: 1fr;
    }
    .stratum-page-request .stratum-auth-card {
      grid-template-columns: repeat(1, 1fr);
      gap: 4px 24px;
    }
    .stratum-profile-panel {
      grid-template-columns: 1fr;
    }
    .stratum-profile-panel>.stratum-banner {
      grid-column: 1;
    }
  }
  @media (max-width: 520px) {
    .stratum-chart-grid {
      display: block !important;
    }
    .stratum-page-admin .stratum-panel-main-title {
      font-size: 16px;
      font-weight: 500;
    }
    .stratum-header-nav a {
      font-weight: 500;
      font-size: 12px;
    }
    button.stratum-signout-btn {
      font-size: 12px;
    }
    .stratum-header {
      padding: 12px 15px;
    }
    .stratum-card-row {
      display: block;
    }
    .stratum-page-admin .stratum-card {
      margin-bottom: 15px !important;
    }
    .stratum-page-admin .stratum-panel-main-inner {
      padding: 20px 20px 40px;
    }
    .stratum-connector-row {
      display: block;
    }
    .stratum-page-admin .stratum-connector-meta {
      margin-bottom: 10px;
    }
    .stratum-connector-row div {
      font-size: 12px;
      letter-spacing: 0.6px;
    }
    .stratum-flex-between {
      display: block;
    }
    .stratum-status-pill.on {
      margin-top: 10px;
      display: inline-block;
    }
    .stratum-page-admin .stratum-card .stratum-field-hint+div {
      display: block !important;
    }
    .stratum-page-admin .stratum-card .stratum-btn.outline.cyan {
      margin-bottom: 10px;
    }
    .stratum-search-input,
    .stratum-select {
      font-size: 13px;
    }
    body.theme-dark .stratum-page-admin .stratum-stat-card-value {
      font-size: 18px !important;
    }
    .stratum-field-hint {
      color: #fff;
    }
    .stratum-btn {
      padding: 10px 26px;
      font-size: 14px;
      font-weight: 500;
    }
    .stratum-page-admin .stratum-card {
      padding: 5px 10px;
    }
    .stratum-hist-toggle {
      padding: 10px 15px;
    }
    .stratum-composer-wrap {
      padding: 0 0px 8px;
    }
    .stratum-empty-title {
      font-size: 32px;
      font-weight: 500;
      letter-spacing: 0px;
      margin-bottom: 5px;
    }
    .stratum-ai-disclaimer {
    text-align: center;
}.stratum-mode-group {
    justify-content: center;
    width: 100%;
}.stratum-composer-wrap {
    width: 95%;
}
.stratum-composer-inline .stratum-composer-input {
    font-size: 12px;
}.stratum-msg-user .stratum-msg-body.stratum-prose p {
    font-size: 13px;
}.stratum-msg-body {
    line-height: 1.9;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.stratum-msg-user .stratum-msg-body {
    max-width: 100%;
}

.stratum-msg-user .stratum-msg-body.stratum-prose p {
       padding: 6px 25px;
    border-radius: 10px;
  }

.stratum-scrolldown {
    bottom: 240px;
}

  }