fix: mark planned auth and settings flows explicitly

apps/ui/css/settings.css

@@ -142,3 +142,64 @@
 .role-admin  { background: rgba(13,148,136,0.1);   border-color: rgba(13,148,136,0.25); color: var(--accent); }
 .role-member { background: var(--bg-overlay);       border-color: var(--border);          color: var(--text-muted); }
 .role-viewer { background: rgba(88,166,255,0.07);   border-color: var(--blue-border);     color: var(--blue); }
+
+.planned-section-title {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-bottom: 12px;
+  font-size: 13.5px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.planned-badge {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px 8px;
+  border-radius: 999px;
+  border: 1px solid rgba(245, 158, 11, 0.24);
+  background: rgba(245, 158, 11, 0.09);
+  color: var(--amber);
+  font-size: 10px;
+  font-weight: 700;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+}
+
+.planned-badge.small {
+  padding: 1px 7px;
+}
+
+.planned-list {
+  display: grid;
+  gap: 12px;
+}
+
+.planned-item {
+  padding: 14px 16px;
+  border-radius: var(--radius);
+  border: 1px solid var(--border);
+  background: rgba(255, 255, 255, 0.02);
+}
+
+.planned-item-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+  margin-bottom: 6px;
+}
+
+.planned-item-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--text-primary);
+}
+
+.planned-item-desc {
+  font-size: 12.5px;
+  line-height: 1.5;
+  color: var(--text-muted);
+}