/*
  German in Context — Notification panel: navy header + toolbar + footer (Warm Night) V3
  Overrides the "final brown override" in gic-warm-night-notification-global-v7.css.
  Selector is deliberately more specific than those rules (panel class repeated), so it wins
  whether the panel sits inside .gic-notify-host or is a body-level layer root.
  Night mode only. List rows, tabs and toolbar are untouched.
*/

/* ---------- header ---------- */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-head{
  background:linear-gradient(135deg,#1e3558 0%,#172b49 58%,#112039 100%)!important;
  background-color:#172b49!important;
  border-bottom:1px solid rgba(224,196,123,.32)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important;
}

/* close button: navy glass with gold edge */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-head .gic-notify-close{
  background:rgba(255,255,255,.09)!important;
  border:1px solid rgba(224,196,123,.38)!important;
  color:#f3ecd9!important;
  -webkit-text-fill-color:#f3ecd9!important;
}

/* summary line stays readable on navy */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-head .gic-notify-summary{
  color:rgba(243,236,217,.82)!important;
  -webkit-text-fill-color:rgba(243,236,217,.82)!important;
}

/* ---------- footer ---------- */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-footer{
  background:linear-gradient(180deg,#152641 0%,#101f38 100%)!important;
  background-color:#132440!important;
  border-top:1px solid rgba(224,196,123,.32)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset!important;
}

:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-footer :is(a,button){
  color:#e8cd85!important;
  -webkit-text-fill-color:#e8cd85!important;
  background:transparent!important;
}

/* ---------- V2: toolbar (All / Unread / Mark all as read) ---------- */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-toolbar{
  background:#132440!important;
  background-color:#132440!important;
  border-bottom:1px solid rgba(224,196,123,.22)!important;
}

/* tab track */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-filters{
  background:#1d3151!important;
  border:1px solid rgba(224,196,123,.18)!important;
  box-shadow:none!important;
}

/* inactive tab */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-filter{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  color:rgba(243,236,217,.72)!important;
  -webkit-text-fill-color:rgba(243,236,217,.72)!important;
}

/* active tab: soft gold pill */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-filter:is(.active,[aria-selected="true"],[aria-pressed="true"]){
  background:rgba(224,196,123,.18)!important;
  box-shadow:0 0 0 1px rgba(224,196,123,.35) inset!important;
  color:#e8cd85!important;
  -webkit-text-fill-color:#e8cd85!important;
}

/* mark all as read */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-mark-all{
  background:transparent!important;
  color:#e8cd85!important;
  -webkit-text-fill-color:#e8cd85!important;
}

/* ---------- V3 ---------- */

/* Active tab: a translucent gold over navy reads grey, so use a real gold pill with navy text */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-filter:is(.active,[aria-selected="true"],[aria-pressed="true"]){
  background:linear-gradient(180deg,#ecd48f 0%,#cfa94f 100%)!important;
  background-color:#d9b960!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 0 4px 10px rgba(0,0,0,.28)!important;
  color:#14233a!important;
  -webkit-text-fill-color:#14233a!important;
  font-weight:700!important;
}

/* List area: green-charcoal, same family as the site background (replaces the brown) */
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-list{
  background:#16211e!important;
  background-color:#16211e!important;
}
:is(html[data-gic-theme="dark"],html[data-gic-warm-night-notify="dark"]) body
.gic-notify-panel.gic-notify-panel.gic-notify-panel[data-gic-notify-panel] .gic-notify-list > :not([class*="unread"]){
  background:transparent!important;
  background-color:transparent!important;
  border-bottom-color:rgba(224,196,123,.14)!important;
}