/* CGY-Setting 19.69.31 — HumHub-wide selectable theme */
:root {
    --cgy-site-header-start: #3a0a0a;
    --cgy-site-header-end: #b91c1c;
    --cgy-site-accent: #b91c1c;
    --cgy-site-accent-dark: #5f1111;
    --cgy-site-page-bg: #edf0f4;
    --cgy-site-panel-bg: #ffffff;
    --cgy-site-surface-alt: #f5f5f6;
    --cgy-site-border: #d9dadd;
    --cgy-site-text: #172033;
    --cgy-site-muted: #637083;
    --cgy-site-on-accent: #ffffff;
    --cgy-site-on-header: #ffffff;
    --cgy-site-panel-radius: 8px;
    --cgy-site-button-radius: 6px;
    --cgy-site-border-width: 1px;
    --cgy-site-panel-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    --cgy-site-heading-spacing: 0;
    --cgy-site-heading-transform: none;
    --cgy-site-title-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --cgy-site-title-color: #ffffff;
    --cgy-site-title-size: 18px;
    --cgy-topbar-text-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --cgy-topbar-text-color: #ffffff;
    --cgy-topbar-text-size: 13px;
    --cgy-account-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --cgy-account-color: #ffffff;
    --cgy-account-size: 12px;
    --cgy-secondary-nav-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --cgy-secondary-nav-color: #172033;
    --cgy-secondary-nav-size: 11px;
    --cgy-widget-title-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --cgy-widget-title-color: #172033;
    --cgy-widget-title-size: 15px;
    --cgy-body-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --cgy-body-color: #172033;
    --cgy-body-size: 14px;
    --cgy-link-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    --cgy-link-color: #b91c1c;
    --cgy-link-size: 13px;
    --cgy-secondary-topbar-bg: #ffffff;
    --cgy-account-bg: #34536b;
    --cgy-notification-bg: #34536b;
    --cgy-widget-header-bg: #f5f5f6;
}

html,
body,
#layout-content {
    background-color: var(--cgy-site-page-bg);
    color: var(--cgy-site-text);
}

#topbar-first,
.topbar-first,
header.topbar,
.navbar.navbar-inverse {
    background: linear-gradient(120deg, var(--cgy-site-header-start), var(--cgy-site-header-end)) !important;
    border-color: transparent !important;
    box-shadow: 0 8px 28px color-mix(in srgb, var(--cgy-site-accent-dark) 34%, transparent) !important;
}

#topbar-first a,
#topbar-first button,
.topbar-first a,
.topbar-first button,
header.topbar a,
header.topbar button,
.navbar.navbar-inverse a {
    color: var(--cgy-site-on-header) !important;
}

#topbar-second,
.topbar-second,
.navbar.navbar-default {
    background: var(--cgy-secondary-topbar-bg) !important;
    border-bottom: 3px solid var(--cgy-site-accent) !important;
}

#topbar-second a,
.topbar-second a,
.navbar.navbar-default a {
    color: var(--cgy-secondary-nav-color) !important;
    font-family: var(--cgy-secondary-nav-font) !important;
    font-size: var(--cgy-secondary-nav-size) !important;
}

#topbar-second a:hover,
#topbar-second a:focus,
.topbar-second a:hover,
.topbar-second a:focus {
    color: var(--cgy-site-accent) !important;
}

.panel,
.panel-default,
.card,
.modal-content,
.dropdown-menu,
.well,
.content-container {
    background-color: var(--cgy-site-panel-bg);
    color: var(--cgy-site-text);
    border-radius: var(--cgy-site-panel-radius);
    box-shadow: var(--cgy-site-panel-shadow);
}

.list-group-item,
.table,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    color: var(--cgy-site-text);
    background-color: var(--cgy-site-panel-bg);
    border-color: var(--cgy-site-border);
    border-width: var(--cgy-site-border-width);
}

.table-striped > tbody > tr:nth-of-type(odd) > td,
.table-striped > tbody > tr:nth-of-type(odd) > th,
.dropdown-menu .divider,
hr {
    background-color: var(--cgy-site-surface-alt);
    border-color: var(--cgy-site-border);
}

.panel-default,
.card,
.modal-content,
.well,
.content-container {
    border-color: var(--cgy-site-border);
}

.panel-heading,
.panel-default > .panel-heading,
.modal-header,
.modal-footer {
    color: var(--cgy-site-text);
    background-color: var(--cgy-site-surface-alt);
    border-color: var(--cgy-site-border);
}

a:not(.btn),
.link,
.help-block a {
    color: var(--cgy-site-accent);
}

a:not(.btn):hover,
a:not(.btn):focus {
    color: var(--cgy-site-accent-dark);
}

.btn-primary,
.btn-info,
button.primary,
input[type="submit"].btn-primary {
    color: var(--cgy-site-on-accent) !important;
    background: linear-gradient(135deg, var(--cgy-site-accent), var(--cgy-site-accent-dark)) !important;
    border-color: var(--cgy-site-accent-dark) !important;
    border-radius: var(--cgy-site-button-radius);
    box-shadow: 0 8px 22px color-mix(in srgb, var(--cgy-site-accent) 24%, transparent);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-info:hover,
.btn-info:focus {
    color: var(--cgy-site-on-accent) !important;
    filter: brightness(.94);
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    color: var(--cgy-site-on-accent) !important;
    background-color: var(--cgy-site-accent) !important;
    border-color: var(--cgy-site-accent-dark) !important;
    box-shadow: 0 0 18px color-mix(in srgb, var(--cgy-site-accent) 18%, transparent);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
    color: var(--cgy-site-accent-dark) !important;
    border-top-color: var(--cgy-site-accent) !important;
}

.dropdown-menu > li > a,
.list-group-item,
.media-heading,
.panel-title,
h1, h2, h3, h4, h5, h6 {
    color: var(--cgy-site-text);
    letter-spacing: var(--cgy-site-heading-spacing);
    text-transform: var(--cgy-site-heading-transform);
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.list-group-item:hover,
.list-group-item:focus {
    color: var(--cgy-site-text);
    background-color: color-mix(in srgb, var(--cgy-site-accent) 10%, var(--cgy-site-panel-bg));
}

.form-control,
select.form-control,
textarea.form-control {
    color: var(--cgy-site-text);
    background-color: var(--cgy-site-panel-bg);
    border-color: var(--cgy-site-border);
    border-radius: var(--cgy-site-button-radius);
}

.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
    border-color: var(--cgy-site-accent);
    box-shadow: 0 0 0 3px color-mix(in srgb, var(--cgy-site-accent) 16%, transparent);
}

.btn-default,
.btn-secondary {
    color: var(--cgy-site-text) !important;
    background-color: var(--cgy-site-surface-alt) !important;
    border-color: var(--cgy-site-border) !important;
}

.btn-default:hover,
.btn-default:focus,
.btn-secondary:hover,
.btn-secondary:focus {
    color: var(--cgy-site-text) !important;
    background-color: var(--cgy-site-panel-bg) !important;
    border-color: var(--cgy-site-accent) !important;
}

code,
pre {
    color: var(--cgy-site-text);
    background-color: var(--cgy-site-surface-alt);
    border-color: var(--cgy-site-border);
}

.text-muted,
.help-block:not(.help-block-error),
.form-text,
small.description {
    color: var(--cgy-site-muted) !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--cgy-site-accent);
}

.badge,
.label-primary,
.label-info,
.progress-bar,
.notification-bubble {
    color: var(--cgy-site-on-accent) !important;
    background-color: var(--cgy-site-accent) !important;
}

.space-nav > li.active > a,
.profile-nav > li.active > a,
.accountMenu > li.active > a,
.admin-menu > li.active > a {
    color: var(--cgy-site-accent-dark) !important;
    border-left-color: var(--cgy-site-accent) !important;
}

.login-container .panel,
.registration-container .panel {
    border-top: 4px solid var(--cgy-site-accent);
    box-shadow: 0 18px 45px color-mix(in srgb, var(--cgy-site-accent-dark) 20%, transparent);
}

/* Each preset has a distinct visual construction, not only a different palette. */

/* Executive Cobalt — polished corporate depth */
html[data-cgy-site-theme="upk-blue"] #topbar-first,
html[data-cgy-site-theme="upk-blue"] .topbar-first {
    background-image: radial-gradient(circle at 82% -35%, rgba(255,255,255,.26), transparent 42%), linear-gradient(118deg,#020d20 0%,var(--cgy-site-header-start) 48%,var(--cgy-site-header-end) 100%) !important;
}
html[data-cgy-site-theme="upk-blue"] .panel,
html[data-cgy-site-theme="upk-blue"] .content-container { border-top: 3px solid color-mix(in srgb,var(--cgy-site-accent) 78%,white); }
html[data-cgy-site-theme="upk-blue"] .btn-primary { box-shadow:0 10px 24px rgba(11,102,209,.24); }

/* Motor City Grunge — distressed red, charcoal, concrete */
html[data-cgy-site-theme="one-west-red"] body {
    background-image: radial-gradient(circle at 12% 12%,rgba(224,32,47,.055),transparent 26%), repeating-linear-gradient(118deg,rgba(30,20,20,.025) 0 1px,transparent 1px 7px);
}
html[data-cgy-site-theme="one-west-red"] #topbar-first,
html[data-cgy-site-theme="one-west-red"] .topbar-first {
    background-image: repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px),linear-gradient(105deg,#0a0808 0%,#3e0a0f 45%,#9c111f 100%) !important;
}
html[data-cgy-site-theme="one-west-red"] .panel,
html[data-cgy-site-theme="one-west-red"] .content-container { border-left:5px solid var(--cgy-site-accent); border-top:1px solid #fff6; }
html[data-cgy-site-theme="one-west-red"] .panel-heading { background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 4px); }

/* Black Gold Luxe — premium dark metallic */
html[data-cgy-site-theme="cgy-theme-1"] body { background-image:radial-gradient(circle at 80% -10%,rgba(242,182,50,.08),transparent 35%); }
html[data-cgy-site-theme="cgy-theme-1"] #topbar-first,
html[data-cgy-site-theme="cgy-theme-1"] .topbar-first { background-image:linear-gradient(110deg,#050505 0%,#17130a 48%,#7a4f00 100%) !important; }
html[data-cgy-site-theme="cgy-theme-1"] .panel,
html[data-cgy-site-theme="cgy-theme-1"] .content-container { border:1px solid color-mix(in srgb,var(--cgy-site-accent) 26%,var(--cgy-site-border)); }
html[data-cgy-site-theme="cgy-theme-1"] .panel-heading { border-bottom:1px solid rgba(242,182,50,.35); }
html[data-cgy-site-theme="cgy-theme-1"] .btn-primary { box-shadow:0 0 0 1px rgba(255,232,164,.2),0 10px 28px rgba(242,182,50,.15); }

/* Emerald Authority — executive, calm, modern */
html[data-cgy-site-theme="cgy-theme-2"] #topbar-first,
html[data-cgy-site-theme="cgy-theme-2"] .topbar-first { background-image:linear-gradient(118deg,#033126 0%,#087554 58%,#16b978 100%) !important; }
html[data-cgy-site-theme="cgy-theme-2"] .panel-heading { border-radius:14px 14px 0 0; }
html[data-cgy-site-theme="cgy-theme-2"] .panel,
html[data-cgy-site-theme="cgy-theme-2"] .content-container { border:1px solid color-mix(in srgb,var(--cgy-site-accent) 18%,var(--cgy-site-border)); }
html[data-cgy-site-theme="cgy-theme-2"] .btn-primary { background:linear-gradient(135deg,#18c982,var(--cgy-site-accent-dark)) !important; }

/* Carbon Steel — industrial black with hazard-orange energy */
html[data-cgy-site-theme="upk-black"] body { background-image:linear-gradient(135deg,rgba(255,255,255,.018) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.018) 50%,rgba(255,255,255,.018) 75%,transparent 75%); background-size:18px 18px; }
html[data-cgy-site-theme="upk-black"] #topbar-first,
html[data-cgy-site-theme="upk-black"] .topbar-first { background:linear-gradient(90deg,#020202,#17191d 72%,#281006) !important; box-shadow:inset 0 -3px var(--cgy-site-accent) !important; }
html[data-cgy-site-theme="upk-black"] .panel,
html[data-cgy-site-theme="upk-black"] .content-container { border-left:3px solid #2b2f35; border-bottom:2px solid #050505; }
html[data-cgy-site-theme="upk-black"] .btn-primary { text-transform:uppercase; letter-spacing:.06em; }

/* Heritage Bronze — warm rugged craftsmanship */
html[data-cgy-site-theme="brotherhood"] body { background-image:radial-gradient(circle at 14% 0,rgba(213,138,58,.10),transparent 30%),linear-gradient(0deg,rgba(255,255,255,.015),rgba(255,255,255,0)); }
html[data-cgy-site-theme="brotherhood"] #topbar-first,
html[data-cgy-site-theme="brotherhood"] .topbar-first { background-image:linear-gradient(110deg,#0d0805,#3e2414 58%,#754015) !important; }
html[data-cgy-site-theme="brotherhood"] .panel-heading { border-bottom:2px solid var(--cgy-site-accent); }
html[data-cgy-site-theme="brotherhood"] .panel,
html[data-cgy-site-theme="brotherhood"] .content-container { outline:1px solid rgba(213,138,58,.08); outline-offset:-4px; }

/* Skyline Corporate — airy, bright, highly legible */
html[data-cgy-site-theme="cold-blue"] #topbar-first,
html[data-cgy-site-theme="cold-blue"] .topbar-first { background:linear-gradient(112deg,#0d5f8f,#20a4d8) !important; box-shadow:0 4px 16px rgba(13,95,143,.18) !important; }
html[data-cgy-site-theme="cold-blue"] #topbar-second { border-bottom-width:2px !important; }
html[data-cgy-site-theme="cold-blue"] .panel,
html[data-cgy-site-theme="cold-blue"] .content-container { box-shadow:0 6px 18px rgba(27,63,80,.07); border:1px solid #dce7ed; }

/* Electric Command — digital navy, cyan charge */
html[data-cgy-site-theme="cyber-navy"] #topbar-first,
html[data-cgy-site-theme="cyber-navy"] .topbar-first { background-image:radial-gradient(circle at 78% -18%,rgba(0,168,255,.78),transparent 34%),linear-gradient(110deg,#010713,#042047 62%,#075bd8) !important; }
html[data-cgy-site-theme="cyber-navy"] .panel,
html[data-cgy-site-theme="cyber-navy"] .content-container { box-shadow:0 0 0 1px rgba(0,168,255,.10),0 16px 40px rgba(0,0,0,.25); }
html[data-cgy-site-theme="cyber-navy"] .panel-heading { box-shadow:inset 0 -1px rgba(0,168,255,.38); }
html[data-cgy-site-theme="cyber-navy"] .btn-primary { box-shadow:0 0 24px rgba(0,168,255,.34); }

/* Street Circuit — underground grid + vivid green signal */
html[data-cgy-site-theme="neon-circuit"] body { background-image:linear-gradient(rgba(53,242,138,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(53,242,138,.026) 1px,transparent 1px); background-size:28px 28px; }
html[data-cgy-site-theme="neon-circuit"] #topbar-first,
html[data-cgy-site-theme="neon-circuit"] .topbar-first { background-image:linear-gradient(rgba(53,242,138,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(53,242,138,.08) 1px,transparent 1px),linear-gradient(120deg,#010503,#063222) !important; background-size:22px 22px,22px 22px,auto !important; }
html[data-cgy-site-theme="neon-circuit"] .panel,
html[data-cgy-site-theme="neon-circuit"] .content-container { border-top:2px solid color-mix(in srgb,var(--cgy-site-accent) 70%,transparent); }
html[data-cgy-site-theme="neon-circuit"] .btn-primary,
html[data-cgy-site-theme="neon-circuit"] .nav-pills > li.active > a { box-shadow:0 0 22px rgba(53,242,138,.32) !important; }

/* Arctic Glass — cool translucent premium dark */
html[data-cgy-site-theme="obsidian-ice"] body { background-image:radial-gradient(circle at 82% 5%,rgba(122,223,255,.08),transparent 30%),radial-gradient(circle at 12% 90%,rgba(35,133,169,.06),transparent 28%); }
html[data-cgy-site-theme="obsidian-ice"] .panel,
html[data-cgy-site-theme="obsidian-ice"] .content-container,
html[data-cgy-site-theme="obsidian-ice"] .dropdown-menu { background-image:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 48%,transparent 70%); backdrop-filter:blur(12px); border-color:rgba(122,223,255,.20); }
html[data-cgy-site-theme="obsidian-ice"] #topbar-first,
html[data-cgy-site-theme="obsidian-ice"] .topbar-first { background-image:linear-gradient(110deg,#010305,#0b202c 66%,#174b61) !important; }
html[data-cgy-site-theme="obsidian-ice"] .btn-primary { box-shadow:0 0 26px rgba(122,223,255,.20); }

@media (prefers-reduced-motion: reduce) {
    .btn-primary,
    .btn-info {
        transition: none !important;
    }
}


/* CGY-Setting area-level typography and top-bar controls */
#topbar-first .navbar-brand,
.topbar-first .navbar-brand,
#topbar-first .brand,
.topbar-first .brand,
#topbar-first .navbar-text,
.topbar-first .navbar-text {
    color: var(--cgy-site-title-color) !important;
    font-family: var(--cgy-site-title-font) !important;
    font-size: var(--cgy-site-title-size) !important;
}

#topbar-first a,
#topbar-first button,
.topbar-first a,
.topbar-first button,
header.topbar a,
header.topbar button {
    color: var(--cgy-topbar-text-color) !important;
    font-family: var(--cgy-topbar-text-font) !important;
    font-size: var(--cgy-topbar-text-size) !important;
}

#topbar-first .account,
.topbar-first .account,
#topbar-first .user-account,
.topbar-first .user-account,
#topbar-first .account .dropdown-toggle,
.topbar-first .account .dropdown-toggle,
#topbar-first .user-account .dropdown-toggle,
.topbar-first .user-account .dropdown-toggle {
    background-color: var(--cgy-account-bg) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--cgy-account-color) !important;
    font-family: var(--cgy-account-font) !important;
    font-size: var(--cgy-account-size) !important;
}
#topbar-first .account *, .topbar-first .account *,
#topbar-first .user-account *, .topbar-first .user-account * {
    color: var(--cgy-account-color) !important;
    font-family: var(--cgy-account-font) !important;
}

#topbar-first .notifications .dropdown-toggle,
.topbar-first .notifications .dropdown-toggle,
#topbar-first .notification .dropdown-toggle,
.topbar-first .notification .dropdown-toggle,
#topbar-first .notifications > a,
.topbar-first .notifications > a {
    background-color: var(--cgy-notification-bg) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--cgy-topbar-text-color) !important;
}

#topbar-second,
.topbar-second,
.navbar.navbar-default {
    background-color: var(--cgy-secondary-topbar-bg) !important;
}
#topbar-second a,
.topbar-second a,
.navbar.navbar-default a,
#topbar-second .nav > li > a,
.topbar-second .nav > li > a {
    color: var(--cgy-secondary-nav-color) !important;
    font-family: var(--cgy-secondary-nav-font) !important;
    font-size: var(--cgy-secondary-nav-size) !important;
}

.panel-heading,
.panel-default > .panel-heading,
.content-container .panel-heading,
.widget .panel-heading,
.panel-heading .panel-title,
.panel-heading h1,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4 {
    background-color: var(--cgy-widget-header-bg) !important;
    color: var(--cgy-widget-title-color) !important;
    font-family: var(--cgy-widget-title-font) !important;
    font-size: var(--cgy-widget-title-size) !important;
}
.panel-heading a,
.panel-heading .panel-title a,
.panel-heading strong,
.panel-heading span:not(.label):not(.badge) {
    color: var(--cgy-widget-title-color) !important;
    font-family: var(--cgy-widget-title-font) !important;
}

body,
.panel-body,
.content-container,
.wall-entry-content,
.wall-entry-body,
.comment-content,
.media-body {
    color: var(--cgy-body-color);
    font-family: var(--cgy-body-font);
    font-size: var(--cgy-body-size);
}

a,
.wall-entry-controls a,
.comment-container a,
.content-container .help-block a {
    font-family: var(--cgy-link-font);
}
.wall-entry-controls a,
.comment-container .wall-entry-controls a,
.content-container a:not(.btn):not(.dropdown-toggle):not(.nav-link) {
    color: var(--cgy-link-color);
}
.wall-entry-controls a,
.comment-container .wall-entry-controls a {
    font-size: var(--cgy-link-size);
}


/* 19.69.29 — HumHub's bell trigger is a direct child of .notifications .btn-group.
   These selectors intentionally outrank HumHub's #topbar-first .btn-group > a rule. */
#topbar-first .notifications,
.topbar-first .notifications {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

#topbar-first .notifications .btn-group > a,
#topbar-first .notifications .btn-group.open > a,
#topbar-first .notifications .btn-group > a:hover,
#topbar-first .notifications .btn-group > a:focus,
#topbar-first .notifications .btn-group > a:active,
.topbar-first .notifications .btn-group > a,
.topbar-first .notifications .btn-group.open > a,
.topbar-first .notifications .btn-group > a:hover,
.topbar-first .notifications .btn-group > a:focus,
.topbar-first .notifications .btn-group > a:active,
#topbar-first .notifications .dropdown-toggle,
.topbar-first .notifications .dropdown-toggle {
    background: var(--cgy-notification-bg) !important;
    background-color: var(--cgy-notification-bg) !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Preserve the notification dropdown itself; only the bell trigger is theme-transparent. */
#topbar-first .notifications .dropdown-menu,
.topbar-first .notifications .dropdown-menu {
    background-color: var(--cgy-site-panel-bg) !important;
}

/* 19.69.31: keep notification content readable on every light and dark preset. */
#dropdown-notifications,
#topbar-first #dropdown-notifications,
.topbar-first #dropdown-notifications {
    color: var(--cgy-site-text) !important;
    background-color: var(--cgy-site-panel-bg) !important;
}

#dropdown-notifications .dropdown-header,
#dropdown-notifications .hh-list > a,
#dropdown-notifications .hh-list > a:hover,
#dropdown-notifications .hh-list > a:focus,
#dropdown-notifications .hh-list > a .flex-grow-1,
#dropdown-notifications .hh-list > a .flex-grow-1 > strong {
    color: var(--cgy-site-text) !important;
}

#dropdown-notifications .hh-list > a .flex-grow-1 > div,
#dropdown-notifications .hh-list > a .flex-grow-1 > small,
#dropdown-notifications .hh-list > a .flex-grow-1 > time,
#dropdown-notifications .hh-list > a .time,
#dropdown-notifications .hh-list > a .timeago {
    color: var(--cgy-site-muted) !important;
}

#dropdown-notifications .hh-list > a:hover,
#dropdown-notifications .hh-list > a:focus {
    background-color: color-mix(in srgb, var(--cgy-site-accent) 10%, var(--cgy-site-panel-bg)) !important;
}

#dropdown-notifications .dropdown-footer .btn {
    color: var(--cgy-site-text) !important;
    background-color: var(--cgy-site-surface-alt) !important;
    border-color: var(--cgy-site-border) !important;
}