/* Only the series detail header; episode and profile controls are unchanged. */
.series-actions {
 display: inline-grid;
 grid-template-columns: auto auto auto;
 align-items: stretch;
 gap: 8px;
 max-width: 100%;
 margin: 16px 0 24px;
 padding: 7px;
 border: 1px solid rgba(151, 165, 195, .16);
 border-radius: 16px;
 background: linear-gradient(135deg, rgba(32, 39, 54, .8), rgba(20, 25, 36, .7));
 box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
 box-sizing: border-box;
}
.series-actions .series-actions__form { margin: 0; min-width: 0; display: flex; }
.series-actions .series-action {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 9px;
 width: 100%;
 min-height: 44px;
 margin: 0;
 padding: 0 16px;
 border: 1px solid rgba(151, 165, 195, .19);
 border-radius: 10px;
 background: rgba(255, 255, 255, .025);
 color: #d9e3ef;
 font: inherit;
 font-size: 13px;
 font-weight: 600;
 line-height: 1.35;
 text-decoration: none;
 text-transform: none;
 cursor: pointer;
 box-sizing: border-box;
 transition: background-color .18s, border-color .18s, color .18s;
}
.series-actions .series-action svg { width: 18px; height: 18px; flex: 0 0 18px; color: #97a7bd; }
.series-actions .series-action--follow { background: #79d3c9; border-color: #79d3c9; color: #102b2c; }
.series-actions .series-action--follow svg { color: currentColor; }
.series-actions .series-action--follow.is-selected { background: rgba(121, 211, 201, .11); color: #9de5dd; border-color: rgba(121, 211, 201, .45); }
.series-actions .series-action--favorite.is-selected { color: #f2d887; border-color: rgba(242, 216, 135, .35); background: rgba(242, 216, 135, .08); }
.series-actions .series-action--watchlist.is-selected { color: #a9b9ff; border-color: rgba(169, 185, 255, .35); background: rgba(169, 185, 255, .08); }
.series-actions .is-selected svg { color: currentColor; }
.series-actions .series-action--favorite.is-selected svg,
.series-actions .series-action--watchlist.is-selected svg { fill: currentColor; fill-opacity: .18; }
.series-actions .series-action:focus-visible { outline: 2px solid #a6ebe3; outline-offset: 3px; }
.series-actions .series-action__mobile { display: none; }
@media (hover: hover) and (pointer: fine) {
 .series-actions .series-action:hover { border-color: rgba(121, 211, 201, .55); background: rgba(121, 211, 201, .09); color: #b5eee7; }
 .series-actions .series-action--follow:not(.is-selected):hover { background: #9ce6dd; color: #102b2c; }
}
@media (max-width: 600px) {
 .series-actions { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; max-width: 440px; gap: 8px; padding: 0; margin: 16px 0 20px; border: 0; border-radius: 0; background: none; box-shadow: none; }
 .series-actions .series-action { flex-direction: column; gap: 7px; min-height: 64px; padding: 9px 6px; font-size: 11.5px; line-height: 1.3; border-radius: 12px; border-color: rgba(151, 165, 195, .22); background: linear-gradient(155deg, #202838, #191f2d); color: #dbe4f0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 3px 9px rgba(0, 0, 0, .1); -webkit-tap-highlight-color: transparent; }
 .series-actions .series-action svg { width: 19px; height: 19px; flex-basis: 19px; }
 .series-actions .series-action__desktop { display: none; }
 .series-actions .series-action__mobile { display: block; white-space: nowrap; }
 .series-actions .series-action--follow { background: linear-gradient(145deg, #24413f, #1a302f); border-color: rgba(121, 211, 201, .45); color: #b1eee6; }
 .series-actions .series-action--favorite svg { color: #d8c28a; }
 .series-actions .series-action--watchlist svg { color: #a8b5ec; }
 .series-actions .series-action--follow.is-selected { background: linear-gradient(145deg, #2b4d47, #213b37); border-color: #79bdb0; }
 .series-actions .series-action--favorite.is-selected { background: linear-gradient(145deg, #3a3325, #29271f); border-color: rgba(242, 216, 135, .45); }
 .series-actions .series-action--watchlist.is-selected { background: linear-gradient(145deg, #2e334d, #23293b); border-color: rgba(169, 185, 255, .45); }
 .series-actions .series-action:active { opacity: .8; }
}
@media (prefers-reduced-motion: reduce) { .series-actions .series-action { transition: none; } }