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

2 files changed, 5 insertions, 7 deletions

diff --git a/src/routes/projects/[id]/+page.svelte b/src/routes/projects/[id]/+page.svelte
index 0f3e857..37113df 100644
--- a/src/routes/projects/[id]/+page.svelte
+++ b/src/routes/projects/[id]/+page.svelte
@@ -271,18 +271,15 @@
 		gap: 0.5rem;
 		padding: 0.375rem 0.75rem;
 		border: none;
-		border-radius: 0.625rem;
 		background: transparent;
 		color: var(--text-secondary);
 		font-family: inherit;
 		font-size: 0.875rem;
 		font-weight: 500;
 		cursor: pointer;
-		transition: all 0.2s ease;
 	}
 
 	.archived-toggle:hover {
-		background: var(--surface);
 		color: var(--text);
 	}
 
@@ -293,7 +290,7 @@
 	.archived-toggle .count {
 		min-width: 1.25rem;
 		padding: 0 0.375rem;
-		border-radius: 9999px;
+		border: 1px solid var(--border);
 		background: var(--surface);
 		text-align: center;
 		font-size: 0.75rem;
diff --git a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
index 2dc5427..591f4b7 100644
--- a/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
+++ b/src/routes/projects/[projectId]/routine/[routineId]/+page.svelte
@@ -304,10 +304,11 @@
 	.save-check {
 		position: absolute;
 		right: 1rem;
-		top: 50%;
-		transform: translateY(-50%);
+		top: 0;
+		bottom: 0;
+		display: inline-flex;
+		align-items: center;
 		opacity: 0;
-		transition: opacity 0.2s ease;
 	}
 
 	.save-check.visible {