// Component-specific overrides only — layout handled by shared styles.
.swb-rollout-layout {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.swb-rollout-create,
.swb-rollout-list,
.swb-rollout-detail {
  border: 1px solid var(--gb-border-color, #ddd);
  border-radius: 4px;
  padding: 12px;
}

.swb-rollout-create { flex: 1 1 320px; }
.swb-rollout-list   { flex: 1 1 320px; }
.swb-rollout-detail { flex: 2 1 480px; }

.swb-rollout-row {
  cursor: pointer;
  padding: 4px 0;
}
.swb-rollout-row--selected {
  font-weight: bold;
}

.swb-rollout-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 8px;
}