Changeset 0.20.0 (#85)

src/css/notification-prefs.css

@@ -0,0 +1,64 @@
+/* ==========================================
+   Notification Preferences — v0.20.0 Phase 3
+   ========================================== */
+
+.notif-pref-table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.9rem;
+}
+.notif-pref-table th {
+    text-align: left;
+    padding: 6px 8px;
+    border-bottom: 2px solid var(--border-color, #ddd);
+    font-size: 0.8rem;
+    color: var(--text-secondary, #888);
+    font-weight: 500;
+}
+.notif-pref-table th:nth-child(2),
+.notif-pref-table th:nth-child(3) {
+    text-align: center;
+    width: 70px;
+}
+.notif-pref-table td {
+    padding: 8px;
+    border-bottom: 1px solid var(--border-color, #eee);
+}
+.notif-pref-toggle {
+    text-align: center;
+}
+.notif-pref-label {
+    font-size: 0.85rem;
+}
+
+/* ── SMTP Config (Admin panel) ────────────── */
+
+.smtp-config-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 12px;
+}
+.smtp-config-grid .form-group {
+    margin-bottom: 0;
+}
+.smtp-config-grid .form-group.full-width {
+    grid-column: 1 / -1;
+}
+.smtp-test-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-top: 12px;
+}
+.smtp-test-status {
+    font-size: 0.85rem;
+    color: var(--text-secondary, #888);
+}
+.smtp-test-status.success { color: var(--success-color, #2e7d32); }
+.smtp-test-status.error { color: var(--error-color, #d32f2f); }
+
+@media (max-width: 600px) {
+    .smtp-config-grid {
+        grid-template-columns: 1fr;
+    }
+}