OPC # 0001: Gitea services

Co-authored-by: Copilot <copilot@github.com>

clarity.controlplane/src/index.css

@@ -385,8 +385,10 @@ body {
 }
 
 .tier-badge-shared    { background: #e5e8eb; color: #5f6b7c; }
+.tier-badge-trial     { background: #dce9ff; color: #184a90; }
 .tier-badge-isolated  { background: #fef3c7; color: #92400e; }
-.tier-badge-dedicated { background: #fee2e2; color: #991b1b; }
+.tier-badge-dedicated { background: #fde8d8; color: #9e3a06; }
+.tier-badge-enterprise { background: #fee2e2; color: #991b1b; }
 
 .tier-card-description {
   font-size: 0.8rem;
@@ -963,3 +965,96 @@ body {
   color: #82071e;
 }
 
+/* ── Changesets Page ───────────────────────────────────────────────────── */
+
+.cs-timeline {
+  display: flex;
+  flex-direction: column;
+  border: 1px solid #dce0e6;
+  border-radius: 8px;
+  overflow: hidden;
+  margin-top: 0.5rem;
+}
+
+.cs-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.75rem;
+  padding: 0.55rem 1rem;
+  border-bottom: 1px solid #e5e8eb;
+  cursor: pointer;
+  transition: background 0.1s;
+}
+
+.cs-row:last-child {
+  border-bottom: none;
+}
+
+.cs-row:hover {
+  background: #f6f7f9;
+}
+
+.cs-row-left {
+  flex-shrink: 0;
+  width: 68px;
+  display: flex;
+  justify-content: flex-end;
+  padding-top: 2px;
+}
+
+.cs-repo-badge {
+  font-size: 0.67rem;
+  min-width: 52px;
+  text-align: center;
+  letter-spacing: 0.01em;
+}
+
+.cs-row-body {
+  flex: 1;
+  min-width: 0;
+}
+
+.cs-row-top {
+  display: flex;
+  align-items: baseline;
+  gap: 0.5rem;
+  flex-wrap: nowrap;
+  min-width: 0;
+}
+
+.cs-subject {
+  font-size: 0.84rem;
+  font-weight: 500;
+  color: #1c2127;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.cs-row-meta {
+  font-size: 0.72rem;
+  color: #738091;
+  margin-top: 2px;
+}
+
+.cs-file-count {
+  color: #8f99a8;
+}
+
+.cs-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 1rem;
+  padding: 1rem 0;
+  border-top: 1px solid #e5e8eb;
+  margin-top: 0.25rem;
+}
+
+.cs-page-label {
+  font-size: 0.85rem;
+  color: #5c7080;
+  font-weight: 500;
+  min-width: 60px;
+  text-align: center;
+}