/* Login panel look: dark AutoPlay Design System header (matching SPW's reskinned
   account screens) instead of the old solid-red header. Loaded on account screens
   only (see _Layout_Account.cshtml) so it never affects any other `.panel`. */
.panel-autoPlay {
    border-color: var(--ap-shark) !important;
    margin-bottom: 0 !important;
}

.panel-autoPlay > .panel-heading {
    color: var(--white);
    background-color: var(--ap-shark) !important;
    border-color: var(--ap-shark) !important;
}

/* account-background.css sets `.panel-autoPlay`'s own background to dark so no
   light corner peeks out from behind the rounded heading (see that file's
   comment). That dark background would otherwise show through the panel body
   too, since Bootstrap's .panel-body has no background of its own - pin it
   back to white explicitly. */
.panel-autoPlay > .panel-body {
    background-color: var(--surface-card);
}