/* EarthWatch shell redesign, stage 4: feed panel (.side / #feed).
   Loads after the other ew-shell-*.css stages, reuses --ew2-* tokens.

   Deliberately does NOT change .feeditem's markup or class names --
   renderFeed() (js/inline-804.js) is the single authoritative renderer,
   but at least two other files (ew739-priority-engine.js,
   inline-3361.js) wrap window.renderFeed and read/mutate .feedBadge/
   .feedSub/.feedTitle by exact selector after the fact. Restructuring
   the card (e.g. to an icon-chip layout like the mockup's) would risk
   breaking those wrappers silently; this stage is colour/type/spacing
   only, keeping the existing left-border-accent pattern (the same
   deliberate scope decision made for .savedLocationCard in 924b7dd). */

.main>.side,.side{
  background:var(--ew2-surface)!important;
  border-left:1px solid var(--ew2-border)!important;
  border-right:none!important;
}

/* #feedHeading previously had TWO different ::after pseudo-elements
   fighting over the same element (" • MAP CONTEXT" in
   ew729-feed-context-css.css, "PRIORITISED" in inline-2.css) -- neither
   !important, so which one actually rendered depended on load order.
   Suppressed outright rather than guessing which claim is still true;
   replaced with a plain, unambiguous header. */
#feedHeading::after{content:none!important;}
#feedHeading::before{content:none!important;}
#feedHeading{
  height:auto!important;min-height:0!important;
  padding:13px 14px!important;
  background:var(--ew2-surface)!important;
  border-bottom:1px solid var(--ew2-border)!important;
  color:var(--ew2-text)!important;
  font:600 11.5px/1.2 var(--ew2-font-body)!important;
  letter-spacing:.02em!important;
  text-transform:none!important;
}

#feed{padding:11px!important;background:transparent!important;}

#feed .feeditem{
  position:relative!important;
  margin:0 0 7px!important;
  padding:9px 11px!important;
  min-height:0!important;
  background:var(--ew2-surface2)!important;
  border:1px solid var(--ew2-border)!important;
  border-left-width:3px!important;
  border-radius:8px!important;
  transition:border-color .12s ease,background .12s ease;
}
#feed .feeditem:hover{border-color:var(--ew2-border-strong)!important;}

.feedTop{display:flex!important;align-items:center!important;gap:7px!important;margin-bottom:5px!important;}
.feedBadge{
  font:700 8px/1 var(--ew2-font-mono)!important;
  letter-spacing:.05em!important;
  padding:2px 6px!important;
  border-radius:4px!important;
  border:1px solid currentColor!important;
  background:transparent!important;
}
.feedTime{
  margin-left:auto!important;
  font:600 8.5px/1 var(--ew2-font-mono)!important;
  color:var(--ew2-text3)!important;
  white-space:nowrap!important;
}
.feedTitle{
  font:700 11px/1.3 var(--ew2-font-body)!important;
  color:#F2F6F8!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.feedSub{
  font:500 9.5px/1.4 var(--ew2-font-body)!important;
  color:var(--ew2-text2)!important;
  margin-top:4px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  display:block!important; /* cancel v220-polish.css's -webkit-line-clamp:2 */
  -webkit-line-clamp:unset!important;
}

/* Severity colour on the badge (matches the icon accent language used
   in the sidebar hazard buttons: amber/orange/gold/teal family) */
.feeditem.critical .feedBadge{color:#E0435F!important;}
.feeditem.high .feedBadge{color:#E8703D!important;}
.feeditem.medium .feedBadge{color:#E8C93D!important;}
.feeditem.info .feedBadge{color:var(--ew2-accent)!important;}