feat: add runner failover policies and traces

apps/web/src/styles/pages.css

@@ -1536,6 +1536,70 @@
   gap: 10px;
 }
 
+.runtimeTagInput {
+  width: 100%;
+}
+
+.runtimeTagInput .ant-select-selector {
+  min-height: 2.375rem;
+  border-color: var(--border) !important;
+  border-radius: 0.5rem !important;
+  background: var(--background) !important;
+  box-shadow: none !important;
+}
+
+.runtimeTagInput .ant-select-selection-placeholder {
+  color: var(--muted-foreground);
+}
+
+.runtimeTagInput .ant-select-selection-item {
+  border-color: var(--border);
+  border-radius: 999px;
+  background: var(--surface-subtle);
+}
+
+.runtimeFieldHint {
+  color: var(--muted-foreground);
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-regular);
+  line-height: 1.45;
+}
+
+.runnerPolicyForm {
+  padding: 0;
+  background: transparent;
+}
+
+.runnerPolicyHeaderText {
+  min-width: 0;
+}
+
+.runnerPolicyHeaderText .mutedText {
+  margin: 4px 0 0;
+}
+
+.runnerPolicyHeaderStatus {
+  min-width: 220px;
+  max-width: 240px;
+}
+
+.runnerPolicyWorkbench {
+  grid-template-columns: 240px minmax(0, 1fr);
+}
+
+.runnerPolicyDetailPanel {
+  min-height: 360px;
+}
+
+.runnerPolicyDetailRows {
+  padding: 8px 10px;
+}
+
+.runtimePolicyActions {
+  display: flex;
+  justify-content: flex-end;
+}
+
 @media (max-width: 1180px) {
   .modelCards,
   .providerCatalogGrid,
@@ -1549,6 +1613,16 @@
 }
 
 @media (max-width: 860px) {
+  .runnerPolicyHeader {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .runnerPolicyHeaderStatus {
+    width: 100%;
+    max-width: none;
+  }
+
   .subPageLayout,
   .modelsPage {
     grid-template-columns: 1fr;