From 2b0f3547cb2022d86914f1d174a4d01c8282efc4 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sat, 27 Sep 2025 15:11:02 -0400
Subject: [PATCH] Highlight owner offline videos with critical styling

---
 css/style.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/css/style.css b/css/style.css
index 07aa6a01..b523fd42 100644
--- a/css/style.css
+++ b/css/style.css
@@ -3,6 +3,7 @@
   --color-card: #1e293b;
   --color-primary: #fe0032;
   --color-secondary: #ff93a5;
+  --color-card-critical: #3f0b13;
   --color-text: #f8fafc;
   --color-muted: #94a3b8;
   --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
@@ -78,6 +79,15 @@ header img {
   display: none;
 }
 
+.video-card[data-owner-is-viewer="true"][data-url-health-state="offline"][data-stream-health-state="unhealthy"] {
+  background-color: var(--color-card-critical);
+  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.35), var(--shadow-md);
+}
+
+.video-card[data-owner-is-viewer="true"][data-url-health-state="offline"][data-stream-health-state="unhealthy"]:hover {
+  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.45), var(--shadow-lg);
+}
+
 .video-card--enter {
   opacity: 0;
   animation: video-card-fade-in 220ms ease-out forwards;