/*
  German in Context — Warm Night Notification Reference V7
  Reference palette taken from the approved notification card in Night Mode.
  Scope: notification UI only. Light mode is untouched.
*/

:root{
  --gic-notify-night-panel:#2c2922;
  --gic-notify-night-panel-2:#2b2821;
  --gic-notify-night-head-1:#4a3a28;
  --gic-notify-night-head-2:#3f3223;
  --gic-notify-night-head-3:#352b1f;
  --gic-notify-night-toolbar:#343226;
  --gic-notify-night-filter-shell:#3d392d;
  --gic-notify-night-filter-active:#4b4737;
  --gic-notify-night-title:#f1eadc;
  --gic-notify-night-body:#c8c0ae;
  --gic-notify-night-time:#a69d8a;
  --gic-notify-night-gold:#e0c47b;
  --gic-notify-night-teal:#9fe2d3;
  --gic-notify-night-border:rgba(239,232,214,.13);
  --gic-notify-night-soft-border:rgba(239,232,214,.08);
}

/*
  The V7 bridge sets data-gic-warm-night-notify="dark" on <html>.
  The extra selectors keep compatibility with existing GiC theme markers.
*/
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]),

:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]){
  color-scheme:dark!important;
  background:var(--gic-notify-night-panel)!important;
  background-image:linear-gradient(180deg,var(--gic-notify-night-panel) 0%,var(--gic-notify-night-panel-2) 100%)!important;
  border:1px solid var(--gic-notify-night-border)!important;
  border-radius:24px!important;
  color:var(--gic-notify-night-title)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    0 24px 64px rgba(0,0,0,.42),
    0 8px 24px rgba(0,0,0,.22)!important;
  overflow:hidden;
}

/* Header: exact blue/teal reference treatment. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head,

:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head{
  background:
    radial-gradient(circle at 100% 0%,rgba(71,142,150,.32),transparent 58%),
    linear-gradient(145deg,
      var(--gic-notify-night-head-1) 0%,
      var(--gic-notify-night-head-2) 58%,
      var(--gic-notify-night-head-3) 100%)!important;
  background-color:var(--gic-notify-night-head-2)!important;
  border-bottom:1px solid rgba(224,196,123,.30)!important;
  color:var(--gic-notify-night-title)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head h1,
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head h2,
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head h3,
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-summary,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head h1,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head h2,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head h3,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-summary{
  color:#f3eee3!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-close,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-close{
  background:rgba(231,242,237,.09)!important;
  color:#f1eee4!important;
  border:1px solid rgba(231,242,237,.16)!important;
  box-shadow:none!important;
}

/* Toolbar and filters. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-toolbar,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-toolbar{
  background:var(--gic-notify-night-toolbar)!important;
  border-bottom:1px solid var(--gic-notify-night-soft-border)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-filters,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-filters{
  background:var(--gic-notify-night-filter-shell)!important;
  border-color:rgba(239,232,214,.07)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-filter,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-filter{
  background:transparent!important;
  color:#d1c8b3!important;
  border-color:transparent!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) :is(
  .gic-notify-filter.active,
  .gic-notify-filter[aria-selected="true"]
),
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) :is(
  .gic-notify-filter.active,
  .gic-notify-filter[aria-selected="true"]
){
  background:var(--gic-notify-night-filter-active)!important;
  color:#efe6cf!important;
  border-color:rgba(239,232,214,.06)!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-mark-all,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-mark-all{
  color:var(--gic-notify-night-gold)!important;
}

/* Notification list and rows. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) :is(
  .gic-notify-list,
  .gic-notify-content
),
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) :is(
  .gic-notify-list,
  .gic-notify-content
){
  background:var(--gic-notify-night-panel)!important;
  color:var(--gic-notify-night-title)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-row,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-row{
  background:#2c2922!important;
  color:var(--gic-notify-night-title)!important;
  border-bottom:1px solid var(--gic-notify-night-soft-border)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) :is(
  .gic-notify-row.unread,
  .gic-notify-row[data-unread="true"],
  .gic-notify-row[aria-unread="true"]
),
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) :is(
  .gic-notify-row.unread,
  .gic-notify-row[data-unread="true"],
  .gic-notify-row[aria-unread="true"]
){
  background:
    linear-gradient(180deg,rgba(214,181,109,.09),rgba(214,181,109,.035)),
    #2f2b23!important;
}

/* Text. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-title,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-title{
  color:var(--gic-notify-night-title)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-body,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-body{
  color:var(--gic-notify-night-body)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-time,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-time{
  color:var(--gic-notify-night-time)!important;
}

/* Icons: warm gold default, muted rose for security. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-icon,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-icon{
  width:38px!important;
  height:38px!important;
  border-radius:13px!important;
  background:#454225!important;
  color:#e3c978!important;
  box-shadow:none!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-row[data-kind="security"] .gic-notify-icon,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-row[data-kind="security"] .gic-notify-icon{
  background:#4a252c!important;
  color:#e6c7cf!important;
}

/* Unread indicator. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-dot,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-dot{
  background:#d9b95f!important;
  box-shadow:0 0 0 4px rgba(217,185,95,.15)!important;
}

/* Footer / View all notifications. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-footer,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-footer{
  background:var(--gic-notify-night-toolbar)!important;
  border-top:1px solid var(--gic-notify-night-soft-border)!important;
  color:var(--gic-notify-night-teal)!important;
}

:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-footer a,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-footer a{
  color:var(--gic-notify-night-teal)!important;
}

/* Catch inline legacy blue/teal styles on the main notification pieces. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head[style],
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) .gic-notify-head[style]{
  background:
    radial-gradient(circle at 100% 0%,rgba(71,142,150,.32),transparent 58%),
    linear-gradient(145deg,#17364b 0%,#193e51 58%,#1c4c5a 100%)!important;
  background-color:#193e51!important;
}

/* If the host itself supplies the small pointer/arrow, keep it in the same blue. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) .gic-notify-host.gic-notify-header-anchor .gic-notify-panel::before,
:is(
  body[data-gic-warm-night-notify="dark"],
  body[data-gic-theme="dark"],
  body[data-theme="dark"],
  body.dark,
  body.dark-mode,
  body.night-mode,
  body.gic-dark,
  body.theme-dark,
  body.is-dark,
  body.mode-dark
) .gic-notify-host.gic-notify-header-anchor .gic-notify-panel::before{
  background:#193e51!important;
  border-left-color:rgba(231,242,237,.16)!important;
  border-top-color:rgba(231,242,237,.16)!important;
}

/* Do not let generic links/buttons reintroduce a light/blue tap flash. */
:is(
  html[data-gic-warm-night-notify="dark"],
  html[data-gic-theme="dark"],
  html[data-theme="dark"],
  html.dark,
  html.dark-mode,
  html.night-mode,
  html.gic-dark,
  html.theme-dark,
  html.is-dark,
  html.mode-dark
) :is(.gic-notify-panel,[data-gic-notify-panel]) :is(button,a){
  -webkit-tap-highlight-color:transparent;
}

/* final brown override for head */
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-head,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-head{
  background:linear-gradient(145deg,#4a3a28 0%,#3f3223 58%,#352b1f 100%)!important;
  background-color:#3f3223!important;
  border-bottom:1px solid rgba(224,196,123,.30)!important;
  color:#f1eadc!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-toolbar,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-toolbar{
  background:#343226!important;background-image:none!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-footer,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-footer{
  background:#2b2921!important;background-image:none!important}

/* final brown override: rows, filters, footer link, icons */
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-row,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-row{
  background:#2b2921!important;background-image:none!important;
  border-bottom:1px solid rgba(242,235,221,.10)!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-row.unread,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-row.unread{
  background:#352d20!important;background-image:none!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-row:hover,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-row:hover{
  background:#3a3226!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-icon,
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-row[data-kind] .gic-notify-icon,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-icon,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-row[data-kind] .gic-notify-icon{
  background:#3a3226!important;background-image:none!important;color:#e0c47b!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-title,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-title{color:#f1eadc!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-content,
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-row p,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-content,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-row p{color:#c8c0ae!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-time,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-time{color:#a69d8a!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-filters,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-filters{
  background:#3d392d!important;background-image:none!important;box-shadow:none!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-filter,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-filter{
  background:transparent!important;color:#c8c0ae!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-filter.active,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-filter.active{
  background:#4b4737!important;color:#e0c47b!important;box-shadow:none!important}
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-mark-all,
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-footer a,
html[data-gic-theme="dark"] body > .gic-notify-panel.gic-notify-layer-root .gic-notify-footer button,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-mark-all,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-footer a,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-panel[data-gic-notify-panel] .gic-notify-footer button{color:#e0c47b!important}

/* night bell button, matches menu button */
html[data-gic-theme="dark"] body .gic-notify-bell,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-bell{
  background:#1c2a25!important;background-image:none!important;
  border:1px solid rgba(125,211,200,.22)!important;
  color:#e0c47b!important;box-shadow:none!important}
html[data-gic-theme="dark"] body .gic-notify-bell svg,
html[data-gic-theme="dark"] body .gic-notify-bell svg *{color:#e0c47b!important;stroke:#e0c47b!important}
html[data-gic-theme="dark"] body .gic-notify-bell:hover{background:#243630!important;border-color:rgba(224,196,123,.4)!important}

/* bell: stronger selector */
html[data-gic-theme="dark"] body .gic-notify-host.gic-notify-header-anchor .gic-notify-bell[data-gic-notify-bell],
html[data-gic-theme="dark"] body .gic-notify-host[data-gic-notify-host] .gic-notify-bell[data-gic-notify-bell]{
  background:#1c2a25!important;background-image:none!important;
  border:1px solid rgba(125,211,200,.22)!important;
  color:#e0c47b!important;box-shadow:none!important;filter:none!important}
html[data-gic-theme="dark"] body .gic-notify-host.gic-notify-header-anchor .gic-notify-bell[data-gic-notify-bell] svg,
html[data-gic-theme="dark"] body .gic-notify-host[data-gic-notify-host] .gic-notify-bell[data-gic-notify-bell] svg,
html[data-gic-theme="dark"] body .gic-notify-host .gic-notify-bell[data-gic-notify-bell] svg *{
  color:#e0c47b!important;stroke:#e0c47b!important;fill:none!important}





html[data-gic-theme="dark"] body:not(.x):not(.y):not(.z):not(.w):not(.v):not(.q):not(.p):not(.o) .gic-notify-host{margin-inline-end:8px!important}
html[data-gic-theme="dark"] body:not(.x):not(.y):not(.z):not(.w):not(.v):not(.q):not(.p):not(.o) .menu-btn{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}
html[data-gic-theme="dark"] body:not(.x):not(.y):not(.z):not(.w):not(.v):not(.q):not(.p):not(.o) .gic-notify-host{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;max-width:52px!important;max-height:52px!important}html[data-gic-theme="dark"] body:not(.x):not(.y):not(.z):not(.w):not(.v):not(.q):not(.p):not(.o) .gic-notify-host .gic-notify-bell{width:100%!important;height:100%!important;min-width:0!important;min-height:0!important}