body[data-workspace-active="campaigns"] [data-cc-content] {
  --tch-workspace-scope: campaigns;
}

/* Page-owned styles for the campaigns workspace. Shared shell primitives remain in src/styles.css. */

/* Page-owned styles for the campaigns workspace. Shared shell primitives remain in src/styles.css. */

body[data-workspace-active="campaigns"] .cc-campaign-type h4 {
  margin: 0;
  letter-spacing: 0;
}

body[data-workspace-active="campaigns"] .cc-campaign-hero {
  align-items: stretch;
  border: 1px solid #d8e5dc;
  border-radius: 12px;
  background: linear-gradient(135deg, #ffffff 0%, #f1f7f3 100%);
  padding: 22px;
  box-shadow: var(--cc-card-shadow);
}

body[data-workspace-active="campaigns"] .cc-campaign-type {
  border: 1px solid transparent;
  border-radius: 8px;
  background: var(--cc-panel);
}

body[data-workspace-active="campaigns"] .cc-campaign-type {
  padding: 16px;
}

body[data-workspace-active="campaigns"] .cc-campaign-type {
  box-shadow: var(--cc-card-shadow);
}

body[data-workspace-active="campaigns"] .cc-campaign-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

body[data-workspace-active="campaigns"] .cc-campaign-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body[data-workspace-active="campaigns"] .cc-campaign-type h4 {
  margin: 0;
  font-size: 15px;
}

body[data-workspace-active="campaigns"] .cc-campaign-type p {
  margin: 4px 0 0;
  color: var(--cc-muted);
}

@media (max-width: 1180px) {

  body[data-workspace-active="campaigns"] .cc-campaign-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {

  body[data-workspace-active="campaigns"] .cc-campaign-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {

  body[data-workspace-active="campaigns"] .cc-campaign-hero {
    padding: 16px;
  }
}