@

style(runbackup): gray card via bg-body-secondary utility class

Move the card background off a custom CSS rule and onto a Bootstrap
utility class (bg-body-secondary) on the card element itself, so the gray
panel background is declared in the markup. Supersedes the .card
background-color rule added in the previous change.

Claude-Session: https://claude.ai/code/session_01WbGBN9VyRK61zczYWcCQ2i
@

source/packages/com_mokosuitebackup/media/css/runbackup.css

@@ -28,10 +28,10 @@ body {
 }
 
 /* overflow:hidden clips the full-bleed bar to the card's rounded corners.
-   The card is a gray panel on the black backdrop. */
-.msb-runbackup > .card {
+   The card's gray background comes from a Bootstrap utility class on the
+   element itself (see the template), not a rule here. */
+.msb-runbackup .card {
 	overflow: hidden;
-	background-color: var(--bs-gray-400, #ced4da);
 }
 
 .msb-rb-progress {

source/packages/com_mokosuitebackup/tmpl/runbackup/default.php

@@ -100,7 +100,7 @@ $this->getDocument()->getWebAssetManager()->useStyle('com_mokosuitebackup.runbac
 $this->getDocument()->addStyleSheet(Uri::root(true) . '/media/com_mokosuitebackup/css/runbackup.css');
 ?>
 <div class="msb-runbackup">
-	<div class="card shadow-sm">
+	<div class="card shadow-sm bg-body-secondary">
 		<div class="card-body p-4 pb-3">
 			<h1 class="h4 mb-1" id="msb-rb-title">
 				<span class="icon-archive" aria-hidden="true"></span>