Restyle to a flat Miniflux-like design

- hairline separators instead of bordered rows, square corners, no shadows
- white background, system font stack, slimmer headings
- pine green accent; amber warn ramp carries the attention marks (due/late/mid)
- no hover backgrounds: hover is color/fill-state only
- reserve bold nav tab width and the scrollbar gutter so navigation never shifts layout

1 files changed, 11 insertions, 25 deletions

diff --git a/src/app.css b/src/app.css
index 89d3aa9..e94a77e 100644
--- a/src/app.css
+++ b/src/app.css
@@ -8,11 +8,6 @@
 	list-style: none;
 	display: flex;
 	flex-direction: column;
-	gap: 0.375rem;
-}
-
-.item-list--wide {
-	gap: 0.5rem;
 }
 
 /* Empty state */
@@ -21,10 +16,9 @@
 	font-size: 0.9375rem;
 	text-align: center;
 	background: var(--surface);
-	border-radius: 0.75rem;
-	box-shadow: 0 1px 2px var(--shadow);
+	border: 1px solid var(--border);
 	margin-top: 1rem;
-	padding: 2rem;
+	padding: 1.5rem;
 }
 
 /* Error */
@@ -33,7 +27,7 @@
 	font-size: 0.875rem;
 	padding: 0.5rem 0.75rem;
 	background: var(--danger-bg);
-	border-radius: 0.5rem;
+	border: 1px solid var(--danger);
 }
 
 /* Forms */
@@ -42,10 +36,9 @@
 	flex-direction: column;
 	gap: 0.75rem;
 	margin-bottom: 1.5rem;
-	padding: 1rem;
+	padding: 0.875rem;
 	background: var(--surface);
-	border-radius: 0.75rem;
-	box-shadow: 0 1px 2px var(--shadow);
+	border: 1px solid var(--border);
 }
 
 .form-card--compact {
@@ -59,32 +52,24 @@
 }
 
 .form-label {
-	font-size: 0.75rem;
+	font-size: 0.8125rem;
 	font-weight: 700;
-	text-transform: uppercase;
-	letter-spacing: 0.06em;
 	color: var(--text-secondary);
 }
 
 .form-input,
 .form-select {
-	padding: 0.75rem 1rem;
-	border: 1.5px solid var(--border);
-	border-radius: 0.75rem;
+	padding: 0.5rem 0.625rem;
+	border: 1px solid var(--border);
 	font-size: 1rem;
 	font-family: inherit;
 	background: var(--surface);
 	min-width: 0;
-	transition:
-		border-color 0.2s,
-		box-shadow 0.2s;
 }
 
 .form-input:focus,
 .form-select:focus {
-	outline: none;
 	border-color: var(--accent);
-	box-shadow: 0 0 0 3px var(--shadow-accent-focus);
 }
 
 .add-bar {
@@ -103,7 +88,9 @@
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	padding: 1.25rem 0;
+	padding: 1rem 0 0.5rem;
+	border-bottom: 1px solid var(--border);
+	margin-bottom: 1rem;
 }
 
 .back-link {
@@ -115,7 +102,6 @@
 	text-decoration: none;
 	font-size: 0.875rem;
 	font-weight: 500;
-	transition: color 0.2s;
 }
 
 .back-link:hover {