/* Hamrah G119B Dev1 R8.3 Overlay Hit-Target Isolation + Media Edge Accent
   Decorative only: pointer-events stay disabled so this layer can never own a hit target. */

:root{
  --g119b-r83-media-accent-a:rgba(19,127,210,.16);
  --g119b-r83-media-accent-b:rgba(24,184,173,.42);
  --g119b-r83-media-accent-c:rgba(19,127,210,.10);
  --g119b-r83-media-accent-glow:rgba(24,184,173,.12);
}
body[data-palette="violet"]{
  --g119b-r83-media-accent-a:rgba(93,92,226,.16);
  --g119b-r83-media-accent-b:rgba(213,79,157,.42);
  --g119b-r83-media-accent-c:rgba(93,92,226,.10);
  --g119b-r83-media-accent-glow:rgba(213,79,157,.12);
}
body[data-palette="emerald"]{
  --g119b-r83-media-accent-a:rgba(11,129,120,.16);
  --g119b-r83-media-accent-b:rgba(109,191,84,.42);
  --g119b-r83-media-accent-c:rgba(11,129,120,.10);
  --g119b-r83-media-accent-glow:rgba(109,191,84,.12);
}
body[data-palette="sunset"]{
  --g119b-r83-media-accent-a:rgba(223,77,104,.16);
  --g119b-r83-media-accent-b:rgba(236,174,48,.46);
  --g119b-r83-media-accent-c:rgba(223,77,104,.10);
  --g119b-r83-media-accent-glow:rgba(236,174,48,.13);
}
body[data-palette="ocean"]{
  --g119b-r83-media-accent-a:rgba(36,79,193,.16);
  --g119b-r83-media-accent-b:rgba(24,169,226,.44);
  --g119b-r83-media-accent-c:rgba(36,79,193,.10);
  --g119b-r83-media-accent-glow:rgba(24,169,226,.12);
}
body[data-palette="rose"]{
  --g119b-r83-media-accent-a:rgba(207,71,125,.16);
  --g119b-r83-media-accent-b:rgba(240,125,135,.44);
  --g119b-r83-media-accent-c:rgba(207,71,125,.10);
  --g119b-r83-media-accent-glow:rgba(240,125,135,.12);
}
body[data-palette="graphite"]{
  --g119b-r83-media-accent-a:rgba(52,64,82,.14);
  --g119b-r83-media-accent-b:rgba(113,128,150,.38);
  --g119b-r83-media-accent-c:rgba(52,64,82,.08);
  --g119b-r83-media-accent-glow:rgba(113,128,150,.10);
}
body[data-palette="midnight"]{
  --g119b-r83-media-accent-a:rgba(24,42,99,.16);
  --g119b-r83-media-accent-b:rgba(91,78,209,.44);
  --g119b-r83-media-accent-c:rgba(24,42,99,.10);
  --g119b-r83-media-accent-glow:rgba(91,78,209,.12);
}

/* One slim theme rail is used instead of a full bright border. */
button.g119b-r7-inline-media::after,
button.g119b-r81-inline-media::after,
.g119b-r82-media-album::after{
  content:"";
  position:absolute;
  z-index:12;
  inset-block:14%;
  inset-inline-start:3px;
  inline-size:2px;
  border-radius:999px;
  background:linear-gradient(
    180deg,
    var(--g119b-r83-media-accent-a) 0%,
    var(--g119b-r83-media-accent-b) 48%,
    var(--g119b-r83-media-accent-c) 100%
  );
  box-shadow:0 0 9px var(--g119b-r83-media-accent-glow);
  opacity:.78;
  pointer-events:none!important;
  user-select:none;
}

.message.mine button.g119b-r7-inline-media::after,
.message.mine button.g119b-r81-inline-media::after,
.g119b-r82-media-album.mine::after{
  inset-inline-start:auto;
  inset-inline-end:3px;
}

/* Album owns one accent rail; individual tiles remain visually clean. */
.g119b-r82-media-album button.g119b-r7-inline-media::after,
.g119b-r82-media-album button.g119b-r81-inline-media::after{
  content:none!important;
}

/* Wallpaper may already be visually rich, so keep the rail especially quiet. */
body[data-wallpaper="aurora"]{
  --g119b-r83-media-accent-glow:transparent;
}
body.dark .g119b-r82-media-album::after,
body.dark button.g119b-r7-inline-media::after,
body.dark button.g119b-r81-inline-media::after{
  opacity:.68;
}
body.amoled .g119b-r82-media-album::after,
body.amoled button.g119b-r7-inline-media::after,
body.amoled button.g119b-r81-inline-media::after{
  opacity:.62;
}
body.high-contrast .g119b-r82-media-album::after,
body.high-contrast button.g119b-r7-inline-media::after,
body.high-contrast button.g119b-r81-inline-media::after{
  box-shadow:none;
  opacity:.86;
}