fix(cards): selection ring clipping on browse grids (WebKitGTK) (#962)

* fix(artists): inset selection ring on grid cards, stop composer hover clip

Artist multi-select used a positive outline-offset that clipped in the
first grid row and sat outside the card border on hover. Match album
cards with an inset ring; drop composer-card hover translateY that
sheared the top edge in the in-page scrollport.

Reported by zunoz (v1.47.0-rc.3).

* fix(cards): selection ring via inset ::after overlay on WebKitGTK grids

Replace outline-based multi-select rings on album/artist/playlist cards
with the same inset ::after box-shadow pattern used for card focus rings
(card.css) — avoids clipping and the 1px gap vs the inner border on
overflow:hidden tiles in All Albums and related browse grids.

* docs: note browse grid selection ring fix in CHANGELOG (PR #962)

* docs(changelog): credit zunoz on Psysonic Discord for PR #962

src/styles/components/album-row-container.css

@@ -346,8 +346,21 @@
 }
 
 .album-card--selected {
-  outline: 2px solid var(--accent);
-  outline-offset: -2px;
+  outline: none;
+}
+
+/* Inset overlay ring — same approach as `.card:focus-visible::after` in card.css:
+   outline + overflow:hidden clips on WebKitGTK/Wayland; inset box-shadow on ::after
+   paints above the cover without growing the card box. */
+.album-card--selected::after,
+.album-card.selected::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 2px var(--accent);
+  z-index: 4;
+  pointer-events: none;
 }
 
 .album-card-select-check {
@@ -362,7 +375,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  z-index: 3;
+  z-index: 5;
   pointer-events: none;
 }
 

src/styles/components/artist-card-selection-checkbox.css

@@ -25,6 +25,25 @@
   color: var(--ctp-crust);
 }
 
+.artist-card--selectable {
+  cursor: pointer;
+}
+
+/* Inset overlay ring — see `.album-card--selected::after` / `.card:focus-visible::after`. */
+.artist-card--selected {
+  outline: none;
+}
+
+.artist-card--selected::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  box-shadow: inset 0 0 0 2px var(--accent);
+  z-index: 4;
+  pointer-events: none;
+}
+
 /* ── Albums selection bar (portal) ── */
 .albums-selection-bar {
   position: fixed;

src/styles/components/composer-grid-text-only-compact.css

@@ -34,7 +34,6 @@
 .composer-card:hover {
   border-color: var(--accent);
   background: var(--bg-hover);
-  transform: translateY(-1px);
   box-shadow: 0 4px 12px -6px rgba(0, 0, 0, 0.4);
 }