html, body {
    background-color: #000 !important;
    color-scheme: dark;
  overflow-x: hidden !important;
min-height: 100dvh;
}

/* Global transparent red danger buttons (aligned with legal cookie "deny" button style) */
.btn-danger,
.btn-danger:visited,
.btn-danger:focus,
.btn-danger.focus,
.open > .dropdown-toggle.btn-danger {
  color: #ffdede !important;
  border-radius: 999px !important;
  border: 1px solid rgba(245, 135, 135, 0.45) !important;
  background-color: rgba(228, 82, 82, 0.22) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger:active:focus,
.btn-danger.active:focus,
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.open > .dropdown-toggle.btn-danger:focus,
.open > .dropdown-toggle.btn-danger:active {
  color: #ffdede !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 161, 161, 0.55) !important;
  background-color: rgba(228, 82, 82, 0.32) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:visited,
.btn-danger[disabled]:visited,
fieldset[disabled] .btn-danger:visited,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active {
  color: #ffdede !important;
  border-radius: 999px !important;
  border: 1px solid rgba(245, 135, 135, 0.28) !important;
  background-color: rgba(228, 82, 82, 0.16) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-warning,
.btn-warning:visited,
.btn-warning:focus,
.btn-warning.focus,
.open > .dropdown-toggle.btn-warning {
  color: #deecff !important;
  border-radius: 999px !important;
  border: 1px solid rgba(135, 178, 245, 0.45) !important;
  background-color: rgba(82, 135, 228, 0.22) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning:active:focus,
.btn-warning.active:focus,
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:active {
  color: #deecff !important;
  border-radius: 999px !important;
  border: 1px solid rgba(161, 198, 255, 0.55) !important;
  background-color: rgba(82, 135, 228, 0.32) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:visited,
.btn-warning[disabled]:visited,
fieldset[disabled] .btn-warning:visited,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active {
  color: #deecff !important;
  border-radius: 999px !important;
  border: 1px solid rgba(135, 178, 245, 0.28) !important;
  background-color: rgba(82, 135, 228, 0.16) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-default,
.btn-default:visited,
.btn-default:focus,
.btn-default.focus,
.open > .dropdown-toggle.btn-default {
  color: #f0f0f0;
  border-radius: 999px;
  border: none;
  background-color: rgba(0, 0, 0, 0.35);
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  outline: none;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.btn-default:active:focus,
.btn-default.active:focus,
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:active {
  color: #ffffff;
  border-radius: 999px;
  border: none;
  background-color: rgba(0, 0, 0, 0.52);
  background-image: none;
  box-shadow: none;
  text-shadow: none;
  outline: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:visited,
.btn-default[disabled]:visited,
fieldset[disabled] .btn-default:visited,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active {
  color: #d8d8d8 !important;
  border-radius: 999px !important;
  border: none !important;
  background-color: rgba(0, 0, 0, 0.22) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-success,
.btn-success:visited,
.btn-success:focus,
.btn-success.focus,
.open > .dropdown-toggle.btn-success {
  color: #deffde !important;
  border-radius: 999px !important;
  border: 1px solid rgba(132, 218, 132, 0.45) !important;
  background-color: rgba(72, 171, 88, 0.22) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.btn-success:active:focus,
.btn-success.active:focus,
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:active {
  color: #deffde !important;
  border-radius: 999px !important;
  border: 1px solid rgba(163, 232, 163, 0.55) !important;
  background-color: rgba(72, 171, 88, 0.32) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:visited,
.btn-success[disabled]:visited,
fieldset[disabled] .btn-success:visited,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active {
  color: #deffde !important;
  border-radius: 999px !important;
  border: 1px solid rgba(132, 218, 132, 0.28) !important;
  background-color: rgba(72, 171, 88, 0.16) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

@media (max-width: 768px) {
  .panel.panel-default.panel-profile {
    background: transparent !important;
    border: none !important;
  }
}

html.modal-open,
body.modal-open {
    height: 100% !important;
    overflow: hidden !important;
    overflow-y: hidden !important;
    overscroll-behavior: none;
}

body.modal-open {
    touch-action: none;
}

/* Keep modal itself scrollable while page background is locked */
body.modal-open .modal {
    overflow-y: auto !important;
    overscroll-behavior: contain;
    touch-action: auto;
}

body.modal-open .modal-dialog,
body.modal-open .modal-content,
body.modal-open .modal-body {
    touch-action: auto;
}

/* Specific lock for HumHub globalModal if modal-open class is missing */
html:has(#globalModal[aria-hidden="false"]),
body:has(#globalModal[aria-hidden="false"]) {
    overflow: hidden !important;
    overflow-y: hidden !important;
    height: 100% !important;
    overscroll-behavior: none;
}

body:has(#globalModal[aria-hidden="false"]) #layout-content,
body:has(#globalModal[aria-hidden="false"]) .layout-content-container,
body:has(#globalModal[aria-hidden="false"]) .layout-sidebar-container {
    overflow: hidden !important;
}

#globalModal[aria-hidden="false"] {
    overflow-y: auto !important;
    overscroll-behavior: contain;
}

@media (max-width: 768px) {
    #blueimp-gallery .slides {
        max-width: none !important;
    }

    #blueimp-gallery .slides > .slide {
        background: transparent !important;
        max-width: none !important;
    }

    #blueimp-gallery .slides > .slide > .slide-content {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        max-width: 100% !important;
        max-height: 100% !important;
    }
}

.heading {
    background-color: var(--background-color-main);
}

.bg-warning {
    background-color: #fffbf7;
}

.dropdown-menu {
    border-color: var(--text-color-highlight-fade-15);
    box-shadow: 0 6px 12px var(--background-color-page)!important;
	background-color: rgb(7 7 7 / 60%) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px)!important;
margin: -1px;
    z-index: 2500 !important;
}
.topbar .dropdown-menu,
#topbar .dropdown-menu,
.panel .dropdown-menu,
.modal .dropdown-menu,
.nav-tabs .dropdown-menu {
    z-index: 2600 !important;
}

/* Prevent dropdown clipping inside redesigned panel containers */
.panel.panel-default,
.panel.panel-default > .panel-heading,
.panel.panel-default > .panel-body,
.panel.panel-default > .panel-collapse,
#space-main-menu.panel.panel-default.left-navigation,
#space-main-menu.panel.panel-default.left-navigation > .list-group,
#space-main-menu.panel.panel-default.left-navigation > .panel-collapse,
#space-main-menu.panel.panel-default.left-navigation > .panel-collapse > .list-group,
.panel.panel-default.left-navigation:not(#space-main-menu),
.panel.panel-default.left-navigation:not(#space-main-menu) > .list-group,
.panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse,
.panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group {
    overflow: visible !important;
}

.panel .dropdown.open,
.panel .dropup.open,
#space-main-menu .dropdown.open,
.left-navigation .dropdown.open {
    z-index: 2700 !important;
}

/* Keep open dropdown hosts above neighboring panel stacking contexts */
.panel-profile,
.panel-profile > .panel-body,
.panel-profile-controls,
.controls.controls-header.pull-right,
.dropdown-navigation {
    overflow: visible !important;
}

.panel:has(.dropdown.open),
.panel:has(.dropdown-navigation.open),
.panel-profile:has(.dropdown.open),
.panel-profile:has(.dropdown-navigation.open),
.panel-profile-controls:has(.dropdown.open),
.panel-profile-controls:has(.dropdown-navigation.open),
.controls.controls-header.pull-right:has(.dropdown.open),
.controls.controls-header.pull-right:has(.dropdown-navigation.open) {
    position: relative !important;
    z-index: 4000 !important;
}

#space-header-controls-menu.open,
#user-header-controls-menu.open,
.dropdown-navigation.open {
    position: relative !important;
    z-index: 4100 !important;
}

/* Follow-Icon im User-Header-Menü von paper-plane auf "+" umstellen */
#user-header-controls-menu .dropdown-menu .fa.fa-paper-plane:before {
    content: "\f067" !important;     /* FontAwesome plus */
    font-family: "FontAwesome" !important;
    font-weight: normal !important;
}

/* Header Controls: caret-down icon instead of cog + hide extra caret */
#user-header-controls-menu .btn.btn-default.dropdown-toggle > .caret,
#space-header-controls-menu .btn.btn-default.dropdown-toggle > .caret {
    display: none !important;
}

#user-header-controls-menu .btn.btn-default.dropdown-toggle .fa.fa-cog:before,
#user-header-controls-menu .btn.btn-default.dropdown-toggle .fa.fa-cogs:before,
#space-header-controls-menu .btn.btn-default.dropdown-toggle .fa.fa-cog:before,
#space-header-controls-menu .btn.btn-default.dropdown-toggle .fa.fa-cogs:before {
    content: "\f0d7" !important;
    font-family: "FontAwesome" !important;
}

/* Fallback without :has() for broad browser compatibility */
.panel,
.panel-profile,
.panel-profile-controls,
.controls.controls-header.pull-right {
    position: relative;
}

.panel .dropdown-navigation.open,
.panel .dropdown.open,
.panel .dropup.open,
.controls.controls-header.pull-right .dropdown-navigation.open,
.controls.controls-header.pull-right .dropdown.open,
#space-header-controls-menu.open,
#user-header-controls-menu.open {
    z-index: 5000 !important;
}

.panel .dropdown-menu,
.controls.controls-header.pull-right .dropdown-menu,
.dropdown-navigation .dropdown-menu {
    z-index: 5100 !important;
}

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover {
    color: var(--text-color-main);
}

.btn-enter {
    background-color: rgba(19, 26, 29, 0.36) !important;
	color: rgba(255, 255, 255, 1) !important;
}
.btn-enter:hover {
    background-color: #181818 !important;
	color: rgba(255, 255, 255, 1) !important;
}

.dropdown-menu > li > a:hover {
    background: var(--background3);
}

.image-upload-container.profile-user-photo-container .image-upload-buttons {
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%);
    white-space: nowrap !important;
    z-index: 60 !important;
}

.image-upload-container.profile-user-photo-container .image-upload-buttons .btn {
    white-space: nowrap !important;
}

.image-upload-container.profile-user-photo-container .image-upload-buttons .dropdown-menu {
    z-index: 61 !important;
}

@media (max-width: 768px) {
    .panel-profile .panel-profile-header .image-upload-container.profile-user-photo-container .image-upload-buttons,
    .image-upload-container.profile-user-photo-container.pulse-avatar-target .image-upload-buttons {
        left: 0 !important;
        right: auto !important;
        transform: none !important;
        white-space: nowrap !important;
    }
}

.topbar,
#topbar {
    z-index: 1038 !important;
}

.modal .dropdown-menu li,
.nav-tabs .dropdown-menu li,
.panel .dropdown-menu li {
    border-color: transparent;
}

.form-control,
textarea {
    color: var(--text-color-highlight) !important;
    background-color: var(--background-color-secondary) !important;
font-size: 16px !important;
}

select.form-control:not([multiple]) {
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 10px 10px !important;
}

::placeholder {
    color: var(--text-color-soft) !important;
}

.form-collapsible-fields {
    background-color: var(--background3);
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    border-color: var(--background4);
}

.select2-container--humhub .select2-selection,
.select2-container--humhub .select2-selection--single .select2-selection__rendered {
    color: var(--text-color-highlight);
    background-color: var(--background3);
}

.select2-dropdown {
    background-color: var(--background3) !important;
}

.select2-container--humhub .select2-results__option[aria-selected=true] {
    background-color: var(--background-color-secondary);
    color: var(--text-color-highlight);
}

.select2-container--humhub .select2-search--dropdown .select2-search__field {
    background-color: var(--background-color-main);
    color: var(--text-color-main);
}

.select2-container--humhub.select2-container--disabled .select2-selection,
.select2-container--humhub.select2-container--disabled .select2-selection--multiple .select2-selection__choice,
.select2-container--humhub.select2-container--disabled .select2-selection__rendered {
    background-color: var(--background4);
    border-color: var(--background4);
}

@media (max-width: 768px) {
    .panel-profile .panel-profile-header {
        margin-left: -3px;
        margin-right: -3px;
        margin-top: -8px;
}
    #topbar > .container #top-menu-nav {
background: radial-gradient(circle at 30% 20%, rgba(255, 174, 66, 0.35), transparent 0%);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);
border: 1px solid rgba(255, 255, 255, 0.15);
border-top: 1px solid rgba(255, 255, 255, 0.15)!important;
    }

    #topbar > .container #top-menu-nav > li > a {
        color: rgba(247, 147, 26, 0.62);
    }
    #topbar > .container #top-menu-nav > li > a.active {

        color: #F7931A !important;
    }

#topbar > .container #top-menu-nav > li > a:active, #topbar > .container #top-menu-nav > li > a:focus, #topbar > .container #top-menu-nav > li > a:hover {
        background-color: #00000000 !important;
         color: #F7931A !important;
    }
}

.list-group-item {
    background-color: var(--background-color-main);
    border-color: transparent !important
}

a.list-group-item,
button.list-group-item {
    color: var(--text-color-main);
}

a.list-group-item.active,
a.list-group-item.active:focus,
a.list-group-item.active:hover,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    color: var(--text-color-highlight) !important;
    background-color: var(--background4) !important;
}

.status-bar-body {
    background-color: var(--background4-fade-50);
}

.container-cards .card .card-panel {
    background-color: #222;
}

.container-cards .card .card-header .card-image-link {
    border-color: var(--background-color-page);
}

.container-cards .card .card-body .card-details {
    color: var(--text-color-soft);
}

.container-cards .card .card-bg-image {
    background-color: #111 !important;
Border-bottom: 3px solid #000!important;
}

.container-cards .form-search .form-button-search {
    color: var(--text-color-main);
}

.btn-default.active,
.btn-default:active,
.open > .dropdown-toggle.btn-default {
    background-color: var(--background3);
}


.btn-primary.active,
.btn-primary:active {
    background: rgba(51, 51, 51, 0.25) !important;
}

.btn-info.active,
.btn-info:active {
    background: #000 !important;
}


.btn-primary.active,
.btn-primary:active {
    border-color: var(--primary-lighten-10);
    color: var(--primary-lighten-10) !important;
}

.media-list li,
hr {
    border-color: var(--background3);
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-subst,
.modal-content .modal-header .close {
    color: var(--text-color-highlight);
}

.container-module-updates .btn.active {
    background-color: #fff !important;
}

.badge,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.form-control[disabled],
.form-control[readonly],
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover,
fieldset[disabled] .form-control {
    background-color: var(--background4);
}

.modal-content {
background-color: rgba(0, 0, 0, 0.65);


}

.popover {
    background-color: var(--background3);
}

.input-group-addon {
    background-color: var(--background4-lighten-16);
}

.dropdown-menu .divider {
    background-color: var(--background4);
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: var(--background-color-secondary);
}

code {
    background-color: #000;
}

.markdown-render code,
[data-ui-markdown] code,
[data-ui-richtext] code {
    color: var(--link);
    background-color: var(--background-color-highlight);
}

.media-list li.new {
    border-left: 3px solid var(--info);
}
.media-list li.new, .messagePreviewEntry.unread {
    background-color: rgba(46, 56, 57, 0.56) !important;
}

.media-list li.selected,
.media-list li:hover {
    background-color: rgba(42, 42, 42, 0.57) !important;
}

.nav-tabs,
.nav-tabs > li > a:hover,
.tab-menu .nav-tabs li > a,
.tab-menu .nav-tabs li > a:focus,
.tab-menu .nav-tabs li > a:hover {
    border-color: var(--background4);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    background-color: var(--background-color-main);
    border-color: var(--background4) var(--background4) transparent;
}

.nav > li > a:focus,
.nav > li > a:hover {
    background-color: var(--background-color-secondary);
}

/* Calendar: Upcoming events snippet aligned with dark panel design */
.calendar-upcoming-snippet.panel {
    border-radius: 14px;
    border: 1px solid var(--default) !important;
    box-shadow: 0 0 3px var(--background4-lighten-10);
    overflow: hidden;
}

.calendar-upcoming-snippet.panel > .panel-heading,
.calendar-upcoming-snippet.panel > .panel-body {
    background-color: var(--background-color-main) !important;
}

.calendar-upcoming-snippet .panel-body {
    padding: 0 !important;
}

.calendar-upcoming-snippet .calendar-upcoming-divider {
    margin: 0;
    border-color: var(--background4);
}

.calendar-upcoming-snippet .media-list {
    margin: 0;
}

.calendar-upcoming-snippet .media-list > a {
    display: block;
    color: inherit;
    text-decoration: none;
}

.calendar-upcoming-snippet .calendar-upcoming-entry {
    border-left: 3px solid var(--primary-lighten-10, #78a64a) !important;
    padding: 12px 14px;
    background-color: var(--background-color-secondary);
    border-bottom: 1px solid var(--background4);
    transition: background-color .15s ease;
}

.calendar-upcoming-snippet .media-list > a:last-child .calendar-upcoming-entry {
    border-bottom: none;
}

.calendar-upcoming-snippet .media-list > a:hover .calendar-upcoming-entry {
    background-color: var(--background4);
}

.calendar-upcoming-snippet .calendar-upcoming-entry .time {
    color: var(--text-color-soft2);
}

.panel {
    box-shadow: 0 0 3px var(--background4-lighten-10);
border-radius: 14px;
border: 1px solid var(--mobile-post-form-border, rgba(0, 0, 0, 0.08));
border-inline: 1px solid var(--default);
border-block: 1px solid var(--default);
}

.panel .panel-body, .panel .panel-heading {
/*  background: var(--default); */
background-color: var(--background-color-main) !important;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
}

.wall-entry .wall-entry-header {
    border-bottom-color: var(--background3);
}

.wall-entry .content a {
    color: #f2f2f2 !important;
    font-size: 13px;
}

.wall-entry .content img {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(52, 52, 52);
    border-radius: 11px;
}

.wall-entry .wall-entry-header .wall-entry-header-info {
    opacity: 0.8;
}

/* Keep wall-entry preference menu clickable above animated header icon */
.wall-entry .wall-entry-header {
    position: relative;
}

.wall-entry .wall-entry-header .nav.nav-pills.preferences {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    z-index: 30;
    pointer-events: auto;
}

.wall-entry .wall-entry-header .wall-entry-header-image {
    position: relative;
    z-index: 5;
}

.wall-entry .wall-entry-header .stream-entry-loader {
    pointer-events: none;
}

#panel-activities {
    display: none !important;
}

#wall-stream-filter-nav .wall-stream-filter-body,
.atwho-view,
.load-suppressed a {
    border-color: var(--background4);
}

#wall-stream-filter-nav .wall-stream-filter-head {
    border-bottom-color: var(--background4);
}

.well {
    background-color: #222!important;
}

.well.well-small.comment-container {
    background-color: transparent !important;
}

.atwho-view {
    color: var(--text-color-main);
    background-color: var(--background-color-main);
}

.load-suppressed a {
    background-color: var(--background-color-secondary);
}

.table-hover > tbody > tr:hover {
    background-color: var(--background3);
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: var(--background-color-secondary);
}

#contentFormMenu .content-create-menu-more > i,
#contentFormMenu .nav-tabs > li.active > a,
#contentFormMenu .nav-tabs > li > a {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)) !important;
    border-color: var(--background-color-main);
}

#contentFormMenu .nav-tabs > li.active > a.active,
#contentFormMenu .nav-tabs > li.active > a:hover,
#contentFormMenu .nav-tabs > li > a.active,
#contentFormMenu .nav-tabs > li > a:hover {
    color: var(--text-color-main);
    background-color: var(--background-color-main);
}

#contentFormMenu .nav-tabs > li.active > a,
#contentFormMenu .nav-tabs > li > a {
    color: var(--text-color-secondary);
}

#contentFormMenu .content-create-menu-more > i:hover {
    background: var(--background-color-main);
    color: var(--text-color-main);
}

#contentFormMenu .content-create-menu-more .dropdown-menu,
.ProseMirror hr {
    border-color: var(--background4);
}

.ProsemirrorEditor.plainMenu .ProseMirror-menubar {
    color: var(--text-color-main);
}

.ProseMirror-prompt {
    background: var(--background-color-main);
    border-color: var(--background4);
}

.ProseMirror-invalid {
    color: #000 !important;
}

.ProsemirrorEditor .ProseMirror-menu-active {
    background: var(--background4);
}

.ProsemirrorEditor.focusMenu .ProseMirror-menubar,
.ProsemirrorEditor.plainMenu .ProseMirror-menubar {
    background-color: var(--background-color-secondary);
    border-color: var(--background4);
}

.panel-profile .panel-profile-header,
.panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo {
    border-color: rgba(0, 0, 0, 0.22);
}
.panel-profile .panel-profile-header .profile-user-photo-container .profile-user-photo {
border: 3px solid rgba(0, 0, 0, 0.22);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
width: 140px !important;
height: 140px !important;
font-size: 70px!important;
padding: 0px!important;
}

.panel-profile .panel-profile-header {
background-image: url('/themes/Werthain2/img/default_banner.jpg');
background-size: cover;
background-position-y: -30px;
background-color: #000;
}

@media (min-width: 1024px) {
.panel-profile .panel-profile-header {
height: 192px !important;
}
}

.panel-profile .panel-profile-header .img-profile-data,
.panel-profile .panel-profile-header .img-profile-data h1,
.panel-profile .panel-profile-header .img-profile-data h2 {
    color: var(--text-color-highlight) !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8),
0 0 12px rgba(0,0,0,0.55),
0 0 24px rgba(0,0,0,0.35)!important;
}

.panel-profile .panel-profile-header .img-profile-data h1 {
white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.panel-profile .panel-profile-header .img-profile-data .werthain-mobile-verify-cta {
    display: none;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover,
.pagination > li > a,
.pagination > li > span {
    background-color: var(--background-color-secondary);
    border-color: var(--background4);
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    background-color: var(--background4);
    border-color: var(--background4);
}

.container-modules .card-module .card-panel > div:not(.card-status) {
    background-color: var(--background-color-secondary);
}

.container-modules .card-module .card-title {
    color: var(--text-color-main);
}

.layout-sidebar-container {
    background-color: var(--background-color-page) !important;
}

.breadcrumb {
    background-color: var(--background3);
}

input[type=checkbox],
input[type=radio] {
    background: var(--background3);
}

.jumbotron,
.ui-datepicker-month,
.ui-datepicker-year {
    background-color: var(--background-color-secondary);
}

.alert-info {
    background-color: #323a3f
}

.alert-danger {
    background-color: #423f3f
}

.hexInput {
    background: var(--background-color-secondary);
}

.ui-datepicker-month,
.ui-datepicker-year {
    border-color: var(--background3);
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: var(--background-color-secondary) !important;
    border-color: var(--background-color-secondary) !important;
}

.fc-content,
.fc-day-header,
.fc-divider,
.fc-list-heading td,
.fc-list-view,
.fc-popover,
.fc-row,
.message-tag-filter-group .manage-tags-link,
.select2-container--bootstrap .select2-selection,
.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th,
.target-page-list-grid,
.task-list .pagination-container,
.task-list-li,
tbody,
td,
th,
thead {
    border-color: var(--background4) !important;
}

.select2-container--bootstrap .select2-selection,
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    color: var(--text-color-highlight) !important;
    background-color: var(--background3) !important;
}

.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    background-color: var(--background-color-main) !important;
    color: var(--text-color-main) !important;
}

.select2-hidden-accessible option[selected] {
    background-color: var(--background4) !important;
    color: var(--text-color-highlight) !important;
}

.layout-content-container .wiki-content.wiki-page-diff del,
.layout-content-container .wiki-content.wiki-page-diff ins {
    color: #000 !important;
}

#dropdown-messages .dropdown-header,
.fc-header-toolbar h2 {
    color: var(--text-color-main) !important;
}

.conversation-scroll-down-button {
    background: var(--background-color-secondary);
    box-shadow: 1px 1px 2px var(--background-color-page);
}

.fc-list-heading {
    background-color: var(--background3) !important;
}

.external-calendar-overview td textarea {
    background-color: var(--background-color-main) !important;
}


.target-page-list-head {
    background-color: var(--background4) !important;
}
#gallery-container > .panel-heading {
    background-color: #222!important;
}

.task-checklist label.item-finished input[type=checkbox]:checked::after {
    color: var(--background-color-page) !important;
}

.task-checklist .task-item:hover {
    background: var(--background4) !important;
}

.task-list-header > .panel-body {
    background-color: var(--background3) !important;
}

.task-list-header h4 {
    color: var(--text-color-main) !important;
}

.task-list-header .help-block:hover,
.task-list-header.panel .help-block {
    color: var(--text-color-soft2) !important;
}

#task-container .panel-heading,
.task-list .pagination-container,
.task-list-items .task-list-task-completed-show-more,
.task-list-li,
.task-list-li .closed-task-lists-container {
    background-color: var(--background-color-main) !important;
}

.task-list-li.task-list-li-collapsed .task-toggled-color,
.task-overview label {
    color: var(--text-color-main) !important;
}

.task-overview #filter-tasks-list .media-list .empty,
.task-overview #filter-tasks-list .media-list li,
.task-overview #task-filter-nav {
    background: var(--background-color-secondary) !important;
    color: var(--text-color-secondary) !important;
}

.task-list-container .task-list-title-bar > div:hover,
.task-list-items .task-list-item .task-list-task-title-bar > div:hover {
    background: var(--background-color-secondary) !important;
}

body .closed-task-list-view li:hover {
    background-color: #4d443b !important;
}

.task-list-items .task-list-item .task-list-task-title-bar.highlighter,
.task-list-state-highlight,
.task-state-highlight,
.ui-sortable-helper {
    background-color: var(--background-color-highlight) !important;
}

#task-space-menu {
    border-bottom-color: var(--background3) !important;
}

#task-container .panel-heading .task-header-panel,
#task-space-menu li a {
    border-color: var(--background3) !important;
}

.task-controls,
.task-list-items .task-list-item,
.task-list-title-bar {
    border-color: var(--background4) !important;
}

.ui-sortable-helper {
    border-color: var(--background-color-secondary) !important;
}

.jp-audio {
    filter: invert(1) hue-rotate(180deg);
}

.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
    filter: invert(100%);
}

.mail-inbox-messages .media h5 {
    color: var(--text-color-secondary);
}

:root {
    --default: #0d0d0d;
    --primary: #5b5b5b;
    --info: #f7931a;
    --success: #97d271;
    --warning: #ffc107;
    --danger: #fc4a64;
    --link: #f7931a;

    --text-color-main: #ddd;
    --text-color-secondary: #bbb;
    --text-color-highlight: #fff;
    --text-color-soft: #dddddd;
    --text-color-soft2: #ccc;
    --text-color-soft3: #7b7773;
    --text-color-contrast: #000;
    --background-color-main: #222;
    --background-color-secondary: #333;
    --background-color-page: #000;
    --background-color-highlight: #2e393a;
    --background-color-highlight-soft: #171d1e;
    --background3: #393939;
    --background4: #5e5e5e;
    --background4-fade-50: #5e5e5e7f;
    --background4-lighten-10: #787878;
    --background4-lighten-16: #878787;
    --background-color-main-darken-10: #090909;
    --background-color-page-darken-5: #000000;
    --background-color-page-darken-8: #000000;
    --background-color-page-lighten-10: #1a1a1a;
    --background-color-page-lighten-20: #333333;
    --background-color-page-lighten-3: #080808;
    --background-color-page-lighten-30: #4d4d4d;
    --background-color-secondary-darken-5: #262626;
    --background-color-secondary-darken-2: #2e2e2e;
    --default-darken-5: #000000;
    --text-color-secondary-lighten-25: #fbfbfb;

    /* Converted from humhub.clean-theme.dynamic.css */
    --background-color-main-lighten-10: #191919;
    --background-color-page-lighten-5: #171b1c;
    --background-color-page-darken-10: #000000;
    --background-color-page-darken-20: #000000;
    --background-color-page-darken-30: #000000;
    --background-color-secondary-lighten-2: #0d0d0d;
    --background-color-secondary-lighten-5: #151515;
    --danger-lighten-10: #450104;
    --danger-lighten-5: #2c0103;
    --danger-darken-20: #f9899b;
    --danger-darken-5: #fb3650;
    --default-lighten-2: #111111;
    --default-lighten-5: #191919;
    --default-darken-2: #070707;
    --info-lighten-10: #093339;
    --info-lighten-27: #010506;
    --info-lighten-5: #0b3f47;
    --info-darken-25: #add6dc;
    --info-darken-30: #bddde2;
    --info-darken-40: #ddeef0;
    --info-darken-5: #38a7b7;
    --info-darken-50: #eef6f7;
    --info-darken-8: #42aebf;
    --link-lighten-2: #0e3b54;
    --link-darken-5: #3794c7;
    --primary-lighten-10: #0e1316;
    --primary-lighten-5: #131a1d;
    --primary-darken-10: #5f6d75;
    --primary-darken-20: #8a959c;
    --primary-darken-25: #9ca5ab;
    --primary-darken-5: #4f5d65;
    --primary-darken-8: #58666e;
    --success-lighten-10: #1d2e12;
    --success-lighten-5: #233715;
    --success-darken-20: #aec3a0;
    --success-darken-5: #73a957;
    --text-color-highlight-fade-15: #24242426;
    --text-color-highlight-fade-30: #2424244d;
    --text-color-secondary-darken-25: #454545;
    --warning-lighten-10: #402405;
    --warning-lighten-2: #532f06;
    --warning-lighten-5: #4b2b06;
    --warning-darken-10: #d89c55;
    --warning-darken-20: #e4bc8d;
    --warning-darken-40: #f1dfc9;
    --warning-darken-5: #ca8a3a;
    /* END: Converted from humhub.clean-theme.dynamic.css */

    --background-color-success: #f7fbf4;
    --text-color-success: #84be5e;
    --border-color-success: #97d271;
    --background-color-warning: #fffbf7;
    --text-color-warning: #e9b168;
    --border-color-warning: #fdd198;
    --background-color-danger: #fff6f6;
    --text-color-danger: #ff8989;
    --border-color-danger: #ff8989;

    --text-color-default: var(--text-color-main);

    --hh-ct-menu-text-color: var(--text-color-highlight);

    --hh-ct-panel-border-color: var(--background3);
    --hh-ct-text-color-heading: var(--text-color-highlight);
    --hh-ct-menu-border-color: var(--default);

    --hh-ct-top-menu-background-color: var(--background-color-page);
    --hh-ct-top-menu-text-color: var(--info);
    --hh-ct-top-menu-button-hover-background-color: var(--background-color-page-lighten-10);
    --hh-ct-top-menu-button-hover-text-color: var(--text-color-main);
}

.panel.panel-default {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px;
    box-shadow: 0 18px 42px rgba(2, 6, 12, 0.5);
    backdrop-filter: blur(14px) saturate(136%);
    -webkit-backdrop-filter: blur(14px) saturate(136%);
}

.panel.panel-default.custom-snippet.custom-pages-snippet {
    background: #101112 !important;
}

.panel.panel-default > .panel-heading {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)) !important;
    color: #f0f0f0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12) !important;
}

#wallet-performance-container .panel-heading.clearfix {
    background: none !important;
    border-bottom: none !important;
}

.panel.panel-default > .panel-body {
    background: transparent !important;
    color: #d8d8d8;
}

/* BTC-Live inspired, minimal refresh for default panels and space menu */
#space-main-menu.panel.panel-default.left-navigation,
.panel.panel-default.left-navigation:not(#space-main-menu) {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 18px 42px rgba(2, 6, 12, 0.5) !important;
    backdrop-filter: blur(14px) saturate(136%);
    -webkit-backdrop-filter: blur(14px) saturate(136%);
}

#space-main-menu.panel.panel-default.left-navigation > .list-group,
#space-main-menu.panel.panel-default.left-navigation > .panel-collapse > .list-group,
.panel.panel-default.left-navigation:not(#space-main-menu) > .list-group,
.panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group {
    background: transparent !important;
}

#space-main-menu.panel > .list-group .list-group-item,
#space-main-menu.panel > .panel-collapse > .list-group .list-group-item,
.panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item,
.panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item {
    background: rgba(255, 255, 255, 0.03) !important;
    color: #d8d8d8 !important;
    transition: all 0.2s ease;
}

#space-main-menu.panel > .list-group .list-group-item:hover,
#space-main-menu.panel > .list-group .list-group-item:focus,
#space-main-menu.panel > .list-group .list-group-item.active,
#space-main-menu.panel > .panel-collapse > .list-group .list-group-item:hover,
#space-main-menu.panel > .panel-collapse > .list-group .list-group-item:focus,
#space-main-menu.panel > .panel-collapse > .list-group .list-group-item.active,
.panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item:hover,
.panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item:focus,
.panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item.active,
.panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item:hover,
.panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item:focus,
.panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item.active {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.26) !important;
    color: #f2f2f2 !important;
}

/* Align people cards with the new panel design */
.container.container-cards.container-people .card .card-panel,
.container.container-cards.container-people .panel.panel-default {
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.02)) !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 42px rgba(2, 6, 12, 0.5) !important;
    backdrop-filter: blur(14px) saturate(136%);
    -webkit-backdrop-filter: blur(14px) saturate(136%);
}

.container.container-cards.container-people .card .card-panel .card-body,
.container.container-cards.container-people .panel.panel-default > .panel-body {
    background: transparent !important;
    color: #d8d8d8 !important;
}

.container.container-cards.container-people .card .card-panel:hover {
    border-color: rgba(255, 255, 255, 0.26) !important;
    box-shadow: 0 22px 46px rgba(2, 6, 12, 0.56) !important;
}

/* Full-width action buttons in people directory cards */
.container.container-cards.container-people .card .card-panel .card-footer a.btn.btn-primary.btn-sm.followButton,
.container.container-cards.container-people .card .card-panel .card-footer a.btn.btn-primary.btn-sm.unfollowButton,
.container.container-cards.container-people .card .card-panel .card-footer a.btn.btn-info.btn-sm {
    width: 100% !important;
    float: none !important;
    display: block !important;
    margin-right: 0 !important;
}

/* Match wall stream filter with panel design */
#wall-stream-filter-nav {
    background: none !important;
    border: none !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 42px rgba(2, 6, 12, 0.5) !important;
    backdrop-filter: blur(14px) saturate(136%);
    -webkit-backdrop-filter: blur(14px) saturate(136%);
    overflow: hidden;
}

#wall-stream-filter-nav .wall-stream-filter-head {
    background: none !important;
    border: none !important;
    border-bottom: none !important;
    padding: 0 !important;
}

#wall-stream-filter-nav .wall-stream-filter-body {
    background: transparent !important;
    border-top: none !important;
}

#wall-stream-filter-nav .wall-stream-filter-toggle,
#wall-stream-filter-nav .wall-stream-filter-toggle.btn-sm,
#wall-stream-filter-nav .wall-stream-autoplay-toggle,
#wall-stream-filter-nav .wall-stream-autoplay-toggle.btn-sm {
    border-radius: 10px !important;
    border: 1px solid var(--pd-glass-border, rgba(255, 255, 255, 0.22)) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    color: #d9e9ff !important;
    min-width: 42px;
    min-height: 38px;
    padding: 8px 10px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    float: left !important;
    font-size: 0 !important;
    line-height: 1 !important;
}

#wall-stream-filter-nav .wall-stream-filter-toggle .fa,
#wall-stream-filter-nav .wall-stream-autoplay-toggle .fa {
    font-size: 15px !important;
    margin: 0 !important;
}

#wall-stream-filter-nav .wall-stream-filter-toggle .caret,
#wall-stream-filter-nav .wall-stream-autoplay-toggle .caret {
    display: none !important;
}

#wall-stream-filter-nav .wall-stream-filter-toggle:hover,
#wall-stream-filter-nav .wall-stream-filter-toggle:focus,
#wall-stream-filter-nav .wall-stream-filter-toggle.active,
#wall-stream-filter-nav .wall-stream-autoplay-toggle:hover,
#wall-stream-filter-nav .wall-stream-autoplay-toggle:focus,
#wall-stream-filter-nav .wall-stream-autoplay-toggle.is-active {
    border-color: rgba(60, 180, 255, 0.8) !important;
    color: #fff !important;
    background: rgba(60, 180, 255, 0.2) !important;
}

#wall-stream-filter-nav .wall-stream-autoplay-toggle {
    margin-left: 8px !important;
}

#wall-stream-filter-nav .wall-stream-autoplay-toggle.is-inactive,
#wall-stream-filter-nav .wall-stream-autoplay-toggle.is-inactive:hover,
#wall-stream-filter-nav .wall-stream-autoplay-toggle.is-inactive:focus {
    border-color: var(--pd-glass-border, rgba(255, 255, 255, 0.22)) !important;
    color: #d9e9ff !important;
    background: rgba(255, 255, 255, 0.06) !important;
    opacity: 0.72;
}

/* Global open/close transition effect for wall stream filter */
#wall-stream-filter-nav .wall-stream-filter-toggle,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-filter-toggle,
#wall-stream-filter-nav .wall-stream-autoplay-toggle,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-autoplay-toggle {
    transition: border-color 220ms ease, color 220ms ease, background-color 220ms ease;
}

#wall-stream-filter-nav .wall-stream-filter-toggle.is-open,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-filter-toggle.is-open {
    border-color: rgba(60, 180, 255, 0.8) !important;
    color: #fff !important;
    background: rgba(60, 180, 255, 0.2) !important;
}

#wall-stream-filter-nav .wall-stream-filter-toggle .fa,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-filter-toggle .fa,
#wall-stream-filter-nav .wall-stream-autoplay-toggle .fa,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-autoplay-toggle .fa {
    transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

#wall-stream-filter-nav .wall-stream-filter-toggle.is-open .fa,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-filter-toggle.is-open .fa {
    transform: rotate(180deg);
}

#wall-stream-filter-nav .wall-stream-filter-body,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-filter-body {
    display: block !important;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(-4px);
    margin-top: 0;
    pointer-events: none;
    visibility: hidden;
    transition:
        max-height 360ms cubic-bezier(0.22, 0.61, 0.36, 1),
        opacity 320ms ease,
        transform 320ms ease,
        margin-top 320ms ease,
        visibility 0ms linear 320ms;
}

#wall-stream-filter-nav .wall-stream-filter-body.is-open,
.wallFilterPanel[data-ui-widget="stream.wall.WallStreamFilter"] .wall-stream-filter-body.is-open {
    max-height: 1400px;
    opacity: 1;
    transform: translateY(0);
    margin-top: 2px;
    pointer-events: auto;
    visibility: visible;
    transition:
        max-height 360ms cubic-bezier(0.22, 0.61, 0.36, 1),
        opacity 320ms ease,
        transform 320ms ease,
        margin-top 320ms ease,
        visibility 0ms linear 0ms;
}

.filter-root .filter-panel + .filter-panel {
    border-left: 2px solid #6a6a6a;
}


.panel[class*="wall_humhubmoduleswebFeedmodelsWebFeedContent_"] .wall-entry-content img {
/* padding-bottom: 10px; */
border-radius: 11px;
margin-bottom: 10px;
}

.panel[class*="wall_humhubmoduleswebFeedmodelsWebFeedContent_"] .wall-entry-header-image .fa-rss,
.panel[class*="wall_humhubmoduleswebFeedmodelsWebFeedContent_"] .wall-entry-header-image .fa-newspaper-o,
.panel[class*="wall_humhubmoduleswebfeedmodelswebfeedcontent_"] .wall-entry-header-image .fa-rss,
.panel[class*="wall_humhubmoduleswebfeedmodelswebfeedcontent_"] .wall-entry-header-image .fa-newspaper-o {
  font-size: 20px;
}

.wall-entry .wall-entry-header .wall-entry-header-image .fa {
  color: rgb(155, 93, 21);
}

.wall-entry .wall-entry-header .wall-entry-header-image {
  animation: wallEntryHeaderPulse 3s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform, opacity;
}

@keyframes wallEntryHeaderPulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.84;
  }
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .wall-entry .wall-entry-header .wall-entry-header-image {
    animation: none !important;
  }
}

.wall-entry-content.content {
  padding: 10px;
  padding-bottom: 5px;
  border-radius: 11px;
  background: none !important;
  background-color: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.wall-entry-controls.wall-entry-links::before {
  border-top: none;
}

#iframesnippet-40 {
  height: 100px !important;
  overflow: hidden !important;
  scrollbar-width: none;
  -ms-overflow-style: none;
  pointer-events: none;
}

#iframesnippet-40::-webkit-scrollbar {
  display: none;
}

.panel .panel-body:has(#iframesnippet-40) {
  padding: 0 !important;
  overflow: hidden !important;
}

@media (max-width: 768px) {
  .wall-entry-content.content {
    background: none !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }
}

@media (max-width: 580px) {
  .wall-entry .panel .panel-body {
    padding-bottom: 0 !important;
  }

  .panel,
  .panel.panel-default {
    border-radius: 0 !important;
    border-inline: 0 !important;
    border: 0 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.16) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16) !important;
  }

  .panel.panel-default.people-directory-native-panel.space-market-sortbar.people-directory-sortbar {
    display: none !important;
  }

  .new-post-design-entry .panel-body .new-post-design-media,
  .new-post-design-entry .panel-body > .wall-entry-body > .new-post-design-media,
  .new-post-design-entry .wall-entry-body > .new-post-design-media,
  .new-post-design-entry .wall-entry-content.content > .new-post-design-media {
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important;
  }

  .new-post-design-entry .wall-entry-footer .new-post-design-footer-shell {
    margin-top: 0 !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .new-post-design-entry .new-post-design-comment-container {
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: calc(100% + 20px) !important;
    max-width: calc(100% + 20px) !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .new-post-design-entry .well.well-small.comment-container,
  .new-post-design-entry .well.well-small.comment-container.new-post-design-comment-container,
  .new-post-design-entry .new-post-design-comment-container .nested-comments-root .comment-container {
    border-radius: 0 !important;
  }
}

/* Unified mobile left-navigation tabs (up to 979px) */
@media (max-width: 979px) {
  #space-main-menu.panel.panel-default.left-navigation,
  .panel.panel-default.left-navigation:not(#space-main-menu) {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    margin-bottom: 10px !important;
  }

  #space-main-menu.panel.panel-default.left-navigation > .panel-collapse,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse {
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #space-main-menu.panel.panel-default.left-navigation[style*="position: fixed"],
  #space-main-menu.panel.panel-default.left-navigation[style*="position:fixed"],
  .panel.panel-default.left-navigation:not(#space-main-menu)[style*="position: fixed"],
  .panel.panel-default.left-navigation:not(#space-main-menu)[style*="position:fixed"] {
    background-color: rgb(7 7 7 / 60%) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
  }

  #space-main-menu.panel.panel-default.left-navigation > .panel-heading,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-heading {
    display: none !important;
  }

  #space-main-menu.panel.panel-default.left-navigation > .list-group,
  #space-main-menu.panel.panel-default.left-navigation > .panel-collapse > .list-group,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
    border: 0 !important;
    background: none !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    cursor: grab;
    touch-action: pan-x;
  }

  #space-main-menu.panel.panel-default.left-navigation > .list-group::-webkit-scrollbar,
  #space-main-menu.panel.panel-default.left-navigation > .panel-collapse > .list-group::-webkit-scrollbar,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group::-webkit-scrollbar,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group::-webkit-scrollbar {
    display: none;
  }

  #space-main-menu.panel > .list-group .list-group-item,
  #space-main-menu.panel > .panel-collapse > .list-group .list-group-item,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item {
    flex: 0 0 auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    background: none !important;
    color: inherit !important;
    text-transform: none;
    letter-spacing: 0.02em;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.15;
    pointer-events: auto !important;
  }

  #space-main-menu.panel > .list-group .list-group-item:hover,
  #space-main-menu.panel > .list-group .list-group-item:focus,
  #space-main-menu.panel > .panel-collapse > .list-group .list-group-item:hover,
  #space-main-menu.panel > .panel-collapse > .list-group .list-group-item:focus,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item:hover,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item:focus,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item:hover,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item:focus {
    background: none !important;
    box-shadow: none !important;
    color: inherit !important;
    text-decoration: none !important;
  }

  #space-main-menu.panel > .list-group .list-group-item.active,
  #space-main-menu.panel > .list-group .list-group-item.active:hover,
  #space-main-menu.panel > .list-group .list-group-item.active:focus,
  #space-main-menu.panel > .panel-collapse > .list-group .list-group-item.active,
  #space-main-menu.panel > .panel-collapse > .list-group .list-group-item.active:hover,
  #space-main-menu.panel > .panel-collapse > .list-group .list-group-item.active:focus,
  #space-main-menu.panel > .list-group .dropdown.open > .list-group-item,
  #space-main-menu.panel > .panel-collapse > .list-group .dropdown.open > .list-group-item,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item.active,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item.active:hover,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item.active:focus,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item.active,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item.active:hover,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item.active:focus,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .dropdown.open > .list-group-item,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .dropdown.open > .list-group-item {
    background: none !important;
    box-shadow: none !important;
    color: inherit !important;
  }

  #space-main-menu.panel > .list-group .list-group-item i,
  #space-main-menu.panel > .panel-collapse > .list-group .list-group-item i,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group .list-group-item i,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group .list-group-item i {
    margin-right: 7px !important;
  }

  #space-main-menu.panel > .list-group.is-dragging,
  #space-main-menu.panel > .panel-collapse > .list-group.is-dragging,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group.is-dragging,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group.is-dragging {
    cursor: grabbing !important;
    user-select: none !important;
  }

  #space-main-menu.panel.panel-default.left-navigation > .list-group > .left-navigation-active-indicator,
  #space-main-menu.panel.panel-default.left-navigation > .panel-collapse > .list-group > .left-navigation-active-indicator,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .list-group > .left-navigation-active-indicator,
  .panel.panel-default.left-navigation:not(#space-main-menu) > .panel-collapse > .list-group > .left-navigation-active-indicator {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    border-radius: 999px;
    background: #f7931a;
    transform: translateX(0);
    transition: transform 0.2s ease, width 0.2s ease, opacity 0.2s ease;
    pointer-events: none;
    opacity: 0;
    z-index: 3;
  }
}

/* Global transparent neutral info buttons (aligned with legal cookie "essential" button style) */
.btn-info,
.btn-info:visited,
.btn-info:focus,
.btn-info.focus,
.open > .dropdown-toggle.btn-info {
  color: #f8f8f8 !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.42) !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.btn-info:active:focus,
.btn-info.active:focus,
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.open > .dropdown-toggle.btn-info:focus,
.open > .dropdown-toggle.btn-info:active {
  color: #ffffff !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.62) !important;
  background-color: rgba(255, 255, 255, 0.24) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:visited,
.btn-info[disabled]:visited,
fieldset[disabled] .btn-info:visited,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active {
  color: #ececec !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  background-image: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

@media (max-width: 768px) {
  .panel-profile .panel-profile-controls .statistics.pull-left {
    margin-left: 100px !important;
    width: calc(100% - 100px) !important;
    max-width: calc(100% - 100px) !important;
  }
  .panel-profile .panel-profile-controls .statistics.pull-left > a.status-badges-profile-stat.status-badges-profile-banner-badge {
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: auto !important;
    float: right !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    display: inline-flex !important;
    min-height: 38px;
  }
  .panel-profile .panel-profile-controls .statistics.pull-left > a.status-badges-profile-stat.status-badges-profile-banner-badge .status-badges-inline {
    margin-left: 14px !important;
  }
  .panel-profile-controls {
    padding-left: 0 !important;
    padding-top: 0 !important;
  }
  .panel-profile-controls > .row > .col-md-12 {
    display: flex !important;
    flex-direction: column;
    gap: 18px;
  }
  .controls.controls-header.pull-right {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    align-self: stretch;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
  }
}

@media (max-width: 768px) {
  #layout-content .panel-profile .panel-profile-header .profile-banner-image-container .img-profile-header-background {
    min-height: 100px !important;
    max-height: 100px !important;
    height: 100px !important;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  #layout-content {
    overflow-x: hidden !important;
  }

  .topbar,
  #topbar,
  #topbar > .container {
    z-index: 7000 !important;
  }

  .modal-backdrop,
  .modal-backdrop.in {
    z-index: 12000 !important;
  }

  .modal,
  #globalModal,
  #globalModal[aria-hidden="false"] {
    z-index: 12010 !important;
  }

  #layout-content .panel-profile .panel-profile-header {
    overflow: visible;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 .werthain-mobile-profile-toprow {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    margin-bottom: 8px;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    max-width: calc(100% - 56px);
    height: auto !important;
    margin: 0 !important;
    padding: 50px 0 0 5px !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-shadow: none !important;
    flex: 1 1 auto;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data,
  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data h1,
  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data h1 a,
  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data h2 {
    color: inherit !important;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data h1 {
    margin: 0 0 4px;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data h1 a {
    font-size: 21px;
    font-weight: var(--hh-ct-font-bold-weight);
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data .werthain-mobile-verify-cta {
    display: block;
    margin-top: 12px;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data .werthain-mobile-verify-cta-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    padding: 10px 12px;
    border-radius: 12px;
    border: 1px solid rgba(132, 140, 150, 0.42);
    background: linear-gradient(145deg, rgba(132, 140, 150, 0.24), rgba(132, 140, 150, 0.14));
    color: inherit !important;
    text-decoration: none !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data .werthain-mobile-verify-cta-link:hover,
  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data .werthain-mobile-verify-cta-link:focus {
    border-color: rgba(132, 140, 150, 0.56);
    background: linear-gradient(145deg, rgba(132, 140, 150, 0.3), rgba(132, 140, 150, 0.2));
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data .werthain-mobile-verify-cta-icon {
    font-size: 14px;
    line-height: 1;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow .img-profile-data .werthain-mobile-verify-cta-text {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    white-space: normal;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow #user-header-controls-menu,
  #layout-content .panel-profile .werthain-mobile-profile-toprow #space-header-controls-menu {
    margin-left: auto;
    margin-right: -10px;
    width: auto !important;
    float: none !important;
    flex: 0 0 auto;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow #user-header-controls-menu .dropdown-toggle,
  #layout-content .panel-profile .werthain-mobile-profile-toprow #space-header-controls-menu .dropdown-toggle {
    width: auto !important;
    min-width: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-end;
    gap: 8px;
    box-sizing: border-box;
    overflow: visible !important;
    min-width: 0;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone {
    width: 100%;
    margin: 8px 0 0;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link {
    display: block;
    width: 100%;
    padding: 12px 12px 11px;
    border-radius: 18px;
    border: 1px solid rgba(122, 171, 255, 0.38) !important;
    background: linear-gradient(180deg, rgba(27, 48, 84, 0.82), rgba(17, 31, 58, 0.78)) !important;
    color: inherit !important;
    text-decoration: none !important;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(174, 188, 210, 0.14), 0 0 18px rgba(174, 188, 210, 0.12);
    backdrop-filter: blur(18px);
    position: relative;
    overflow: hidden;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card:before,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.07), transparent 30%, transparent 70%, rgba(174, 188, 210, 0.1));
    pointer-events: none;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link {
    transition: transform 0.16s ease, box-shadow 0.16s ease;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:hover,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:focus,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:focus-visible,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:active {
    text-decoration: none;
    color: inherit !important;
    outline: none;
    border-color: rgba(122, 171, 255, 0.38) !important;
    background: linear-gradient(180deg, rgba(27, 48, 84, 0.82), rgba(17, 31, 58, 0.78)) !important;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card:hover,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card:focus,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card:focus-visible,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card:active {
    border-color: rgba(122, 171, 255, 0.38) !important;
    background: linear-gradient(180deg, rgba(27, 48, 84, 0.82), rgba(17, 31, 58, 0.78)) !important;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:hover,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:focus,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:focus-visible,
  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-link:active {
    transform: translateY(-2px);
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.42), 0 0 0 1px rgba(124, 176, 255, 0.34), 0 0 30px rgba(124, 176, 255, 0.24);
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-phase {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: rgba(212, 230, 255, 0.95);
    background: rgba(108, 156, 255, 0.18);
    border: 1px solid rgba(108, 156, 255, 0.34);
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 > .werthain-mobile-next-milestone .wo-milestone-card-desc {
    margin: 0;
    font-size: 13px;
    line-height: 1.35;
    opacity: 0.9;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
    overflow: hidden;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control {
    flex: 1 1 calc((100% - 56px) / 2);
    max-width: calc((100% - 56px) / 2);
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control.btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control.btn-group,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control.dropdown,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control.dropdown-navigation {
    width: auto !important;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control.btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control.btn-group,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control.dropdown,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control.dropdown-navigation {
    max-width: calc((100% - 56px) / 2) !important;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control.btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control > .btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control > a.btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control.btn-group > .btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row.werthain-mobile-controls-has-overflow > .werthain-mobile-primary-control > .btn-group > .btn {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control > .btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control > a.btn {
    width: 100% !important;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control > .btn-group {
    width: 100% !important;
    display: flex !important;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-primary-control > .btn-group > .btn {
    flex: 1 1 0;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow {
    flex: 0 0 auto;
    margin: 0 !important;
    overflow: visible !important;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow > .dropdown-toggle {
    min-width: 40px;
    width: auto !important;
    padding: 10px 12px;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow > .dropdown-toggle .caret {
    display: none;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow .dropdown-menu {
    min-width: 220px;
  }

  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow .dropdown-menu > li > .btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow .dropdown-menu > li > a.btn,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow .dropdown-menu > li > .btn-group {
    width: 100%;
    margin: 0;
  }

  #layout-content .panel-profile .panel-profile-controls {
    padding: 0px 0px 0px !important;
  }

  #layout-content .panel-profile .panel-profile-controls > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  #layout-content .panel-profile .panel-profile-controls > .row > .col-md-12 {
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    overflow: visible !important;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex;
    align-items: stretch;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left > a,
  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left > .entry {
    flex: 0 0 auto;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left .entry {
    float: none !important;
    margin: 0 !important;
    min-width: 78px;
    padding: 10px 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    text-align: center;
    line-height: 1.25;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left .entry .count {
    font-size: 18px;
    line-height: 1.1;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left .entry .title {
    font-size: 11px;
    line-height: 1.2;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left > a.status-badges-profile-stat.status-badges-profile-banner-badge {
    position: static !important;
    top: auto !important;
    right: auto !important;
    z-index: auto !important;
    float: none !important;
    margin: 0 !important;
    min-width: 78px;
    padding: 8px 10px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    text-align: center;
    line-height: 1.25;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left > a.status-badges-profile-stat.status-badges-profile-banner-badge .status-badges-inline {
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 100%;
    line-height: 1;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left > a.status-badges-profile-stat.status-badges-profile-banner-badge .status-badges-inline img {
    display: block !important;
    margin: 0 auto !important;
    vertical-align: middle !important;
    align-self: center !important;
  }
}

@media (max-width: 420px) {
  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left .entry {
    min-width: 72px;
    padding: 7px 8px;
  }

  #layout-content .panel-profile .panel-profile-controls .statistics.pull-left > a.status-badges-profile-stat.status-badges-profile-banner-badge {
    min-width: 72px;
    padding: 7px 8px;
  }

  #layout-content .panel-profile .werthain-mobile-profile-toprow #user-header-controls-menu,
  #layout-content .panel-profile .werthain-mobile-profile-toprow #space-header-controls-menu {
    margin-right: -8px;
  }
}

@media (max-width: 580px) {
  /* Keep <580 behavior aligned with the working <=768 logic. */
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow.open,
  #layout-content .panel-profile .controls.controls-header.pull-right.werthain-mobile-controls-row > .werthain-mobile-controls-overflow.open > .dropdown-menu {
    z-index: 7600 !important;
  }
}

body.modal-open {
  touch-action: manipulation;
}

@media (max-width: 768px) {
  /* Keep modal dropdown/select overlays above the raised mobile modal z-layer. */
  body.modal-open .modal .modal-content,
    body:has(#globalModal[aria-hidden="false"]) .modal .modal-content,
  body.modal-open .modal .modal-body,
    body:has(#globalModal[aria-hidden="false"]) .modal .modal-body,
  body.modal-open #globalModal .modal-content,
    body:has(#globalModal[aria-hidden="false"]) #globalModal .modal-content,
  body.modal-open #globalModal .modal-body,
    body:has(#globalModal[aria-hidden="false"]) #globalModal .modal-body {
    overflow: visible !important;
  }

  body.modal-open .modal .open > .dropdown-menu,
    body:has(#globalModal[aria-hidden="false"]) .modal .open > .dropdown-menu,
  body.modal-open #globalModal .open > .dropdown-menu,
    body:has(#globalModal[aria-hidden="false"]) #globalModal .open > .dropdown-menu,
  body.modal-open .modal .dropdown-menu,
    body:has(#globalModal[aria-hidden="false"]) .modal .dropdown-menu,
  body.modal-open #globalModal .dropdown-menu,
    body:has(#globalModal[aria-hidden="false"]) #globalModal .dropdown-menu,
  body.modal-open .modal .bootstrap-timepicker-widget.dropdown-menu,
    body:has(#globalModal[aria-hidden="false"]) .modal .bootstrap-timepicker-widget.dropdown-menu,
  body.modal-open #globalModal .bootstrap-timepicker-widget.dropdown-menu,
    body:has(#globalModal[aria-hidden="false"]) #globalModal .bootstrap-timepicker-widget.dropdown-menu {
    z-index: 13020 !important;
  }

  body.modal-open > .select2-container,
    body:has(#globalModal[aria-hidden="false"]) > .select2-container,
  body.modal-open .select2-container--open,
    body:has(#globalModal[aria-hidden="false"]) .select2-container--open,
  body.modal-open > .select2-container--open,
    body:has(#globalModal[aria-hidden="false"]) > .select2-container--open,
  body.modal-open .select2-container--open .select2-dropdown,
    body:has(#globalModal[aria-hidden="false"]) .select2-container--open .select2-dropdown,
  body.modal-open > .select2-container .select2-dropdown,
    body:has(#globalModal[aria-hidden="false"]) > .select2-container .select2-dropdown,
  body.modal-open .select2-dropdown,
    body:has(#globalModal[aria-hidden="false"]) .select2-dropdown {
    z-index: 13020 !important;
    pointer-events: auto !important;
    touch-action: pan-y !important;
  }

  body.modal-open .select2-container--open .select2-results__options,
    body:has(#globalModal[aria-hidden="false"]) .select2-container--open .select2-results__options,
  body.modal-open .select2-container--open .select2-results__option,
    body:has(#globalModal[aria-hidden="false"]) .select2-container--open .select2-results__option {
    pointer-events: auto !important;
  }
}