.bg-cover {
  background-size: contain;
  background-color: #0d1b2a;
}

:root {
  --sent-background: #172438;
  --sent-color: #eff5ff;
  --received-background: #132033;
  --received-color: #edf4ff;
  --default-text-color: #d0e4ff;
  --muted-text-color: #8899aa;
  --dark-bg: #081425;
  --darker-bg: #050d1a;
  --panel-bg: #081425;
  --surface-bg: #081425;
  --input-bg: #142238;
  --border-color: #1c314b;
  color-scheme: light dark;
  --oc-body-color-rgb: 110, 181, 255;
  --oc-success-rgb: 28, 200, 138;
}

body {
  background-color: #0e2744;
  background-image: linear-gradient(160deg, #123055 0%, #1a4570 55%, #246096 100%);
  color: var(--default-text-color) !important;
  font-family: "Montserrat",
  sans-serif;
}

a {
  color: #6eb5ff;
}

a:hover {
  color: #93cbff;
}

*::-webkit-scrollbar-thumb {
  background: #2a3f5f;
}

*::-webkit-scrollbar-track {
  background: #061224;
}

*:hover::-webkit-scrollbar-thumb {
  background: #3a6ea5;
}

.auth-body {
  background-color: #0e2744;
  background-image: linear-gradient(160deg, #123055 0%, #1a4570 55%, #246096 100%);
}

.auth-cover {
  background-color: transparent;
}

.auth-content {
  background: #0f2b49;
  color: var(--default-text-color);
  border: 1px solid #2a5d8f;
  box-shadow: none;
}

.alert-warning {
  background-color: #1b2838;
  border-color: #2a3f5f;
  color: #e0e0e0;
}

.alert-warning strong {
  color: #f0c040;
}

.alert-warning .btn-success {
  background-color: #2e7d32;
  border-color: #2e7d32;
}

.alert-warning .btn-success:hover {
  background-color: #388e3c;
  border-color: #388e3c;
}

.policy-agree-block .form-check-input {
  width: 18px;
  height: 18px;
  accent-color: #4fc3f7 !important;
  background-color: #1b2838 !important;
  border: 2px solid #4fc3f7 !important;
}

.policy-agree-block .form-check-label {
  color: #c4d3e6;
}

.policy-agree-block .form-check-label a,
.policy-agree-block .form-check-label a:visited {
  color: #8db9ff;
  text-decoration: underline;
}

.policy-agree-block .form-check-label a:hover {
  color: #b9d4ff;
}

.login-selector .nav-link {
  background: #1b2838;
  color: #8899aa;
}

.login-selector .nav-link.active {
  background: #3a6ea5 !important;
  color: #ffffff !important;
}

.login-selector .nav-link:hover {
  background: #2a5a8a !important;
  color: #ffffff !important;
}

.sent .message-data:before {
  display: none;
}

.replies .message-data:after {
  display: none;
}

.sent .chat-img-sgl,
.sent .chat-img-duo,
.sent .chat-img-grp,
.sent .chat-gif,
.sent .chat-txt,
.sent .chat-code,
.chat-fwd,
.sent .link-meta,
.sent .file-section,
.sent .video-section,
.sent .chat-replied-bubble,
.sent .chat-audio {
  background: var(--sent-background);
}

.replies .chat-img-sgl,
.replies .chat-img-duo,
.replies .chat-img-grp,
.replies .chat-gif,
.replies .chat-txt,
.replies .chat-code,
.replies .message-data small,
.replies .chat-fwd,
.replies .link-meta,
.replies .file-section,
.replies .video-section,
.replies .chat-replied-bubble,
.replies .chat-audio {
  background: var(--received-background);
}

.cht.replies .message-data,
.replies a.file-header {
  color: var(--received-color);
  background: var(--received-background);
}

.cht.sent .message-data,
.sent a.file-header {
  color: var(--sent-color);
}

.cht.replies .message-data {
  color: var(--received-color);
  background: var(--received-background);
  box-shadow: 2px 2px 4px -3px rgb(0 0 0 / 75%);
}

.cht.sent .message-data {
  color: var(--sent-color);
  background: var(--sent-background);
  box-shadow: -2px 2px 4px -3px rgb(0 0 0 / 75%);
}

div[data-msg-type="5"].cht.replies .chat-txt,
div[data-msg-type="5"].cht.replies .link-preview {
  box-shadow: 2px 2px 4px -3px rgb(0 0 0 / 75%);
}

div[data-msg-type="5"].cht.sent .chat-txt,
div[data-msg-type="5"].cht.sent .link-preview {
  box-shadow: -2px 2px 4px -3px rgb(0 0 0 / 75%);
}

.room-bar {
  background-color: var(--dark-bg);
  border-right: none;
}

.main-panel {
  border-right: none;
}

.sidebar-wrapper,
.channel-list {
  background-color: #0a1628;
  color: var(--default-text-color);
}

.cn-tab .pill {
  background-color: #162234;
}

.cn-tab .pill.active {
  background-color: #8bc34a;
}

.unread-indicator {
  background-color: #d63939;
}

.channel-cat:hover,
.channel-item:hover,
.channel-item.active {
  background-color: #162234;
}

.username-bottom {
  color: var(--default-text-color);
}

.dropdown-menu {
  background: #0a1628;
  color: var(--default-text-color);
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
  color: var(--default-text-color);
  background-color: #162234;
}

.navbar-collapse.collapse.show {
  background-color: var(--dark-bg) !important;
  border-radius: 5px;
}

.navbar-collapse.collapse.show .nav-link,
.navbar-collapse.collapse.show .btn-outline-light,
.navbar-collapse.collapse.show .btn-ghost-light {
  color: var(--default-text-color) !important;
}

.navbar-collapse.collapse.show .btn-outline-light {
  border-color: var(--default-text-color) !important;
}

.navbar-collapse.collapse.show .dropdown-menu {
  background: var(--dark-bg);
  color: var(--default-text-color);
  border-color: var(--border-color);
}

.navbar-collapse.collapse.show .dropdown-item {
  color: var(--default-text-color);
}

.navbar-collapse.collapse.show .dropdown-item.active,
.navbar-collapse.collapse.show .dropdown-item:active,
.navbar-collapse.collapse.show .dropdown-item:hover {
  color: var(--default-text-color);
  background-color: #162234;
}

.link-dark {
  color: var(--default-text-color);
}

.link-dark:hover,
.link-dark:focus {
  color: #6eb5ff;
}

.navbar {
  color: var(--default-text-color);
}

.btn-dark,
.btn-outline-dark,
.btn-ghost-dark {
  border: 0;
  --oc-btn-color: var(--default-text-color);
  --oc-btn-color-interactive: var(--default-text-color);
  --oc-btn-color-text: #fafbfc;
}

.btn-ghost-dark:active,
.btn-ghost-dark:hover {
  background-color: var(--dark-bg);
}

.editor-container {
  background-color: var(--input-bg);
}

.editor-icon {
  color: var(--default-text-color);
}

.editor-icon:hover,
.attachment-col.dropup:hover {
  color: #6eb5ff;
}

.rightbar-wrapper {
  background-color: var(--dark-bg);
}

.user-row:hover {
  color: var(--default-text-color);
  background-color: #162234;
}

#rpanel-tab {
  background-color: #0a1628;
}

.right-panel .nav-pills .nav-link.active,
.right-panel .nav-pills .show>.nav-link {
  color: var(--default-text-color);
  background-color: var(--dark-bg);
}

.private-messages .private-item,
.action-item {
  background-color: var(--input-bg);
}

.attachments-container {
  border-color: var(--input-bg);
}

.form-control,
.form-select {
  background-color: var(--input-bg);
  border-color: transparent;
  border: 0;
}

.form-check-input {
  background-color: var(--input-bg);
}

.form-control:focus {
  color: var(--default-text-color);
  background-color: var(--input-bg);
  border-color: transparent;
  outline: 0;
  box-shadow: 0;
}

.form-hint {
  color: #ccc;
}

.btn-upload {
  background-color: var(--input-bg);
  color: var(--default-text-color);
  border-color: transparent;
}

.input-group-flat .input-group-text {
  background: var(--input-bg);
  border-color: transparent;
}

.input-group-flat:focus-within .form-control,
.input-group-flat:focus-within .input-group-text {
  border-color: transparent !important;
}

.link-secondary:hover,
.link-secondary:focus {
  color: var(--default-text-color);
}

#cnemoji-leftlist,
.cnemoji-categname,
#cnemoji-info {
  background-color: #0d1b2a !important;
}

#cnemoji-leftlist>svg {
  fill: #e0e0e0 !important;
}

.nav-link:hover,
.nav-link:focus {
  color: #6eb5ff;
}

.current-reacts {
  background: #0a1628;
}

.channel-list-bottom {
  background: #0a1628;
}

.non-login-message,
.non-join-message,
.non-chat-select,
.user-restricted,
.permission-denied-editor,
.forward-selection {
  background-color: var(--input-bg);
}

.disc-cat-row {
  color: var(--default-text-color);
}

.disc-cat-row:hover {
  color: var(--default-text-color);
  background-color: #162234;
}

.card {
  background-color: var(--dark-bg);
  transition: 0.3s;
}

.card-header {
  color: var(--default-text-color);
}

.card-footer {
  background-color: var(--dark-bg);
}

a .card:hover {
  background-color: var(--darker-bg);
}

.room-image {
  border-color: var(--dark-bg);
}

.room-list-row a:hover {
  color: var(--default-text-color);
  text-decoration: none;
}

.profile-header {
  border: 0;
}

.profile-header .profile-header-info {
  color: var(--default-text-color);
  background-color: var(--dark-bg);
}

.profile-header-user-avatar {
  border-color: var(--dark-bg);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--default-text-color);
  background-color: var(--dark-bg);
}

.sidebar-profile .nav-link {
  color: var(--default-text-color);
}

.sidebar-profile .nav-link:hover {
  color: var(--default-text-color);
  background-color: #162234;
}

.topbar-private {
  background-color: #0a1628;
}

.search_chatroom {
  border: none !important;
}

.modal-header,
.modal-content {
  background-color: #0a1628;
  border-color: #1a2d4a;
}

.media-tab .file-section {
  background-color: var(--received-background);
}

.media-tab .file-header {
  color: var(--received-color);
}

.radio-station,
.radio-volume-display {
  color: var(--default-text-color);
}

.radio-station:hover {
  color: var(--default-text-color);
}

.navbar-scrolled {
  background-color: var(--dark-bg) !important;
  color: var(--default-text-color);
}

.navbar-scrolled,
.navbar-scrolled .nav-link {
  color: var(--default-text-color) !important;
}

.navbar-scrolled .nav-link.active,
.navbar-scrolled .nav-link:hover {
  color: #6eb5ff !important;
}

.btn-outline-dark:hover {
  background-color: #3a6ea5 !important;
}

.form-selectgroup-label {
  background: var(--input-bg);
  border: 0;
  color: #fff;
}

.form-selectgroup .form-selectgroup-label {
  background: var(--input-bg);
  border: 0;
  color: #fff;
}

.form-selectgroup-input:checked+.form-selectgroup-label {
  color: #fff;
  background: #3a6ea5;
  border-color: #3a6ea5;
}

.form-selectgroup .form-selectgroup-input:checked+.form-selectgroup-label {
  color: #fff;
  background: #3a6ea5;
  border-color: #3a6ea5;
}

.form-selectgroup-label:hover {
  color: #fff;
}

.footer {
  border-color: var(--input-bg);
  background-color: var(--dark-bg);
}

.form-selectgroup-label:hover {
  background: #3a6ea5;
}

.form-selectgroup .form-selectgroup-label:hover {
  color: #fff;
  background: #3a6ea5;
}

.text-muted {
  color: var(--default-text-color) !important;
}

#main-login {
  background: #3a6ea5 !important;
  color: #ffffff !important;
  border-color: #3a6ea5 !important;
}

#main-login:hover {
  background: #2a5a8a !important;
  border-color: #2a5a8a !important;
}

.btn-dark {
  background: #3a6ea5 !important;
  color: #ffffff !important;
  border-color: #3a6ea5 !important;
}

.btn-dark:hover {
  background: #2a5a8a !important;
  border-color: #2a5a8a !important;
}

.select2-container--bootstrap4 .select2-selection {
  background-color: var(--input-bg);
  border: 0;
}

.select2-dropdown {
  background-color: var(--dark-bg);
}

.select2-container--bootstrap4 .select2-dropdown,
.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
  border: none;
}

.select2-search--dropdown .select2-search__field {
  background: var(--input-bg);
  border: 0;
  color: var(--default-text-color);
}

.replied-content,
.replies .replied-to {
  background: #1b2838;
  color: var(--default-text-color);
}

.reply-msg-row .replied-to {
  background-color: #162234;
}

.mini-brand-seperator {
  background-color: var(--input-bg);
}

.is-typing {
  background-color: var(--input-bg);
  color: var(--default-text-color);
}

.reply-msg-row {
  background-color: var(--input-bg);
}

.reply-msg-row .replied-content,
.reply-msg-row .replied-to {
  background: #162234;
  color: var(--default-text-color);
}

.chat-actions i {
  color: var(--default-text-color);
}

.chat-actions i:hover {
  color: #fff;
}

.popover {
  background-color: #0a1628;
  color: var(--default-text-color);
  border: 1px solid #1a2d4a;
}

.popover-body {
  color: var(--default-text-color);
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
  border-top-color: #0a1628;
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
  border-bottom-color: #0a1628;
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
  border-left-color: #0a1628;
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after,
.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
  border-right-color: #0a1628;
}

.user-image {
  border-color: #0a1628;
}

.navbar.topbar {
  background-color: var(--panel-bg);
}

.mobile-bottom-nav {
  background: #08172c !important;
  border-top: 1px solid #142b46;
}

.mobile-bottom-nav .nav-link,
.mobile-bottom-nav .btn {
  color: var(--default-text-color);
}

.topbar .nav-link,
.topbar .nav-item,
.topbar button,
.mobile-bottom-nav .nav-link,
.mobile-bottom-nav .btn,
.mobile-bottom-nav small,
.topbar .nav-link small,
.topbar .nav-item small,
.topbar button small {
  color: #fff !important;
}

.topbar .nav-link small,
.topbar .nav-item small,
.topbar button small,
.mobile-bottom-nav small {
  color: #fff !important;
}

.topbar .ti,
.topbar .nav-link i,
.topbar .btn-ghost-dark i,
.mobile-bottom-nav .ti,
.mobile-bottom-nav .nav-link i,
.mobile-bottom-nav .btn i {
  color: #fff !important;
}

.topbar .ti.text-success,
.topbar .ti-leaf.text-success,
.topbar .nav-link .ti.text-success,
.topbar .nav-link .ti-leaf.text-success,
.mobile-bottom-nav .ti.text-success,
.mobile-bottom-nav .ti-leaf.text-success,
.mobile-bottom-nav .nav-link .ti.text-success,
.mobile-bottom-nav .nav-link .ti-leaf.text-success,
.mobile-bottom-nav .btn .ti.text-success,
.mobile-bottom-nav .btn .ti-leaf.text-success {
  color: #2fb344 !important;
}

.mobile-bottom-nav .dropdown-menu .ti,
.mobile-bottom-nav .dropdown-menu .dropdown-item i {
  color: inherit;
}

.mobile-bottom-nav .dropdown-menu .online {
  color: #1cc88a !important;
}

.mobile-bottom-nav .dropdown-menu .offline {
  color: #c8c8c7 !important;
}

.mobile-bottom-nav .online {
  color: #1cc88a !important;
}

.mobile-bottom-nav .dropdown-menu .busy {
  color: #e74a3b !important;
}

.mobile-bottom-nav .dropdown-menu .away {
  color: #f6c23e !important;
}

.form-selectgroup-boxes .form-selectgroup-input:checked+.form-selectgroup-label .form-selectgroup-title {
  color: #ffffff;
}

.ms-container .ms-selectable,
.ms-container .ms-selection {
  background: var(--dark-bg);
  color: var(--default-text-color);
}

.ms-list {
  border-color: #2a3f5f !important;
}

/* Modern top navigation */
.navbar-scrolled {
  background: linear-gradient(135deg, #113156 0%, #1b4d7c 100%) !important;
  border-bottom: 1px solid #2a5d8f;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.navbar-scrolled .nav-link,
.navbar-scrolled .navbar-toggler-icon {
  color: #e6f4ff !important;
}

.navbar-scrolled .nav-link {
  border-radius: 999px;
  padding: 0.34rem 0.62rem;
  margin: 0 0.1rem;
  transition:
    background-color 0.18s ease,
    color 0.18s ease;
}

.navbar-scrolled .nav-link.active,
.navbar-scrolled .nav-link:hover {
  color: #8fd8ff !important;
  background: rgba(143, 216, 255, 0.22);
}

.navbar-scrolled .menu-dd .btn-outline-dark,
.navbar-scrolled .menu-dd .btn-ghost-dark {
  color: #e6f4ff !important;
  border-color: #4a84b5 !important;
}

.navbar-scrolled .menu-dd .btn-outline-dark:hover,
.navbar-scrolled .menu-dd .btn-ghost-dark:hover {
  color: #8fd8ff !important;
  background: rgba(143, 216, 255, 0.22) !important;
}

.navbar-collapse.collapse.show {
  background: linear-gradient(180deg, #102d4e 0%, #1b4a75 100%) !important;
  border: 1px solid #2a5d8f;
  box-shadow: none;
}

.navbar-collapse.collapse.show .nav-link,
.navbar-collapse.collapse.show .btn-outline-light,
.navbar-collapse.collapse.show .btn-ghost-light {
  color: #e6f4ff !important;
}

.navbar-collapse.collapse.show .btn-outline-light {
  border-color: #4a84b5 !important;
}

.navbar-collapse.collapse.show .dropdown-menu {
  background: #12365c;
  border-color: #2a5d8f;
}

.navbar-collapse.collapse.show .dropdown-item {
  color: #e6f4ff;
}

.navbar-collapse.collapse.show .dropdown-item.active,
.navbar-collapse.collapse.show .dropdown-item:active,
.navbar-collapse.collapse.show .dropdown-item:hover {
  color: #8fd8ff;
  background: rgba(143, 216, 255, 0.22);
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  border-color: #2a3f5f !important;
  color: var(--default-text-color);
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  background-color: #0a1628;
}

.room-manage-row {
  color: var(--default-text-color);
}

.room-manage-row:hover {
  background-color: #162234;
}

.card-header-tabs .nav-link.active,
.card-header-tabs .nav-link:hover {
  background-color: #0a1628;
  border-bottom-color: #0a1628;
  color: #6eb5ff;
  border-color: #1a2d4a #1a2d4a #f5f7fb00;
}

.toast {
  background: #1b2838;
  color: #e0e0e0;
}

.card-header {
  background-color: var(--darker-bg);
}

.online {
  color: #1cc88a !important;
}

.ti.text-success,
.ti-leaf.text-success {
  color: #2fb344 !important;
}

.mobile-bottom-nav .ti.text-success,
.mobile-bottom-nav .ti-leaf.text-success,
.topbar .ti.text-success,
.topbar .ti-leaf.text-success {
  color: #2fb344 !important;
}

.online-status .ti {
  background: rgb(10 22 40);
}

.user-row:hover .online-status .ti {
  background: #162234;
}

.social-seperator div {
  background: #0d1b2a;
}

#auth-modal .social-seperator div {
  background: #0a1628;
}

.is-typing:before {
  border-left-color: #1b2838;
  border-top-color: #1b2838;
}

.noti-content {
  color: var(--default-text-color);
}

.noti-item.noti-read {
  background: #0d1b2a;
}

.noti-item {
  background: #1b2838;
}

.noti-time {
  color: #6eb5ff;
}

.noti-item:hover {
  background: #162234;
}

.notifications-panel-card.dropdown-menu,
.notifications-panel-card .card,
.notifications-panel-card .card-header,
.notifications-panel-card .card-body.notifications,
.notifications-panel-card .notification-list {
  background-color: #0a1628;
  color: var(--default-text-color);
  border-color: #1a2d4a;
}

.notifications-panel-card .card-title,
.notifications-panel-card .card-header .btn,
.notifications-panel-card .notification-list,
.notifications-panel-card .noti-content {
  color: var(--default-text-color);
}

.notifications-panel-card .alert,
.notifications-panel-card .alert-info {
  background-color: #162234;
  border-color: #2a3f5f;
  color: var(--default-text-color);
}

.offcanvas {
  background: #0a1628;
}

.offcanvas.offcanvas-end {
  border-color: #1a2d4a;
}

.offcanvas-header .btn-close {
  filter: invert(1);
}

.chat-search-results {
  color: var(--default-text-color);
}

.chat-search-result {
  background: #162234;
}

.chat-search-result:hover {
  background-color: #1b2838;
}

.form-control:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--input-bg) inset;
}

#pills-guest .input-group-text {
  color: var(--default-text-color);
}

.channel-list-bottom .dropdown-toggle:hover {
  background-color: #1b2838;
}

.green-audio-player {
  background-color: #0a1628;
}

.icon-lock {
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23d1d1d1" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 330 330" xml:space="preserve"><g id="XMLID_518_"><path id="XMLID_519_" d="M65,330h200c8.284,0,15-6.716,15-15V145c0-8.284-6.716-15-15-15h-15V85c0-46.869-38.131-85-85-85 S80.001,38.131,80.001,85v45H65c-8.284,0-15,6.716-15,15v170C50,323.284,56.716,330,65,330z M110.001,85 c0-30.327,24.673-55,54.999-55c30.327,0,55,24.673,55,55v45H110.001V85z"/></g></svg>');
}

.pvt-cnl {
  background: #0a1628;
}

.active .pvt-cnl,
.channel-item:hover .pvt-cnl {
  background: #162234;
}

.top-channel-icon .pvt-cnl {
  background: var(--dark-bg);
}

.forwarding .cht:hover,
.forwarding .selected {
  background: #0a1628 !important;
}

.voice-channel-container {
  background: #0a1628;
  border-top: none;
}

/* Frontpage: keep 24h stat widgets in lighter trueblue gradients */
html.trueblue #home-live-dashboard .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-card {
  background: linear-gradient(170deg, rgba(46, 126, 191, 0.34) 0%, rgba(93, 170, 225, 0.20) 100%) !important;
  border-color: rgba(141, 212, 255, 0.48) !important;
  box-shadow: none !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card {
  background: linear-gradient(170deg, rgba(76, 164, 230, 0.36) 0%, rgba(108, 189, 244, 0.22) 100%) !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card {
  background: linear-gradient(170deg, rgba(74, 174, 210, 0.34) 0%, rgba(113, 206, 236, 0.20) 100%) !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card {
  background: linear-gradient(170deg, rgba(90, 160, 214, 0.35) 0%, rgba(129, 198, 241, 0.21) 100%) !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card {
  background: linear-gradient(170deg, rgba(82, 150, 212, 0.35) 0%, rgba(121, 191, 238, 0.22) 100%) !important;
}

/* ================================================================
   TRUE BLUE — FLOATING WIDGET CHAT LAYOUT
   Goal: remove hard panel borders/frames; let surfaces blur into
   each other. Discord-inspired layered depth without box frames.
   ================================================================ */

/* --- Page/wrapper background: deep navy canvas --- */
html.trueblue body,
html.theme-trueblue body,
body.trueblue,
body.theme-trueblue {
  background: #061224 !important;
}

/* --- Remove hard side-panel dividers; use shadow depth instead --- */
html.trueblue .room-bar,
html.theme-trueblue .room-bar,
body.trueblue .room-bar,
body.theme-trueblue .room-bar,
.trueblue .room-bar {
  border-right: none !important;
  box-shadow: none !important;
  background: #0d1f36 !important;
}

html.trueblue .sidebar-wrapper,
html.theme-trueblue .sidebar-wrapper,
body.trueblue .sidebar-wrapper,
body.theme-trueblue .sidebar-wrapper,
.trueblue .sidebar-wrapper {
  border-right: none !important;
  box-shadow: none !important;
  background: #0d1f36 !important;
}

html.trueblue .rightbar-wrapper,
html.theme-trueblue .rightbar-wrapper,
body.trueblue .rightbar-wrapper,
body.theme-trueblue .rightbar-wrapper,
.trueblue .rightbar-wrapper,
.trueblue .right-panel.border-start {
  border-left: none !important;
  box-shadow: none !important;
}

/* --- Main chat area: transparent so canvas shows through --- */
html.trueblue .page-content-wrapper,
html.trueblue .main-panel,
html.theme-trueblue .page-content-wrapper,
html.theme-trueblue .main-panel,
body.trueblue .page-content-wrapper,
body.trueblue .main-panel,
body.theme-trueblue .page-content-wrapper,
body.theme-trueblue .main-panel {
  background-color: #081629 !important;
  border: none !important;
}

/* --- Topbar: glass effect over canvas (no hard box) --- */
html.trueblue .topbar,
html.theme-trueblue .topbar,
body.trueblue .topbar,
body.theme-trueblue .topbar,
.trueblue .navbar.topbar {
  background: #0a1930 !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* --- Chat room topbar (in-room header strip) --- */
.trueblue .topbar-private,
html.trueblue .topbar-private,
body.trueblue .topbar-private {
  background: #08172c !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

/* --- Editor area: floating glass card --- */
.trueblue .editor-container,
html.trueblue #chat-editor .editor-container,
body.trueblue #chat-editor .editor-container {
  background: #0b1d34 !important;
  border: none !important;
  box-shadow: none !important;
}

/* --- Message bubbles: subtler surfaces, no hard outline boxes --- */
.trueblue .cht.replies .message-data,
.trueblue .replies .chat-txt,
.trueblue .replies .chat-code,
.trueblue .replies .link-meta {
  background: #132034 !important;
  box-shadow: none !important;
}

.trueblue .cht.sent .message-data,
.trueblue .sent .chat-txt,
.trueblue .sent .chat-code,
.trueblue .sent .link-meta {
  background: #172436 !important;
  box-shadow: none !important;
}

.trueblue div[data-msg-type="5"].cht.replies .chat-txt,
.trueblue div[data-msg-type="5"].cht.replies .link-preview,
.trueblue div[data-msg-type="5"].cht.sent .chat-txt,
.trueblue div[data-msg-type="5"].cht.sent .link-preview {
  box-shadow: none !important;
}

/* --- Right panel cards: glass floating widget look --- */
.trueblue .page-content-wrapper .rightbar-wrapper .user-list-card,
.trueblue .page-content-wrapper .rightbar-wrapper .shared-links-card,
.trueblue .page-content-wrapper .rightbar-wrapper .shared-media-card,
.trueblue .page-content-wrapper .private-right-panel .user-card,
.trueblue .page-content-wrapper .private-right-panel .private-quick-actions {
  background: #0c1d34 !important;
  border: none !important;
  box-shadow: none !important;
}

/* --- Card headers / footers: no hard border lines --- */
.trueblue .card {
  background: #0c1d34 !important;
  border: none !important;
}

.trueblue .card-header {
  border-bottom: none !important;
  background: transparent !important;
}

.trueblue .card-footer {
  border-top: none !important;
  background: transparent !important;
}

/* --- Panel mode banner (private right panel) --- */
.trueblue .panel-mode-banner {
  background: #0c1d34 !important;
  border: none !important;
}

/* --- User rows in right panel: frameless subtle surface --- */
.trueblue .user-list-content .user-row {
  background: #0f223c !important;
  border: none !important;
}

.trueblue .user-list-content .user-row:hover,
.trueblue .user-list-content .user-row:focus {
  background: #143055 !important;
  border-color: transparent !important;
}

/* --- Dropdown menus: floating glass --- */
.trueblue .dropdown-menu {
  background: #091a2f !important;
  border: 1px solid #142b46 !important;
  box-shadow: none !important;
}

/* --- Modal: same glass treatment --- */
.trueblue .modal-content {
  background: #091a2f !important;
  border: 1px solid #142b46 !important;
  box-shadow: none !important;
}

.trueblue .modal-header {
  border-bottom: 1px solid #142b46 !important;
  background: transparent !important;
}

/* --- Scrollbar: subtle blue tint --- */
html.trueblue *::-webkit-scrollbar-track,
body.trueblue *::-webkit-scrollbar-track,
.trueblue *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.12) !important;
}

html.trueblue *::-webkit-scrollbar-thumb,
body.trueblue *::-webkit-scrollbar-thumb,
.trueblue *::-webkit-scrollbar-thumb {
  background: rgba(58, 110, 165, 0.42) !important;
  border-radius: 999px;
}

html.trueblue *:hover::-webkit-scrollbar-thumb,
body.trueblue *:hover::-webkit-scrollbar-thumb,
.trueblue *:hover::-webkit-scrollbar-thumb {
  background: rgba(110, 181, 255, 0.52) !important;
}

/* --- Mobile bottom nav: glass --- */
.trueblue .mobile-bottom-nav {
  background: #08172c !important;
  border-top: 1px solid #142b46 !important;
}

html.trueblue #main-room .navbar-scrolled,
html.theme-trueblue #main-room .navbar-scrolled,
body.trueblue #main-room .navbar-scrolled,
body.theme-trueblue #main-room .navbar-scrolled {
  background: #0a1930 !important;
  border-bottom: 1px solid #142b46 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html.trueblue #main-room .navbar-collapse.collapse.show,
html.theme-trueblue #main-room .navbar-collapse.collapse.show,
body.trueblue #main-room .navbar-collapse.collapse.show,
body.theme-trueblue #main-room .navbar-collapse.collapse.show {
  background: #0a1930 !important;
  border: 1px solid #142b46 !important;
  box-shadow: none !important;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {

  .trueblue .topbar,
  .trueblue .topbar-private,
  .trueblue .editor-container,
  .trueblue .dropdown-menu,
  .trueblue .modal-content {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

/* Final frontpage stats override: keep 24h widgets light trueblue */
html.trueblue #home-live-dashboard .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-card,
html.trueblue #home-live-dashboard .forum-side-stat-card,
html.theme-trueblue #home-live-dashboard .forum-side-stat-card,
body.trueblue #home-live-dashboard .forum-side-stat-card,
body.theme-trueblue #home-live-dashboard .forum-side-stat-card {
  background: linear-gradient(165deg, rgba(8, 30, 61, 0.9) 0%, rgba(16, 52, 94, 0.78) 100%) !important;
  border-color: rgba(52, 98, 151, 0.5) !important;
  box-shadow: none !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(1) .live-stat-card,
html.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(1).forum-side-stat-card,
html.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(1).forum-side-stat-card,
body.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(1).forum-side-stat-card,
body.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(1).forum-side-stat-card {
  background: linear-gradient(165deg, rgba(10, 34, 67, 0.92) 0%, rgba(19, 58, 102, 0.8) 100%) !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(2) .live-stat-card,
html.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(2).forum-side-stat-card,
html.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(2).forum-side-stat-card,
body.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(2).forum-side-stat-card,
body.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(2).forum-side-stat-card {
  background: linear-gradient(165deg, rgba(9, 33, 65, 0.92) 0%, rgba(18, 56, 99, 0.79) 100%) !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(3) .live-stat-card,
html.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(3).forum-side-stat-card,
html.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(3).forum-side-stat-card,
body.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(3).forum-side-stat-card,
body.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(3).forum-side-stat-card {
  background: linear-gradient(165deg, rgba(11, 36, 70, 0.92) 0%, rgba(21, 61, 106, 0.8) 100%) !important;
}

html.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card,
html.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card,
body.trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card,
body.theme-trueblue #home-live-dashboard .live-stat-grid>div:nth-child(4) .live-stat-card,
html.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(4).forum-side-stat-card,
html.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(4).forum-side-stat-card,
body.trueblue #home-live-dashboard .forum-side-stats>article:nth-child(4).forum-side-stat-card,
body.theme-trueblue #home-live-dashboard .forum-side-stats>article:nth-child(4).forum-side-stat-card {
  background: linear-gradient(165deg, rgba(10, 34, 67, 0.92) 0%, rgba(19, 58, 102, 0.79) 100%) !important;
}

/* Forum home: navy gradient emphasis for activity, latest profiles and online list */
html.trueblue .forum-home-page #home-live-dashboard .live-panel-card,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-panel-card,
body.trueblue .forum-home-page #home-live-dashboard .live-panel-card,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-panel-card {
  background: linear-gradient(160deg, rgba(5, 21, 48, 0.98) 0%, rgba(8, 33, 76, 0.94) 54%, rgba(13, 48, 101, 0.9) 100%) !important;
  border: 1px solid rgba(102, 171, 245, 0.52) !important;
  box-shadow: 0 9px 20px rgba(2, 11, 30, 0.42) !important;
  overflow: hidden;
}

html.trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header,
body.trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header {
  background: linear-gradient(95deg, rgba(8, 40, 92, 0.94) 0%, rgba(13, 56, 118, 0.88) 48%, rgba(21, 78, 151, 0.8) 100%) !important;
  border-bottom: 1px solid rgba(165, 211, 255, 0.56) !important;
  box-shadow: inset 0 -1px 0 rgba(219, 239, 255, 0.08);
}

html.trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(1) .card-header,
html.trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(2) .card-header,
html.theme-trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(1) .card-header,
html.theme-trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(2) .card-header,
body.trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(1) .card-header,
body.trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(2) .card-header,
body.theme-trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(1) .card-header,
body.theme-trueblue .forum-home-page #home-live-dashboard>article.live-panel-card:nth-of-type(2) .card-header {
  background: linear-gradient(95deg, rgba(4, 24, 58, 0.96) 0%, rgba(8, 36, 80, 0.9) 52%, rgba(13, 54, 109, 0.84) 100%) !important;
}

html.trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header .fw-semibold,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header .fw-semibold,
body.trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header .fw-semibold,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-panel-card .card-header .fw-semibold {
  display: inline-flex;
  align-items: center;
  padding: 0.28rem 0.62rem;
  border-radius: 999px;
  border: 1px solid rgba(170, 214, 255, 0.45);
  background: linear-gradient(165deg, rgba(9, 42, 88, 0.52) 0%, rgba(14, 57, 112, 0.42) 100%);
  color: #eef7ff;
  letter-spacing: 0.01em;
  font-size: 0.9rem;
  font-weight: 700;
  text-transform: none;
  line-height: 1.15;
  text-shadow: none;
}

html.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn,
html.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn-outline-secondary,
html.trueblue .forum-home-page #home-live-dashboard #activity-room-filter-toggle,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn-outline-secondary,
html.theme-trueblue .forum-home-page #home-live-dashboard #activity-room-filter-toggle,
body.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn,
body.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn-outline-secondary,
body.trueblue .forum-home-page #home-live-dashboard #activity-room-filter-toggle,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn-outline-secondary,
body.theme-trueblue .forum-home-page #home-live-dashboard #activity-room-filter-toggle {
  color: #f4f9ff !important;
  border-color: rgba(176, 219, 255, 0.52) !important;
  background: rgba(10, 50, 103, 0.46) !important;
}

html.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle,
html.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle,
body.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle,
body.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle {
  color: #f4f9ff !important;
  border-color: rgba(176, 219, 255, 0.52) !important;
  background: rgba(10, 50, 103, 0.46) !important;
  text-align: center;
  font-weight: 700;
}

html.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:hover,
html.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:focus,
html.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:focus,
body.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:hover,
body.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:focus,
body.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle:focus {
  color: #ffffff !important;
  border-color: rgba(196, 230, 255, 0.68) !important;
  background: rgba(16, 64, 126, 0.62) !important;
}

html.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle .ti-chevron-down,
html.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle .ti-chevron-down,
body.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle .ti-chevron-down,
body.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle .ti-chevron-down {
  transition: transform 0.2s ease;
}

html.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle[aria-expanded="true"] .ti-chevron-down,
html.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle[aria-expanded="true"] .ti-chevron-down,
body.trueblue .forum-home-page #home-live-dashboard .home-stats-toggle[aria-expanded="true"] .ti-chevron-down,
body.theme-trueblue .forum-home-page #home-live-dashboard .home-stats-toggle[aria-expanded="true"] .ti-chevron-down {
  transform: rotate(180deg);
}

html.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:hover,
html.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:focus,
html.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:active,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:focus,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:active,
body.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:hover,
body.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:focus,
body.trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:active,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:focus,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-filter .btn:active {
  color: #ffffff !important;
  border-color: rgba(196, 230, 255, 0.68) !important;
  background: rgba(16, 64, 126, 0.62) !important;
}

html.trueblue .forum-home-page #home-live-dashboard .live-activity-item,
html.trueblue .forum-home-page #home-live-dashboard .live-user-row,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-item,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-user-row,
body.trueblue .forum-home-page #home-live-dashboard .live-activity-item,
body.trueblue .forum-home-page #home-live-dashboard .live-user-row,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-item,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-user-row {
  background: linear-gradient(172deg, rgba(8, 35, 74, 0.66) 0%, rgba(12, 49, 98, 0.5) 100%);
  border-bottom-color: rgba(119, 184, 252, 0.34);
}

html.trueblue .forum-home-page #home-live-dashboard .live-activity-item:hover,
html.trueblue .forum-home-page #home-live-dashboard .live-user-row:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-item:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard .live-user-row:hover,
body.trueblue .forum-home-page #home-live-dashboard .live-activity-item:hover,
body.trueblue .forum-home-page #home-live-dashboard .live-user-row:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-activity-item:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard .live-user-row:hover {
  background: linear-gradient(170deg, rgba(18, 69, 134, 0.82) 0%, rgba(19, 78, 149, 0.68) 100%) !important;
}

html.trueblue .forum-home-page #home-live-dashboard .online-directory-user,
html.theme-trueblue .forum-home-page #home-live-dashboard .online-directory-user,
body.trueblue .forum-home-page #home-live-dashboard .online-directory-user,
body.theme-trueblue .forum-home-page #home-live-dashboard .online-directory-user {
  border-color: rgba(112, 185, 255, 0.44);
  background: linear-gradient(164deg, rgba(9, 40, 82, 0.78) 0%, rgba(14, 58, 111, 0.62) 100%);
}

html.trueblue .forum-home-page #home-live-dashboard .online-directory-user:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard .online-directory-user:hover,
body.trueblue .forum-home-page #home-live-dashboard .online-directory-user:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard .online-directory-user:hover {
  border-color: rgba(184, 225, 255, 0.74);
  box-shadow: 0 8px 16px rgba(2, 12, 32, 0.4);
}

html.trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list,
body.trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list {
  background: linear-gradient(180deg, rgba(3, 17, 42, 0.92) 0%, rgba(6, 26, 58, 0.86) 100%) !important;
}

html.trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user,
body.trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user {
  background: linear-gradient(172deg, rgba(4, 24, 56, 0.8) 0%, rgba(7, 31, 70, 0.62) 100%) !important;
  border-bottom-color: rgba(83, 146, 214, 0.28) !important;
}

html.trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user:hover,
body.trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-online-users-full-list .online-directory-user:hover {
  background: linear-gradient(170deg, rgba(9, 43, 91, 0.86) 0%, rgba(13, 55, 112, 0.7) 100%) !important;
  border-color: rgba(83, 146, 214, 0.28) !important;
  box-shadow: none !important;
}

/* Extra dark navy pass for Seneste aktivitet + Nyeste registrerede profiler */
html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list,
html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list {
  background: linear-gradient(180deg, rgba(3, 17, 42, 0.92) 0%, rgba(6, 26, 58, 0.86) 100%) !important;
}

html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item,
html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row {
  background: linear-gradient(172deg, rgba(4, 24, 56, 0.8) 0%, rgba(7, 31, 70, 0.62) 100%) !important;
  border-bottom-color: rgba(83, 146, 214, 0.28) !important;
}

html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item:hover,
html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item:hover,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row:hover,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item:hover,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-item:hover,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-row:hover {
  background: linear-gradient(170deg, rgba(9, 43, 91, 0.86) 0%, rgba(13, 55, 112, 0.7) 100%) !important;
}

html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-time,
html.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-sub,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-time,
html.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-sub,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-time,
body.trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-sub,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-activity-list .live-activity-time,
body.theme-trueblue .forum-home-page #home-live-dashboard #homepage-latest-registered-list .live-user-sub {
  color: rgba(200, 226, 255, 0.9) !important;
}

/* Match Top 5 + Nyeste opslag strips to the same dark navy gradient family */
html.trueblue .forum-home-page,
html.theme-trueblue .forum-home-page,
body.trueblue .forum-home-page,
body.theme-trueblue .forum-home-page,
.trueblue .forum-home-page,
.theme-trueblue .forum-home-page {
  --latest-strip-bg-a: rgba(4, 24, 58, 0.94);
  --latest-strip-bg-b: rgba(11, 47, 98, 0.82);
  --latest-strip-border: rgba(99, 156, 224, 0.34);
}

/* Keep hero welcome block on same dark navy gradient family as widgets */
html.trueblue .forum-home-page .forum-home-hero,
html.theme-trueblue .forum-home-page .forum-home-hero,
body.trueblue .forum-home-page .forum-home-hero,
body.theme-trueblue .forum-home-page .forum-home-hero,
.trueblue .forum-home-page .forum-home-hero,
.theme-trueblue .forum-home-page .forum-home-hero {
  background: linear-gradient(160deg, rgba(5, 21, 48, 0.98) 0%, rgba(8, 33, 76, 0.94) 54%, rgba(13, 48, 101, 0.9) 100%) !important;
  border-color: rgba(102, 171, 245, 0.52) !important;
}