.rail-item[data-rail-app="DeepSeek Harness"] .lbl { font-size: 10px; white-space: normal; line-height: 13px; max-width: 50px; text-align: center; }
.rail-item[data-rail-app="DeepSeek Harness"] svg { color: #4269c9; }
.rail-item[data-rail-app="DeepSeek Harness"].active { background: #edf2ff; color: #365ac7; }
body.crm-harness-page .menu-panel, body.crm-harness-page .aiw-fab { display: none; }
.harness-workspace { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 16px 20px 10px; gap: 10px; }
.harness-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex: none; }
.harness-heading h1 { font-size: 22px; color: #243456; margin: 0 0 5px; }
.harness-heading p { font-size: 12px; color: #697a94; margin: 0; }
.harness-badge { font-size: 12px; color: #a26719; background: #fff7e9; border: 1px solid #f1ddba; padding: 6px 10px; border-radius: 14px; }
.harness-actions { display: flex; align-items: center; gap: 18px; flex: none; font-size: 12px; }
.harness-actions a { color: #456bc8; }
.harness-actions a[hidden] { display: none; }
.harness-host { flex: 1; min-height: 0; overflow: hidden; border: 1px solid #dce4f2; border-radius: 12px; background: white; }
.harness-host iframe { display: block; width: 100%; height: 100%; border: 0; }
.harness-note { flex: none; font-size: 11px; color: #79859a; margin: 0; }
@media (max-width: 768px) {
  .harness-workspace { padding: 10px; gap: 8px; }
  .harness-heading { flex-wrap: wrap; gap: 5px; }
  .harness-heading h1 { font-size: 19px; }
  .harness-badge { font-size: 11px; padding: 4px 7px; }
}