From 2820bc99e58285e0cac894a31b700b2e2809a78e Mon Sep 17 00:00:00 2001
From: Research Assistant <research@example.com>
Date: Wed, 29 Apr 2026 22:36:24 +0800
Subject: [PATCH] feat(21-01): add install status CSS styles (SECTION 5)

- .paperforge-install-status base style with margin/padding/border-radius
- .paperforge-install-success (green) with color-mix tinted background
- .paperforge-install-error (red) with color-mix tinted background
- .paperforge-install-progress (blue) with color-mix tinted background
- Uses Obsidian CSS variables for theme compatibility
---
 paperforge/plugin/styles.css | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)

diff --git a/paperforge/plugin/styles.css b/paperforge/plugin/styles.css
index 6113e75e..ea4d06d2 100644
--- a/paperforge/plugin/styles.css
+++ b/paperforge/plugin/styles.css
@@ -366,3 +366,34 @@
     color: var(--text-muted);
     font-size: var(--font-ui-small);
 }
+
+/* ==========================================================================
+   SECTION 5 — Settings Tab: Install Status
+   ========================================================================== */
+.paperforge-install-status {
+    margin: 12px 0;
+    padding: 10px 14px;
+    border-radius: var(--radius-m);
+    font-size: var(--font-ui-small);
+    line-height: 1.5;
+    background: var(--background-secondary);
+    border: 1px solid var(--background-modifier-border);
+}
+
+.paperforge-install-success {
+    color: var(--color-green);
+    border-color: var(--color-green);
+    background: color-mix(in srgb, var(--color-green) 10%, var(--background-secondary));
+}
+
+.paperforge-install-error {
+    color: var(--text-error);
+    border-color: var(--text-error);
+    background: color-mix(in srgb, var(--text-error) 10%, var(--background-secondary));
+}
+
+.paperforge-install-progress {
+    color: var(--color-blue);
+    border-color: var(--color-blue);
+    background: color-mix(in srgb, var(--color-blue) 8%, var(--background-secondary));
+}