From 70b8372c61c3ef3ff39fd567bcbb4d3bc9461377 Mon Sep 17 00:00:00 2001
From: Bartosz-Do <xbartoszdobija@gmail.com>
Date: Fri, 25 Sep 2026 12:04:34 +0200
Subject: [PATCH] Fix .card-progress losing its styles when not a direct child
 of .card (#3188)

---
 .changeset/fix-card-progress-nested-fallback.md |  5 +++++
 core/scss/ui/_cards.scss                        | 16 ++++++++++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/fix-card-progress-nested-fallback.md

diff --git a/.changeset/fix-card-progress-nested-fallback.md b/.changeset/fix-card-progress-nested-fallback.md
new file mode 100644
index 000000000..727de9b67
--- /dev/null
+++ b/.changeset/fix-card-progress-nested-fallback.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed `.card-progress` to keep a 2px bar fallback when it isn't a direct child of `.card`.
diff --git a/core/scss/ui/_cards.scss b/core/scss/ui/_cards.scss
index 13eebfbed..81d57598c 100644
--- a/core/scss/ui/_cards.scss
+++ b/core/scss/ui/_cards.scss
@@ -302,9 +302,21 @@ Stacked card
 }
 
 // Card progress
-// `.card >` outranks ui/_progress.scss's later `.progress { position: relative; }`.
-.card > .card-progress {
+.card-progress {
   --card-progress-height: #{$card-progress-height};
+  height: var(--card-progress-height);
+
+  &:last-child {
+    @include border-radius(0 0 2px 2px);
+  }
+
+  &:first-child {
+    @include border-radius(2px 2px 0 0);
+  }
+}
+
+// `.card >` outranks the fallback above and ui/_progress.scss's later `.progress { position: relative; }`.
+.card > .card-progress {
   --card-progress-offset: calc(-1 * var(--card-border-width));
   position: absolute;
   inset: var(--card-progress-offset);