/* The two phone doors in the header: reading in from the edge, Live first, then activity.

   app.css line 432 paints every header icon with `fill: currentColor`, which turns an outline
   path into a solid blob — so the activity heart arrived as a black lump instead of the outline
   it is drawn as. These two selectors are the only ones here, and they are deliberately
   narrow: the desktop bell, the theme moon and the admin gear keep painting exactly as
   they did before. `html` is what beats app.css's `.mtv-authnav .mtv-bell svg` at 640px. */

html .mtv-header .mtv-live-door svg,
html .mtv-header .mtv-notif .mtv-notif__heart {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
}

/* The count is a grid sibling of the icon, so app.css's `place-items: center` used to drop it
   on a second row under the glyph. Out of the flow and onto the corner is what makes it read
   as a badge rather than a second line of the door. */
html .mtv-header .mtv-live-door .mtv-pill,
html .mtv-header .mtv-notif .mtv-pill {
    position: absolute;
    top: -7px;
    right: -9px;
    padding: 1px 5px;
    font-size: 10px;
    line-height: 1.45;
}