From 1c28f15f979d0ab18ebbcfb4a4c9d3eee919ad6f Mon Sep 17 00:00:00 2001
From: S4NKALP <sankalptharu50028@gmail.com>
Date: Sat, 4 Jul 2026 22:27:00 +0545
Subject: [PATCH] style(src/styles/window): add panel notch CSS for notch UI
 elements

---
 src/styles/window/panel.css | 64 +++++++++++++++++++++++++++++++++++++
 1 file changed, 64 insertions(+)

diff --git a/src/styles/window/panel.css b/src/styles/window/panel.css
index 1e2e920..94df443 100644
--- a/src/styles/window/panel.css
+++ b/src/styles/window/panel.css
@@ -85,3 +85,67 @@
 #workspaces>button:hover * {
     color: @on-primary;
 }
+
+#panel-notch {
+    margin: 0 20px;
+}
+
+#panel-notch-stack {
+    background-color: #000000;
+    border-radius: 0 0 apply(radius-lg) apply(radius-lg);
+    min-width: 200px;
+    min-height: 34px;
+}
+
+#panel-notch-left-corner {
+    margin-left: -16px;
+}
+
+#panel-notch-right-corner {
+    margin-right: -16px;
+}
+
+#panel-notch-corner {
+    background-color: #000000;
+    border-radius: 0;
+    min-width: 20px;
+    min-height: 20px;
+}
+
+#panel-notch-stack #panel-button {
+    margin: 0;
+    padding: 0 4px;
+    margin-left: 8px;
+    background: none;
+    border: none;
+    border-radius: 0;
+}
+
+#panel-notch-stack #panel-button:hover {
+    background: none;
+}
+
+#panel-notch-stack #panel-button:hover * {
+    color: inherit;
+}
+
+#notch-recording-time {
+    font-size: apply(font-xs);
+    font-weight: 500;
+    padding: 0 8px 0 4px;
+}
+
+#panel-notch-stack #notch-player-art {
+    min-width: 24px;
+    min-height: 24px;
+    background-size: cover;
+    background-position: center;
+    border-radius: apply(radius-sm);
+    margin-left: 8px;
+}
+
+#panel-notch-stack #notch-player-time {
+    font-size: apply(font-xs);
+    font-weight: 500;
+    padding: 0 8px 0 4px;
+}